:root{--bg:#0b0a09;--panel:#17140f;--panel2:#221d16;--line:#3a3226;--text:#f1e9da;--dim:#a89c88;--gold:#ffd040;--red:#e04848;--blue:#4878e0;--green:#5fd35f;--pink:#ff70c0;--accent:#ff9a30;--mono:ui-monospace, "Cascadia Mono", "SFMono-Regular", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}button,input{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.dim{color:var(--dim)}.gold{color:var(--gold)}small{font-size:.8em}#title{background:radial-gradient(at 50% 30%,#3a1d10 0%,#120c08 55%,#050404 100%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto;pointer-events:auto!important}.title-card{border:2px solid var(--line);text-align:center;background:#17140feb;border-radius:14px;width:min(420px,100%);padding:26px 22px;box-shadow:0 20px 60px #000a}.title-card h1{font-family:var(--mono);letter-spacing:2px;color:var(--accent);text-shadow:3px 3px #000,0 0 30px #ff600055;margin:0 0 8px;font-size:40px;line-height:.95}.title-card h1 span{color:var(--text);font-size:34px}.title-card h2{margin:0 0 8px}.title-card .sub{color:var(--dim);margin:0 0 18px}.title-card label{text-align:left;color:var(--dim);margin:10px 0;font-size:13px;display:block}.title-card input{border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#0d0b08;border-radius:8px;width:100%;margin-top:4px;padding:11px 12px;font-size:16px;display:block}.t-err{color:var(--red);min-height:1.2em;margin:6px 0;font-size:14px}.fine{color:var(--dim);margin-top:18px;font-size:11px}button.primary,.title-card #t-go{color:#1a0e02;background:linear-gradient(#ffb040,#e0781a);border:0;border-radius:9px;padding:11px 18px;font-weight:700;box-shadow:0 3px #8a4008}button.primary:disabled{opacity:.45;cursor:default}.title-card #t-go{width:100%;margin-top:4px;font-size:17px}button.link{color:var(--dim);background:0 0;border:0;margin-top:12px;font-size:13px;text-decoration:underline}.modes{gap:10px;margin:14px 0;display:grid}.mode{text-align:left;border:2px solid var(--line);background:var(--panel2);border-radius:10px;gap:4px;padding:14px;display:grid}.mode:hover{border-color:var(--accent)}.mode span{color:var(--dim);font-size:13px}#hud{font-family:var(--mono);position:fixed;inset:0}.hud-tl{top:max(10px, env(safe-area-inset-top));width:min(260px,42vw);position:absolute;left:10px}.who{text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13px;overflow:hidden}.who .lvl{color:var(--gold)}.who .cls{color:var(--dim);font-size:11px}.bar{background:#000a;border:1px solid #000;border-radius:4px;height:15px;margin-bottom:3px;position:relative;overflow:hidden}.bar i{transition:width .15s;position:absolute;inset:0 auto 0 0}.bar span{text-align:center;text-shadow:1px 1px #000;font-size:10px;line-height:15px;display:block;position:relative}.bar.hp i{background:linear-gradient(#ff6a6a,#b02828)}.bar.mp i{background:linear-gradient(#6a9aff,#2848b0)}.bar.xp{height:9px}.bar.xp span{font-size:8px;line-height:9px}.bar.xp i{background:linear-gradient(#ffe070,#c09010)}.buffs{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.buff{background:#000a;border-radius:3px;padding:2px 5px;font-size:9px}.buff.rage{color:#ffa040}.buff.speed{color:#60e0b0}.buff.pep{color:var(--pink)}.buff.inv{color:#b0a0ff}.hud-tc{top:max(8px, env(safe-area-inset-top));text-align:center;width:min(360px,40vw);position:absolute;left:50%;transform:translate(-50%)}.floor{color:var(--dim);text-shadow:1px 1px #000;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.timer{text-shadow:2px 2px #000;font-size:26px;font-weight:700}.timer.warn{color:var(--gold)}.timer.danger{color:var(--red);animation:.8s infinite pulse}@keyframes pulse{50%{opacity:.5}}.boss{margin-top:4px}.boss .bname{color:#ff6060;text-shadow:1px 1px #000;font-size:12px}.bar.boss{height:10px}.bar.boss i{background:linear-gradient(#ff4040,#801010)}.hud-tr{top:max(10px, env(safe-area-inset-top));text-align:right;text-shadow:1px 1px #000;font-size:12px;position:absolute;right:10px}#minimap{width:150px;height:150px;image-rendering:pixelated;border:1px solid #000;border-radius:6px;margin-left:auto;display:block}.stat-line{white-space:nowrap;margin-top:3px}.hud-bl{width:min(380px,46vw);position:absolute;bottom:74px;left:10px}.feed{font-size:11px;line-height:1.35}.fi{text-shadow:1px 1px #000;background:#000a;border-radius:3px;margin-top:2px;padding:2px 6px;animation:.4s fadein}.fi.k-death{color:#ff8080}.fi.k-achievement{color:var(--gold)}.fi.k-boss{color:#ff9a30}.fi.k-sponsor{color:var(--pink)}.fi.k-player{color:#9fd0ff}.fi.k-system{color:#b0f0b0}.fi.you{border-left:3px solid var(--gold)}@keyframes fadein{0%{opacity:0;transform:translate(-6px)}}.hud-bc{bottom:max(10px, env(safe-area-inset-bottom));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.prompt{color:var(--gold);text-shadow:1px 1px #000;white-space:nowrap;min-height:18px;margin-bottom:4px;font-size:13px}.hotbar{pointer-events:auto;justify-content:center;gap:5px;display:flex}.hb{border:1px solid var(--line);cursor:pointer;background:#000b;border-radius:7px;place-items:center;width:50px;height:50px;display:grid;position:relative;overflow:hidden}.hb .cd{background:#0009;position:absolute;bottom:0;left:0;right:0}.hb .nm{padding:0 2px;font-size:9px;line-height:1.1;position:relative}.hb.skill{border-color:var(--accent);width:66px}.hb kbd{color:var(--dim);font-size:9px;position:absolute;top:1px;left:3px}.hb.pot i{border:2px solid #000;border-radius:4px 4px 7px 7px;width:16px;height:20px}.hb.pot b{font-size:11px;position:absolute;bottom:1px;right:4px}.hb.pot.empty{opacity:.4}.menu-btns{right:10px;bottom:max(10px, env(safe-area-inset-bottom));pointer-events:auto;gap:5px;display:flex;position:absolute}.menu-btns button{border:1px solid var(--line);background:#000b;border-radius:8px;width:40px;height:40px;padding:0;font-size:18px;position:relative}.menu-btns button:hover{border-color:var(--accent)}.menu-btns b{background:var(--red);color:#fff;min-width:16px;height:16px;font-size:10px;line-height:16px;font-family:var(--sans);border-radius:8px;padding:0 3px;position:absolute;top:-5px;right:-5px}.menu-btns b:empty{display:none}#ui.hurt-flash:after{content:"";pointer-events:none;animation:.35s forwards hurt;position:fixed;inset:0;box-shadow:inset 0 0 120px #f008}@keyframes hurt{to{opacity:0}}#toasts{justify-items:center;gap:5px;width:min(460px,92vw);display:grid;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);text-align:center;background:#000d;border-radius:8px;padding:7px 12px;font-size:13px;transition:opacity .4s;animation:.25s fadein}.toast.out{opacity:0}#banner{text-align:center;border:2px solid var(--accent);background:linear-gradient(#1d1710ee,#0d0a07ee);border-radius:12px;width:min(560px,92vw);padding:14px 18px;animation:.35s drop;position:fixed;top:22%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000c}#banner.danger{border-color:var(--red)}#banner h3{font-family:var(--mono);color:var(--accent);margin:0 0 6px;font-size:20px}#banner.danger h3{color:#ff6060}#banner p{margin:4px 0;font-size:14px}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}}p.ai,.ach-ai{color:#9ff0c8;font-size:13px;font-style:italic}#ach-pop{width:min(330px,80vw);transition:transform .4s cubic-bezier(.2,1.4,.4,1);position:fixed;top:216px;right:10px;transform:translate(120%)}#ach-pop.show{transform:none}.ach{border:2px solid var(--gold);background:linear-gradient(#2a2010f4,#15100af4);border-radius:10px;padding:10px 12px;box-shadow:0 8px 30px #000c}.ach-h{font-family:var(--mono);letter-spacing:2px;color:var(--gold);font-size:10px}.ach-t{margin:2px 0 4px;font-size:17px;font-weight:800}.ach-b{color:#e8dcc6;font-size:13px}.ach-r{color:var(--dim);margin-top:6px;font-size:12px}#modal{background:#000a;place-items:center;padding:12px;display:grid;position:fixed;inset:0;pointer-events:auto!important}.panel{background:var(--panel);border:2px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:12px;flex-direction:column;width:min(520px,100%);max-height:min(86vh,100%);display:flex;box-shadow:0 20px 60px #000c}.panel.wide{width:min(860px,100%)}.panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel h2{font-size:18px;font-family:var(--mono);color:var(--accent);margin:0}.panel h2 small{color:var(--dim);margin-left:6px;font-size:12px}.panel h4{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin:14px 0 8px;font-size:13px}.panel .x{color:var(--dim);background:0 0;border:0;font-size:18px}.pbody{touch-action:pan-y;padding:12px 16px 16px;overflow-y:auto}.pbody p{margin:8px 0;line-height:1.45}.pbody button:not(.primary):not(.classcard):not(.mode){background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:8px 12px}.pbody button:not(.primary):hover{border-color:var(--accent)}button.sm{font-size:12px;padding:4px 9px!important}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row input{border:1px solid var(--line);text-transform:uppercase;min-width:0;font-family:var(--mono);background:#0d0b08;border-radius:7px;flex:1;padding:8px 10px}.eq-grid,.inv-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.item{border:1px solid var(--rc);background:var(--panel2);border-left-width:4px;border-radius:8px;padding:8px;font-size:12px}.item .in{color:var(--rc);font-size:13px;font-weight:700}.item .im{color:var(--dim);margin-bottom:4px;font-size:11px}.item .mods{color:#cfe8cf;flex-wrap:wrap;gap:3px 8px;display:flex}.item .fl{color:var(--dim);margin-top:4px;font-style:italic}.item .ia{align-items:center;gap:6px;margin-top:6px;display:flex}.item .up{color:var(--green);font-weight:700}.item .down{color:var(--red)}.empty-slot{border:1px dashed var(--line);text-align:center;color:var(--dim);border-radius:8px;height:100%;padding:14px;font-size:12px}.slot .item button{margin-top:6px}table.stats,table.board{border-collapse:collapse;width:100%;font-size:13px}table.stats th{text-align:left;color:var(--gold);width:44px}table.stats td,table.stats th,table.board td,table.board th{border-bottom:1px solid #2a241b;padding:5px 4px}table.board th{text-align:left;color:var(--dim);font-size:11px;font-weight:400}table.board tr.you{color:var(--gold);font-weight:700}table.board tr.dead{color:#a07070}.derived{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.derived div{background:var(--panel2);color:var(--dim);border-radius:7px;padding:6px 8px;font-size:11px}.derived b{color:var(--text);font-size:15px;font-family:var(--mono);display:block}.boxrow,.shoprow{border-bottom:1px solid #2a241b;align-items:center;gap:10px;padding:8px 0;display:flex}.boxrow>div,.shoprow>div{flex:1}.shoprow>span{flex:1;font-size:13px}.bx{background:var(--bc);border:2px solid #000;border-radius:5px;width:30px;height:26px;box-shadow:inset 0 -8px #0004}.pdot{border:2px solid #000;border-radius:3px 3px 6px 6px;width:14px;height:18px}#open-all{width:100%;margin-top:12px}.reveal{gap:8px;margin-top:12px;animation:.4s fadein;display:grid}.reveal h4{margin:0}.achlist{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.achrow{background:var(--panel2);opacity:.55;border-radius:8px;gap:3px;padding:8px 10px;font-size:12px;display:grid}.achrow.got{opacity:1;border:1px solid #5a4a20}.achrow span{color:var(--dim)}.members{padding-left:18px}.members li{margin:4px 0}.code{font-family:var(--mono);color:var(--gold);letter-spacing:3px;-webkit-user-select:all;user-select:all;font-size:20px}.menu-list{gap:8px;display:grid}.menu-list button{width:100%;padding:11px!important}.recap{padding-left:18px;line-height:1.6}.big{font-size:17px}.classes{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.classcard{text-align:left;border:2px solid var(--cc);background:var(--panel2);border-radius:10px;gap:6px;padding:12px;font-size:13px;display:grid}.classcard>b{color:var(--cc);font-size:15px}.classcard:hover{box-shadow:0 0 0 2px var(--cc)}#chat{width:min(420px,90vw);position:fixed;bottom:130px;left:50%;transform:translate(-50%);pointer-events:auto!important}#chat input{border:1px solid var(--accent);-webkit-user-select:text;user-select:text;background:#000e;border-radius:8px;width:100%;padding:10px 12px}.touch{pointer-events:none;position:fixed;inset:0}.stick{pointer-events:auto;touch-action:none;background:#ffffff10;border:2px solid #ffffff25;border-radius:50%;width:130px;height:130px;position:absolute;bottom:90px;left:22px}.knob{background:#ffffff40;border-radius:50%;width:50px;height:50px;position:absolute;top:40px;left:40px}.tbtns{pointer-events:none;width:190px;height:190px;position:absolute;bottom:64px;right:16px}.tb{pointer-events:auto;touch-action:none;background:#00000070;border:2px solid #ffffff40;border-radius:50%;width:58px;height:58px;font-size:13px;font-weight:700;position:absolute}.tb.big{background:#ff9a3060;border-color:#ff9a30;width:82px;height:82px;font-size:16px;bottom:0;right:0}.tb[data-a=skill]{background:#c070ff40;bottom:6px;right:92px}.tb[data-a=dash]{width:50px;height:50px;font-size:11px;bottom:92px;right:10px}.tb[data-a=interact]{background:#ffd04040;width:46px;height:46px;bottom:82px;right:72px}.tb.pot{width:40px;height:40px;font-size:15px}.tb.pot.heal{color:#ff8080;bottom:76px;right:158px}.tb.pot.mana{color:#80a0ff;bottom:116px;right:126px}@media (max-width:760px){.hud-bl{display:none}#minimap{width:96px;height:96px}.hud-tl{width:36vw}.who .cls,.floor{display:none}.hud-tc{width:24vw}.hud-tr{font-size:10px}.timer{font-size:20px}.hotbar .hb.pot,.hotbar #hb-dash{display:none}.hud-bc{bottom:8px;left:50%}.menu-btns{flex-direction:column;top:160px;bottom:auto;right:6px}.menu-btns button{width:36px;height:36px;font-size:15px}.derived{grid-template-columns:repeat(2,1fr)}#toasts{bottom:240px}#ach-pop{top:130px;right:50px}}@media (pointer:coarse){.hotbar{display:none}.hud-bc{top:96px;bottom:auto}}.warn-line{color:var(--gold);background:#3a2a10;border:1px solid #806020;border-radius:8px;padding:8px 10px}.live{letter-spacing:1.5px;color:#fff;text-shadow:none;background:#000c;border:1px solid #ff3b3b70;border-radius:4px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 8px 3px 7px;font-size:11px;font-weight:700;display:inline-flex}.live i{background:#ff3030;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite live-blink;box-shadow:0 0 6px #ff3030}.live span{color:#d8cdb8;letter-spacing:0;font-weight:400}@keyframes live-blink{0%,45%{opacity:1}55%,to{opacity:.15}}#ui.lowhp:before{content:"";pointer-events:none;background:radial-gradient(#0000 42%,#a0000070 78%,#c00000b0 100%);animation:.9s ease-in-out infinite lowhp;position:fixed;inset:0}@keyframes lowhp{50%{opacity:.35}}@media (max-width:760px){.live{gap:4px;margin-bottom:4px;padding:2px 5px;font-size:9px}.live i{width:6px;height:6px}}.tb[data-a=flag]{background:#40c08040;width:44px;height:44px;font-size:18px;bottom:150px;right:118px}.tb[data-a=bomb]{background:#d0303040;width:44px;height:44px;font-size:18px;bottom:136px;right:66px}.up{color:var(--green)}.down{color:var(--red)}.dlg{align-items:flex-start;gap:12px;margin:6px 0 10px;display:flex}.dlg .portrait{background:radial-gradient(circle at 50% 40%,#3a2a3a,#120c10);border:2px solid #5a3a50;border-radius:10px;flex:none;place-items:center;width:76px;height:76px;font-size:38px;display:grid;overflow:hidden}.dlg .portrait img{width:64px;height:auto;image-rendering:pixelated}.dlg.system .portrait{background:radial-gradient(circle,#10302a,#050c0a);border-color:#2a6a50}.dlg.odette .portrait{background:radial-gradient(circle,#3a2a10,#100a04);border-color:#8a6a20}.dlg-b{flex:1;min-width:0}.dlg-who{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-size:12px}.dlg-t{font-size:15px;line-height:1.45}.dlg.narrator .dlg-t{color:var(--dim);font-style:italic}.dlg.system .dlg-t{color:#9ff0c8;font-family:var(--mono);font-size:13px}.dlg-reply{color:#ffd0e8;border-left:3px solid #ff9ad8;margin-top:8px;padding:6px 10px}.dlg-ans{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sbar{background:#000a;border-radius:3px;height:6px;margin:3px 0;position:relative;overflow:hidden}.sbar i{position:absolute;inset:0 auto 0 0}.skrow{border-bottom:1px solid #2a241b;gap:1px;padding:6px 0;font-size:12px;display:grid}.skrow .lv{font-family:var(--mono);color:var(--gold);font-size:11px}.skrow.locked{opacity:.55}.petcard{background:var(--panel2);border-radius:10px;align-items:center;gap:12px;margin:8px 0;padding:10px;font-size:13px;display:flex}.petcard .portrait{background:#0d0b08;border-radius:8px;flex:none;place-items:center;width:64px;height:64px;display:grid}.petcard .portrait img{width:52px;image-rendering:pixelated}.parts{flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.part{align-items:center;gap:6px;display:inline-flex}label.shoprow{cursor:pointer}.bx{place-items:center;font-size:14px;display:grid}.bx.t-boss{box-shadow:inset 0 -8px #0004,0 0 0 2px #ff4040}.bx.t-fan{box-shadow:inset 0 -8px #0004,0 0 0 2px #ff70c0}.bx.t-benefactor{box-shadow:inset 0 -8px #0004,0 0 0 2px #60d0ff}.vote{background:#2a1424;border:1px solid #6a2a50;border-radius:8px;padding:8px 10px}.vote h4{color:var(--pink);margin:0 0 6px}.vrow{opacity:.6;grid-template-columns:1fr 90px 40px;align-items:center;gap:8px;font-size:12px;display:grid}.vrow.win{opacity:1;font-weight:700}.show{background:linear-gradient(160deg,#1a1030,#0a0710 70%);border:1px solid #4a3060;border-radius:10px;padding:14px 14px 10px;position:relative;overflow:hidden}.show:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.show-bug{font-family:var(--mono);letter-spacing:1.5px;color:#fff;background:#000a;border:1px solid #ff3b3b70;border-radius:3px;align-items:center;gap:6px;padding:2px 7px;font-size:10px;display:inline-flex;position:absolute;top:8px;right:10px}.show-bug i{background:#ff3030;border-radius:50%;width:7px;height:7px;animation:1.3s infinite live-blink;box-shadow:0 0 6px #ff3030}.show-title{font-family:var(--mono);letter-spacing:3px;color:var(--dim);font-size:13px}.show-title span{letter-spacing:2px;color:var(--accent);text-shadow:2px 2px #000,0 0 18px #ff600055;font-size:24px;display:block}.show-sub{color:#c8b8e0;margin:4px 0 8px;font-size:12px}.highlights{margin:8px 0;padding-left:22px;line-height:1.55}.highlights li{opacity:0;animation:.5s forwards hl}@keyframes hl{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.lower-third{color:#1a0e02;font-family:var(--mono);background:linear-gradient(90deg,#ff9a30,#ff9a3000);border-radius:3px;margin-top:10px;padding:4px 10px;font-size:12px}.lower-third b{font-size:14px}.show.odette{background:linear-gradient(160deg,#2a1a08,#0e0904 70%);border-color:#8a6a20;padding-top:30px}.tones{gap:8px;margin:10px 0;display:grid}.tone{text-align:left;gap:2px;display:grid;border:1px solid var(--line)!important;background:var(--panel2)!important;border-radius:9px!important;padding:10px 12px!important}.tone small{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;font-size:10px}.tone.charming small{color:var(--pink)}.tone.honest small{color:#9ff0c8}.tone.rude small{color:#ff7050}.tone:hover{border-color:var(--accent)!important}@media (max-width:760px){.dlg .portrait{width:58px;height:58px;font-size:28px}.dlg .portrait img{width:48px}.dlg-t{font-size:14px}.show-title span{font-size:19px}}#modal{z-index:20}.ruleline{color:#ffe9b0;text-align:center;background:#0000008c;border-radius:4px;max-width:460px;margin-top:2px;padding:2px 8px;font:600 11px/1.3 monospace}.ruleline.hidden{display:none}.panel .danger{color:#ff7070}#f8hand{z-index:15;pointer-events:none;text-shadow:1px 1px #000;justify-items:center;gap:4px;font-size:12px;display:grid;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}#f8hand.hidden,#f8reveal.hidden{display:none}#f8hand button,#f8hand .f8c{pointer-events:auto;touch-action:none}.f8top{color:#c8fff0;white-space:nowrap;background:#0c1412d8;border:1px solid #40e0b060;border-radius:8px;align-items:center;gap:8px;padding:3px 8px;display:flex}.f8top .ok{color:var(--green)}.f8top .bad,.f8allies .bad{color:#ff7070}.f8top .dim{color:#8aa}.f8top button{pointer-events:auto;color:#c8fff0;background:#1a3a32;border:1px solid #40e0b0;border-radius:6px;padding:2px 8px;font-size:11px}.f8row{gap:6px;display:flex}.f8c{border:2px solid var(--rc,#444);cursor:pointer;width:74px;height:92px;box-shadow:0 4px 12px #000a, inset 0 0 12px color-mix(in srgb, var(--rc,#444) 35%, transparent);text-align:center;background:linear-gradient(160deg,#2a2040,#120e1c);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex;position:relative}.f8c:hover{transform:translateY(-4px)}.f8c .ic{font-size:20px}.f8c b{color:#fff;font-size:10.5px;line-height:1.1}.f8c .sub{color:var(--rc);text-transform:uppercase;font-size:10px}.f8c kbd{color:#aaa;font-size:9px;position:absolute;top:2px;left:4px}.f8c .x{color:#fff;background:#401818;border:1px solid #ff6060;border-radius:50%;width:22px;height:22px;padding:0;font-size:11px;position:absolute;top:-8px;right:-8px}.f8c.empty{color:#8aa;cursor:default;background:#0008;border-style:dashed;border-color:#ffffff30;font-size:15px}.f8note{color:#9ff0d8;background:#0008;border-radius:6px;padding:2px 8px;font-size:11px}.f8allies,.f8opp{background:#0009;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:92vw;padding:2px 8px;font-size:11px;display:flex}.f8allies span{color:#80ffe0}.f8opp{color:#ffb090}#f8reveal{z-index:30;pointer-events:none;animation:.35s drop;position:fixed;top:18%;right:18px}.f8big{border:3px solid var(--rc);width:220px;box-shadow:0 10px 40px #000c, 0 0 24px color-mix(in srgb, var(--rc) 45%, transparent);text-align:center;background:linear-gradient(160deg,#2a2040,#0c0a14);border-radius:12px;gap:6px;padding:12px;display:grid}.f8big .rar{color:var(--rc);text-transform:uppercase;letter-spacing:1px;font-size:11px}.f8big b{font-size:16px}.f8big .stats{color:#c8fff0;font-size:12px}.f8big .moves{color:#ddd;font-size:11px}.f8big .quote{color:#aaa;font-size:11px;font-style:italic}.f8choices{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:8px 0;display:grid}.f8choice{text-align:left;border:2px solid var(--line);background:var(--panel2);border-radius:10px;gap:4px;padding:10px 12px;font-size:13px;display:grid}.f8choice b{color:var(--accent);font-size:14px}.f8choice span{color:#d8cdb8;font-size:12px}.f8choice em{color:#ff7070;font-size:11px}.f8choice:disabled{opacity:.5}.f8deck{gap:6px;margin:6px 0 12px;display:grid}.f8dc{border-left:4px solid var(--rc);background:var(--panel2);border-radius:8px;gap:3px;padding:6px 10px;font-size:13px;display:grid}.f8dc .rar{color:var(--rc);font-size:11px}.f8dc .txt{color:#c8bfae;font-size:12px}.f8dc button{justify-self:start;padding:3px 10px;font-size:12px}@media (max-width:760px){#f8hand{top:128px;bottom:auto}.f8c{width:58px;height:74px}.f8c .ic{font-size:16px}.f8c b{font-size:9.5px}.f8top{gap:6px;padding:2px 6px;font-size:10.5px}#f8reveal{top:30%;right:50%;transform:translate(50%)}}@media (pointer:coarse){#f8hand{top:128px;bottom:auto}}#ui:has(#f8hand:not(.hidden)) #toasts{bottom:250px}@media (max-width:760px),(pointer:coarse){#ui:has(#f8hand:not(.hidden)) #toasts{bottom:150px}}.objs{pointer-events:auto;text-shadow:1px 1px #000;background:#0b0906d8;border:1px solid #5a4a2a;border-radius:8px;width:min(300px,30vw);margin-top:6px;font-size:11.5px;line-height:1.3;overflow:hidden}.objs.hidden{display:none}.objs .oh{width:100%;color:var(--gold);font:700 11px/1.2 var(--mono);letter-spacing:.5px;text-transform:uppercase;text-align:left;cursor:pointer;background:#1d170ecc;border:0;border-bottom:1px solid #3a3020;align-items:center;gap:6px;padding:4px 8px;display:flex}.objs .oh em{color:var(--dim);font-style:normal;font-weight:400}.objs .oh kbd{color:var(--dim);border:1px solid #4a3e2a;border-radius:3px;margin-left:auto;padding:0 4px;font-size:9px}.objs .oh u{color:var(--dim);text-decoration:none}.objs ol{max-height:46vh;margin:0;padding:4px 6px 5px;list-style:none;overflow-y:auto}.objs .ob{color:#e8dcc4;gap:6px;padding:2px 0;display:flex}.objs .ob i{color:var(--dim);text-align:center;flex:0 0 12px;font-style:normal}.objs .ob.sub{padding-left:12px;font-size:11px}.objs .ob.done{color:#7d7563;-webkit-text-decoration:line-through #7d756380;text-decoration:line-through #7d756380}.objs .ob.done i{color:var(--green);text-decoration:none}.objs .ob.opt{color:#a8c8d8}.objs .ob.opt i{color:#80e0ff}.objs .ob.cur{color:#fff6d8;font-weight:700}.objs .ob.cur i{color:#ffd040;animation:1.2s infinite pulse}.objs .ob small{color:#d8c890;margin-top:2px;font-size:10.5px;font-weight:400;display:block}.objs .pin{color:#ffd040;font-weight:400}.objs .ob.opt .pin{color:#80e0ff}.objs:not(.open) ol{padding:3px 6px}.objs:not(.open) .ob span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#guide-arrows{pointer-events:none;z-index:5;position:fixed;inset:0}.garrow{width:0;height:0;position:absolute}.garrow i{width:28px;height:28px;display:block;position:absolute;top:-14px;left:-14px}.garrow i:before{content:"";filter:drop-shadow(0 0 3px #000);border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:20px solid #80e0ff;position:absolute;top:4px;left:6px}.garrow.main i:before{border-left-color:#ffd040}.garrow.main i{animation:.9s ease-in-out infinite garrow}.garrow b{text-align:center;width:40px;font:700 10px var(--mono);color:#fff;text-shadow:1px 1px #000,0 0 3px #000;position:absolute;top:14px;left:-20px}@keyframes garrow{50%{opacity:.55}}.rules-card{margin:4px 0 10px;padding-left:20px;font-size:14px;line-height:1.5}.rules-card li{margin:4px 0}@media (max-width:760px){.objs{width:100%;font-size:10.5px}.objs:not(.open) .ob span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.objs.open{width:min(300px,74vw)}.objs .oh{padding:3px 6px;font-size:10px}.objs .oh kbd{display:none}.objs ol{max-height:34vh}}@media (pointer:coarse){.objs .oh kbd{display:none}}.fp-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:none;position:absolute;inset:0}.fp-hud{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fp-hud>*{pointer-events:none;position:absolute}.fp-vig{opacity:0;background:radial-gradient(#0000 38%,#000000c0 82%,#000 100%);inset:0}.fp-veil,.fp-flash{inset:0}.fp-cross{width:18px;height:18px;margin:-9px 0 0 -9px;top:50%;left:50%}.fp-cross:before,.fp-cross:after{content:"";background:#fff8e8d8;position:absolute;box-shadow:0 0 0 1px #000a}.fp-cross:before{width:2px;height:14px;top:2px;left:8px}.fp-cross:after{width:14px;height:2px;top:8px;left:2px}.fp-foot{opacity:0;transform-origin:50% 100%;width:min(26vh,30vw);bottom:0;right:24%}.fp-foot canvas,.fp-paw canvas{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #000a);display:block}.fp-paw{opacity:0;transform-origin:30% 80%;width:min(12vh,16vw);bottom:8%;left:6%}.fp-hint{font:600 13px var(--mono);color:#fff;white-space:nowrap;background:#000a;border:1px solid #ffffff30;border-radius:8px;padding:6px 12px;top:58%;left:50%;transform:translate(-50%)}body.fp #guide-arrows .garrow{opacity:.95}.fp-load{font:600 12px var(--mono);color:#fff8;background:#0008;border-radius:6px;padding:4px 10px;bottom:16px;right:16px}.t-view{text-align:left;margin:10px 0 4px}.t-view .seg{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.t-view .seg span{color:var(--dim);margin-right:4px;font-size:13px}.t-view .seg button{border:1px solid var(--line);background:#0d0b08;border-radius:8px;flex:40%;padding:8px 6px;font-size:13px}.t-view .seg button.on{border-color:var(--accent);color:var(--gold);background:#2a1a0c}.t-view .t-view-d{min-height:3em;margin:6px 0 0}.m-range{color:var(--dim);align-items:center;gap:8px;padding:4px 2px;font-size:13px;display:flex}.m-range input{flex:1}#cmenu{z-index:21;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));background:radial-gradient(at 50% 0,#0b2a24f0,#030807f6 70%);display:flex;position:fixed;inset:0;pointer-events:auto!important}#cmenu.hidden{display:none}#cmenu:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.cm-frame{width:100%;max-width:1100px;min-height:0;font-family:var(--mono);background:#04100ccc;border:1px solid #2fd0a060;border-radius:10px;flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative;box-shadow:inset 0 0 40px #20ffc018,0 0 30px #000}.cm-top{color:#6af0c8;letter-spacing:2px;border-bottom:1px solid #2fd0a040;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.cm-sys{text-shadow:0 0 8px #30ffc080;font-weight:700}.cm-hint{color:#5a8a7a;letter-spacing:0;margin-left:auto}.cm-x{color:#9ff0d8;background:0 0;border:1px solid #2fd0a050;border-radius:6px;width:34px;height:30px;margin-left:auto;font-size:15px}.cm-hint+.cm-x{margin-left:0}.cm-tabs{scrollbar-width:thin;border-bottom:1px solid #2fd0a030;flex:none;gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.cm-tabs button{color:#b8e8d8;font:12px var(--mono);white-space:nowrap;background:#08201a;border:1px solid #2fd0a030;border-radius:7px;flex:none;align-items:center;gap:5px;padding:7px 10px;display:inline-flex}.cm-tabs button:hover{border-color:#2fd0a0}.cm-tabs button.on{color:#fff;background:#1a5a46;border-color:#50ffc8;box-shadow:0 0 10px #30ffc040}.cm-tabs kbd{color:#6a9a8a;font-size:9px}.cm-body{flex:1;min-height:0;padding:10px;overflow-y:auto}.cm-page.panel{width:100%;max-height:none;box-shadow:none;background:0 0;border:0}.cm-page.panel header{border-color:#2fd0a030;padding:4px 4px 8px}.cm-page.panel h2{color:#7affd4;text-shadow:0 0 8px #30ffc050}.cm-page .pbody{padding:10px 4px;overflow:visible}.cm-map-wrap{position:relative}#cm-map{touch-action:none;cursor:grab;background:#050807;border:1px solid #2fd0a040;border-radius:8px;width:100%;height:min(58vh,560px);display:block}.cm-map-ctl{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.cm-map-ctl button{color:#bff;border-radius:7px;width:34px;height:34px;font-size:16px;background:#04100ccc!important;border:1px solid #2fd0a060!important;padding:0!important}.cm-legend{flex-wrap:wrap;gap:6px 14px;margin:8px 0;font-size:12px;display:flex}.cm-legend span{align-items:center;gap:5px;display:inline-flex}.cm-legend i{border:1px solid #000;border-radius:50%;width:9px;height:9px;display:inline-block}.cm-bars .bar{height:20px}.cm-bars .bar span{font-size:12px;line-height:20px}.cm-effect{border-left:4px solid var(--ec,#888);background:#0a1a16;border-radius:6px;margin:6px 0;padding:6px 10px;font-size:13px}.cm-effect.good{--ec:#50ffc8}.cm-quests,.cm-done,.cm-hist,.cm-notices{margin:0;padding:0;font-size:13px;list-style:none}.cm-quests li{gap:8px;padding:4px 0;display:flex}.cm-quests li.done{color:var(--dim);text-decoration:line-through}.cm-quests li.cur{color:var(--gold)}.cm-quests li.sub{padding-left:18px}.cm-quests small{color:var(--dim);display:block}.cm-done li,.cm-hist li{border-bottom:1px solid #ffffff0a;padding:3px 0}.cm-notices li{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;display:flex}.cm-chat{background:#0a1a16;border-radius:6px;max-height:220px;padding:6px 10px;font-size:13px;overflow-y:auto}#cm-notes{resize:vertical;color:#d8fff0;width:100%;min-height:180px;font:14px/1.4 var(--mono);-webkit-user-select:text;user-select:text;box-sizing:border-box;background:#020a08;border:1px solid #2fd0a050;border-radius:8px;padding:10px}.cm-toggles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;font-size:13px;display:grid}.cm-toggles label{background:#0a1a16;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.cm-hot{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;font-size:13px;display:grid}.cm-hot select{width:100%;color:var(--text);background:#020a08;border:1px solid #2fd0a050;border-radius:6px;margin-top:3px;padding:6px;display:block}.cm-page .m-range{align-items:center;gap:10px;margin:6px 0;font-size:13px;display:flex}.cm-page .m-range input{flex:1}.cm-copy{justify-self:start;margin-top:4px}.menu-btns .cm-btn{border-color:#2fd0a0;box-shadow:0 0 8px #30ffc040}@media (max-width:760px),(pointer:coarse){.menu-btns .cm-dup,.cm-tabs .lb{display:none}.cm-tabs button.on .lb{display:inline}.cm-tabs button{padding:8px 9px;font-size:15px}.cm-hint{display:none}#cm-map{height:52vh}}@media (max-width:760px){.menu-btns .cm-btn{width:44px;height:44px;font-size:19px}}#examine{z-index:19;font-family:var(--mono);box-sizing:border-box;background:linear-gradient(#0a221cf2,#04100cf2);border:1px solid #2fd0a0;border-radius:8px;padding:8px 10px;font-size:12px;animation:.15s fadein;position:fixed;box-shadow:0 6px 24px #000c,0 0 12px #30ffc030}#examine.hidden{display:none}#examine .ex-h b{color:#fff;font-size:14px}#examine .lv{color:var(--gold);margin:0 6px}#examine .tag{letter-spacing:1px;background:#333;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:9px}#examine .tag.boss{background:#a02020}#examine .tag.elite{background:#c06010}#examine .tag.npc{color:#111;background:#ddd}#examine .ex-hp{background:#000a;border-radius:2px;height:4px;margin:6px 0;overflow:hidden}#examine .ex-hp i{background:#ff4a4a;height:100%;display:block}#examine .ex-b{color:#c8f0e0;line-height:1.4}#examine .ex-b span{color:#6af0c8}#hud .hud-tl,#hud .hud-tr,#hud .hud-bl,#hud .menu-btns,#hud .hud-tc,#hud .hud-bc{scale:var(--hud-scale,1)}#hud .hud-tl{transform-origin:0 0}#hud .hud-tr{transform-origin:100% 0}#hud .hud-bl{transform-origin:0 100%}#hud .menu-btns{transform-origin:100% 100%}#hud .hud-tc{transform-origin:0 0}#hud .hud-bc{transform-origin:0 100%}#hud [data-he]{opacity:var(--hud-op,1)}#hud .he-off{display:none!important}#hud .hud-bl.he-force{display:block!important}#hud .hotbar.he-force{display:flex!important}#hud .hotbar.he-force .hb{display:grid!important}.hotbar .hb.hot i.bombi{font-size:18px;font-style:normal;background:0 0!important}#hud.hud-arrange [data-he]{outline-offset:2px;cursor:move;touch-action:none;outline:2px dashed #50ffc8;pointer-events:auto!important}#hud.hud-arrange [data-he]:not(canvas):before{content:attr(data-he-label);font:10px var(--mono);color:#50ffc8;white-space:nowrap;z-index:2;background:#000c;border-radius:3px;padding:0 4px;position:absolute;top:-16px;left:0}#hud.hud-arrange .hud-bars,#hud.hud-arrange .hud-rat,#hud.hud-arrange #h-buffs,#hud.hud-arrange #hotbar{position:relative}#hud.hud-arrange #h-buffs{min-height:14px}#hud.hud-arrange .he-drag{outline-color:var(--gold)}#hud.hud-arrange [data-he] *{pointer-events:none!important}#arrange-bar{z-index:22;font:12px var(--mono);color:#9ff0d8;background:#04100cf0;border:1px solid #2fd0a0;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:92vw;padding:10px 12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto!important}#arrange-bar button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:7px;padding:8px 12px}#arrange-bar button.primary{background:var(--accent);color:#111}