:root{--ink:#f4f1ea;--ink-dim:#b9b6c8;--panel:#10121edb;--panel-edge:#9fffe040;--accent:#9fffe0;--accent-2:#ffd36a;--danger:#ff4a6a;--font:"Fredoka", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#0b1030;margin:0;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}kbd{text-align:center;min-width:20px;font-family:var(--font);background:#ffffff24;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;padding:0 6px;font-size:.85em;line-height:1.5;display:inline-block}button{font-family:var(--font);pointer-events:auto;cursor:pointer}#clickhint{pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#clickhint div{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:12px 24px;font-size:20px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.p-foot.choices{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.p-foot.choices button{flex:auto;min-width:0;margin:0}#veil{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(at 50% 40%,#2a2240 0%,#120e22 60%,#07060f 100%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#veil.on{opacity:1;pointer-events:auto}#veil .vl-box{text-align:center;width:min(420px,80vw)}#veil .vl-crest{background:radial-gradient(circle, #9a2a2a 0 38%, transparent 40%), conic-gradient(from 0deg, #ffd36a 0 12%, transparent 12% 25%, #ffd36a 25% 37%, transparent 37% 50%, #ffd36a 50% 62%, transparent 62% 75%, #ffd36a 75% 87%, transparent 87%);border:3px solid #ffd36a;border-radius:50%;width:64px;height:64px;margin:0 auto 14px;animation:6s linear infinite vlspin;box-shadow:0 0 30px #ffc85a59,inset 0 0 18px #ffc85a40}@keyframes vlspin{to{transform:rotate(360deg)}}#veil h2{letter-spacing:3px;color:var(--accent-2);text-shadow:0 2px 8px #000;margin:0 0 6px;font-size:30px}#veil p{color:var(--ink-dim);margin:0 0 18px;font-size:15px}#veil .vl-bar{background:#ffffff1a;border:1px solid #ffd36a59;border-radius:4px;height:8px;overflow:hidden}#veil .vl-bar i{background:linear-gradient(90deg,#c88a3a,#ffd36a);width:0;height:100%;transition:width .15s;display:block}#hud{position:absolute;inset:0}#speedlines{pointer-events:none;opacity:0;background:repeating-conic-gradient(#fff0 0deg 3.2deg,#ebf6ff8c 3.2deg 3.7deg,#fff0 3.7deg 7deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 38%,#000000e6 85%);mask-image:radial-gradient(#0000 38%,#000000e6 85%)}#hud-tl{position:absolute;top:14px;left:16px}#hearts{filter:drop-shadow(0 2px 2px #00000080);gap:3px;display:flex}#hearts.low{animation:.7s ease-in-out infinite beat}@keyframes beat{50%{transform:scale(1.08)}}.heart{width:26px;height:26px}#breath{gap:3px;margin-top:6px;display:flex}.bubble{background:radial-gradient(circle at 35% 35%,#fff,#8fd0ff 45%,#3a7ad0);border:1px solid #fff9;border-radius:50%;width:14px;height:14px}.bubble.pop{opacity:.15}#breath.dry .bubble{background:radial-gradient(circle at 35% 35%,#fff,#ffe0a0 45%,#d08a3a)}#stamina{background:#00000080;border:1px solid #ffffff40;border-radius:4px;width:160px;height:8px;margin-top:8px;overflow:hidden}#stamina div{background:linear-gradient(90deg,#9fffe0,#fff);height:100%;transition:width .1s}#stamina.empty div{background:#ff8a6a}#stamina.blocked{opacity:.4}#hud-tr{text-align:right;text-shadow:0 1px 3px #000;position:absolute;top:14px;right:16px}#clock{font-size:18px}#clock .danger{color:#ffd0d8;vertical-align:2px;background:#ff5a6e47;border-radius:8px;margin-left:6px;padding:1px 7px;font-size:13px;font-weight:700}.tod{color:var(--accent-2)}#hud-tr .keys{color:var(--ink-dim);margin-top:6px;font-size:12px}#region{text-align:center;letter-spacing:4px;text-transform:uppercase;opacity:0;text-shadow:0 2px 10px #000000b3;width:100%;font-size:38px;font-weight:600;position:absolute;top:12%}#region.show{animation:4s forwards region}@keyframes region{0%{opacity:0;letter-spacing:12px}15%{opacity:1;letter-spacing:4px}75%{opacity:1}to{opacity:0}}#crosshair{background:#ffffffb3;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000}#crosshair.active{background:var(--accent-2);width:10px;height:10px;margin:-5px 0 0 -5px}#crosshair:after{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap;font-size:17px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}#crosshair[data-aim=attack]{background:#ff6a5a;width:10px;height:10px;margin:-5px 0 0 -5px;box-shadow:0 0 6px #ff3a2a}#crosshair[data-aim=attack]:after{content:"⚔︎";color:#ffb0a0}#crosshair[data-aim=dig]:after{content:"⛏︎"}#crosshair[data-aim=break]:after{content:"⚒︎";color:#ffc890}#crosshair[data-aim=gather]:after{content:"✋︎"}#ring{width:60px;height:60px;margin:-30px 0 0 -30px;display:none;position:absolute;top:50%;left:50%;transform:rotate(-90deg)}#ring circle{fill:none;stroke-width:4px}#ring .bg{stroke:#0006}#ring .fg{stroke:#fff;stroke-dasharray:100.5;stroke-linecap:round}#ring.attune .fg{stroke:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}#ring.charge .fg{stroke:#ffd060}#ring.charge.full .fg{stroke:#fff2b0;filter:drop-shadow(0 0 6px #ffc040)}#vigor{opacity:0;pointer-events:none;background:#00000059;border-radius:2px;width:64px;height:4px;margin:26px 0 0 -32px;transition:opacity .3s;position:absolute;top:50%;left:50%}#vigor.show{opacity:1}#vigor>div{background:linear-gradient(90deg,#9fe870,#e8f8a0);border-radius:2px;height:100%}#vigor.low>div{background:linear-gradient(90deg,#ff8a5a,#ffc070)}#vigor.guard{box-shadow:0 0 0 1px #c8e6ffcc}#prompt{text-align:center;text-shadow:0 1px 4px #000,0 0 10px #0009;width:100%;font-size:18px;transition:opacity .2s;position:absolute;bottom:214px}#prompt .hint{color:var(--ink-dim);font-size:16px;font-style:italic}#formname{text-align:center;text-shadow:0 1px 4px #000;width:100%;position:absolute;bottom:138px}#formname b{color:var(--accent);margin-right:10px;font-size:20px}#formname span{color:var(--ink-dim);font-size:14px}#formname.pop{animation:.4s fpop}#formname .lvtag{color:#1a1408;background:var(--accent-2);vertical-align:2px;text-shadow:none;border-radius:8px;margin-right:10px;padding:1px 7px;font-size:13px;font-style:normal;font-weight:700}#formname .lvtag:empty{display:none}.slot .lv{color:#ffe9a8;text-align:center;pointer-events:none;background:#0a0c16d9;border:1px solid #ffd36a73;border-radius:6px;min-width:15px;padding:0 3px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:2px;right:3px}.slot .lv.max{color:#2a1408;background:linear-gradient(135deg,#ffd36a,#ff9a8a);border-color:#fff3c8}#hotbar .xpbar{pointer-events:auto;background:#0a0c16bf;border:1px solid #ffffff1f;border-radius:3px;height:5px;position:absolute;bottom:-9px;left:0;right:0;overflow:hidden}#hotbar .xpbar i{background:linear-gradient(90deg,#9fffe0,#ffd36a);height:100%;transition:width .3s;display:block}#hotbar .xpbar.max i{background:linear-gradient(90deg,#ffd36a,#ff9a8a)}#hotbar .xpbar.flash{border-color:#ffd36ab3;box-shadow:0 0 8px #ffd36acc}#region .r-sub{letter-spacing:2px;color:#ffc0c8;margin-top:2px;font-size:15px;display:block}#combatfx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dmg{color:#fff;white-space:nowrap;will-change:transform, opacity;text-shadow:0 0 2px #000,0 2px #3a2a3a,0 0 8px #0009;-webkit-text-stroke:1px #28141eb3;font:800 20px/1 system-ui,sans-serif;position:absolute;top:0;left:0}.dmg.fire{color:#ffb050}.dmg.heavy{color:#ffe070;font-size:25px}.dmg.resist{color:#c8c4d0;font-size:14px;font-weight:700}.dmg.immune{color:#b8b4c4;font-size:18px}.dmg.hurt{color:#ff5a6a;font-size:18px}.foepip{background:#0a060cbf;border:1px solid #0009;border-radius:3px;width:46px;height:6px;position:absolute;top:0;left:0;overflow:hidden}.foepip i{background:#ffd36a;height:100%;transition:width .12s;display:block}.foepip.easy i{background:#6ad89a}.foepip.hard i{background:#ff4a5a}.foepip.gloom i{background:#b070ff}.foepip.sel{width:58px;height:7px;box-shadow:0 0 6px #ffffff80}#foebar{text-align:center;pointer-events:none;background:#100a12c7;border:1px solid #ff788c4d;border-radius:10px;width:min(260px,60vw);padding:4px 10px 6px;display:none;position:absolute;top:calc(12% + 74px);left:50%;transform:translate(-50%)}#foebar.show{display:block}#foebar .f-name{color:#ffd0d8;text-shadow:0 1px 2px #000;font-size:13px}#foebar .f-lv{color:#fff;background:#ffffff1f;border-radius:6px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:700}#foebar .f-lv.easy{background:#78dca059}#foebar .f-lv.even{background:#ffd36a66}#foebar .f-lv.hard{background:#ff5a5a8c}#foebar .f-track{background:#0009;border-radius:3px;height:6px;margin-top:3px;overflow:hidden}#foebar .f-fill{background:linear-gradient(90deg,#ff3a5a,#ff9a6a);height:100%;transition:width .15s}@keyframes fpop{0%{transform:scale(1.25)}to{transform:scale(1)}}#hotbar{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{cursor:pointer;background:#0a0c16b8;border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:62px;height:62px;transition:transform .12s,border-color .12s;display:flex;position:relative}.slot img{image-rendering:auto;width:56px;height:56px}.slot.locked{cursor:default;opacity:.65}.slot .q{color:#ffffff40;font-size:26px}.slot .key{color:var(--ink-dim);font-size:12px;position:absolute;top:1px;left:4px}.slot.active{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 0 14px #9fffe080}.slot:not(.locked):hover{transform:translateY(-3px)}img.silhouette{filter:brightness(0)drop-shadow(0 0 1px #fff9);opacity:.8}img.unknown{filter:brightness(0)blur(3px);opacity:.35}#toasts{flex-direction:column;gap:6px;max-width:440px;display:flex;position:absolute;bottom:100px;left:16px}.toast{background:var(--panel);border-left:3px solid var(--accent);border-radius:6px;padding:8px 12px;font-size:15px;transition:opacity .8s,transform .8s;animation:.3s tin}.toast.hint{border-left-color:var(--accent-2)}.toast.out{opacity:0;transform:translate(-20px)}@keyframes tin{0%{opacity:0;transform:translate(-20px)}}#banner{border:1px solid var(--panel-edge);opacity:0;pointer-events:none;background:linear-gradient(#141a2ceb,#0c0e1aeb);border-radius:16px;align-items:center;gap:16px;max-width:min(640px,92vw);padding:14px 26px 14px 16px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}#banner img{width:84px;height:84px}#banner .b-title{color:var(--accent);font-size:28px;font-weight:600}#banner .b-sub{color:var(--ink);margin-top:4px;font-size:16px}#banner .kbdhint{color:var(--accent-2)}#banner.show{animation:6s forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}8%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}#debug{background:#00000080;padding:4px 8px;font:12px monospace;display:none;position:absolute;top:110px;left:16px}#flash{opacity:0;background:radial-gradient(circle,#0000 40%,#ff1e3ccc);transition:opacity .1s;position:absolute;inset:0}.screen{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#screen-title{background:radial-gradient(#0000 30%,#050814bf)}.title-card{text-align:center}.logo{letter-spacing:10px;background:linear-gradient(#fff,#9fffe0 60%,#5fd0b0);color:#0000;filter:drop-shadow(0 6px 20px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,11vw,120px);font-weight:700}.tagline{color:var(--ink);opacity:.85;letter-spacing:3px;text-shadow:0 2px 6px #000;margin-top:-6px;font-size:22px}.menu{flex-direction:column;align-items:center;gap:10px;margin-top:34px;display:flex}.menu button,.p-foot button{color:#0e1a18;background:linear-gradient(#c8fff0,#7fe8c8);border:none;border-radius:12px;min-width:260px;padding:12px 22px;font-size:19px;font-weight:600;box-shadow:0 4px #3a9a80,0 8px 20px #0006}.menu button:hover,.p-foot button:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (height<=560px){#screen-title{align-items:flex-start;padding:10px 0 20px;overflow-y:auto}.logo{letter-spacing:6px;font-size:46px}.tagline{font-size:15px}.menu{gap:7px;margin-top:12px}.menu button,.p-foot button{padding:8px 18px;font-size:16px}}.menu button.ghost,.p-foot button.ghost{color:var(--ink);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff40}#loading{color:var(--ink-dim);min-height:1.2em;margin-top:20px}#modal{background:#04060e8c}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;max-height:88vh;padding:22px 26px;overflow:auto;box-shadow:0 20px 60px #0009}.panel.wide{width:min(1100px,94vw)}.panel.narrow{width:min(560px,92vw)}.panel.clear{box-shadow:none;background:0 0;border:none}.p-head h2{color:var(--accent);margin:0;font-size:28px}.p-head .sub{color:var(--ink-dim);margin-top:2px;font-size:14px}.p-foot{justify-content:center;gap:10px;margin-top:18px;display:flex}.panel.pack-panel{width:min(1140px,96vw);height:min(780px,90vh);max-height:none;padding:0;display:flex;overflow:hidden}.pack{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pk-head{background:linear-gradient(#9fffe00f,#0000);border-bottom:1px solid #9fffe02e;align-items:flex-end;gap:12px;padding:12px 14px 0 18px;display:flex}.pk-tabs{gap:4px;display:flex}.pk-tabs button{color:var(--ink-dim);background:0 0;border:none;border-radius:12px 12px 0 0;align-items:center;gap:7px;padding:8px 16px 10px;font-size:17px;font-weight:600;display:flex;position:relative}.pk-tabs button:hover{color:var(--ink);background:#ffffff0a}.pk-tabs button.on{color:var(--accent);background:#9fffe017}.pk-tabs button.on:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.pk-ic{filter:saturate(.9);font-size:18px}.pk-tabs em{color:var(--accent-2);background:#ffd36a1f;border-radius:9px;padding:1px 7px;font-size:12px;font-style:normal;font-weight:500}.pk-keys{color:var(--ink-dim);white-space:nowrap;margin-left:auto;padding-bottom:12px;font-size:12px}.pk-keys kbd{margin-right:2px;font-size:10px}.pk-x{width:32px;height:32px;color:var(--ink-dim);background:#ffffff0d;border:1px solid #ffffff26;border-radius:9px;align-self:center;margin-bottom:4px;font-size:15px}.pk-x:hover{color:var(--ink);border-color:#ff8a9a99}.pk-tools{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px 10px;display:flex}.pk-search{width:210px}.pk-chips{flex-wrap:wrap;gap:5px;display:flex}.pk-sub{color:var(--ink-dim);margin-left:auto;font-size:13px}.pk-meter{color:var(--ink-dim);align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.pk-meter .bk-meter{width:160px}.pk-main{flex:1;gap:16px;min-height:0;padding:0 18px 12px;display:flex}.pk-list{scrollbar-width:thin;flex:1;min-width:0;padding:2px 6px 6px 2px;overflow-y:auto}.pack .s-items{max-height:none}.pk-side{scrollbar-width:thin;flex:none;width:330px;padding:2px 4px 6px 0;overflow-y:auto}.pk-side h4{color:var(--accent-2);margin:12px 0 8px;font-size:14px}.pk-side{overflow-x:hidden}.pk-side .in-slots{flex:1;gap:2px;min-width:0}.pk-side .in-slots button{flex:1;width:auto;min-width:0;padding:3px 0;font-size:12px}.pk-side .inspect{margin-bottom:4px}.pk-foot{background:#00000038;border-top:1px solid #9fffe026;align-items:center;gap:14px;padding:10px 18px 12px;display:flex}.pk-bar-label{flex-direction:column;flex:none;width:150px;display:flex}.pk-bar-label b{color:var(--accent-2);font-size:14px}.pk-bar-label span{color:var(--ink-dim);font-size:11px;line-height:1.3}.pk-bar{gap:6px;display:flex}.pk-bar .mslot{width:54px;height:54px}.pk-bar .mslot img{width:48px;height:48px}.mslot.sel{border-color:var(--accent-2);box-shadow:0 0 10px #ffd36a66}.pk-bar .mat{width:50px;height:50px}.pk-bar .mat img{width:34px;height:34px}.pk-auto{color:var(--ink);background:#ffffff14;border:1px solid #ffffff40;border-radius:9px;margin-left:auto;padding:8px 14px;font-size:14px}.pk-auto:hover{border-color:var(--accent)}.pk-cards{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;display:grid}.pk-card{cursor:pointer;text-align:center;background:#ffffff0a;border:2px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 8px;transition:border-color .1s,background .1s,transform .1s;display:flex;position:relative}.pk-card:hover{border-color:#9fffe073;transform:translateY(-1px)}.pk-card.sel{border-color:var(--accent-2);background:#ffd36a14;box-shadow:0 0 12px #ffd36a40}.pk-card.current{background:#9fffe014}.pk-card.locked{opacity:.45;cursor:default;transform:none}.pk-card.exhausted img{filter:grayscale()brightness(.6)}.pk-card img{width:64px;height:64px}.pk-card b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;line-height:1.15;overflow:hidden}.pk-slot{font-size:10px;position:absolute;top:6px;left:6px}.pk-now{color:#0e1a18;background:var(--accent);border-radius:6px;padding:0 5px;font-size:10px;font-weight:600;position:absolute;top:6px;right:6px}.pk-meta{align-items:center;gap:6px;font-size:11.5px;display:flex}.pk-lv{color:#1a1408;background:var(--accent-2);border-radius:6px;padding:0 6px;font-size:11px;font-weight:600}.pk-lv.max{background:linear-gradient(135deg,#ffd36a,#ff9a8a)}.pk-hp{color:#ff9aac;font-size:11.5px}.pk-dim{color:var(--ink-dim)}.pk-xp{background:#00000080;border-radius:2px;width:80%;height:3px;display:block;overflow:hidden}.pk-xp u{background:linear-gradient(90deg,#9fffe0,#ffd36a);height:100%;display:block}.pk-detail{background:#ffffff0b;border:1px solid #9fffe038;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.pk-hero{background:radial-gradient(circle at 50% 42%,#9fffe033,#0000 68%);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:150px;height:150px;display:flex}.pk-hero img{width:136px;height:136px}.pk-hero.exhausted img{filter:grayscale()brightness(.6)}.pk-detail h3{text-align:center;margin:0;font-size:20px}.pk-tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.pk-tags span{color:var(--ink-dim);background:#ffffff14;border-radius:9px;padding:1px 8px;font-size:11px}.pk-tags .pk-hp{background:#ff5a7824}.pk-desc{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.4}.pk-row{align-items:center;gap:8px;font-size:13px;display:flex}.pk-row>span{width:60px;color:var(--ink-dim);flex:none}.pk-row kbd{font-size:10px}.pk-btns button{color:#0e1a18;background:linear-gradient(#c8fff0,#7fe8c8);border:none;border-radius:9px;width:100%;padding:8px;font-size:14px;font-weight:600}.pk-btns button:disabled{color:var(--accent);cursor:default;background:#9fffe01f}.pk-grow{background:#00000038;border-radius:10px;padding:8px 10px}.pk-grow-top{color:var(--ink-dim);align-items:center;gap:8px;font-size:11.5px;display:flex}.pk-grow-top .pk-xp{flex:1;height:5px}.pk-stats{color:var(--ink-dim);grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:6px;font-size:12px;display:grid}.pk-stats b{color:var(--ink);font-weight:600}.pk-note{color:#ffe9a8;opacity:.8;margin:6px 0 0;font-size:11px;line-height:1.35}.pk-detail h4{margin:4px 0 0}.pk-coats{grid-template-columns:1fr 1fr;gap:5px;display:grid}.pk-coat{color:var(--ink-dim);text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.pk-coat i{border:2px solid var(--c);border-radius:50%;flex:none;width:12px;height:12px}.pk-coat.has{color:var(--ink);cursor:pointer}.pk-coat.has i{background:var(--c)}.pk-coat.has:hover{border-color:var(--c)}.pk-coat.on{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);background:#ffffff17}.pk-coat:disabled{opacity:.45;cursor:default}@media (width<=860px){.pk-main{flex-direction:column;overflow-y:auto}.pack .pk-list,.pack .pk-side{flex:none;overflow:visible}.pk-side{width:auto}.pk-keys,.pk-nm,.pk-bar-label span{display:none}.pk-head{gap:4px;padding:8px 8px 0 10px}.pk-tabs{flex:1;min-width:0}.pk-tabs button{flex:1;justify-content:center;gap:5px;padding:8px 6px 10px;font-size:15px}.pk-x{flex:none}.pk-tools,.pk-main{padding-left:12px;padding-right:12px}.pk-foot{flex-wrap:wrap;gap:8px;padding:8px 12px 10px}.pk-bar-label{width:auto}.pk-bar{flex-wrap:wrap;gap:4px}.pk-bar .mslot,.pk-bar .mat{width:44px;height:44px}.pk-bar .mslot img{width:38px;height:38px}.pk-auto{margin-left:0}}.panel.creator-panel{width:min(680px,94vw)}.panel.creator-panel .p-foot button{flex:1;min-width:0;max-width:240px}.creator{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.cr-preview{background:radial-gradient(circle at 50% 40%,#9fffe02e,#00000026 70%);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.cr-preview img{image-rendering:auto;width:200px;height:200px}.cr-stage{background:radial-gradient(at 50% 30%,#ffecbe47,#ffecbe00 60%),radial-gradient(at 50% 92%,#78aa5a59,#0000 55%);border-radius:14px;justify-content:center;align-items:center;width:240px;height:300px;display:flex;position:relative}.cr-canvas{cursor:grab;touch-action:none;width:240px;height:300px;display:block}.cr-canvas:active{cursor:grabbing}.cr-hint{color:var(--ink-dim);margin-top:-4px;font-size:11px}.cr-namein{pointer-events:auto;box-sizing:border-box;width:100%;color:var(--ink);font-family:var(--font);background:#0a0c16b3;border:1px solid #ffffff4d;border-radius:10px;padding:9px 12px;font-size:17px}.cr-namein:focus{outline-offset:1px;outline:2px solid #7fe8c8}.cr-namenote{color:var(--ink-dim);margin:5px 0 12px;font-size:12px}.cr-err{text-align:center;margin:10px 0 0}.cr-name{color:var(--accent-2);font-size:16px}.cr-pick{flex:1;min-width:260px}.cr-pick h4{color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px;margin:4px 0 8px;font-size:14px;font-weight:500}.cr-kinds{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.cr-kind{color:var(--ink);background:#ffffff0f;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:13px;display:flex}.cr-kind img{width:64px;max-width:100%;height:64px}.cr-kind:hover{background:#ffffff1f}.cr-kind.on{border-color:var(--accent);background:#9fffe024}.cr-cloth{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.cr-sw{border:2px solid #00000059;border-radius:10px;height:34px;box-shadow:inset 0 -4px #0003}.cr-sw.on{outline:3px solid var(--accent-2);outline-offset:2px}.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:16px;display:grid}.card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:12px;padding:10px;display:flex}.card img{flex:none;width:88px;height:88px}.card.attuned{background:#9fffe00f;border-color:#9fffe059}.card h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.card .where{color:var(--accent-2);margin-top:2px;font-size:12px}.card p{margin:6px 0 0;font-size:14px;line-height:1.35}.card .blurb{color:var(--ink-dim)}.card .hint{color:var(--ink-dim);font-style:italic}.tag{color:var(--ink-dim);background:#ffffff1a;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:500}.tag.ok{color:var(--accent);background:#9fffe033}.tag.seen{color:var(--accent-2);background:#ffd36a2e}.dialog-text{margin-top:10px;font-size:18px;line-height:1.5}.dialog-text p{margin:0 0 10px}.controls{grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:14px;font-size:15px;display:grid}.tips{color:var(--ink-dim);margin-top:14px;font-size:14px;line-height:1.45}.panel.controls-panel{width:min(980px,95vw)}.ct-tabs{gap:6px;margin:12px 0 8px;display:flex}.ct-tabs button{background:#ffffff0f;border:1px solid #ffffff2e;min-width:0;padding:6px 14px;font-size:14px}.ct-tabs button.on{border-color:var(--accent);color:var(--accent);background:#9fffe029}.ct-cols{columns:2 380px;column-gap:26px}.ct-group{break-inside:avoid;margin-bottom:12px}.ct-group h4{color:var(--accent-2);letter-spacing:1px;text-transform:uppercase;margin:6px 0 4px;font-size:14px}.ct-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:3px 0;font-size:14px;display:flex}.ct-row>span{flex:1;min-width:0}.ct-row.fixed>span{color:var(--ink-dim);font-size:13px}.ct-row.fixed kbd{white-space:nowrap}.ct-key{width:auto;min-width:64px;color:var(--ink);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:7px;margin:0;padding:3px 8px;font-size:13px}.ct-key.alt{opacity:.85;min-width:52px}.ct-key.empty{color:var(--ink-dim);border-style:dashed}.ct-key:hover{border-color:var(--accent)}.ct-key.listening{border-color:var(--accent-2);color:var(--accent-2);animation:1s ease-in-out infinite pulse}.ct-opt{color:var(--ink-dim);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.ct-note{min-height:18px;color:var(--accent-2);margin:4px 0 0;font-size:13px}.ct-tgrid{grid-template-columns:1fr 1fr;gap:10px 22px;display:grid}.ct-tgrid b{color:var(--accent-2)}.ct-tgrid p{margin:3px 0 0;font-size:14px;line-height:1.4}@media (width<=700px){.ct-tgrid{grid-template-columns:1fr}}.pk-mvh{color:var(--accent-2);margin:12px 0 6px;font-size:14px}.pk-mvh small{color:var(--ink-dim);margin-left:4px;font-weight:400}.pk-moves{flex-direction:column;gap:7px;display:flex}.pk-move{align-items:flex-start;gap:9px;display:flex}.pk-move img{border:1px solid #ffffff40;border-radius:8px;flex:none;width:40px;height:40px}.pk-move b{color:#ffe6a8;font-size:14px}.pk-move kbd{margin-left:4px;font-size:10px}.pk-move .pk-cd{color:var(--ink-dim);font-size:11.5px;display:block}.pk-move p{color:var(--ink);margin:2px 0 0;font-size:12.5px;line-height:1.35}.j-grp{color:var(--ink-dim);font-size:12px;font-weight:400}.settings{pointer-events:auto;flex-direction:column;gap:10px;margin-top:16px;display:flex}.settings label{justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.settings input[type=range]{accent-color:#7fe8c8;width:220px}.settings label.check{justify-content:flex-start}.map-wrap{align-items:flex-start;gap:18px;margin-top:12px;display:flex}.map-inner{aspect-ratio:1;touch-action:none;flex:none;width:min(88vh - 150px,60vw);min-width:280px;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%;display:block}.pin{position:absolute;transform:translate(-50%,-50%)}.pin.ws{background:#4a5a7a;border:2px solid #1a2030;border-radius:50%;width:14px;height:14px}.pin.ws.on{background:var(--accent);box-shadow:0 0 8px var(--accent);cursor:pointer;pointer-events:auto}.pin.ws.on:hover{transform:translate(-50%,-50%)scale(1.4)}.pin.you .arrow{filter:drop-shadow(0 0 2px #000);border-bottom:16px solid #ff4a6a;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.pin.creature{border:2px solid var(--accent-2);pointer-events:auto;background:#0a0c16bf;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pin.creature.attuned{border-color:var(--accent);opacity:.75}.pin.creature img{width:30px;height:30px}.map-label{text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;pointer-events:none;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.map-side{flex:1;min-width:180px}.map-side h4{color:var(--accent-2);margin:4px 0 8px}.ws-list{flex-direction:column;gap:6px;display:flex}.ws-btn{text-align:left;color:var(--ink);background:#9fffe014;border:1px solid #9fffe04d;border-radius:8px;padding:6px 10px;font-size:14px}.ws-btn:hover{background:#9fffe033}.ws-btn.off{opacity:.4;cursor:default}.legend{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;display:flex}.legend>span{align-items:center;gap:6px;display:inline-flex}.lg{border-radius:50%;width:10px;height:10px;display:inline-block}.lg.ws{background:#4a5a7a}.lg.ws.on{background:var(--accent)}.lg.you{background:#ff4a6a;border-radius:2px}.depth{color:var(--accent-2);margin-top:12px;font-size:13px}.death,.victory{text-align:center}.death h2{color:#ffb0c0;margin:0;font-size:36px}.death .sub{color:var(--ink-dim)}.victory img{width:140px;height:140px}.victory h2{color:var(--accent);margin:4px 0;font-size:34px}.victory p{font-size:17px;line-height:1.5}.victory .stats{color:var(--accent-2);margin-top:10px;font-size:14px}.slot .hpbar{background:#0009;border-radius:2px;height:4px;position:absolute;bottom:4px;left:6px;right:6px;overflow:hidden}.slot .hpbar i{background:#ff6a8a;width:100%;height:100%;transition:width .3s;display:block}.slot .hpbar.low i{background:#ff3a3a}.slot.exhausted img{filter:grayscale()brightness(.55)}.slot.exhausted:after{content:"resting";text-align:center;color:#ffb0c0;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;top:18px;left:0;right:0}#actions{align-items:center;gap:10px;display:flex;position:absolute;bottom:172px;left:50%;transform:translate(-50%)}#matbar{pointer-events:auto;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}#matbar.idle{opacity:.6}#matbar.idle .mat.sel{box-shadow:none;border-color:#ffd36a80}.mat{cursor:pointer;background:#0a0c16b8;border:2px solid #ffd36a2e;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .12s;display:flex;position:relative}.mat img{width:28px;height:28px;image-rendering:pixelated;border-radius:4px}.mat .n{text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;position:absolute;bottom:0;right:3px}.mat .key{color:#ffd36abf;font-size:10px;position:absolute;top:0;left:3px}.mat.sel{border-color:var(--accent-2);transform:translateY(-4px);box-shadow:0 0 12px #ffd36a73}.mat.out img{opacity:.3;filter:grayscale()}.mat.out .n{color:#ff8a9a}.mat.over{border-color:var(--accent)}.mat:hover{transform:translateY(-2px)}.mat.sel:hover{transform:translateY(-4px)}#matbar .mlabel{white-space:nowrap;pointer-events:none;background:#0a0c16b8;border-radius:9px;flex-direction:column;margin-left:8px;padding:3px 10px;font-size:13px;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)}#matbar .mlabel b{color:#ffe9a8;font-weight:600}#matbar .mlabel em{color:var(--ink-dim);font-size:11px;font-style:normal}#matbar.hidden{display:none}#foodnote{color:#ffb0c0;background:#0a0c16b8;border-radius:10px;padding:4px 10px;font-size:13px}#pickups{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:110px;right:16px}.pick{background:var(--panel);border-radius:8px;align-items:center;gap:8px;padding:3px 10px 3px 3px;font-size:14px;transition:opacity .5s;animation:.25s tin;display:flex}.pick img{width:22px;height:22px;image-rendering:pixelated;border-radius:3px}.pick.out{opacity:0}#bossbar{background:linear-gradient(#281018e0,#100a12e0);border:1px solid #ff788c66;border-radius:14px;align-items:center;gap:10px;width:min(560px,70vw);padding:6px 14px 8px 6px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #00000080}#bossbar.show{animation:.4s tin;display:flex}#bossbar img{flex:none;width:52px;height:52px}#bossbar .b-body{flex:1}#bossbar .b-name{color:#ffc0cc;font-size:17px;font-weight:600}#bossbar .b-track{background:#0009;border:1px solid #ffffff26;border-radius:5px;height:10px;margin-top:3px;overflow:hidden}#bossbar .b-fill{background:linear-gradient(90deg,#ff3a5a,#ff9a6a);height:100%;transition:width .2s}#bossbar .b-note{color:var(--accent-2);margin-top:3px;font-size:12px}#wheel{background:radial-gradient(circle,#080a148c 0,#080a1426 260px,#0000 340px);display:none;position:absolute;inset:0}#wheel.show{display:block}#wheel .w-center{color:var(--ink-dim);text-align:center;width:140px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#wheel .w-item{background:#0a0c16c7;border:2px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;padding:4px;transition:transform .1s;display:flex;position:absolute;transform:translate(-50%,-50%)}#wheel .w-item img{width:50px;height:50px}#wheel .w-item span{color:var(--ink-dim);white-space:nowrap;font-size:11px}#wheel .w-item.current{border-color:#9fffe080}#wheel .w-item.sel{border-color:var(--accent-2);transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 16px #ffd36a80}#wheel .w-item.exhausted img{filter:grayscale()brightness(.5)}.j-sec{color:var(--accent-2);margin:20px 0 0;font-size:18px}.card .special{color:var(--accent-2);font-size:13px}.card.wild:not(.attuned){border-style:dashed}.tag.hp{color:#ffb0c0;background:#ff4a6a2e}.tag.lvl{color:#ffe9a8;background:#ffd36a38}.satchel{gap:18px;margin-top:14px;display:flex}.s-items{flex:1;min-width:0;max-height:46vh;padding-right:4px;overflow-y:auto}.s-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));align-content:start;gap:8px;margin-bottom:10px;display:grid}.s-group{color:var(--accent-2);margin:2px 0 6px;font-size:13px;font-weight:600}.s-group span{color:var(--ink-dim);font-weight:400}.s-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.s-search{pointer-events:auto;width:200px;color:var(--ink);font-family:var(--font);background:#0a0c16b3;border:1px solid #ffffff40;border-radius:8px;padding:6px 10px;font-size:14px}.s-sort{color:var(--ink-dim);align-items:center;gap:4px;font-size:13px;display:flex}.s-sort button,.in-btns button,.in-slots button,.in-drop button{color:var(--ink);background:#ffffff12;border:1px solid #ffffff38;border-radius:7px;padding:4px 10px;font-size:13px}.s-sort button.on{border-color:var(--accent);background:#9fffe033}.inspect{background:#ffffff0d;border:1px solid #9fffe040;border-radius:12px;margin-bottom:14px;padding:10px 12px}.in-top{align-items:center;gap:10px;display:flex}.in-top img{width:44px;height:44px;image-rendering:pixelated;border-radius:6px}.in-top>div{flex-direction:column;display:flex}.in-top b{font-size:17px}.in-n{color:var(--ink-dim);font-size:13px}.in-n b{color:#ffe9a8;font-size:14px}.in-desc{color:var(--ink-dim);margin:8px 0;font-size:13px;line-height:1.35}.in-btns{gap:6px;margin-bottom:8px;display:flex}.in-btns button{color:#0e1a18;background:linear-gradient(#c8fff0,#7fe8c8);border:none;font-weight:600}.in-btns button:disabled{color:var(--accent);cursor:default;background:#9fffe026}.in-row{align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.in-row>span{width:66px;color:var(--ink-dim);flex:none}.in-slots,.in-drop{flex-wrap:wrap;gap:3px;display:flex}.in-slots{flex-wrap:nowrap;gap:2px}.in-slots button{width:22px;padding:3px 0}.in-slots button.on{border-color:var(--accent-2);color:#ffe9a8;background:#ffd36a4d}.in-drop button:hover{border-color:#ff8a9a}.in-drop button.really{color:#ffd0d0;background:#ff5a5a4d;border-color:#ff8a9a}.rc-b small{color:var(--ink-dim)}.s-bar{margin-top:12px}.s-bar h4{color:var(--accent-2);margin:0 0 6px;font-size:14px}.s-bar h4 span{color:var(--ink-dim);margin-left:8px;font-size:12px;font-weight:400}.s-bar .mats{gap:6px;display:flex}.s-bar .mat{width:50px;height:50px}.s-bar .mat img{width:34px;height:34px}.s-items .it{cursor:default;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;height:58px;display:flex;position:relative}.s-items .it:hover{border-color:#9fffe080}.s-items .it.sel{border-color:#ffd36a99}.s-items .it.pick{border-color:var(--accent);background:#9fffe01a;box-shadow:0 0 10px #9fffe066}.s-items .it .onbar{color:#ffe9a8;background:#ffd36a40;border-radius:4px;padding:0 4px;font-size:10px;position:absolute;top:2px;left:4px}.s-items .it img{width:36px;height:36px;image-rendering:pixelated;border-radius:4px}.s-items .it.petit img,.in-top.petit img,.tr-row img.petimg,.tr-thing img.petimg{image-rendering:auto}.s-items .it.petit img{width:46px;height:46px;margin-top:-6px}.s-items .it.petisout{background:#ffbedc14;border-color:#ffbedc99}.s-items .it .petout{font-size:11px;position:absolute;top:2px;left:4px}.s-items .it .n{text-shadow:0 1px 2px #000;font-size:13px;position:absolute;top:2px;right:5px}.s-items .it{flex-direction:column;justify-content:flex-start;height:76px;padding-top:8px}.s-items .it .nm{color:var(--ink-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.1;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.s-items .it.pick .nm,.s-items .it:hover .nm{color:var(--ink)}.s-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.s-tabs{gap:8px;margin-bottom:6px;display:flex}.s-tabs button{color:var(--ink-dim);background:#ffffff0d;border:none;border-bottom:3px solid #0000;border-radius:12px 12px 4px 4px;padding:6px 16px 8px;font-size:20px;font-weight:600}.s-tabs button.on{color:var(--accent);border-bottom-color:var(--accent);background:#9fffe014}.s-tabs kbd{vertical-align:2px;margin-left:4px;font-size:11px}.s-tabs .bk-n{color:var(--accent-2);margin-left:4px;font-size:13px;font-weight:500}.bk-bar{margin:6px 0 4px}.bk-meter{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.bk-meter i{background:linear-gradient(90deg,#9fffe0,#ffd36a);height:100%;display:block}.bk-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:10px;display:grid}.bk{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:22px 6px 10px;display:flex;position:relative}.bk img{width:52px;height:52px;image-rendering:pixelated;border-radius:6px}.bk b{font-size:13.5px;line-height:1.15}.bk .no{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:4px;left:7px}.bk .gl{color:#ffe08a;text-shadow:0 0 6px #ffc040;font-size:12px;position:absolute;top:3px;right:7px}.bk.seen{border-color:#ffd36a38}.bk.found{background:#9fffe00f;border-color:#9fffe059}.bk:not(.seen):not(.found) b{color:var(--ink-dim);letter-spacing:2px}.bk.has{cursor:pointer}.bk.has:hover{border-color:var(--accent);box-shadow:0 0 10px #9fffe059}.bk .tag{font-size:10.5px}.s-side{flex:none;width:360px}.s-side h4{color:var(--accent-2);margin:0 0 8px}.s-recipes{flex-direction:column;gap:6px;max-height:52vh;padding-right:4px;display:flex;overflow:auto}.rc{background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:5px 6px;display:flex}.rc.no{opacity:.55}.rc img{width:30px;height:30px;image-rendering:pixelated;border-radius:4px}.rc-b{flex-direction:column;flex:1;font-size:13px;display:flex}.rc-b span{color:var(--ink-dim);font-size:12px}.rc-b i{font-style:normal}.rc-b i.miss{color:#ff8a9a}.rc button{color:#0e1a18;background:linear-gradient(#c8fff0,#7fe8c8);border:none;border-radius:8px;padding:5px 10px;font-weight:600}.rc button:disabled{color:var(--ink-dim);cursor:default;background:#ffffff1f}.s-foot{margin-top:12px}.s-foot button{color:var(--ink);background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;padding:6px 14px}p.empty{color:var(--ink-dim);grid-column:1/-1;font-size:14px;line-height:1.4}.map-inner{cursor:grab;pointer-events:auto}.pin.site{background:#c8a0ff;border:2px solid #2a1a40;width:18px;height:18px;transform:translate(-50%,-50%)rotate(45deg)}.pin.site.boss{background:#ff6a7a;box-shadow:0 0 10px #ff6a7a}.pin.site.done{background:var(--accent)}.pin.site.edge{opacity:.6}.pin.hearth{cursor:pointer;pointer-events:auto;background:#ffb040;border:2px solid #4a2a10;border-radius:4px;width:16px;height:16px;box-shadow:0 0 8px #ff9a3a}.pin.satchel{background:#ffd870;border:2px solid #4a3a10;border-radius:3px;width:12px;height:12px}.map-label.wild{color:#e8d8ff;font-size:12px}.lg.site{background:#ff6a7a;border-radius:1px;transform:rotate(45deg)}.lg.hold{background:0 0;border:2px solid #ff9a8a;border-radius:3px}.lg.hearth{background:#ffb040;border-radius:2px}.map-btns{gap:6px;margin-top:12px;display:flex}.map-btns button{color:var(--ink);background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;min-width:32px;padding:4px 10px}.slot.empty{opacity:.55;border-style:dashed}.slot.empty .q,.slot.more .q{color:#fff6;font-size:22px}.slot.more{border-style:dashed;width:44px}.slot.coat-snowy{border-color:#9fe8ff99}.slot.coat-moonlit{border-color:#c8a0ffbf;box-shadow:0 0 8px #c8a0ff59}.slot.coat-golden{border-color:#ffd24a;box-shadow:0 0 12px #ffd24a8c}.slot.coat-golden.active,.slot.coat-moonlit.active{transform:translateY(-6px)}.minibar-edit{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.mslot{cursor:pointer;background:#0a0c16b3;border:2px solid #9fffe059;border-radius:10px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.mslot.empty{border-style:dashed;border-color:#fff3}.mslot.over{border-color:var(--accent-2);box-shadow:0 0 10px #ffd36a80}.mslot img{width:52px;height:52px}.mslot .key{color:var(--ink-dim);font-size:11px;position:absolute;top:1px;left:4px}.minibar-edit .auto{color:var(--ink);background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;margin-left:8px;padding:6px 12px}.sh-tools{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.sh-search{color:var(--ink);font-family:var(--font);background:#0000004d;border:1px solid #ffffff40;border-radius:8px;width:180px;padding:6px 10px}.chip{color:var(--ink-dim);background:#ffffff0f;border:1px solid #fff3;border-radius:12px;padding:4px 10px;font-size:13px}.chip.on{color:var(--accent);background:#9fffe033;border-color:#9fffe080}.shapes{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:12px;display:grid}.shape{cursor:pointer;background:#ffffff0a;border:2px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex}.shape:hover{border-color:#9fffe059}.shape.sel{border-color:var(--accent-2);box-shadow:0 0 10px #ffd36a59}.shape.current{background:#9fffe014}.shape.locked{opacity:.5;cursor:default}.shape.exhausted img{filter:grayscale()brightness(.6)}.shape img{flex:none;width:56px;height:56px}.sh-b{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.sh-b b{font-size:14px}.sh-b>span{color:var(--ink-dim);font-size:12px}.sh-b .slotk{margin-left:4px;position:relative;top:-1px}.sh-b{flex:1}.sh-b>.tag,.sh-b>.slotk{align-self:flex-start}.sh-grow{align-items:center;gap:6px;display:flex}.sh-grow b{color:#1a1408;background:var(--accent-2);border-radius:6px;flex:none;padding:0 6px;font-size:11px}.sh-grow b.max{background:linear-gradient(135deg,#ffd36a,#ff9a8a)}.sh-grow i{background:#00000080;border-radius:2px;flex:1;height:4px;overflow:hidden}.sh-grow u{background:linear-gradient(90deg,#9fffe0,#ffd36a);height:100%;display:block}.grow-note{color:#ffe9a8;margin-top:4px}.coats{gap:4px;margin-top:2px;display:flex}.coat{border:2px solid var(--c);opacity:.45;background:0 0;border-radius:50%;width:16px;height:16px;padding:0}.coat.has{background:var(--c);opacity:.85;cursor:pointer}.coat.on{opacity:1;box-shadow:0 0 0 2px #fff}.coats-legend{gap:14px;margin-top:12px}.coats-legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.jcoats{gap:3px;display:inline-flex}.jcoats i{border:1.5px solid;border-radius:50%;width:9px;height:9px;display:inline-block}.relics{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:10px;display:grid}.relic{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.relic.got{background:#ffd8700f;border-color:#ffd87066}.relic i{border:2px solid;border-radius:4px;flex:none;width:22px;height:22px;transform:rotate(45deg)}.relic div{flex-direction:column;font-size:14px;display:flex}.relic span{color:var(--ink-dim);font-size:13px}.j-note{color:var(--ink-dim);margin-left:8px;font-size:13px;font-weight:400}.j-intro{color:var(--ink-dim);margin:4px 0 8px;font-size:13px}.mastery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px;display:grid}.mrow{background:#ffffff0a;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:40px 1fr auto;align-items:center;column-gap:8px;padding:6px;display:grid}.mrow img{grid-row:1/3;width:40px;height:40px}.mrow .mrank{color:var(--ink-dim);grid-column:2;font-size:12px}.mrow .pips{grid-area:1/3;gap:3px;display:flex}.mrow .pips i{border:1px solid #ff9a8a;border-radius:50%;width:10px;height:10px}.mrow .pips i.on{background:#ff9a8a;box-shadow:0 0 6px #ff9a8a}.mrow em{color:var(--ink-dim);text-align:right;grid-area:2/3;font-size:12px;font-style:normal}.mrow.r1 .mrank{color:#a8ffcc}.mrow.r2 .mrank{color:#ffd870}.mrow.r3 .mrank{color:#ff9a8a;font-weight:600}.mrow.unknown{opacity:.45}.mrow.found .mrank{color:#a8ffcc}.mrow.tamed{box-shadow:inset 0 0 0 1px #c8a0ff8c}.mrow.tamed .mrank{color:#c8a0ff;font-weight:600}.pin.hold{background:#0a0c16cc;border:2px solid #ff9a8a;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pin.hold img{width:22px;height:22px}.pin.hold.locked{opacity:.7;border-color:#6a6a7a}.pin.hold.locked img{filter:grayscale()brightness(.6)}.pin.hold.done{opacity:.7;border-color:#ffd870}.pin.hold.open{box-shadow:0 0 8px #ff9a8a}.pin.district{background:#7ff7d8;border:3px solid #1a3a34;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #7ff7d8}.pin.district.edge{opacity:.6}.map-label.district{color:#c8fff0;font-size:13px}@media (width<=800px){.slot{width:46px;height:46px}.slot img{width:40px;height:40px}.map-wrap{flex-direction:column}.map-inner{width:100%}.satchel{flex-direction:column}.s-side{width:auto}}.q-n{color:#ffd870;font-weight:600}.map-pins{pointer-events:none;position:absolute;inset:0}.map-pins .pin{pointer-events:none}.map-pins .pin.ws.on,.map-pins .pin.hearth,.map-pins .pin.creature,.map-pins .pin.district,.map-pins .pin.site,.map-pins .pin.hold,.map-pins .pin.quest{pointer-events:auto}.map-inner.dragging{cursor:grabbing}.pin.district:not(.visited){background:#2a4a44;box-shadow:0 0 6px #7ff7d8}.lg.district{background:#7ff7d8}.map-note{color:var(--ink-dim);margin:8px 0 0;font-size:12px;line-height:1.35}.j-quests{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.jq{background:#2c220e8c;border:1px solid #ffd02440;border-left:3px solid #b89020;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.jq.on{background:#3c2e0eb3;border-left-color:#ffd024}.jq>div{flex-direction:column;gap:2px;display:flex}.jq span{color:var(--ink-dim);font-size:13px}.jq em{color:#ffd870;white-space:nowrap;font-size:12px;font-style:normal}.jq button{white-space:nowrap}.jq-btns{align-items:center;display:flex;flex-direction:row!important;gap:6px!important}.jq .jq-eye{min-width:52px}.jq .jq-following{color:#ffd870;background:#3a2c0c;border-color:#ffd024}.jq.hid{border-left-color:#6a5a30}.jq.hid>div:first-child{opacity:.6}.jq-done{color:var(--ink-dim);margin:4px 0 0;font-size:12px}#quest{text-align:left;width:270px;margin-top:8px;margin-left:auto}#quest:empty{display:none}#quest .qt{text-shadow:0 1px 2px #000;background:linear-gradient(#2c220ecc,#1a140ab8);border:1px solid #ffd02459;border-left:3px solid #ffd024;border-radius:10px;margin-bottom:6px;padding:6px 12px 7px}#quest .qt-head{letter-spacing:.08em;text-transform:uppercase;color:#ffd870;font-size:11px}#quest .qt-goal{color:var(--ink);margin-top:2px;font-size:13px}#quest .qt-where{color:var(--ink-dim);margin-top:2px;font-size:12px}#quest .qt:not(.on){opacity:.72;padding-top:4px;padding-bottom:5px}#quest .qt:not(.on) .qt-goal{font-size:12px}#quest .qt-more{color:var(--ink-dim);text-align:right;text-shadow:0 1px 2px #000;font-size:11px}@media (width<=800px){#quest{width:210px}}.pin.quest{text-align:center;color:#3a2400;z-index:2;background:#ffd024;border:2px solid #fff6c0;border-radius:50%;width:22px;height:22px;font-size:13px;line-height:20px;box-shadow:0 0 10px #ffd024,0 0 4px #000}#qptr{pointer-events:none;will-change:transform;z-index:1;flex-direction:column;align-items:center;width:180px;margin-top:-24px;margin-left:-90px;display:none;position:absolute;top:0;left:0}#qptr .qp-a{color:#ffd024;text-shadow:0 0 6px #000c,0 0 2px #000;transform-origin:50% 55%;font-size:22px;line-height:1}#qptr .qp-d{color:#fff4d0;white-space:nowrap;text-shadow:0 1px 3px #000;margin-top:2px;font-size:12px;font-weight:600}#qptr.edge .qp-a{color:#ffb030;font-size:32px}#qptr.edge .qp-d{opacity:.85}#toasts{bottom:250px}#plates{pointer-events:none;position:absolute;inset:0;overflow:hidden}.plate{will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.pname{color:#f6f0d8;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #000c;white-space:nowrap;letter-spacing:.02em;font-size:13px;font-weight:600}.speech{color:#2a2018;text-align:center;overflow-wrap:anywhere;background:linear-gradient(#fffaf0,#f3e9d2);border:2px solid #3a2e22;border-radius:12px;max-width:240px;margin-bottom:9px;padding:6px 11px 7px;font-size:14px;line-height:1.3;animation:.18s ease-out speechin;display:none;position:relative;box-shadow:0 3px 10px #00000059}.speech.show{display:block}.speech:after{content:"";border:8px solid #0000;border-top-color:#3a2e22;border-bottom:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.speech:before{content:"";z-index:1;border:6px solid #0000;border-top-color:#f3e9d2;border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.speech.yell{color:#6a1408;background:linear-gradient(#fff0ec,#ffd8cc);border-color:#a02a1a;font-weight:600}.speech.yell:after{border-top-color:#a02a1a}.speech.yell:before{border-top-color:#ffd8cc}.speech.emote{color:#ffb060;background:#1e1812d1;border-color:#ffb06080;font-style:italic}.speech.emote:after{border-top-color:#ffb06080}.speech.emote:before{border-top-color:#1e1812d1}@keyframes speechin{0%{opacity:0;transform:scale(.6)translateY(6px)}to{opacity:1;transform:none}}#chat{text-shadow:0 1px 2px #000,0 0 3px #000;width:min(340px,30vw);min-width:240px;font-size:14px;position:absolute;bottom:16px;left:16px}#chat .chat-log{scrollbar-width:thin;border-radius:8px;max-height:190px;padding:4px 6px;overflow-y:auto}#chat.open{pointer-events:auto}#chat.open .chat-log{background:#0a0c168c}#chat .cl{color:#f2f0ea;overflow-wrap:anywhere;padding:1px 0;line-height:1.32;transition:opacity 1.5s}#chat .cl.old{opacity:0}#chat.open .cl.old{opacity:.85}#chat .cl .who{cursor:pointer}#chat .cl .who:hover{text-decoration:underline}#chat .cl.yell{color:#ff5a4a}#chat .cl.emote{color:#ff9a40}#chat .cl.general{color:#ffd0a0}#chat .cl.whisper{color:#ff8ae8}#chat .cl.sys{color:#ffe070}#chat .cl.sys.err{color:#ff8a7a}#chat .chat-line{background:#0a0c16d9;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;display:flex}#chat .chat-send{display:none}#chat .chat-ch{color:#f2f0ea;white-space:nowrap;font-weight:600}#chat .chat-line[data-ch=yell] .chat-ch{color:#ff5a4a}#chat .chat-line[data-ch=emote] .chat-ch{color:#ff9a40}#chat .chat-line[data-ch=general] .chat-ch{color:#ffd0a0}#chat .chat-line[data-ch^=to\ ] .chat-ch{color:#ff8ae8}#chat .chat-input{color:#fff;min-width:0;font-family:var(--font);pointer-events:auto;background:0 0;border:0;outline:0;flex:1;font-size:14px}#netstatus{color:var(--ink-dim);text-shadow:0 1px 2px #000;margin-top:8px;font-size:12px}#netstatus.online{color:#7ff7a8}#netstatus.connecting{color:#ffe070}.pin.player{pointer-events:auto;background:#7ac8ff;border:2px solid #0c2a40;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #7ac8ff}.name-row{color:var(--ink-dim);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.name-row input{pointer-events:auto;width:170px;color:var(--ink);font-family:var(--font);text-align:center;background:#0a0c16b3;border:1px solid #ffffff4d;border-radius:8px;padding:6px 10px;font-size:15px}.name-note{color:var(--ink-dim);text-align:center;margin:4px 0 10px;font-size:12px}.modes{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c101cbd;border-radius:14px 14px 0 0;gap:6px;max-width:380px;margin:0 auto;padding:6px;display:flex}.menu .mode-btn{min-width:0;box-shadow:none;color:#c8d0e0;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:8px 10px;font-weight:600;display:flex}.menu .mode-btn b{white-space:nowrap;font-size:16px}.menu .mode-btn small{color:#9aa4b8;font-size:11px;font-weight:400}.menu .mode-btn:hover{background:#ffffff1a;transform:none}.menu .mode-btn.on{color:#0e1a18;background:linear-gradient(#c8fff0,#7fe8c8);border-color:#e8fff8}.menu .mode-btn.on small{color:#24524a}#mode-note{color:#c8d0e0;background:#0c101cbd;border-radius:0 0 14px 14px;max-width:380px;margin:0 auto 10px;padding:8px 16px 10px;box-shadow:0 6px 24px #00000059}#acct-guest,#acct-user{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0c101cbd;border-radius:14px;max-width:380px;margin:0 auto 14px;padding:12px 18px 4px;box-shadow:0 6px 24px #00000059}#acct-guest .name-row{color:var(--ink)}#acct-guest .name-note,#acct-user .name-note{color:#c8d0e0}button.link,.menu button.link{min-width:0;box-shadow:none;color:#9fe8ff;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline;transform:none}button.link:hover{color:#d4f6ff}.acct-links{color:var(--ink-dim);text-align:center;margin-bottom:12px;font-size:14px}.acct-why{margin-top:3px;font-size:11px;display:block}.acct-who{text-align:center;color:var(--ink);font-size:16px}.acct-who b{color:#ffe9a8}.char-list{flex-direction:column;gap:6px;margin:10px 0 12px;display:flex}.char-list .char{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.char-list .char.last{background:#7fe8c81a;border-color:#7fe8c88c}.char-list .char.empty{background:0 0;border-style:dashed;padding:0}.char-list img{background:#00000040;border-radius:8px;flex:none;width:44px;height:44px}.char-list .char-txt{text-align:left;flex:1;min-width:0}.char-list .char-txt b{color:var(--ink);font-size:14px;display:block}.char-list .char-txt small{color:#aab4c8;font-size:11px;display:block}.menu .char-list button{min-width:0;margin:0;font-size:14px}.menu .char-list .char-play{padding:7px 14px}.menu .char-list .char-del{padding:6px 9px;font-size:12px}.menu .char-list .char-new{box-shadow:none;color:#9fe8ff;background:0 0;border:0;flex:1;padding:10px}#title-note{color:#ffd7b0;text-align:center;background:#ffa05a29;border-radius:10px;max-width:340px;margin:0 auto 10px;padding:8px 12px;font-size:13px}.acct-form{pointer-events:auto;flex-direction:column;gap:10px;min-width:300px;display:flex}.acct-form h4{margin:10px 0 0}.title-legal{text-align:center;opacity:.75;pointer-events:auto;margin-top:4px;font-size:13px}.title-legal a,.f-note a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.title-legal a:hover{opacity:1;color:#9fffe0}.fb-kinds{flex-wrap:wrap;gap:6px 16px;display:flex}.fb-form textarea{box-sizing:border-box;resize:vertical;pointer-events:auto;width:100%;min-height:120px;color:var(--ink);font-family:var(--font);background:#0a0c16b3;border:1px solid #ffffff4d;border-radius:8px;padding:8px 10px;font-size:15px}.f-row{justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.f-row input{pointer-events:auto;width:200px;color:var(--ink);font-family:var(--font);background:#0a0c16b3;border:1px solid #ffffff4d;border-radius:8px;padding:7px 10px;font-size:15px}.f-row input:focus{outline-offset:1px;outline:2px solid #7fe8c8}.acct-form label.check{align-items:center;gap:8px;font-size:14px;display:flex}.f-note{color:var(--ink-dim);margin-top:-4px;font-size:12px}.f-err{color:#ffb0b0;background:#ff505029;border-radius:8px;padding:8px 10px;font-size:14px}.f-err.ok{color:#a8ffcc;background:#78ffaa24}.f-buttons{justify-content:center;display:flex}.f-buttons button{color:#0e1a18;background:linear-gradient(#c8fff0,#7fe8c8);border:none;border-radius:10px;padding:10px 22px;font-size:16px;font-weight:600;box-shadow:0 3px #3a9a80}.f-buttons button.danger{background:linear-gradient(#ffb0a0,#ff7a6a);box-shadow:0 3px #a04030}.f-buttons button:disabled{opacity:.5;cursor:wait}.f-alt{text-align:center}.save-state{color:var(--ink-dim);max-width:380px;margin-top:14px;font-size:13px}.save-state[data-sync=saved],.save-state[data-sync=idle]{color:#a8ffcc}.save-state[data-sync=conflict],.save-state[data-sync=elsewhere],.save-state[data-sync=error],.save-state[data-sync=offline]{color:#ffc89a}#syncwarn{color:#ffb37a;text-shadow:0 1px 2px #000;margin-top:4px;font-size:12px}.panel.map-panel{width:min(1240px,96vw)}.map-head h2{letter-spacing:.04em;color:#f3dfb2;font-family:IM Fell English SC,Georgia,serif;font-size:32px;font-weight:400}.map-head .sub b{color:#f3dfb2;font-weight:600}.map-frame{background:linear-gradient(135deg,#6b4a2a,#3e2814 40%,#5a3c20 70%,#2e1c0c);border-radius:6px;flex:none;padding:7px;box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #ffdca040}.map-frame .map-inner{border-radius:2px;box-shadow:inset 0 0 0 1px #2a1808,inset 0 0 0 4px #eadcbe00,0 0 0 1px #c8a46a}.map-frame .map-inner:after{content:"";outline-offset:3px;pointer-events:none;border:1px solid #46280f8c;outline:1px solid #46280f4d;position:absolute;inset:6px}.map-compass{aspect-ratio:1;pointer-events:none;opacity:.9;filter:drop-shadow(0 1px #fff5dc99);width:clamp(64px,13%,104px);position:absolute;top:16px;right:16px}.map-compass svg{width:100%;height:100%;display:block}.map-scale{pointer-events:none;color:#3a2614;text-shadow:0 0 3px #f1e4c6,0 0 2px #f1e4c6;font:italic 13px IM Fell English,Georgia,serif;position:absolute;bottom:16px;left:18px}.map-scale .bar{background:#f1e4c6;border:1px solid #3a2614;height:6px;margin-bottom:3px;display:flex}.map-scale .bar i{flex:1}.map-scale .bar i:nth-child(odd){background:#3a2614}.map-zoom{pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:16px;right:16px}.map-zoom button{color:#3a2614;background:#f1e4c6eb;border:1.5px solid #3a2614;border-radius:50%;width:32px;height:32px;padding:0;font:600 18px/1 Georgia,serif;box-shadow:0 2px 4px #28140559}.map-zoom button:hover{background:#fff6e0}.map-label{color:#3a2614;text-shadow:0 0 3px #f1e4c6,0 0 3px #f1e4c6,0 0 6px #f1e4c6e6;font-family:IM Fell English,Georgia,serif;font-weight:400}.map-label.place{color:#2e1e0e;font-size:14px;font-style:italic}.map-label.wild{color:#4a3424;letter-spacing:.02em;font-size:14px;font-style:italic}.map-label.realm{letter-spacing:.08em;color:#2a1606;font-family:IM Fell English SC,Georgia,serif;font-size:17px}.map-label.realm.banner.above{transform:translate(-50%,-66px)}.map-label.realm.banner{letter-spacing:.06em;text-shadow:none;background:linear-gradient(#f4e6c4,#e6d2a6);border:1px solid #5a3a1c;border-radius:2px;padding:1px 10px 3px;font-size:16px;transform:translate(-50%,34px);box-shadow:0 2px 6px #28140559,inset 0 0 0 2px #fffaeb80}.map-label.realm.k-forest{color:#1e3424}.map-label.realm:not(.banner):not(.k-sea){transform:translate(-50%,7px)}.map-label.realm.k-sea{letter-spacing:.22em;color:#1d3c60;text-shadow:0 0 4px #c8e1ebd9;opacity:.9;font-family:IM Fell English,Georgia,serif;font-size:20px;font-style:italic;transform:translate(-50%,-50%)rotate(-76deg)}.pin.realm{cursor:pointer;pointer-events:auto;filter:drop-shadow(0 2px 2px #28140559);width:58px;height:58px;transition:transform .15s}.pin.realm svg{width:100%;height:100%;display:block;overflow:visible}.pin.realm:hover{transform:translate(-50%,-50%)scale(1.12)}.pin.realm.edge{opacity:.85;background:#f1e4c6e6;border:1.5px solid #3a2614;border-radius:50%;width:30px;height:30px;padding:3px}.map-pins .pin.realm{pointer-events:auto}.map-panel .pin.ws{background:#8a8f9a;border:1.5px solid #2a1a0c;border-radius:2px;width:13px;height:13px;transform:translate(-50%,-50%)rotate(45deg)}.map-panel .pin.ws.on{background:#4fd8c0;box-shadow:0 0 0 2px #f1e4c6e6,0 0 10px #4fd8c0}.map-panel .pin.ws.on:hover{transform:translate(-50%,-50%)rotate(45deg)scale(1.4)}.map-panel .pin.you .arrow{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1px #fff)drop-shadow(0 1px 2px #0009);border-bottom-color:#c8281c}.map-panel .pin.hearth{box-shadow:0 0 0 2px #f1e4c6e6,0 0 8px #ff9a3a}.map-panel .pin.player{box-shadow:0 0 0 2px #f1e4c6e6}.lg.road{border-top:2px dashed #b08a5a;border-radius:0;width:18px;height:0}.map-panel .lg.ws{border-radius:1px;width:9px;height:9px;transform:rotate(45deg)}.map-side .lands{flex-direction:column;gap:6px;display:flex}.map-side .land{text-align:left;color:var(--ink);background:linear-gradient(90deg,#f3dfb21f,#f3dfb20a);border:1px solid #f3dfb240;border-radius:10px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.map-side .land:hover{background:linear-gradient(90deg,#f3dfb23d,#f3dfb214);border-color:#f3dfb280}.map-side .land .emb{background:radial-gradient(#f4e6c4,#d8c193);border-radius:8px;flex:none;width:46px;height:46px;padding:3px;box-shadow:inset 0 0 0 1px #5a3a1c}.map-side .land .emb svg{width:100%;height:100%;display:block}.map-side .land .txt{flex-direction:column;gap:1px;min-width:0;display:flex}.map-side .land b{color:#f3dfb2;letter-spacing:.03em;font-family:IM Fell English SC,Georgia,serif;font-size:17px;font-weight:400}.map-side .land small{color:var(--ink-dim);font-size:12px;line-height:1.3}.map-side .map-all{color:#f3dfb2;background:0 0;border:1px dashed #f3dfb266;border-radius:10px;width:100%;margin:8px 0 6px;padding:7px 10px;font-size:14px}.map-side .map-all:hover{background:#f3dfb21a}.map-side h4{letter-spacing:.04em;color:#e8c98a;margin:14px 0 8px;font-family:IM Fell English SC,Georgia,serif;font-size:18px;font-weight:400}.map-side h4:first-child{margin-top:2px}.map-note.busy{color:#f3dfb2}.map-note.busy:before{content:"✒ "}@media (width<=800px){.map-frame,.map-frame .map-inner{width:100%}.map-side .land small{display:none}.pin.realm{width:40px;height:40px}.map-label.realm.banner{font-size:14px;transform:translate(-50%,24px)}.map-label.realm.banner.above{transform:translate(-50%,-48px)}}.dialog-text .shop-row{min-height:44px;padding-left:52px;display:block;position:relative}.dialog-text .shop-row img{background:#ffffff12;border-radius:10px;width:44px;height:44px;position:absolute;top:0;left:0}.dialog-text .shop-price{color:#ffd04a}.ah-ab{cursor:help;background:#0c0d16;border:2px solid #ffffff38;border-radius:11px;width:58px;height:58px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.ah-ab .ic{width:100%;height:100%;position:absolute;inset:0}.ah-ab .cd{pointer-events:none;position:absolute;inset:0}.ah-ab .fill{pointer-events:none;background:#04040a9e;position:absolute;top:0;left:0;right:0}.ah-ab .sec{color:#fff;text-shadow:0 0 4px #000,0 1px 2px #000;pointer-events:none;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;inset:0}.ah-ab.ult .sec{color:#ffe0a0;align-items:flex-end;padding-bottom:4px;font-size:13px}.ah-ab kbd{padding:0 4px;font-size:10px;line-height:15px;position:absolute;bottom:2px;right:2px}.ah-ab:not(.ready) .ic{filter:saturate(.4)brightness(.8)}.ah-ab.none{display:none}.ah-ab.ready{border-color:#9fffe0bf}.ah-ab.surge{border-color:#d0b0ff;box-shadow:0 0 14px #c8a0ffb3}.ah-ab.ult.ready{border-color:#ffd36a;animation:1s ease-in-out infinite pulse;box-shadow:0 0 18px #ffc850cc}.ah-tt{z-index:60;width:270px;text-shadow:none;pointer-events:none;opacity:0;color:var(--ink);background:#0e0f1af5;border:1px solid #ffdc9673;border-radius:10px;padding:9px 12px 10px;font-size:13px;line-height:1.4;transition:opacity .12s;position:fixed;box-shadow:0 6px 20px #0009}.ah-tt.on{opacity:1}.ah-tt p{color:#e8e2d4;margin:6px 0 0}.tt-head{align-items:center;gap:10px;display:flex}.tt-head img{border:1px solid #ffffff40;border-radius:8px;width:42px;height:42px}.tt-head b{color:#ffe6a8;font-size:15px}.tt-head kbd{margin-left:6px;font-size:10px}.tt-cd{color:var(--ink-dim);font-size:12px}.tt-grp{color:var(--ink-dim);font-size:11.5px;font-style:italic}.tt-row{align-items:center;gap:7px;margin-top:5px;font-size:13px;display:flex}.tt-row img{border-radius:5px;width:24px;height:24px}.tt-row kbd{font-size:10px}.ah-card{text-shadow:none;opacity:0;pointer-events:none;background:#0e0f1acc;border-radius:10px;padding:7px 14px 8px;transition:opacity .4s}.ah-card.on{opacity:1}.ah-card b{color:#ffe6a8;font-size:15px}.ah-card span{color:var(--ink-dim);margin-left:4px;font-size:12px}#kit{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:19px;left:calc(50% + 246px)}#kit .ah-ab{width:56px;height:56px}#kit.hidden{display:none}#kitcard{position:absolute;bottom:140px;left:calc(50% + 246px)}@media (width<=1180px){#kit{bottom:96px;left:auto;right:14px}#kitcard{bottom:162px;left:auto;right:14px}}.pk-gold{color:#ffe9a8;white-space:nowrap;background:linear-gradient(#ffd36a2e,#ffb43c14);border:1px solid #ffd36a73;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:14px;display:inline-flex}.pk-gold img{width:22px;height:22px}.pk-gold b{color:#fff3c4;font-size:16px}.b-sub b.gold{color:#ffd36a}.panel.trade-panel{width:min(920px,96vw)}.trade{grid-template-columns:1.25fr 1fr;gap:16px;margin-top:14px;display:grid}.tr-side{background:#ffffff0a;border:2px solid #ffffff1a;border-radius:14px;min-width:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.tr-side.accepted{border-color:#7fe8a0bf;box-shadow:inset 0 0 18px #7fe8a040}.tr-side h4{color:var(--accent);margin:0 0 8px;font-size:17px}.tr-side h5{color:var(--ink-dim);align-items:baseline;gap:8px;margin:12px 0 6px;font-size:13px;font-weight:600;display:flex}.tr-tip{opacity:.8;font-size:11px;font-weight:400}.tr-gold{color:#ffe9a8;background:#ffd36a14;border:1px solid #ffd36a4d;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.tr-gold img{width:26px;height:26px}.tr-gold b{color:#fff3c4;font-size:20px}.tr-goldin{width:110px;font:inherit;color:#fff3c4;-webkit-user-select:text;user-select:text;pointer-events:auto;background:#00000059;border:1px solid #ffd36a66;border-radius:8px;padding:3px 8px;font-size:18px}.tr-gold button{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;margin-left:auto;padding:3px 10px;font-size:13px}.tr-list{flex-direction:column;gap:4px;min-height:44px;margin-top:8px;display:flex}.tr-list .empty{color:var(--ink-dim);margin:8px 2px;font-size:13px}.tr-row{background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:3px 6px;display:flex}.tr-row img{width:26px;height:26px;image-rendering:pixelated;border-radius:4px}.tr-row b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.tr-n{color:#fff3c4;text-align:right;min-width:44px;font-size:14px}.tr-row button{width:26px;height:26px;color:var(--ink);background:#ffffff14;border:1px solid #fff3;border-radius:7px;padding:0;font-size:14px;line-height:1}.tr-row button:hover{background:#9fffe02e}.tr-bag{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;max-height:210px;padding-right:2px;display:grid;overflow-y:auto}.tr-bag .empty{color:var(--ink-dim);grid-column:1/-1;font-size:13px}.tr-thing{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;height:52px;padding:0;display:flex;position:relative}.tr-thing:hover{border-color:#9fffe08c}.tr-thing img{width:32px;height:32px;image-rendering:pixelated;border-radius:4px}.tr-thing .n{color:var(--ink);text-shadow:0 1px 2px #000;font-size:12px;position:absolute;top:1px;right:4px}.tr-thing.used{opacity:.35}.tr-ok{margin-top:12px}.tr-badge{color:var(--ink-dim);background:#ffffff0f;border-radius:999px;padding:4px 12px;font-size:13px;display:inline-block}.tr-badge.ok{color:#0e1a18;background:#8fe8a8;font-weight:600}.tr-foot{flex-wrap:wrap;align-items:center}.tr-foot .tr-status{text-align:center;color:var(--ink-dim);flex:100%;min-height:1.2em;font-size:14px}.tr-foot button{min-width:180px}.tr-foot button:disabled{filter:grayscale(.7)brightness(.75);cursor:default;transform:none}@media (width<=720px){.trade{grid-template-columns:1fr}}body.arena #matbar,body.arena #actions,body.arena #quest,body.arena #qptr,body.arena #hud-tr .keys,body.arena #clock,body.arena #chat,body.arena #prompt,#arena-hud .ah-shapes,#arena-hud .ah-kit,#arena-hud .ah-card,body.touch.arena #hotbar{display:none!important}body.arena.arena-chat #chat{display:block!important}#arena-hud{pointer-events:none;text-shadow:0 1px 3px #000;position:absolute;inset:0}.ah-top{text-align:right;position:absolute;top:12px;right:18px}.ah-wave{letter-spacing:2px;color:var(--accent-2);font-size:30px;font-weight:600}.ah-sub{color:var(--ink-dim);font-size:15px}.ah-chain{color:#fff;margin-top:8px;font-size:22px;transition:opacity .3s}.ah-chain b{color:#ffd36a}.ah-chain em{color:#9fffe0;margin-left:6px;font-size:17px;font-style:normal}.ah-chain.pop{animation:.35s ahpop}@keyframes ahpop{0%{transform:scale(1.6)}to{transform:scale(1)}}.ah-start,.ah-duel{color:#ffe8b0;pointer-events:auto;cursor:pointer;background:#28180ad9;border:2px solid #ffd36a;border-radius:14px;padding:11px 22px;font-size:20px;position:absolute;top:18%;box-shadow:0 0 24px #ffc85a59}.ah-start{animation:1.6s ease-in-out infinite pulse;right:calc(50% + 8px)}.ah-duel{color:#eadcff;background:#1e102cd9;border-color:#c8a0ff;left:calc(50% + 8px);box-shadow:0 0 24px #b48cff59}.ah-duel kbd{font-size:12px}.ah-rival{text-align:center;width:min(420px,70vw);display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}.ah-rival .nm{letter-spacing:1px;color:#d8c8ff;font-size:16px;font-weight:600}.ah-rival .bar{background:#0009;border:1px solid #c8aaff80;border-radius:6px;height:12px;margin-top:4px;overflow:hidden}.ah-rival .bar i{background:linear-gradient(90deg,#8a5aff,#d0a0ff);height:100%;transition:width .15s;display:block}.ah-rival .ult{background:#00000080;border-radius:2px;width:60%;height:4px;margin:3px auto 0;overflow:hidden}.ah-rival .ult i{background:linear-gradient(90deg,#ffa040,#ffe080);height:100%;display:block}.ah-rival.staggered .nm:after{content:" · staggered";color:#fff6a0}.ah-kit{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.ah-load{color:#e8e2d4;pointer-events:auto;cursor:pointer;background:#10121ed9;border:1px solid #ffffff4d;border-radius:10px;padding:6px 12px;font-size:13px;position:absolute;top:124px;right:18px}.ah-leave{color:#e8e2d4;pointer-events:auto;cursor:pointer;background:#10121ed9;border:1px solid #ffffff4d;border-radius:10px;padding:6px 14px;font-size:13px;position:absolute;top:84px;right:18px}.ah-leave:hover,.ah-load:hover{color:#fff4d0;border-color:#ffd36a}.lo-note{color:var(--ink-dim);margin:2px 0 10px;font-size:13px}.lo-sets{flex-direction:column;gap:10px;max-height:min(48vh,520px);padding-right:4px;display:flex;overflow-y:auto}.lo-head{align-items:center;gap:8px;margin-bottom:5px;display:flex}.lo-head b{color:#ffe6a8}.lo-head span{color:var(--ink-dim);font-size:12px}.lo-moves{gap:4px;margin-left:auto;display:flex}.lo-moves img{cursor:help;border:1px solid #fff3;border-radius:6px;width:30px;height:30px}.lo-shapes{flex-wrap:wrap;gap:6px;display:flex}.lo-sh{color:#e8e2d4;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;width:74px;padding:4px 2px;font-size:11px;display:flex;position:relative}.lo-sh img{width:44px;height:44px}.lo-sh.on{border-color:var(--accent);background:#9fffe01f}.lo-sh i{color:var(--accent);font-style:normal;font-weight:700;position:absolute;top:2px;right:4px}#arena-hud .ah-card{position:absolute;bottom:88px;right:calc(50% + 116px)}.ah-shapes{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.ah-sh{cursor:pointer;background:#10121ecc;border:2px solid #ffffff2e;border-radius:12px;width:66px;height:66px;position:relative}.ah-sh img{width:48px;height:48px;position:absolute;top:3px;left:7px}.ah-sh kbd{font-size:11px;position:absolute;top:2px;left:3px}.ah-sh .hp{background:#0009;border-radius:3px;height:5px;position:absolute;bottom:5px;left:6px;right:6px;overflow:hidden}.ah-sh .hp i{background:linear-gradient(90deg,#ff4a6a,#ff9aaa);height:100%;display:block}.ah-sh .role{text-align:center;color:var(--ink-dim);opacity:0;font-size:11px;transition:opacity .2s;position:absolute;top:-17px;left:0;right:0}.ah-sh.on{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 0 14px #9fffe080}.ah-sh.on .role{opacity:1}.ah-sh.spent{opacity:.4;filter:grayscale()}.ah-codex{border:1px solid var(--panel-edge);width:300px;text-shadow:none;background:#10121ec7;border-radius:12px;padding:4px 14px 10px;font-size:13px;line-height:1.35;display:none;position:absolute;top:120px;left:14px}#arena-hud.codex-open .ah-codex{display:block}.ah-codex h4{color:var(--accent);margin:8px 0 4px;font-size:14px}.ah-codex p{margin:3px 0}.ah-codex em{color:#ffd36a;font-style:normal}.ah-codex .cx-note{color:var(--ink-dim);font-size:12px}.ah-keys{color:var(--ink-dim);font-size:12px;margin-top:8px!important}.cx{vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}.cx.mark{background:#ffd24a}.cx.stag{background:#fff6a0}.cx.burn{background:#ff7020}.cx.surge{background:#c8a0ff}.cx.blind{background:#9a8a6a}.ar-res{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;display:grid}.ar-res b{color:var(--accent-2);font-size:30px;display:block}.ar-res small{color:var(--ink-dim)}.ar-best{text-align:center;color:var(--ink-dim);margin:4px 0 10px}.ar-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.ar-tag{background:#ffffff14;border-radius:8px;padding:2px 9px;font-size:13px}body.race #hearts,body.race #breath,body.race #vigor,body.race #ring,body.race #crosshair,body.race #prompt,body.race #formname,body.race #actions,body.race #kit,body.race #kitcard,body.race #matbar,body.race #hotbar,body.race #hud-tr,body.race #bossbar,body.race #chat,body.race #wheel{display:none!important}body.race.race-chat #chat{display:block!important}body.race #tc .tc-pic,body.race #tc .tc-atk,body.race #tc .tc-guard,body.race #tc .tc-dodge,body.race #tc .tc-last,body.race #tc .tc-use,body.race #tc .tc-sculpt,body.race #tc .tc-sbar,body.race #tc .tc-eat,body.race #tc [data-b=map],body.race #tc [data-b=journal],body.race #tc [data-b=pack]{display:none!important}#race-hud{pointer-events:none;text-shadow:0 2px 4px #000000bf;font-variant-numeric:tabular-nums;position:absolute;inset:0}.rh-top{text-align:center;min-width:260px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.rh-time{letter-spacing:1px;color:#fff8e4;font-size:44px;font-weight:700;line-height:1}#race-hud.done .rh-time{color:#ffd24a}.rh-sub{color:#e8e2d0;margin-top:6px;font-size:15px}.rh-sub b{color:#ffe6a0}.rh-split{opacity:0;margin-top:6px;font-size:26px;font-weight:700;transition:opacity .3s}.rh-split.show{opacity:1}.rh-split.ahead{color:#8affb0}.rh-split.behind{color:#ff8a7a}.rh-pos{color:#fff;position:absolute;top:16px;left:20px}.rh-pos b{color:#ffd24a;font-size:46px}.rh-pos small{color:#e8e2d0;margin-left:6px;font-size:18px}.rh-count{text-align:center;color:#fff6d8;opacity:0;-webkit-text-stroke:3px #50280a8c;font-size:110px;font-weight:800;position:absolute;top:32%;left:0;right:0}.rh-count.pop{animation:.95s ease-out forwards rhpop}.rh-count.big{color:#ffd24a;font-size:120px}@keyframes rhpop{0%{opacity:0;transform:scale(2.2)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(.9)}}.rh-side{color:#e8e2d4;width:230px;font-size:14px;position:absolute;top:96px;left:16px}.rh-side:empty{display:none}.rh-side{text-shadow:none;background:#10121eb8;border:1px solid #ffffff24;border-radius:12px;padding:6px 12px 10px}.rh-side h4{color:#ffd24a;letter-spacing:1px;margin:4px 0 6px;font-size:15px}.rh-side ul,.rh-side ol{margin:6px 0 0;padding-left:20px}.rh-side li{margin:2px 0}.rh-side li.rdy{color:#9fffc0}.rh-side li.me{color:#ffe6a0;font-weight:600}.rh-side li span{float:right;color:var(--ink-dim)}.rh-note{color:var(--ink-dim);font-size:13px}.rh-btns{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:14px;right:18px}.rh-btns button{color:#e8e2d4;pointer-events:auto;cursor:pointer;background:#10121ed9;border:1px solid #ffffff4d;border-radius:10px;padding:6px 14px;font-size:13px}.rh-btns button:hover{color:#fff4d0;border-color:#ffd36a}.rh-btns kbd{font-size:11px}.rh-reset{display:none}#race-hud.running .rh-reset,#race-hud.lobby .rh-reset{display:block}.rh-again{display:none}#race-hud.done .rh-again{display:block}.rh-ready{color:#dfffe8;pointer-events:auto;cursor:pointer;background:#0e2818e0;border:2px solid #9fffc0;border-radius:14px;padding:12px 28px;font-size:22px;animation:1.6s ease-in-out infinite pulse;display:none;position:absolute;top:24%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #78ffaa59}#race-hud.ready-on .rh-ready{display:block}.rh-ptr{will-change:transform;flex-direction:column;align-items:center;width:150px;margin-top:-24px;margin-left:-75px;display:none;position:absolute;top:0;left:0}body.race-sky .rh-ptr{display:flex}.rh-ptr-a{color:#ffd24a;transform-origin:50% 55%;font-size:24px;line-height:1}.rh-ptr-d{color:#fff4d0;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:600}.rh-ptr.edge .rh-ptr-a{color:#ffb030;font-size:36px}.rr-time{text-align:center;color:#ffd24a;font-variant-numeric:tabular-nums;font-size:46px;font-weight:700;display:block}.rr-medal{font-size:20px;font-weight:700}.rr-table{flex-direction:column;gap:3px;margin-top:4px;display:flex}.rr-row{background:#ffffff0f;border-radius:8px;align-items:baseline;gap:8px;padding:3px 8px;display:flex}.rr-row b{color:#ffd24a;width:36px}.rr-row i{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}.rr-row.dnf{opacity:.6}.sky-wings{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.sky-wing{color:#e8e2d4;cursor:pointer;background:#283c648c;border:2px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:74px;padding:6px 4px;font-size:12px;display:flex}.sky-wing img{width:48px;height:48px}.sky-wing:hover{border-color:#ffd36a99}.sky-wing.on{color:#fff4d0;background:#5a501e99;border-color:#ffd24a;box-shadow:0 0 12px #ffd24a59}.rb-table{flex-direction:column;gap:2px;margin:2px 0;display:flex}.rb-row{gap:8px;font-size:14px;display:flex}.rb-row b{color:#ffd24a;width:30px}.rb-row i{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}@media (width<=700px){.rh-time{font-size:32px}.rh-side{width:180px;font-size:12px;top:84px}.rh-pos b{font-size:34px}.rh-count{font-size:80px}}:root{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}#ui{z-index:2}#tc{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#tc .tc-look{position:absolute;inset:0}#tc .tc-move{width:42%;height:64%;position:absolute;bottom:0;left:0}#tc .tc-base{opacity:.3;pointer-events:none;width:116px;height:116px;left:calc(104px + var(--sl));top:calc(100% - 112px - var(--sb));background:#0000002e;border:2px solid #ffffff40;border-radius:50%;margin:-58px 0 0 -58px;transition:border-color .15s,box-shadow .15s;position:fixed}#tc .tc-base.on{opacity:1}#tc .tc-knob{background:#ffffff73;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}#tc .tc-runring{pointer-events:none;border:2px dashed #ffd36a00;border-radius:50%;transition:border-color .15s;position:absolute;inset:-12px}#tc .tc-base.on .tc-runring{border-color:#ffd36a47}#tc .tc-base.run{border-color:#ffd36a;box-shadow:0 0 16px #ffc85a99}#tc .tc-base.run .tc-runring{border-style:solid;border-color:#ffd36a}#tc .tc-base.run .tc-knob{background:#ffe096d9}#tc .tc-base.run .tc-knob:after{content:"»";color:#4a3008;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}#tc .tc-rc{width:0;height:0;transform:scale(var(--tcs,1));transform-origin:100% 100%;position:absolute;bottom:0;right:0}#tc .tc-base{scale:var(--tcs,1)}body.lefty #tc .tc-rc{transform:scale(calc(-1 * var(--tcs,1)), var(--tcs,1));transform-origin:0 100%;left:0;right:auto}body.lefty #tc .tc-rc>*{scale:-1 1}body.lefty #tc .tc-move{left:auto;right:0}body.lefty #tc .tc-base{left:calc(100% - 104px - var(--sr))}#tc .tc-btn{color:#fff;touch-action:none;background:#10121e8c;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:56px;min-width:0;height:56px;margin:0;padding:0;font-size:22px;display:flex;position:absolute;overflow:hidden}#tc .tc-btn.down{background:#9fffe066;transform:scale(.94)}#tc .tc-btn span{pointer-events:none;position:relative}#tc .tc-atk{right:calc(20px + var(--sr));bottom:calc(22px + var(--sb));border-color:#ffdc8cb3;width:92px;height:92px;font-size:40px}#tc .tc-q{right:calc(126px + var(--sr));bottom:calc(18px + var(--sb));width:62px;height:62px}#tc .tc-e{right:calc(114px + var(--sr));bottom:calc(98px + var(--sb));width:62px;height:62px}#tc .tc-r{right:calc(34px + var(--sr));bottom:calc(126px + var(--sb));width:62px;height:62px}#tc .tc-crouch{right:calc(202px + var(--sr));bottom:calc(16px + var(--sb))}#tc .tc-crouch.on{border-color:var(--accent);background:#9fffe059}#tc .tc-crouch.guard{border-color:#ffd68cd9}#tc .tc-dodge{right:calc(194px + var(--sr));bottom:calc(84px + var(--sb))}#tc .tc-jump{right:calc(30px + var(--sr));bottom:calc(198px + var(--sb));width:56px;height:56px}#tc .tc-build{right:calc(104px + var(--sr));bottom:calc(176px + var(--sb));border-color:#ffd36ab3;width:48px;height:48px;font-size:19px}#tc .tc-dodge,#tc .tc-pic{transition:opacity .35s}#tc.calm .tc-dodge{opacity:0;pointer-events:none}#tc.calm .tc-pic{opacity:.45}body.tc-nostrike #tc .tc-atk{display:none}#tc .tc-base.tip{border-color:#9fffe099}#tc .tc-base.tip .tc-knob{background:#9fffe08c}#tc .tc-base.tip .tc-knob:after{content:"👣";justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}#tc .tc-ghost{pointer-events:none;z-index:3;width:0;height:0;display:none;position:fixed}#tc .tc-ghost.on{display:block}#tc .tc-ghost i{background:#ffffff8c;border:3px solid #ffffffe6;border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px;box-shadow:0 0 18px #9fffe0cc}#tc .tc-ghost b{white-space:nowrap;color:#fff;background:#0e1418d1;border:1px solid #9fffe099;border-radius:10px;padding:4px 10px;font-size:13.5px;font-weight:600;position:absolute;top:34px;left:50%;transform:translate(-50%)}#tc .tc-ghost.tap i{animation:1.1s ease-in-out infinite gtap}#tc .tc-ghost.hold i{animation:1.8s ease-in-out infinite ghold}#tc .tc-ghost.drag i{animation:2s ease-in-out infinite gdrag}@keyframes gtap{0%,to{opacity:.3;transform:scale(1.25)}40%{opacity:1;transform:scale(.85)}60%{opacity:1;transform:scale(.85)}}@keyframes ghold{0%{opacity:.3;transform:scale(1.25);box-shadow:0 0 #9fffe0cc}25%{opacity:1;transform:scale(.85)}85%{opacity:1;transform:scale(.85);box-shadow:0 0 0 22px #9fffe000}to{opacity:.3;transform:scale(1.25)}}@keyframes gdrag{0%,to{opacity:.4;transform:translateY(40px)}50%{opacity:1;transform:translateY(-40px)}}body.touch #matbar .mat-sculpt{color:#fff;border-color:#9fffe099;font-size:20px}#tc .tc-pic{border-width:2px;border-radius:14px}#tc .tc-pic .sec{font-size:20px}#tc .tc-pic kbd{display:none}#tc .tc-use{right:calc(20px + var(--sr));bottom:calc(264px + var(--sb));color:#fff;touch-action:none;text-align:left;background:#101e1ed1;border:2px solid #9fffe0d9;border-radius:26px;align-items:center;gap:8px;min-width:0;max-width:46vw;margin:0;padding:7px 16px 7px 12px;font-size:17px;display:none;position:absolute;box-shadow:0 0 14px #9fffe073}#tc .tc-use.on{display:flex}#tc .tc-use.down{background:#9fffe066}#tc .tc-use span{pointer-events:none;font-size:22px}#tc .tc-use b{pointer-events:none;white-space:nowrap;font-weight:700}#tc .tc-use small{color:#cfeee4;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}#tc .tc-use small:empty{display:none}#tc .tc-base.winded{border-color:#ff8a6a}#tc .tc-menu{right:calc(8px + var(--sr));top:calc(6px + var(--st));flex-direction:row;gap:6px;display:flex;position:absolute}#tc .tc-menu .tc-btn{border-radius:11px;width:38px;height:38px;font-size:17px;position:relative}#tc .tc-eat{animation:1.6s ease-in-out infinite tcpulse;border-color:#ffa0b4e6!important}#tc .tc-eat i{pointer-events:none;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:0;right:2px}@keyframes tcpulse{50%{box-shadow:0 0 10px #ff8caacc}}#tc .tc-sbar{left:50%;top:calc(50px + var(--st));gap:5px;display:none;position:absolute;transform:translate(-50%)}#tc.sculpting .tc-sbar{display:flex}#tc.sculpting .tc-dodge,#tc.sculpting .tc-use{display:none!important}#tc .tc-tool{color:#fff;touch-action:none;background:#10121eb3;border:2px solid #ffffff4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:48px;min-width:0;height:48px;margin:0;padding:0;display:flex}#tc .tc-tool span{pointer-events:none;font-size:19px;line-height:1}#tc .tc-tool small{color:var(--ink-dim);pointer-events:none;font-size:9px}#tc .tc-tool.on{border-color:var(--accent-2);box-shadow:0 0 10px #ffd36a80}#tc .tc-tool.done{border-color:var(--accent)}#tc .tc-shapes{right:calc(56px + var(--sr));top:calc(6px + var(--st));gap:6px;display:flex;position:absolute}#tc .tc-sh{touch-action:none;background:#10121e99;border:2px solid #ffffff40;border-radius:12px;width:50px;min-width:0;height:50px;margin:0;padding:0;position:relative}#tc .tc-sh img{pointer-events:none;width:40px;height:40px}#tc .tc-sh i{background:#ff6a80;border-radius:2px;max-width:calc(100% - 10px);height:4px;position:absolute;bottom:4px;left:5px}#tc .tc-sh.on{border-color:var(--accent);box-shadow:0 0 12px #9fffe099}#tc .tc-sh.spent{opacity:.35;filter:grayscale()}#tc .tc-start{color:#ffe8b0;touch-action:none;background:#28180ad9;border:2px solid #ffd36a;border-radius:14px;padding:12px 24px;font-size:20px;position:absolute;top:40%;left:50%;transform:translate(-50%)}body.touch #clickhint,body.touch #actions,body.touch #hud-tr .keys,body.touch #crosshair:after,body.touch #kit,body.touch #formname{display:none!important}body.touch #hud-tl{left:calc(10px + var(--sl));top:calc(6px + var(--st));width:min(320px,36vw)}body.touch #hearts{max-width:calc(50vw - 150px)}body.touch #netstatus{display:none}body.touch .heart{width:18px;height:18px}body.touch #hearts{flex-wrap:wrap;gap:2px}body.touch #stamina{width:110px;height:6px;margin-top:5px}body.touch #breath{margin-top:4px}body.touch #hud-tr{text-align:left;width:auto;max-width:none;margin-top:3px;position:static;transform:none}body.touch #clock{opacity:.85;font-size:12px;line-height:1.2}body.touch #clock .danger{padding:0 5px;font-size:11px}body.touch #quest{pointer-events:auto;z-index:3;width:auto;margin:4px 0 0;position:relative}body.touch #quest .qt{border-radius:9px;margin:0;padding:5px 10px 6px 8px}body.touch #quest .qt-one{cursor:pointer}body.touch #quest .qt-one .qt-goal{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}body.touch #quest .qt-ic{color:#ffd870;margin-right:5px;font-style:normal}body.touch #quest .qt-d{color:#ffe9a8;white-space:nowrap;font-size:11.5px;font-weight:600}body.touch #quest .qt-n{float:right;color:#1a1408;background:#ffd870;border-radius:7px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700}body.touch #quest kbd{padding:0 4px;font-size:11px}body.touch #quest .qt-list{background:#0e0c08e6;border:1px solid #ffd02459;border-radius:10px;flex-direction:column;gap:4px;max-height:55vh;margin-top:4px;padding:6px;display:flex;overflow-y:auto}body.touch #quest .qt-cap{color:#ffd870;letter-spacing:.04em;text-transform:uppercase;padding:2px 4px 4px;font-size:11px}body.touch #quest .qt-pick{text-align:left;color:var(--ink);background:#282010d9;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:1fr auto;gap:1px 8px;min-width:0;margin:0;padding:7px 10px;font-size:12px;display:grid}body.touch #quest .qt-pick b{color:#ffe9a8;font-size:12.5px}body.touch #quest .qt-pick span{color:var(--ink-dim);grid-column:1;font-size:11.5px}body.touch #quest .qt-pick em{color:#1a1408;background:#ffd870;border-radius:8px;grid-area:1/2/span 2;align-self:center;padding:3px 8px;font-size:11px;font-style:normal;font-weight:700}body.touch #quest .qt-all{text-align:center;font-weight:600;display:block}body.touch #hotbar{top:calc(4px + var(--st));transform-origin:top;bottom:auto;transform:translate(-50%)scale(.74)}body.touch #hotbar .xpbar{display:none}body.touch #bossbar{top:calc(50px + var(--st));border-radius:10px;gap:6px;width:min(420px,24vw);padding:3px 10px 5px 4px}body.touch #bossbar img{width:34px;height:34px}body.touch #bossbar .b-name{font-size:13px}body.touch #bossbar .b-track{height:7px}body.touch #bossbar .b-note{font-size:11px}body.touch #foebar{top:calc(50px + var(--st));width:min(200px,23vw);padding:2px 8px 4px}body.touch #bossbar.show~#foebar{top:calc(98px + var(--st))}body.touch #foebar .f-name{font-size:11.5px}body.touch #foebar .f-track{height:5px}body.touch #kitcard{top:auto;left:50%;right:auto;bottom:calc(44px + var(--sb));max-width:44vw;font-size:12px;transform:translate(-50%)}body.touch #kitcard b{font-size:13px}body.touch #hud:has(#banner.show) #kitcard{opacity:0}body.touch #matbar{top:auto;bottom:calc(6px + var(--sb));transform-origin:bottom;transform:translate(-50%)scale(.84)}body.touch #matbar .mat.empty,body.touch #matbar.idle,body.touch #matbar.empty,body.touch #matbar .mlabel{display:none}body.touch #prompt{bottom:calc(10px + var(--sb));width:36vw;font-size:13.5px;line-height:1.3;left:50%;transform:translate(-50%)}body.touch #prompt kbd{font-size:12px}body.touch #hud:has(#matbar:not(.idle):not(.empty):not(.hidden)) #prompt{bottom:calc(52px + var(--sb))}body.touch.tc-useon #prompt{opacity:0!important}body.touch #toasts{gap:4px;max-width:none;margin-top:5px;position:static}body.touch .toast{pointer-events:auto;box-sizing:border-box;width:fit-content;max-width:100%;padding:5px 9px;font-size:12.5px;line-height:1.32}body.touch .toast.short{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.touch .toast .t-more{color:var(--accent-2);margin-left:6px;font-weight:700}body.touch .toast.open{background:#0e121ef0}body.touch .toast kbd{padding:0 4px;font-size:11.5px}body.touch #toasts .toast:nth-last-child(n+3){display:none}body.touch #pickups{right:calc(10px + var(--sr));top:calc(50px + var(--st));bottom:auto}body.touch .pick{font-size:12px}body.touch .pick img{width:18px;height:18px}body.touch #banner{z-index:4;top:auto;bottom:calc(96px + var(--sb));border-radius:12px;gap:10px;max-width:min(380px,42vw);padding:8px 16px 9px 10px;position:fixed}body.touch #banner img{width:44px;height:44px}body.touch #banner .b-title{font-size:16px}body.touch #banner .b-sub{font-size:12.5px;line-height:1.3;display:none}body.touch #banner.open .b-sub{display:block}body.touch #banner.has-sub:not(.open) .b-title:after{content:" ›";color:var(--accent-2)}body.touch #banner.show{pointer-events:auto;animation-duration:3.6s}body.touch #banner:not(.open){gap:8px;width:fit-content;padding:4px 12px 4px 6px}body.touch #banner:not(.open) img{width:28px;height:28px}body.touch #banner:not(.open) .b-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}body.touch #banner>div{min-width:0}body.touch #banner kbd{padding:0 4px;font-size:11.5px}body.touch #region{letter-spacing:2px;font-size:24px;top:22%}body.touch #region .r-sub{font-size:12px}body.touch #chat{bottom:auto;top:calc(120px + var(--st));left:calc(10px + var(--sl));width:min(320px,44vw);min-width:0;font-size:12.5px}body.touch #chat .chat-log{max-height:30vh}body.touch #chat .chat-input{font-size:16px}body.touch #chat .chat-send{background:var(--accent);color:#0e1a18;pointer-events:auto;border:none;border-radius:8px;flex:none;width:36px;min-width:0;height:32px;margin:0;padding:0;font-size:16px;display:block}body.touch{overscroll-behavior:none}html:has(body.touch){overscroll-behavior:none}body.touch input,body.touch textarea,body.touch select{font-size:max(16px,1em)}body.touch .rh-top{top:calc(4px + var(--st));min-width:0}body.touch .rh-time{font-size:30px}body.touch .rh-sub{margin-top:3px;font-size:12px}body.touch .rh-split{font-size:18px}body.touch .rh-pos{top:calc(8px + var(--st));left:calc(10px + var(--sl))}body.touch .rh-pos b{font-size:30px}body.touch .rh-side{top:calc(56px + var(--st));left:calc(10px + var(--sl));width:min(220px,34vw);font-size:12.5px}body.touch .rh-btns{top:calc(52px + var(--st));right:calc(10px + var(--sr))}body.touch .rh-btns button{min-height:38px;padding:7px 12px;font-size:13px}body.touch .rh-count{font-size:80px}body.touch .rh-ready{min-height:48px}body.touch.portrait .rh-top{top:calc(50px + var(--st))}body.touch.portrait .rh-btns,body.touch.portrait .rh-side{top:calc(130px + var(--st))}body.touch .ah-tip,body.touch .ah-start,body.touch .ah-kit,body.touch .ah-shapes{display:none!important}body.touch .ah-codex{top:calc(64px + var(--st));left:calc(10px + var(--sl));width:250px;font-size:11.5px}body.touch .ah-top{top:calc(4px + var(--st));text-align:center;left:50%;right:auto;transform:translate(-50%)}body.touch .ah-wave{letter-spacing:1px;font-size:20px}body.touch .ah-sub{font-size:11.5px}body.touch .ah-rival{top:calc(52px + var(--st));width:min(320px,46vw)}body.touch .ah-leave{top:calc(52px + var(--st));right:calc(10px + var(--sr));padding:8px 12px;font-size:12.5px}body.touch #modal{z-index:10;padding:calc(4px + var(--st)) calc(4px + var(--sr)) calc(4px + var(--sb)) calc(4px + var(--sl));-webkit-touch-callout:none}body.touch .panel{max-height:calc(100dvh - 8px - var(--st) - var(--sb));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:14px;padding:14px 16px;position:relative}body.touch .panel.narrow{width:min(560px,96vw)}body.touch .panel.wide,body.touch .panel.controls-panel,body.touch .panel.map-panel{width:98vw}body.touch .p-head{padding-right:44px}body.touch .p-head h2{font-size:22px}body.touch .p-head .sub{font-size:12.5px}body.touch .p-foot{margin-top:12px}body.touch .panel.creator-panel .p-foot{z-index:2;background:linear-gradient(#12152200,#121522 35%);padding:8px 0 4px;position:sticky;bottom:-14px}body.touch .panel:has(.dialog-text) .p-foot{z-index:2;background:linear-gradient(#12152200,#121522 35%);padding:8px 0 4px;position:sticky;bottom:-14px}body.touch .p-foot button{min-width:0;min-height:44px}body.touch .m-x{z-index:5;width:38px;min-width:0;height:38px;color:var(--ink);background:#ffffff14;border:1px solid #fff3;border-radius:11px;margin:0;padding:0;font-size:17px;position:absolute;top:10px;right:10px}body.touch .panel>.m-x{margin:0;position:absolute;top:8px;right:8px}body.touch .panel .menu{gap:7px;margin-top:10px}body.touch .panel .menu button{width:100%;min-width:0;padding:10px 14px;font-size:16px}body.touch:not(.portrait) .panel .menu{grid-template-columns:1fr 1fr;display:grid}body.touch:not(.portrait) .panel .menu button:first-child{grid-column:1/-1}body.touch .settings{gap:12px}body.touch .settings label{flex-wrap:wrap;font-size:14px}body.touch .settings input[type=range]{width:min(220px,50vw);height:28px}body.touch .settings select{max-width:62vw;min-height:36px;font-size:14px}body.touch .settings input[type=checkbox]{width:22px;height:22px}body.touch .settings h4{color:var(--accent-2);margin:8px 0 0;font-size:14px}body.touch .dialog-text{margin-top:6px;font-size:15.5px;line-height:1.45}body.touch .p-foot.choices button{min-height:46px;padding:8px 12px;font-size:15px}body.touch .panel.pack-panel{width:98vw;height:calc(100dvh - 8px - var(--st) - var(--sb))}body.touch .pk-x{width:38px;height:38px;font-size:17px}body.touch .pk-tabs button{min-height:42px}body.touch .pk-tools{gap:8px;padding:8px 12px 6px}body.touch .pk-chips .chip,body.touch .pk-chips button{min-height:32px;padding:4px 12px}body.touch .pk-search{width:150px;min-height:34px;font-size:16px}body.touch:not(.portrait) .pk-main{flex-direction:row;overflow:hidden}body.touch:not(.portrait) .pack .pk-list{flex:1;overflow-y:auto}body.touch:not(.portrait) .pack .pk-side{flex:none;width:40%;overflow-y:auto}body.touch:not(.portrait) .pk-nm{display:inline}body.touch .pk-cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}body.touch .pk-card img{width:52px;height:52px}body.touch .pk-hero{width:96px;height:96px}body.touch .pk-hero img{width:88px;height:88px}body.touch .pk-btns button{min-height:42px;font-size:15px}body.touch .pk-side .in-slots button,body.touch .pk-coat{min-height:34px}body.touch .pk-foot{padding:6px 12px 8px}body.touch .pk-bar .mslot,body.touch .pk-bar .mat{width:46px;height:46px}body.touch .pk-bar .mslot img{width:40px;height:40px}body.touch .pk-auto{min-height:40px}@media (height<=430px){body.touch .pk-tools{padding-top:6px;padding-bottom:4px}body.touch .pk-tabs button{min-height:36px;padding-top:4px;padding-bottom:6px}body.touch .pk-bar-label span{display:none}body.touch .p-head h2{font-size:19px}body.touch .dialog-text{font-size:14.5px}}body.touch .panel.creator-panel{width:98vw;max-width:760px}body.touch .creator{gap:12px}body.touch:not(.portrait) .creator{flex-wrap:nowrap;align-items:flex-start}body.touch:not(.portrait) .cr-preview{flex:none;padding:4px}body.touch:not(.portrait) .cr-stage,body.touch:not(.portrait) .cr-canvas{width:150px;height:188px}body.touch:not(.portrait) .cr-preview img{width:140px;height:140px}body.touch.portrait .cr-stage,body.touch.portrait .cr-canvas{width:180px;height:225px}body.touch .cr-pick{min-width:0}body.touch .cr-kind img{width:48px;height:48px}body.touch .cr-kind{min-height:44px;font-size:12px}body.touch .cr-sw{height:34px}body.touch .cr-namenote{margin-bottom:8px}body.touch .panel.map-panel{padding:10px 12px}body.touch .map-head h2{font-size:19px}body.touch .map-head .sub{font-size:11.5px}body.touch .map-wrap{gap:10px;margin-top:6px}body.touch .map-frame{padding:4px}body.touch .map-zoom button{width:40px;height:40px;font-size:20px}body.touch .map-side{flex-direction:column;min-width:0;display:flex}body.touch .map-side>h4:nth-of-type(2),body.touch .map-side>.ws-list{order:-1}body.touch .map-side>h4:nth-of-type(2){margin-top:2px}body.touch .map-side>h4:first-child{margin-top:14px}body.touch .ws-list{flex-direction:column;gap:6px;display:flex}body.touch .ws-btn{min-height:42px;font-size:15px}body.touch .map-side .land .emb{width:36px;height:36px}body.touch .map-side .land b{font-size:15px}body.touch .map-side .land small{display:none}body.touch:not(.portrait) .panel.map-panel{width:98vw;height:calc(100dvh - 8px - var(--st) - var(--sb));flex-direction:column;display:flex;overflow:hidden}body.touch:not(.portrait) .map-wrap{flex-direction:row;flex:1;align-items:stretch;min-height:0}body.touch:not(.portrait) .map-frame{width:auto}body.touch:not(.portrait) .map-frame .map-inner{width:calc(100dvh - 104px - var(--st) - var(--sb));min-width:0}body.touch:not(.portrait) .map-side{min-height:0;padding-right:4px;overflow-y:auto}body.touch.portrait .map-wrap{flex-direction:column;align-items:stretch}body.touch.portrait .map-frame .map-inner{width:100%}body.touch .tr-bag button,body.touch .tr-thing{min-width:44px;min-height:44px}@media (width>=760px){body.touch:not(.portrait) #hotbar{top:auto;bottom:calc(4px + var(--sb));transform-origin:bottom;transform:translate(-50%)scale(.72)}body.touch:not(.portrait) #bossbar,body.touch:not(.portrait) #foebar{top:calc(6px + var(--st))}body.touch:not(.portrait) #bossbar.show~#foebar{top:calc(54px + var(--st))}body.touch:not(.portrait) #matbar{bottom:calc(56px + var(--sb))}body.touch:not(.portrait) #prompt{bottom:calc(58px + var(--sb))}body.touch:not(.portrait) #hud:has(#matbar:not(.idle):not(.empty):not(.hidden)) #prompt{bottom:calc(100px + var(--sb))}body.touch:not(.portrait) #kitcard{bottom:calc(100px + var(--sb))}body.touch:not(.portrait) #banner{bottom:calc(140px + var(--sb))}}@media (height<=430px){#tc .tc-atk{width:82px;height:82px}#tc .tc-q{right:calc(114px + var(--sr));width:58px;height:58px}#tc .tc-e{right:calc(104px + var(--sr));bottom:calc(88px + var(--sb));width:58px;height:58px}#tc .tc-r{right:calc(30px + var(--sr));bottom:calc(112px + var(--sb));width:58px;height:58px}#tc .tc-crouch{right:calc(184px + var(--sr));width:52px;height:52px}#tc .tc-dodge{right:calc(178px + var(--sr));bottom:calc(76px + var(--sb));width:52px;height:52px}#tc .tc-jump{right:calc(26px + var(--sr));bottom:calc(178px + var(--sb));width:52px;height:52px}#tc .tc-build{right:calc(94px + var(--sr));bottom:calc(158px + var(--sb));width:44px;height:44px}#tc .tc-use{bottom:calc(238px + var(--sb));font-size:15px}body.touch .ah-codex{display:none!important}.ah-wave{font-size:22px}}@media (height<=340px){#tc .tc-use{right:calc(150px + var(--sr));bottom:calc(214px + var(--sb))}}body.touch.portrait #hud-tl{width:calc(100% - 20px - var(--sl) - var(--sr))}body.touch.portrait #hearts{max-width:calc(100vw - 270px)}body.touch.portrait #hud-tr{margin-top:70px}body.portrait #tc .tc-menu{gap:5px}body.portrait #tc .tc-menu .tc-btn{width:34px;height:34px;font-size:15px}body.touch.portrait #hotbar{top:calc(46px + var(--st));transform:translate(-50%)scale(.78)}body.touch.portrait #clock{display:none}body.touch.portrait #bossbar{width:86vw;top:27%}body.touch.portrait #foebar{width:60vw;top:27%}body.touch.portrait #bossbar.show~#foebar{top:calc(27% + 50px)}body.touch.portrait #pickups{top:calc(100px + var(--st))}body.touch.portrait #banner{max-width:none;margin-top:5px;display:none;position:static;transform:none}body.touch.portrait #banner.show{animation-name:bannerCol;display:flex}@keyframes bannerCol{0%{opacity:0;transform:translateY(-8px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}body.touch #banner.show.open{opacity:1;animation:none}body.touch.portrait #region{font-size:21px;top:30%}body.touch.portrait #chat{top:calc(150px + var(--st));width:calc(100% - 20px)}body.touch.portrait #kitcard{bottom:calc(296px + var(--sb));max-width:80vw}body.touch.portrait #matbar{bottom:calc(300px + var(--sb))}body.touch.portrait #prompt{bottom:calc(296px + var(--sb));width:80vw}body.touch.portrait #hud:has(#matbar:not(.idle):not(.empty):not(.hidden)) #prompt{bottom:calc(352px + var(--sb))}body.touch.portrait.tc-useon #prompt{opacity:0!important}body.touch.portrait .ah-codex{display:none!important}body.touch.portrait .ah-top{top:calc(108px + var(--st));left:calc(10px + var(--sl));text-align:left;transform:none}body.touch.portrait .ah-rival{top:calc(160px + var(--st));width:80vw}body.touch.portrait .ah-leave{top:calc(108px + var(--st))}body.portrait #tc .tc-move{width:44%;height:46%}body.portrait #tc .tc-base{left:calc(86px + var(--sl));top:calc(100% - 150px - var(--sb))}body.portrait #tc .tc-atk{right:calc(16px + var(--sr));bottom:calc(40px + var(--sb));width:84px;height:84px}body.portrait #tc .tc-q{right:calc(110px + var(--sr));bottom:calc(28px + var(--sb));width:56px;height:56px}body.portrait #tc .tc-e{right:calc(104px + var(--sr));bottom:calc(100px + var(--sb));width:56px;height:56px}body.portrait #tc .tc-r{right:calc(32px + var(--sr));bottom:calc(136px + var(--sb));width:56px;height:56px}body.portrait #tc .tc-crouch{right:calc(174px + var(--sr));bottom:calc(46px + var(--sb));width:52px;height:52px}body.portrait #tc .tc-dodge{right:calc(168px + var(--sr));bottom:calc(114px + var(--sb));width:50px;height:50px}body.portrait #tc .tc-jump{right:calc(22px + var(--sr));bottom:calc(204px + var(--sb));width:56px;height:56px}body.portrait #tc .tc-build{right:calc(96px + var(--sr));bottom:calc(176px + var(--sb));width:46px;height:46px}body.portrait #tc .tc-use{right:calc(16px + var(--sr));bottom:calc(272px + var(--sb));max-width:70vw}body.portrait #tc .tc-sbar{top:auto;bottom:calc(300px + var(--sb));flex-wrap:wrap;justify-content:center;width:92vw}body.portrait #tc .tc-shapes{top:calc(52px + var(--st));right:50%;transform:translate(50%)}body.portrait #tc .tc-start{top:34%}body.portrait.lefty #tc .tc-base{left:calc(100% - 86px - var(--sr))}