:root{--ink:#2c1f10;--ink2:#5a4527;--gold:#caa256;--parch:#ece0bf;--hp:#54c46a;--hpd:#2e7a3d;--hype:#e0566a;--ct:#e8b54a;--teamA:#5aa6ff;--teamB:#ff6b6b;--pump:#3ecf7a;--liq:#ff5a6a;--font: "Trebuchet MS","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#0c1118;color:#f3ead2;font-family:var(--font);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s}#hud.active{opacity:1}#overlay{position:absolute;inset:0;pointer-events:none}#overlay>*{pointer-events:auto}.hidden{display:none!important}.panel,#menu,#abil,#statusPanel,.banner,.chip,#height,#toast{border-style:solid;border-width:14px;border-image:var(--frame) 26 fill repeat;image-rendering:auto}#rail{position:absolute;left:10px;top:8px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.railTitle{font-size:12px;letter-spacing:.5px;color:#d9e6f5;text-shadow:0 1px 3px #000;margin-bottom:2px;padding-left:4px;font-weight:700}.chip{position:relative;width:54px;height:54px;border-width:9px;border-image:var(--frame) 26 fill repeat;display:flex;align-items:center;justify-content:center;filter:saturate(.9)}.chip img{width:34px;height:34px;border-radius:3px;image-rendering:pixelated}.chip .chipNo{position:absolute;left:-7px;top:50%;transform:translateY(-50%);font-weight:700;font-size:15px;color:#fff;text-shadow:0 0 4px #000,0 1px 2px #000;width:16px;text-align:center}.chip.team0{box-shadow:inset 0 0 0 2px var(--teamA),0 2px 6px #00000080}.chip.team1{box-shadow:inset 0 0 0 2px var(--teamB),0 2px 6px #00000080}.chip.active{transform:scale(1.12);filter:saturate(1.2) brightness(1.08);z-index:2}.chip.active:after{content:"";position:absolute;inset:-4px;border:2px solid #fff3b0;border-radius:6px;box-shadow:0 0 10px #ffd86a}#height{position:absolute;right:14px;top:12px;min-width:120px;padding:6px 14px 6px 12px;border-width:11px;display:flex;align-items:baseline;gap:10px;color:var(--ink)}#height .hlabel{font-size:13px;color:var(--ink2);font-weight:700}#heightVal{font-size:30px;font-weight:700;color:#1d6e3a;text-shadow:0 1px 0 #fff8}#floaters,#popups{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floater{position:absolute;left:0;top:0;width:54px;text-align:center}.floater .fHp{height:6px;border-radius:3px;background:#1a120c;border:1px solid #000;overflow:hidden;box-shadow:0 1px 3px #000a}.floater .fHpFill{height:100%;background:linear-gradient(#7ee08a,#3a9a4d);transition:width .25s}.floater.team1 .fHpFill{background:linear-gradient(#ff8a8a,#c23a3a)}.floater .fCt{font-size:11px;font-weight:700;color:#ffe9a8;text-shadow:0 0 3px #000,0 1px 2px #000;margin-top:1px}.floater.team0 .fCt{color:#bfe0ff}.floater.team1 .fCt{color:#ffc4c4}.floater.active .fHp{box-shadow:0 0 8px #ffe08a,0 1px 3px #000}.popup{position:absolute;left:0;top:0;font-weight:900;font-size:34px;color:#fff;text-shadow:0 2px 0 #000,0 0 8px #000,2px 2px 0 #000;-webkit-text-stroke:1px #000;font-family:"Arial Black",var(--font)}.popup.dmg{color:#ffd0c0}.popup.crit{color:#ffe14a;font-size:42px;text-shadow:0 2px 0 #7a1a00,0 0 14px #ff7a2a}.popup.heal{color:#8effa6}.popup.miss{color:#cfd8e6;font-size:26px}.popup.buff{color:#ffd86a;font-size:26px}.speech{position:absolute;left:0;top:0;background:#f2e7c6;color:#2c1f10;border:2px solid #6e5530;border-radius:7px;padding:3px 10px;font-weight:700;font-size:14px;box-shadow:0 3px 8px #0008;white-space:nowrap}.speech:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:6px solid transparent;border-top-color:#f2e7c6}#banners{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:space-between;padding:0 12px;gap:12px;pointer-events:none}.banner{width:min(42vw,430px);min-height:118px;display:flex;gap:10px;padding:8px 12px;color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%)}.banner.right{flex-direction:row-reverse;text-align:right;clip-path:polygon(26px 0,100% 0,100% 100%,0 100%)}.banner.enemy{border-image:var(--frame) 26 fill repeat;filter:hue-rotate(-12deg) saturate(1.05)}.bnPortrait{position:relative;flex:0 0 auto}.bnPortrait img{width:74px;height:74px;image-rendering:pixelated;border:2px solid #6e5530;border-radius:4px}.enemyTag{position:absolute;left:0;bottom:-2px;right:0;text-align:center;font-size:10px;background:#a33;color:#fff;border-radius:0 0 3px 3px}.bnBody{flex:1;min-width:0}.bnTop{display:flex;align-items:baseline;gap:8px}.banner.right .bnTop{flex-direction:row-reverse}.bnName{font-size:20px;font-weight:700;color:#3a2a14}.bnLv{font-size:13px;color:#6a3}.bnExp{font-size:12px;color:var(--ink2)}.bar{display:flex;align-items:center;gap:6px;margin:2px 0}.banner.right .bar{flex-direction:row-reverse}.barLabel{width:42px;font-size:12px;font-weight:700;color:var(--ink2)}.barTrack{flex:1;height:11px;background:#2a1d10;border:1px solid #000;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0008}.barFill{height:100%;border-radius:2px}.bar.hp .barFill{background:linear-gradient(#7ee08a,#3a9a4d)}.bar.hype .barFill{background:linear-gradient(#ff8a9a,#c2384c)}.bar.ct .barFill{background:linear-gradient(#ffd86a,#d99a2a)}.barNum{width:64px;font-size:12px;font-weight:700;color:#3a2a14}.bnStats{display:flex;gap:14px;font-size:12px;color:var(--ink2);margin-top:2px}.banner.right .bnStats{justify-content:flex-end}.bnStats b{color:#3a2a14}.bnJob{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#3a2a14;margin-top:3px}.banner.right .bnJob{flex-direction:row-reverse}.jobIcon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.bnJp{margin-left:auto;font-size:11px;color:var(--ink2)}.banner.right .bnJp{margin-left:0;margin-right:auto}#centerHit{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 2px 5px #000;pointer-events:none}#centerHit .cnum b{font-size:40px;font-weight:900;color:#fff}#centerHit .cnum span{font-size:14px;margin-left:8px;color:#ffd0a0}#centerHit .chit{width:34px;height:34px;border:3px solid #ffe08a;border-radius:50%;position:relative;margin-bottom:2px;box-shadow:0 0 10px #000}#centerHit .chit:before{content:"";position:absolute;inset:9px;border:2px solid #ffe08a;border-radius:50%}#menu,#abil,#statusPanel{position:absolute;right:18px;bottom:140px;min-width:188px;padding:8px;color:var(--ink);pointer-events:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.menuTitle{font-size:13px;font-weight:700;color:#5a4527;border-bottom:1px solid #b89a5e;padding:2px 6px 5px;margin-bottom:4px}.mItem,.aItem{display:flex;align-items:center;gap:9px;padding:7px 10px;font-size:16px;font-weight:700;color:#3a2a14;cursor:pointer;border-radius:4px}.mItem:hover,.aItem:hover{background:linear-gradient(#fff7dd,#f0e2b8)}.mItem.disabled,.aItem.disabled{color:#9a8a6a;cursor:not-allowed;filter:grayscale(.6) opacity(.7)}.mItem .mIco{width:18px;height:18px;border-radius:50%;background:#caa256;box-shadow:inset 0 0 0 2px #fff6}.mIco.move{background:#3aa0ff}.mIco.abilities{background:#b06bff}.mIco.wait{background:#e8b54a}.mIco.status{background:#888}.aItem{justify-content:space-between}.aName{font-size:15px}.aMeta{font-size:11px;color:#6a5530;font-weight:400}.aItem.magic .aName{color:#7a3ac0}.aItem.heal .aName{color:#1d8a4d}.aItem.buff .aName{color:#b8841a}.aItem.back{justify-content:center;color:#6a5530;margin-top:3px;border-top:1px dashed #b89a5e}.stRow{font-size:13px;color:#5a4527;padding:2px 8px}.stRow b{color:#3a2a14}#toast{position:absolute;left:50%;top:64px;translate:-50% 0;padding:6px 20px;color:#3a2a14;font-weight:700;font-size:16px;opacity:0;transition:opacity .3s,top .3s;border-width:11px}#toast.show{opacity:1;top:74px}#prompts{position:absolute;left:50%;bottom:4px;transform:translate(-50%);display:flex;gap:14px;font-size:12px;color:#d9e6f5;text-shadow:0 1px 3px #000;background:#080c1466;padding:3px 14px;border-radius:10px;pointer-events:none;flex-wrap:wrap;justify-content:center;max-width:96vw}.prompt b{display:inline-block;background:#2a3a52;border:1px solid #5a7;border-radius:4px;padding:0 6px;margin-right:5px;color:#bfe0ff;font-family:monospace}#chat{position:absolute;left:12px;bottom:140px;width:300px;max-width:80vw;background:#0e121aeb;border:1px solid #3a4a5e;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(4px);box-shadow:0 8px 24px #000a;transition:transform .25s,opacity .25s}#chat.collapsed{transform:translateY(20px) scale(.96);opacity:0;pointer-events:none}#chatTabs{display:flex;gap:2px;padding:5px;background:#10151f}#chatTabs button{flex:1;background:#1c2536;color:#9fb3cc;border:none;padding:6px;border-radius:5px;font-weight:700;cursor:pointer;font-size:12px}#chatTabs button.on{background:#2e4a6a;color:#fff}#chatTabs #chatClose{flex:0 0 28px;background:#2a1c1c;color:#ff9a9a}#chatLog{height:170px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;font-size:13px}.cmsg{line-height:1.3;color:#dfe8f2;word-break:break-word}.cmsg b{color:#7fc0ff}.cmsg.me b{color:#7be0a6}.cmsg.sys{color:#8a9bb0;font-style:italic;font-size:12px}#chatForm{display:flex;gap:5px;padding:6px;background:#10151f}#chatInput{flex:1;background:#1c2536;border:1px solid #34465e;color:#fff;border-radius:5px;padding:7px;font-size:13px;outline:none}#chatForm button{background:#2e6a4a;color:#fff;border:none;border-radius:5px;padding:0 12px;font-weight:700;cursor:pointer}#chatLaunch{position:absolute;left:14px;bottom:148px;width:46px;height:46px;border-radius:50%;border:none;background:#1c2536;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #000a;border:1px solid #3a4a5e}#chatLaunch.ping{animation:ping .6s ease 2}@keyframes ping{50%{box-shadow:0 0 0 8px #7ee0a659}}:root{--ff:"Cinzel","Cormorant Garamond","Trajan Pro",Georgia,"Times New Roman",serif;--rh:#00C805;--rh2:#00E36A;--rhDark:#04140A;--rhSel:#0F3A16;--bg0:#060A08;--bg1:#0A100C;--panel:#0E1511;--panel2:#121A15;--line:#1E2B22;--lineHi:#00C80544;--txt:#E6F2E8;--mut:#8FA396}#hub{position:absolute;inset:0;z-index:30;overflow:auto;transition:opacity .6s,transform .6s;background:linear-gradient(#0a100c,#08100b 40%,#060a08);color:var(--txt)}#hub.gone{opacity:0;transform:scale(1.03);pointer-events:none}#hubBar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:10px clamp(12px,4vw,40px);background:#060a08e6;backdrop-filter:blur(6px);border-bottom:1px solid var(--lineHi)}.hbLeft{display:flex;align-items:center;gap:12px}#hubLogo{width:46px;height:46px;object-fit:contain;border-radius:9px;filter:drop-shadow(0 2px 8px #00C80533)}.hbTick{font-family:var(--ff);font-weight:700;letter-spacing:2px;color:var(--rh);font-size:18px;text-shadow:0 0 14px #00C80555}.hbRight{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hbBtn{cursor:pointer;text-decoration:none;border:none;border-radius:9px;padding:9px 15px;font-weight:700;font-size:14px;font-family:var(--font);display:inline-flex;align-items:center;gap:6px;transition:transform .1s,filter .15s}.hbBtn:hover{transform:translateY(-1px);filter:brightness(1.12)}.hbBtn.x{background:#0b0d12;color:#fff;border:1px solid #2a2f3a}.hbBtn.tg{background:#0e1511;color:#dfeee4;border:1px solid var(--line)}.hbBtn.tg svg{display:inline-block;vertical-align:-2px;color:var(--rh)}.hbBtn.tg span{opacity:.9;font-weight:400}.hbBtn.x span{opacity:.8;font-weight:400}.hbBtn.buy{background:var(--rh);color:var(--rhDark);box-shadow:0 3px 14px #00c80544}.hbBtn.wallet{background:#0e1511;color:var(--rh);border:1px solid #00C80566}.walletChip{display:flex;gap:8px;align-items:center;background:#0e1511;border:1px solid var(--lineHi);border-radius:10px;padding:5px 11px}.walletChip img{width:36px;height:36px;border-radius:7px;image-rendering:pixelated}.walletChip b{display:block;color:#fff;font-size:14px}.walletChip span{font-size:11px;color:var(--mut)}#hubHero{position:relative;min-height:clamp(220px,34vw,360px);background-size:cover;background-position:center;display:flex;align-items:center;box-shadow:inset 0 -80px 90px -30px #060a08f5}.heroInner{position:relative;z-index:2;padding:24px clamp(16px,5vw,60px);max-width:680px}.heroArt{position:absolute;right:clamp(8px,6vw,80px);top:50%;transform:translateY(-50%);height:82%;max-height:300px;image-rendering:pixelated;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55));z-index:1;border-radius:14px}.ffTitle{font-family:var(--ff);font-size:clamp(34px,6vw,72px);line-height:.95;margin:0;color:#fff;font-weight:700;letter-spacing:1px;text-shadow:0 3px 22px rgba(0,0,0,.7)}.ffTitle span{color:var(--rh);text-shadow:0 0 26px #00C80566}#hub.hasBanner .ffTitle{display:none}#hub.hasBanner .heroInner{align-self:flex-end;margin-bottom:14px}.ffPitch{font-family:var(--font);font-size:clamp(14px,1.7vw,18px);color:#c9dccb;max-width:540px;margin:12px 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.liveRow{font-size:14px;color:var(--mut)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rh);box-shadow:0 0 8px var(--rh);margin-right:6px;animation:pulse 2s infinite}.liveRow b{color:var(--rh)}@keyframes pulse{50%{opacity:.4}}#hubGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:18px clamp(12px,4vw,40px) 8px;align-items:start}.card{background:linear-gradient(var(--panel),#0B120E);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px #0006,inset 0 0 0 1px #16211a}.ffH{font-family:var(--ff);font-size:22px;margin:0 0 12px;color:var(--rh);letter-spacing:1px;border-bottom:1px solid var(--lineHi);padding-bottom:6px}.areaPick{display:flex;flex-direction:column;gap:8px}.areaCard{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px;transition:transform .1s,border-color .15s}.areaCard:hover{transform:translate(3px);border-color:#00c80577}.areaCard.sel{border-color:var(--rh);box-shadow:0 0 0 1px #00c80555,0 4px 16px #00c80522;background:var(--rhSel)}.areaCard.boss{border-color:#8a3a2a}.areaCard.boss.sel{border-color:#ff6a4a;box-shadow:0 0 0 1px #ff6a4a55;background:#2a1310}.areaName{font-family:var(--ff);font-size:16px;color:#fff;font-weight:700}.areaCard.sel .areaName{color:#dfffe4}.areaName em{font-style:normal;font-size:10px;background:#c23a20;color:#fff;padding:1px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}.areaBlurb{font-size:12px;color:var(--mut)}.squadPick{margin-top:14px}.ffLabel{font-family:var(--ff);color:#cfe6d2;font-size:15px;margin-bottom:6px}.ffSub{font-family:var(--font);font-size:11px;color:var(--mut);font-weight:400}.squadRow{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.jobChip{cursor:pointer;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:5px 2px 3px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .1s,border-color .15s}.jobChip img{width:40px;height:40px;border-radius:5px;image-rendering:pixelated}.jobChip span{font-size:10px;color:#bfd4c2;font-weight:700}.jobChip:hover{transform:translateY(-2px);border-color:#00c80577}.jobChip.sel{border-color:var(--rh);box-shadow:0 0 0 1px #00c80555;background:var(--rhSel)}.playBtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.ffBtn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;font-family:var(--font);color:#dfeee4;background:#1a2620;box-shadow:0 3px 10px #0006;transition:transform .1s}.ffBtn:hover{transform:translateY(-2px)}.ffBtn.primary{background:var(--rh);color:var(--rhDark);box-shadow:0 4px 18px #00c80544}.ffBtn.ghost{background:transparent;color:#bfd4c2;border:1px solid var(--line)}.ffBtn.watch{background:transparent;color:var(--rh);border:1px solid #00C80555}.roomJoin{display:inline-flex;gap:6px;align-items:center}#roomCode{width:84px;text-transform:uppercase;letter-spacing:3px;text-align:center;background:#0b120e;border:1px solid var(--line);color:var(--rh);border-radius:8px;padding:11px 6px;font-weight:700;font-size:15px;outline:none}#roomCode:focus{border-color:var(--rh)}.ffHint{font-size:13px;color:#d9b65b;margin-top:10px;min-height:18px}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.tabs button{cursor:pointer;border:none;background:#141d17;color:var(--mut);font-family:var(--ff);font-size:13px;padding:7px 12px;border-radius:8px;font-weight:700;letter-spacing:.5px}.tabs button.on{background:var(--rh);color:var(--rhDark)}.tabBody{min-height:220px;font-size:14px;color:#cfe0d2}.storyLead{line-height:1.5;color:#cfe0d2}.storyAreas{display:flex;flex-direction:column;gap:6px;margin-top:10px}.storyArea{background:var(--panel2);border-left:3px solid var(--rh);padding:6px 10px;border-radius:0 6px 6px 0}.storyArea b{font-family:var(--ff);color:#fff;display:block}.storyArea span{font-size:12px;color:var(--mut)}.ffMuted{color:var(--mut);font-style:italic;padding:20px 0;text-align:center}.taskList{display:flex;flex-direction:column;gap:7px}.taskRow{display:flex;align-items:center;gap:9px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.taskRow.done{background:var(--rhSel);border-color:#00c80566}.taskTick{font-size:16px;color:var(--rh)}.taskRow:not(.done) .taskTick{color:#3a4a40}.taskMain{flex:1;min-width:0}.taskMain b{font-family:var(--ff);color:#fff;font-size:14px}.taskMain span{display:block;font-size:11px;color:var(--mut)}.taskBar{height:5px;background:#1a2620;border-radius:3px;margin-top:3px;overflow:hidden}.taskBar div{height:100%;background:linear-gradient(90deg,#00c805,#00e36a)}.taskNum{font-size:12px;font-weight:700;color:#bfd4c2}.codexGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.codexCell{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 4px;text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center}.codexCell:not(.locked){border-color:#00c80544}.codexCell.locked{filter:grayscale(1) opacity(.45)}.cxGlyph{font-size:26px}.cxName{font-size:10px;color:#bfd4c2;font-weight:700}.statusPanel .stHead{display:flex;gap:12px;align-items:center;margin-bottom:12px}.statusPanel .stHead img{width:54px;height:54px;border-radius:8px;image-rendering:pixelated;border:2px solid var(--rh)}.statusPanel .stHead b{font-family:var(--ff);font-size:20px;color:#fff;display:block}.statusPanel .stHead span{color:var(--rh);font-size:13px}.stGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stGrid div{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}.stGrid span{display:block;font-size:11px;color:var(--mut)}.stGrid b{font-family:var(--ff);font-size:22px;color:var(--rh)}.board{list-style:none;margin:0;padding:0;counter-reset:r}.board li{counter-increment:r;display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid var(--line);font-size:14px}.board li:before{content:counter(r);font-family:var(--ff);color:var(--rh);font-weight:700;width:18px}.bRank{font-size:11px;color:var(--mut);flex:0 0 auto}.bName{flex:1;color:#fff;font-weight:700}.board li b{color:var(--rh)}#hubFoot{text-align:center;font-size:12px;color:#5a6e60;padding:16px}@media(max-width:820px){#hubGrid{grid-template-columns:1fr}.squadRow{grid-template-columns:repeat(6,1fr)}.heroArt{opacity:.4;right:4px}}#dialog{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to bottom,#060a122e,#060a1200 30%,#060a1259 78%,#060a1299);transition:opacity .4s}#dialog.gone{opacity:0}.dlgScene{display:none}.dlgBox{position:relative;margin:0 auto 8vh;width:min(880px,92vw);min-height:120px;display:flex;gap:14px;align-items:center;border-width:16px;border-image:var(--frame) 26 fill repeat;padding:12px 18px;color:#2c1f10;cursor:pointer;box-shadow:0 12px 30px #000a}.dlgPortrait{flex:0 0 auto;order:0}.dlgPortrait.right{order:2}.dlgPortrait img{width:104px;height:104px;image-rendering:pixelated;border:3px solid #6e5530;border-radius:6px;background:#1a2740}.dlgText{flex:1;order:1}.dlgName{font-size:20px;font-weight:900;margin-bottom:5px}.dlgBody{font-size:18px;line-height:1.4;margin:0;min-height:48px;color:#2c1f10}.dlgNext{order:3;font-size:22px;color:#a07a30;animation:nextbob 1s infinite}@keyframes nextbob{50%{transform:translate(5px)}}.dlgSkip{position:absolute;right:16px;top:16px;background:#0c101a99;color:#cfe0f2;border:1px solid #44566e;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700}#result{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#060a12b3;opacity:0;transition:opacity .5s}#result.show{opacity:1}.resInner{text-align:center;border-width:18px;border-image:var(--frame) 26 fill repeat;padding:28px 48px;color:#2c1f10;transform:scale(.9);transition:transform .5s}#result.show .resInner{transform:scale(1)}.resTag{font-size:14px;letter-spacing:4px;font-weight:900}#result.win .resTag{color:#1f9a52}#result.lose .resTag{color:#c23a3a}.resInner h2{font-size:52px;margin:6px 0;color:#3a2a14;font-family:"Arial Black",var(--font)}.resInner p{color:#5a4527;font-size:16px;margin:0 0 14px}.resItems{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 16px}.resItems>span:first-child{width:100%;font-size:12px;color:#8a7a5a;text-transform:uppercase;letter-spacing:1px}.resItem{background:#fffdf4;border:1px solid #caa256;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700;color:#3a2a14;box-shadow:0 2px 6px #0002}.resItem.quest{border-color:#1f9a52;color:#14532d}.resItem.quest b{color:#1f9a52;margin-left:4px}#rotateOverlay{position:fixed;inset:0;z-index:60;background:#0c1118;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#dfe8f2;text-align:center;padding:20px}.rotIcon{font-size:64px;animation:rot 2.4s infinite}@keyframes rot{0%,60%{transform:rotate(0)}80%,to{transform:rotate(90deg)}}.rotMsg{font-size:20px;font-weight:700}#rotFs{background:linear-gradient(#3ecf7a,#1f9a52);color:#06210f;border:none;padding:12px 22px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer}#touchControls{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:15;display:none;flex-direction:column;gap:10px;pointer-events:auto}#touchControls button{width:52px;height:52px;border-radius:50%;border:1px solid #44566e;background:#141c28cc;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 3px 10px #0008}@media(max-width:820px){.chip{width:44px;height:44px}.chip img{width:28px;height:28px}.banner{width:46vw;min-height:96px;padding:6px 8px}.bnPortrait img{width:56px;height:56px}.bnName{font-size:16px}#menu,#abil,#statusPanel{bottom:120px;right:74px;min-width:160px}#chat{bottom:auto;top:60px;left:8px;width:240px}#chatLaunch{bottom:auto;top:62px;left:10px}.barNum{width:50px}#prompts{display:none}}@media(max-height:480px){#banners{bottom:4px}.banner{min-height:84px}#rail{top:4px}.chip{width:40px;height:40px}}.walletChip .wcMeta{display:flex;flex-direction:column;line-height:1.15}.wcBal{font-family:var(--ff);font-weight:800;color:var(--rh);font-size:14px;background:#0b1f14;border:1px solid #00C80555;border-radius:7px;padding:3px 8px;margin-left:2px}.shopHead{display:flex;gap:10px;margin-bottom:12px}.shopBal{flex:1;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 12px;text-align:center}.shopBal span{display:block;font-size:11px;color:var(--mut)}.shopBal b{font-family:var(--ff);font-size:20px;color:var(--rh)}.shopNotice{background:#1a1a0e;border:1px solid #6a5a1a;border-radius:9px;padding:9px 12px;font-size:12.5px;color:#d9b65b;margin-bottom:12px}.packRow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px}.packBtn{cursor:pointer;border:1px solid #00C80555;border-radius:10px;background:var(--rhSel);color:#dfffe4;padding:10px 4px;text-align:center;transition:transform .1s,filter .15s}.packBtn:hover{transform:translateY(-2px);filter:brightness(1.15)}.packBtn.disabled{opacity:.45;filter:grayscale(.6)}.packBtn b{display:block;font-family:var(--ff);font-size:18px;color:var(--rh)}.packBtn span{font-size:11px;color:#8fc79a}.shopGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0}.shopCell{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 8px;text-align:center}.shopCell.owned{border-color:#00c80588;background:var(--rhSel)}.shGlyph{font-size:26px}.shName{font-size:12.5px;font-weight:700;color:#fff}.shCost{font-size:11px;color:var(--mut)}.shBuy{margin-top:4px;cursor:pointer;border:none;border-radius:7px;padding:5px 12px;font-weight:700;font-size:12px;background:var(--rh);color:var(--rhDark)}.shBuy.disabled{opacity:.4;cursor:not-allowed;background:#3a4a40;color:#8fa396}.shopMsg{margin-top:10px;font-size:12.5px;min-height:18px;color:var(--mut)}.shopMsg.ok{color:var(--rh)}.shopMsg.warn{color:#ff6a4a}.shopMsg a{color:var(--rh2)}#watchModal{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;background:#030604b8}.wmCard{width:min(440px,92vw);background:linear-gradient(var(--panel),#0B120E);border:1px solid var(--lineHi);border-radius:14px;padding:14px 16px;box-shadow:0 16px 44px #000c}.wmHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wmHead b{font-family:var(--ff);font-size:20px;color:var(--rh)}.wmClose{cursor:pointer;border:none;background:#1a2620;color:#bfd4c2;border-radius:7px;width:30px;height:30px;font-weight:700}.wmList{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}.wmRoom{cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:10px 12px;text-align:left}.wmRoom:hover{border-color:#00c80577;transform:translateY(-1px)}.wmCode{font-family:var(--ff);font-size:18px;color:var(--rh);letter-spacing:2px}.wmVs{flex:1;font-size:13px;color:#dfeee4}.wmTag{font-size:11px;font-weight:700;color:var(--rh)}.wmFoot{margin-top:10px;text-align:center;color:var(--mut)}.wmList .ffMuted{color:var(--mut);text-align:center;padding:14px}#hud.spectating:before{content:"👁 SPECTATING";position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:20;background:#060f0ae0;color:var(--rh);border:1px solid #00C80555;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;letter-spacing:1px}#result.spectate .resTag{color:var(--rh)}#result.spectate .resInner h2{font-size:38px}@media(max-width:820px){.packRow{grid-template-columns:repeat(2,1fr)}.hbRight .hbBtn.x span{display:none}.wcBal{font-size:12px;padding:2px 6px}}