:root{color-scheme:dark;--bg:#0d1719;--panel:#142327;--line:#ffffff12;--muted:#8baba8;--jade:#9ce7c5;--gold:#e7c787;--text:#edf3e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:10px 15px;background:#213937;color:var(--jade);transition:background .2s,transform .2s}button:hover{background:#304b43;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default;transform:none}button.primary{background:var(--jade);color:#10251f;font-weight:700}button.danger{color:#fba99e;background:#4b2c2c}input,select,textarea{width:100%;border:1px solid #ffffff22;border-radius:10px;padding:12px;background:#0d191c;color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--jade)}label{display:block;color:var(--muted);margin-bottom:12px}label input,label textarea{margin-top:5px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:36px;line-height:1.2}h2{font-size:21px}h3{font-size:16px;margin-bottom:4px}p{color:var(--muted)}small{color:var(--muted)}a{color:var(--jade)}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 0%,#20433855,transparent 50%),radial-gradient(ellipse at 0% 60%,#33412e22,transparent 40%);pointer-events:none}.shell{max-width:1150px;margin:auto;padding:0 28px 110px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:23px;color:var(--gold);letter-spacing:2px}.brand span{font-size:31px;margin-right:10px}.badge{padding:3px 9px;border:1px solid #b1d8bf30;border-radius:20px;font-size:11px;color:var(--jade)}.top-actions{display:flex;align-items:center;gap:12px}.layout{display:grid;grid-template-columns:210px 1fr;gap:28px;padding-top:28px}.sidenav{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:20px}.sidenav button{text-align:left;background:transparent;color:var(--muted);border-color:transparent;display:flex;gap:14px}.sidenav button.active{background:#9ce7c511;color:var(--jade);border-color:#9ce7c522}.sidenav .nav-caption{font-size:10px;letter-spacing:2px;padding:15px;color:#698782}.content{min-width:0;animation:rise .35s ease-out}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:var(--gold);margin-bottom:10px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title h2{margin:0}.hero{position:relative;overflow:hidden;min-height:240px;border:1px solid #a2d2b625;border-radius:20px;padding:32px;background:linear-gradient(120deg,#1b3633,#172822 65%,#2a3828);margin-bottom:20px}.hero h1,.hero p,.hero button,.hero .eyebrow{position:relative;z-index:1;max-width:65%}.hero p{margin-bottom:25px}.hero-art{position:absolute;right:0;bottom:0;width:40%;height:100%;opacity:.8}.mountain{position:absolute;width:230px;height:200px;background:linear-gradient(135deg,#6f9a8033,#071c13);clip-path:polygon(50% 0,100% 100%,0 100%);bottom:-20px;right:-30px}.mountain:nth-child(2){width:180px;height:150px;right:110px;background:linear-gradient(135deg,#9bbc9855,#102d21)}.moon{position:absolute;right:70px;top:40px;width:65px;height:65px;border-radius:50%;background:#d5dfbddd;box-shadow:0 0 60px #d5dfbd22}.cloud{position:absolute;right:20px;bottom:70px;width:240px;height:35px;background:#c3e4c414;filter:blur(14px);animation:float 7s ease-in-out infinite}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#192b2d,#132123);padding:20px;margin-bottom:15px}.grid .card{margin:0}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metric{font-size:24px;color:var(--gold);font-variant-numeric:tabular-nums}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metrics .card{padding:15px;margin:0}.metrics small{display:block;font-size:11px}.symbol{font-size:30px;color:var(--gold)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row .actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.row .actions button{padding:7px 10px;font-size:12px}.bar{height:7px;border-radius:8px;background:#0004;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,#509e86,#b4eac3);border-radius:8px;transition:width .5s}.bar.hp span{background:linear-gradient(90deg,#ad6662,#e9a889)}.bar.mp span{background:#86b9d1}.muted{color:var(--muted)}.mini{font-size:12px}.gold{color:var(--gold)}.notice{background:#e7c7870c;border:1px solid #e7c78722;padding:13px 16px;border-radius:12px;font-size:12px;color:var(--gold);margin-bottom:18px}.empty{padding:30px;text-align:center;color:var(--muted)}.actions-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.auth{max-width:430px;margin:8vh auto;padding:26px}.auth .brand{margin-bottom:24px}.auth h1{font-size:30px}.auth button{width:100%;margin:5px 0}.auth-footer{text-align:center;font-size:12px;margin-top:20px}.battle-log{max-height:240px;overflow:auto;font-size:12px}.battle-log p{margin:0;padding:8px;border-bottom:1px solid var(--line)}.training-orb{width:120px;height:120px;border:1px solid #9ce7c566;border-radius:50%;margin:25px auto;display:grid;place-items:center;font-size:45px;color:var(--jade);box-shadow:0 0 50px #9ce7c515,inset 0 0 30px #9ce7c510;animation:breathe 4s infinite}.center{text-align:center}.chat-fab{position:fixed;bottom:28px;right:28px;background:var(--jade);color:#13302a;z-index:25;box-shadow:0 8px 35px #0006}.chat-panel{position:fixed;bottom:85px;right:28px;width:350px;max-width:calc(100vw - 24px);z-index:30;background:#142527;border:1px solid #547167;border-radius:18px;padding:15px;box-shadow:0 20px 70px #0009}.chat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chat-head button{padding:2px 10px}.chat-panel select{padding:7px}.chat-panel #messages{height:260px;overflow:auto;margin:10px 0}.chat-message{font-size:12px;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.chat-message strong{color:var(--gold)}.chat-panel form{display:flex;gap:7px}.chat-panel input{min-width:0}#toast{position:fixed;top:15px;left:50%;transform:translate(-50%,-15px);background:#e3efdb;color:#143328;padding:12px 20px;border-radius:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100;max-width:90vw;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{text-align:center;padding:100px;font-size:35px}.loading p{font-size:14px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto}.file-input{padding:20px;border:1px dashed #9ce7c555}.update-files{font-family:monospace;font-size:11px;overflow-wrap:anywhere}.footer{margin-top:25px;font-size:10px;color:#6d8884}.mobilebar{display:none}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{50%{box-shadow:0 0 60px #9ce7c530,inset 0 0 35px #9ce7c525;transform:scale(1.025)}}@keyframes float{50%{transform:translateX(-25px)}}@media(max-width:760px){.shell{padding:0 14px 125px}.topbar{height:68px}.brand{font-size:18px;letter-spacing:1px}.brand span{font-size:23px;margin-right:5px}.top-actions .badge{display:none}.top-actions button{font-size:11px;padding:7px 9px}.layout{display:block;padding-top:18px}.sidenav{position:static;display:flex;flex-direction:row;overflow-x:auto;padding-bottom:12px;margin-bottom:8px;scrollbar-width:none}.sidenav button{white-space:nowrap;padding:7px 12px;gap:6px;font-size:12px}.nav-caption{display:none}.hero{padding:24px;min-height:230px}.hero h1{font-size:30px}.hero h1,.hero p{max-width:78%}.hero-art{opacity:.5;width:45%}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:8px}.metrics .card{padding:12px 10px}.metric{font-size:20px}.card{padding:16px}.chat-fab{bottom:76px;right:15px;padding:10px 15px}.chat-panel{bottom:132px;right:12px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#122326ee;backdrop-filter:blur(16px);border-top:1px solid #9ce7c520;padding:8px 8px max(10px,env(safe-area-inset-bottom));z-index:20;justify-content:space-around}.mobilebar button{background:transparent;border:0;padding:3px 9px;color:var(--muted);font-size:10px}.mobilebar button span{display:block;font-size:20px}.mobilebar button.active{color:var(--jade)}.row .actions{max-width:55%}}@media(max-width:380px){.grid{grid-template-columns:1fr}.hero p{max-width:90%}.hero-art{opacity:.35}.metric{font-size:18px}.card{padding:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.grid{grid-template-columns:1fr}.hero h1{max-width:100%;font-size:30px}.hero p{max-width:95%}.hero button{max-width:100%}.hero-art{opacity:.4}.page-title .badge{font-size:9px;max-width:125px;flex-shrink:0}.page-title{gap:15px}}
.update-files{white-space:pre-wrap}
/* 1.0.2: realm identity, cultivation particles and lightweight page effects */
.shell{--realm:#9ce7c5;--realm-glow:#9ce7c525}
.shell[data-realm="0"]{--realm:#c6d6cb;--realm-glow:#c6d6cb18}
.shell[data-realm="1"],.shell[data-realm="2"]{--realm:#91e2c6;--realm-glow:#91e2c625}
.shell[data-realm="3"],.shell[data-realm="4"]{--realm:#e9cd8c;--realm-glow:#e9cd8c25}
.shell[data-realm="5"],.shell[data-realm="6"]{--realm:#bdabf0;--realm-glow:#bdabf025}
.shell[data-realm="7"],.shell[data-realm="8"]{--realm:#f0b3a6;--realm-glow:#f0b3a625}
.shell[data-realm="9"],.shell[data-realm="10"]{--realm:#dce8ff;--realm-glow:#dce8ff35}
.realm-badge{display:inline-block;position:relative;padding:5px 12px;color:var(--realm);background:var(--realm-glow);border:1px solid var(--realm);border-radius:24px;box-shadow:0 0 18px var(--realm-glow);font-size:12px;letter-spacing:.5px}
.realm-title{color:var(--realm);text-shadow:0 0 25px var(--realm-glow);letter-spacing:3px;font-family:Georgia,serif;font-size:28px}
.card{transition:border-color .25s,box-shadow .25s,transform .25s}
.card:focus-within{border-color:#9ce7c54a}
@media(hover:hover){.card:hover{border-color:#9ce7c533;box-shadow:0 8px 25px #0002}.grid .card:hover{transform:translateY(-2px)}}
button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:2px solid var(--jade);outline-offset:3px}
.content{animation:page-in .32s cubic-bezier(.22,.61,.36,1)}
.cultivation-orb{position:relative;color:var(--realm);border-color:var(--realm);box-shadow:0 0 35px var(--realm-glow),inset 0 0 25px var(--realm-glow)}
.cultivation-orb:before,.cultivation-orb:after{content:"";position:absolute;inset:-11px;border:1px solid var(--realm);border-radius:50%;border-left-color:transparent;border-right-color:transparent;opacity:.35;animation:qi-orbit 12s linear infinite}
.cultivation-orb:after{inset:-22px;border-style:dashed;opacity:.18;animation-direction:reverse;animation-duration:24s}
.qi-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--realm);box-shadow:0 0 10px var(--realm);left:50%;top:50%;animation:qi-flow 5s linear infinite;pointer-events:none}
.qi-spark.second{animation-delay:-1.7s}.qi-spark.third{animation-delay:-3.4s}
.item-row[data-upgrade="7"] b,.item-row[data-upgrade="8"] b,.item-row[data-upgrade="9"] b,.item-row[data-upgrade="10"] b{color:var(--gold);text-shadow:0 0 15px #e7c78740}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#daf3cb06 46%,transparent 65%);pointer-events:none;animation:mist-drift 14s ease-in-out infinite}
.sidenav button.active{box-shadow:inset 2px 0 var(--realm)}
.breakthrough-layer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0c172b85;backdrop-filter:blur(3px);pointer-events:none;animation:realm-reveal 3.2s ease both}
.breakthrough-ring{position:absolute;width:min(65vw,320px);aspect-ratio:1;border-radius:50%;border:1px solid #e7c78788;box-shadow:0 0 80px #e7c78725,inset 0 0 50px #e7c78715;animation:realm-ring 3.2s ease-out both}
.breakthrough-text{text-align:center;padding:24px;position:relative;text-shadow:0 0 30px #e7c78755}.breakthrough-text span{display:block;letter-spacing:3px;font-size:11px;color:var(--gold)}.breakthrough-text strong{display:block;font:32px/1.7 Georgia,serif;color:#f0dfa8}.breakthrough-text small{color:#cbdacb}
@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes qi-orbit{to{transform:rotate(360deg)}}
@keyframes qi-flow{0%{transform:rotate(0deg) translateX(56px);opacity:0}20%,80%{opacity:.85}100%{transform:rotate(360deg) translateX(56px);opacity:0}}
@keyframes mist-drift{50%{transform:translateX(18px);opacity:.4}}
@keyframes realm-reveal{0%,100%{opacity:0}15%,75%{opacity:1}}
@keyframes realm-ring{from{transform:scale(.65);opacity:0}30%{opacity:1}to{transform:scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){.breakthrough-layer{animation:none!important}.qi-spark{display:none}.hero:after{display:none}}
/* Compact WAP hub: pinned player HUD and feature popups */
:root{--hud-height:173px;scrollbar-gutter:stable}
.hub-shell{max-width:760px;padding:0 14px 115px}
.player-hud{position:sticky;top:0;z-index:75;background:linear-gradient(130deg,#142925f5,#112122fa);backdrop-filter:blur(16px);border:1px solid #9ce7c52a;border-top:0;border-radius:0 0 20px 20px;padding:10px 15px;box-shadow:0 12px 35px #0004}
.hud-brand{display:flex;align-items:center;justify-content:space-between;font-family:Georgia,serif;color:var(--gold);font-size:12px;letter-spacing:1.5px;margin-bottom:7px}
.hud-brand .badge{font-family:system-ui;letter-spacing:0;font-size:9px}
.hud-character{display:flex;gap:10px;align-items:center}.avatar-button{padding:0;border:1px solid var(--realm);border-radius:14px;background:#243e35;width:49px;height:49px;flex-shrink:0;overflow:hidden;box-shadow:0 0 16px var(--realm-glow)}
.avatar-img,.avatar-placeholder{width:100%;height:100%;display:block;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#638570,#1c3630);font:24px Georgia,serif;color:#e8d5a3}
.hud-identity{flex:1;min-width:0}.hud-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.hud-identity>div{display:flex;gap:8px;align-items:center;margin-top:3px}.hud-identity .realm-badge{font-size:10px;padding:2px 8px}.hud-identity small{font-size:10px}.hud-profile{padding:5px 10px;font-size:19px;background:transparent;color:var(--realm)}
.hud-stats{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:9px;font-size:10px;color:var(--muted)}.hud-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px}.hud-exp{display:flex;align-items:center;gap:10px;margin-top:5px}.hud-exp small{font-size:9px;white-space:nowrap}.hud-exp .bar{flex:1;margin:0;height:4px}
.hub-home{padding:24px 3px}.hub-welcome{padding:10px 3px 18px}.hub-welcome h1{font:28px/1.25 Georgia,serif;margin:0 0 10px}.hub-welcome p{font-size:12px;margin:0}.hub-welcome .eyebrow{font-size:9px;letter-spacing:2px}
.hub-heading{display:flex;justify-content:space-between;align-items:center;margin:7px 2px 15px}.hub-heading h2{font-size:15px;margin:0}.hub-heading small{font-size:10px;color:var(--realm)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.feature-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:108px;padding:14px 8px;background:linear-gradient(145deg,#1c3431,#152628);border:1px solid #9ce7c518;border-radius:16px;color:#d9eadf;font-size:12px;text-align:center;box-shadow:inset 0 1px #ffffff06;transition:transform .2s,border-color .2s,background .2s}
.feature-tile:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 0%,#97d6af0b,transparent 60%)}.feature-tile .feature-icon{font-size:25px;color:var(--gold);line-height:1.35}.feature-tile small{font-size:9px;color:#839e96;line-height:1.3}.feature-tile:hover{border-color:var(--realm);transform:translateY(-2px)}.feature-tile:active{transform:scale(.97)}
.quick-card{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}.quick-card .eyebrow{font-size:8px;letter-spacing:2px}.quick-card h3{font-size:14px}.quick-card small{font-size:10px}.quick-card button{font-size:12px;white-space:nowrap}
.avatar-large{width:105px;height:105px;border-radius:24px;overflow:hidden;margin:10px auto 20px;border:1px solid var(--realm);box-shadow:0 0 35px var(--realm-glow)}.avatar-large .avatar-placeholder{font-size:50px}
.hub-bottom{display:flex;max-width:760px;margin:auto}.chat-fab{z-index:105;bottom:78px;right:max(15px,calc((100vw - 760px)/2 + 15px));font-size:12px;padding:9px 13px}.chat-panel{z-index:110;bottom:132px;right:max(12px,calc((100vw - 760px)/2 + 12px))}
@media(min-width:761px){.hub-home{padding:30px 9px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-tile{min-height:120px}.hud-stats{font-size:12px;gap:20px}.hud-stats b{font-size:13px}.hud-identity strong{font-size:16px}.player-hud{padding:12px 20px}.hub-welcome h1{font-size:33px}.feature-overlay{padding-top:18px}.hub-bottom{left:50%;transform:translateX(-50%);width:100%}}
@media(max-width:350px){.feature-grid{gap:8px}.feature-tile{min-height:100px;font-size:11px}.feature-tile small{font-size:8px}.hud-stats{gap:4px 8px}.hud-stats b{font-size:10px}.player-hud{padding:9px 11px}.modal-body{padding:12px}.feature-overlay{padding:9px 8px 78px}.feature-modal{border-radius:18px}}
.feature-icon svg{display:block;width:29px;height:29px}.hub-bottom button span svg{width:20px;height:20px;margin:0 auto 2px}.hud-vitals{display:flex;gap:10px;justify-content:space-between;font-size:9px;color:#91b7ab;margin-top:5px}.hud-vitals span:first-child{color:#d1a19a}.hud-vitals span:nth-child(2){color:#9cc2d4}
.hub-bottom{position:fixed;bottom:0;left:0;right:0;background:#122326ee;backdrop-filter:blur(16px);border-top:1px solid #9ce7c520;padding:8px 8px max(10px,env(safe-area-inset-bottom));z-index:20;justify-content:space-around}.hub-bottom button{background:transparent;border:0;padding:3px 9px;color:var(--muted);font-size:10px}.hub-bottom button.active{color:var(--jade)}
@media(min-width:761px){.hub-bottom{left:50%;right:auto;transform:translateX(-50%);width:760px}}

#toast{top:auto;bottom:140px}

/* Sect expansion */
.sect-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.sect-tabs button{flex:1 1 95px;font-size:13px;padding:10px 8px}.sect-tabs .active{background:var(--gold);color:#10251f}.sect-banner{background:radial-gradient(ellipse at top right,#38644a55,transparent 65%),var(--panel)}.sect-boss{border-color:#a17e38;box-shadow:0 0 30px #c49a3920}.sect-boss h2{color:var(--gold)}.sect-boss .row{flex-wrap:wrap;gap:8px}.sect-boss button{margin:6px 6px 6px 0}

/* 1.2.1: continuous pages, no feature overlays */
:root{--bg:#0c171a;--panel:#14262a;--jade:#abd9c1;--gold:#dcc18c;--muted:#97aaa6;--line:#bdd8cf16}
body{background:radial-gradient(ellipse at top,#21413744,transparent 600px),#0c171a;font-size:14px}
.page-shell{max-width:980px;padding:0 16px 100px}.player-hud{z-index:40;border-radius:0 0 16px 16px;background:#132927f5;box-shadow:0 4px 24px #0003;padding:9px 14px;backdrop-filter:blur(10px)}
.hud-character .avatar-button{width:43px;height:43px;border-radius:12px}.hud-brand{font-size:11px;margin-bottom:5px}.hud-stats{gap:5px 13px;margin-top:7px}.hud-profile svg{width:22px;height:22px}.hud-vitals{font-size:10px}.hud-exp{margin-top:4px}
.page-nav{display:flex;gap:6px;overflow-x:auto;padding:12px 0;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:18px}.page-nav button{flex-shrink:0;border:0;white-space:nowrap;background:transparent;color:var(--muted);padding:8px 13px;font-size:12px;border-radius:9px}.page-nav .active{background:#abd9c11c;color:var(--jade);box-shadow:inset 0 -2px var(--jade)}
.page-content{min-width:0}.page-breadcrumb{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.page-breadcrumb h1{font:600 19px/1.4 system-ui;margin:0;color:var(--text)}.page-breadcrumb button{font-size:12px;padding:7px 10px;background:transparent;border-color:var(--line)}.page-content .page-title{display:none}
.hub-welcome{padding:4px 0 25px;border-bottom:1px solid var(--line);margin-bottom:23px}.hub-welcome h1{font-size:30px;letter-spacing:-.5px}.hub-welcome .eyebrow{color:var(--jade);font-size:9px}.hub-heading{margin:0 0 15px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-tile{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;min-height:84px;padding:15px;text-align:left;align-items:center;border-radius:13px;background:linear-gradient(130deg,#213630,#142726);box-shadow:none}.feature-tile .feature-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#dcc18c0b;color:var(--gold)}.feature-tile>span:not(.feature-icon){font-size:13px;font-weight:600;align-self:end}.feature-tile small{font-size:10px;align-self:start;line-height:1.45}.feature-icon svg{width:23px;height:23px}.feature-tile:before{display:none}
.card{background:#152729;border:1px solid #bdd8cf18;border-radius:14px;padding:20px;box-shadow:none}.notice{line-height:1.7;background:#dcc18c09}.grid{gap:13px}.grid .card{margin:0}.card p:last-child{margin-bottom:0}.card h3{margin-bottom:12px}.row{flex-wrap:wrap;overflow-wrap:anywhere}.row>div{min-width:0}.actions-inline button{min-height:42px}.quick-card{margin-top:18px}.quick-card .eyebrow{margin-bottom:5px}.quick-card h3{margin-bottom:5px}.sect-tabs{gap:7px}.sect-tabs button{flex:1 1 95px;border-radius:9px}.sect-banner{background:linear-gradient(125deg,#294537,#152927);border-color:#dcc18c30}.sect-boss{box-shadow:none;background:#172b29;border-color:#dcc18c48}
.battle-reminder{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dcc18c30;border-radius:11px;padding:10px 13px;color:var(--gold);font-size:12px;margin-bottom:16px}.battle-reminder button{white-space:nowrap;font-size:11px;padding:7px 10px}
#chat-panel{position:static;width:100%;max-width:none;box-shadow:none;border:1px solid var(--line);border-radius:14px;padding:18px;background:#152729}#chat-panel #messages{height:45vh;min-height:230px;max-height:500px}.chat-fab{z-index:30;bottom:81px;right:max(16px,calc((100vw - 980px)/2 + 16px));box-shadow:0 4px 15px #0004}.chat-panel form{align-items:center}.chat-panel input{font-size:16px}
.hub-bottom{max-width:980px;z-index:35;background:#122625f7;box-shadow:0 -3px 20px #0003}.hub-bottom button{font-size:10px;min-width:50px;padding:3px 5px}.hub-bottom button.active{color:var(--gold)}#toast{bottom:135px;max-width:min(90vw,460px);width:max-content;font-size:12px;box-shadow:0 8px 30px #0003}
.realm-flash{animation:hud-flash 1.4s ease-out}@keyframes hud-flash{30%{box-shadow:0 0 28px var(--realm-glow)}}
@media(min-width:761px){.page-shell{padding:0 28px 105px}.player-hud{padding:12px 20px}.hud-stats{font-size:11px;gap:22px}.hud-stats b{font-size:12px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-bottom{left:50%;right:auto;width:min(100%,980px);transform:translateX(-50%)}.page-content{padding-top:4px}.page-nav{padding-top:16px}}
@media(max-width:380px){.page-shell{padding:0 11px 105px}.feature-tile{grid-template-columns:30px 1fr;padding:12px 9px;gap:4px 7px}.feature-tile .feature-icon{width:30px;height:34px}.feature-tile>span:not(.feature-icon){font-size:12px}.feature-tile small{font-size:9px}.card{padding:16px}.hud-stats{gap:4px 9px}.hud-vitals{font-size:9px}.hub-welcome h1{font-size:26px}.quick-card{flex-wrap:wrap}.page-content .grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.realm-flash{animation:none}.feature-tile,.card,button{transition:none!important}}

/* 1.3.0: compact chat, cosmetics and currency pages */
#chat-panel{position:fixed;right:16px;bottom:132px;width:300px;max-width:calc(100vw - 24px);padding:14px;border:1px solid #68887970;border-radius:16px;background:#142a2bf5;box-shadow:0 15px 55px #0008;backdrop-filter:blur(10px);z-index:65}#chat-panel[hidden]{display:none}#chat-panel #messages{height:160px;min-height:120px;max-height:calc(100dvh - 370px)}#chat-panel .chat-head{font-size:13px}#chat-panel input{font-size:13px}.chat-fab{right:16px;z-index:60}.chat-panel select{padding:7px}.hud-stats span{white-space:nowrap}.hud-stats{gap:4px 11px}.hud-stats b{padding-left:3px}
.nick-jade{color:#91e4bc!important;text-shadow:0 0 10px #91e4bc35}.nick-gold{color:#f0ce75!important;text-shadow:0 0 10px #f0ce7540}.nick-violet{color:#c5a4ff!important;text-shadow:0 0 10px #b899ff40}.nick{overflow-wrap:anywhere}
.frame-jade{border:2px solid #8ee0b7!important;box-shadow:0 0 12px #8ee0b745!important;animation:frame-jade 4s ease-in-out infinite}.frame-sun{border:2px solid #ebc476!important;box-shadow:0 0 17px #f0be5945!important;animation:frame-sun 3.8s ease-in-out infinite}.frame-thunder{border:2px solid #af9bf0!important;box-shadow:0 0 16px #b191f055!important;animation:frame-thunder 2.8s ease-in-out infinite}
@keyframes frame-jade{50%{box-shadow:0 0 21px #8ee0b775}}@keyframes frame-sun{50%{border-color:#ffe7ac;box-shadow:0 0 24px #f0be5970}}@keyframes frame-thunder{45%,55%{border-color:#e7d9ff;box-shadow:0 0 24px #c5aaff75}50%{box-shadow:0 0 12px #b191f030}}
.appearance-demo{display:grid;place-items:center;min-height:64px;width:max-content;max-width:100%;margin:8px auto 20px;padding:14px;border-radius:15px;font-size:22px}.cosmetic-preview .avatar-large{margin-bottom:15px}.rename-card{margin-top:24px}.payment-instructions{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.payment-instructions p{white-space:pre-wrap;overflow-wrap:anywhere}.topup-row{padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.topup-row:last-child{border:0}.first-topup{background:linear-gradient(125deg,#3b3323,#182c29);border-color:#dcc18c55}.first-topup .badge{margin-bottom:14px;color:var(--gold)}.daily-grid{margin-bottom:18px}.rank-number{width:26px;color:var(--gold);font-size:18px}.rank-name{flex:1;min-width:0}.leaderboard-row.is-self{background:#abd9c108;padding-left:8px;padding-right:8px}.leaderboard-row{flex-wrap:nowrap}#wallet-form .grid{margin-bottom:10px}.topup-review-form{padding-top:8px}.chat-head strong{min-width:0}
@media(max-height:600px){#chat-panel{bottom:80px;max-height:calc(100dvh - 100px);overflow:auto}#chat-panel #messages{height:120px;max-height:120px}}
@media(prefers-reduced-motion:reduce){.frame-jade,.frame-sun,.frame-thunder{animation:none!important}}

.bank-account{padding:16px;background:#0d1d1c;border:1px solid var(--line);border-radius:13px;margin-bottom:18px}.bank-account .row{align-items:flex-start}.bank-account .row b{max-width:68%;text-align:right;overflow-wrap:anywhere}.transfer-code{font-family:ui-monospace,monospace;letter-spacing:.5px;user-select:all;overflow-wrap:anywhere}.bank-qr{display:block;width:240px;max-width:100%;height:auto;background:white;padding:8px;border-radius:10px;margin:15px auto;object-fit:contain}.bank-qr-figure{margin:20px 0 0}.bank-qr-figure figcaption{font-size:12px;color:var(--muted);text-align:center}.payment-qr-admin{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}

/* Ngoại quan 1.3.2: SVG badges and animated light around the avatar. */
.nick{display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle;min-width:0}.nick-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hud-identity strong.nick{display:flex}.nick-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px currentColor)}.icon-sword{color:#9bdcff}.icon-lotus{color:#8ee0b7}.icon-crown{color:#ffd583}.icon-flame{color:#ff9c7b}
@property --frame-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.frame-jade{--ring:#8ee0b7;--ring-light:#e0ffed}.frame-sun{--ring:#eab653;--ring-light:#fff1bd}.frame-thunder{--ring:#ad87ff;--ring-light:#eee3ff}
.frame-jade,.frame-sun,.frame-thunder{position:relative;isolation:isolate}
.frame-jade::after,.frame-sun::after,.frame-thunder::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;padding:3px;background:conic-gradient(from var(--frame-angle),transparent 0deg,var(--ring) 70deg,var(--ring-light) 100deg,transparent 150deg,var(--ring) 250deg,var(--ring-light) 280deg,transparent 330deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:frame-orbit 5s linear infinite}
.frame-sun::after{animation-duration:4s}.frame-thunder::after{animation-duration:2.8s}
@keyframes frame-orbit{to{--frame-angle:360deg}}
.appearance-demo.frame-jade,.appearance-demo.frame-sun,.appearance-demo.frame-thunder{width:64px;height:64px;margin:0 auto;overflow:hidden;border-radius:18px}.appearance-demo img{width:100%;height:100%;object-fit:cover}.appearance-demo .avatar-initial{display:grid;place-items:center;width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.frame-jade::after,.frame-sun::after,.frame-thunder::after{animation:none!important}.nick-icon{filter:none}}

.site-image-preview{max-width:100%;max-height:150px;object-fit:contain;border-radius:12px}