:root{--bg:#0b1320;--panel:#0e1624c7;--panel-solid:#121c2d;--line:#ffffff17;--line-strong:#ffffff2e;--text:#eef3f8;--muted:#97a8bb;--accent:#7ccd4f;--accent-2:#5aa83a;--accent-ink:#0f2408;--danger:#ff7b6b;--radius:14px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pixel:"Silkscreen", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{background:#000;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0d}h2{font-family:var(--pixel);letter-spacing:.5px;margin:0 0 14px;font-size:20px;font-weight:700}h3{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin:18px 0 10px;font-size:12px;font-weight:600}.btn{appearance:none;border:1px solid var(--line-strong);color:var(--text);font:600 14px var(--font);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:10px;flex:1;padding:11px 16px;transition:background .15s,transform 80ms,border-color .15s,box-shadow .15s}.btn.two-line{text-align:center;white-space:normal;flex-direction:column;align-items:center;gap:2px;display:flex}.btn-hint{color:var(--muted);font-size:11.5px;font-weight:500}.btn:hover{background:#ffffff1f;border-color:#ffffff47}.btn:active{transform:translateY(1px)scale(.99)}.btn:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:linear-gradient(180deg, #8edb5f, var(--accent-2));color:var(--accent-ink);border-color:#00000040;box-shadow:0 4px #3c7a24,0 8px 24px #7ccd4f40}.btn.primary:hover{background:linear-gradient(#9ce66d,#63b642)}.btn.primary:active{transform:translateY(3px);box-shadow:0 1px #3c7a24,0 4px 14px #7ccd4f33}.btn.big{letter-spacing:.3px;padding:14px 18px;font-size:17px}.btn.small{flex:0;padding:8px 14px}.btn.icon{flex:0 0 44px;padding:0;font-size:18px}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover{color:var(--text)}input{font:500 15px var(--font);color:var(--text);border:1px solid var(--line-strong);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;width:100%;min-width:0;padding:11px 13px}input::placeholder{color:#6c7d90}.row{align-items:stretch;gap:10px;display:flex}.hint{color:var(--muted);margin:12px 0 0;font-size:12.5px;line-height:1.5}.error{color:var(--danger);min-height:1em;margin:10px 0 0;font-size:13px}kbd{font:600 11px var(--font);border:1px solid var(--line-strong);color:var(--text);background:#ffffff1a;border-bottom-width:2px;border-radius:5px;padding:1px 6px}#menu{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}#menu-bg{width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.menu-content{flex-direction:column;align-items:center;width:min(900px,100%);margin:auto;padding:28px 16px 22px;display:flex;position:relative}.menu-head{text-align:center;flex-direction:column;align-items:center;display:flex}.logo{font-family:var(--pixel);color:#f4f9ec;letter-spacing:1px;text-shadow:0 3px #4f8a2e,0 6px #2e5a19,0 10px 30px #0000008c;font-size:clamp(40px,9vw,72px);font-weight:700;line-height:1}.logo.small{margin-bottom:18px;font-size:34px}.tagline{color:#e3ecf4;text-shadow:0 2px 10px #0009;margin:12px 0 14px;font-weight:500}.live-stats{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);color:#d9e4ee;background:#080e189e;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:7px 14px;font-size:13.5px;display:inline-flex;box-shadow:0 8px 24px #0000004d}.live-stats b{color:#fff;font-variant-numeric:tabular-nums}.live-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:2s ease-out infinite live-pulse;box-shadow:0 0 #7ccd4f99}.live-stats.idle .live-dot{background:#8da0b3;animation:none}.live-sep{background:var(--line-strong);width:1px;height:14px}@keyframes live-pulse{0%{box-shadow:0 0 #7ccd4f8c}70%{box-shadow:0 0 0 9px #7ccd4f00}to{box-shadow:0 0 #7ccd4f00}}.menu-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:16px;width:100%;display:grid}.menu-card{flex-direction:column;gap:14px;width:100%;padding:22px;display:flex}.card-title{font-family:var(--pixel);letter-spacing:1px;text-transform:uppercase;color:#cfe8bf;margin:0 0 2px;font-size:15px;font-weight:700}.side-card .card-title{color:#bcd3ea}.field em,.check em{color:#7f91a5;font-style:normal;font-weight:400}.menu-card .error:empty{display:none}.side-note{color:#8c9db0;margin:auto 0 0;font-size:12px;line-height:1.5}.main-card .btn.primary.big{margin-top:4px}.btn.primary.big:disabled{filter:saturate(.4)brightness(.8);cursor:progress}@media (max-width:760px){.menu-grid{grid-template-columns:1fr}.menu-content{padding-top:22px}.live-stats{font-size:12.5px}}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:var(--muted);font-size:12.5px;font-weight:500}.color-pick{border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;flex:0 0 48px;position:relative;overflow:hidden}.color-pick input{cursor:pointer;border:none;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;position:absolute;inset:-8px}.controls-help{color:#c9d6e2;opacity:.85;text-shadow:0 1px 6px #000c;flex-wrap:wrap;justify-content:center;gap:6px 14px;max-width:760px;margin-top:18px;font-size:12px;display:flex}.overlay{z-index:40;background:#04080e73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.menu-panel{flex-direction:column;gap:10px;width:min(380px,100%);padding:24px;display:flex}.menu-panel h2{text-align:center}#loading{z-index:60;background:radial-gradient(#16233a 0%,#0a111c 70%)}.loading-box{text-align:center;width:min(420px,90vw)}#loading-text{color:var(--muted);margin-bottom:14px;font-size:14px}.bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}#loading-bar{background:linear-gradient(90deg, var(--accent-2), #b5ef7a);border-radius:99px;width:0%;height:100%;transition:width .2s}.settings-panel{flex-direction:column;width:min(760px,100%);max-height:min(88vh,900px);display:flex}.settings-head{justify-content:space-between;align-items:center;padding:18px 22px 8px;display:flex}.settings-head h2{margin:0}.settings-body{padding:0 22px 22px;overflow-y:auto}.seg{border:1px solid var(--line);background:#0000004d;border-radius:12px;gap:6px;padding:5px;display:flex}.seg button{color:var(--muted);font:600 13px var(--font);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:9px 6px}.seg button.active{background:var(--accent);color:var(--accent-ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 22px;margin-top:12px;display:grid}.opt{flex-direction:column;gap:6px;font-size:13px;display:flex}.opt .lbl{color:#d6e0ea;justify-content:space-between;display:flex}.opt .lbl b{color:var(--accent);font-weight:600}.opt input[type=range]{appearance:none;background:#ffffff1f;border:none;border-radius:99px;height:6px;padding:0}.opt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:3px solid var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.opt input[type=range]::-moz-range-thumb{background:var(--text);border:3px solid var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.toggle{color:#d6e0ea;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.toggle input{display:none}.toggle .sw{background:#ffffff24;border-radius:99px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.toggle .sw:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.sw{background:var(--accent)}.toggle input:checked+.sw:after{transform:translate(16px)}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#crosshair{mix-blend-mode:difference;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute}#crosshair:before{width:2px;height:22px;top:0;left:10px}#crosshair:after{width:22px;height:2px;top:10px;left:0}#hotbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c148c;border:1px solid #ffffff1a;border-radius:12px;gap:4px;padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot{background:#ffffff0d;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.slot .ico{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #00000073);background-position:50%;background-repeat:no-repeat;background-size:contain}.slot .num{color:#ffffff73;font-size:10px;font-weight:600;position:absolute;top:2px;left:5px}.slot.sel{background:#ffffff24;border-color:#fff;box-shadow:0 0 0 2px #00000059,0 0 18px #ffffff2e}#blockname{text-shadow:0 2px 6px #000000d9;opacity:0;font-size:15px;font-weight:600;transition:opacity .4s;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#blockname.show{opacity:1;transition:none}#debug{white-space:pre;color:#e8eef5;background:#00000073;border-radius:8px;padding:8px 10px;font:12px/1.55 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;top:10px;left:10px}#status{background:#96281ecc;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600;display:none;position:absolute;top:12px;left:50%;transform:translate(-50%)}#status.show{display:block}#nametags{position:absolute;inset:0;overflow:hidden}.nametag{color:#fff;white-space:nowrap;will-change:transform, left, top;background:#0000006b;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%,-100%)}.nametag.talking{box-shadow:0 0 0 1.5px #5dff8a,0 0 10px #5dff8a8c}.nametag.talking:before{content:"";vertical-align:-1px;clip-path:polygon(0 32%,35% 32%,75% 0,75% 100%,35% 68%,0 68%);background:#5dff8a;width:10px;height:10px;margin-right:5px;animation:.6s ease-in-out infinite alternate voice-pulse;display:inline-block}@keyframes voice-pulse{0%{opacity:.65}to{opacity:1}}#voice-hud{color:#ffffffb8;pointer-events:none;background:#00000061;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:600;transition:background .12s,color .12s,box-shadow .12s;display:flex;position:absolute;bottom:16px;left:14px}#voice-hud svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}#voice-hud svg rect{fill:currentColor;stroke:none}#voice-hud .slash{stroke:#ff6b6b;display:none}#voice-hud span:empty,#voice-hud[data-state=off]{display:none}#voice-hud[data-state=talking]{color:#5dff8a;background:#0a28129e;box-shadow:0 0 12px #5dff8a73}#voice-hud[data-state=whisper]{color:#9fd8ff;background:#0a1a289e;box-shadow:0 0 12px #9fd8ff66}.nametag.talking.whisper{box-shadow:0 0 0 1.5px #9fd8ff,0 0 10px #9fd8ff80}.nametag.talking.whisper:before{background:#9fd8ff}#voice-hud[data-state=denied]{color:#ffb3b3}#voice-hud[data-state=denied] .slash{display:inline}#chat{flex-direction:column;gap:6px;width:min(460px,100vw - 24px);display:flex;position:absolute;bottom:86px;left:12px}#chatlog{flex-direction:column;justify-content:flex-end;gap:2px;max-height:40vh;display:flex;overflow:hidden}#chat.open #chatlog{pointer-events:auto;overflow-y:auto}.msg{word-wrap:break-word;-webkit-user-select:text;user-select:text;background:#0000006b;border-radius:6px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px 9px;font-size:14px;line-height:1.35;transition:opacity 1s}.msg.old{opacity:0}#chat.open .msg.old{opacity:1}.msg .who{margin-right:6px;font-weight:700}.msg.sys{color:#ffe38a;font-style:italic}#chatinput{pointer-events:auto;background:#0009;display:none}#chat.open #chatinput{display:block}#playerlist{border:1px solid var(--line);background:#080c14b8;border-radius:12px;min-width:240px;padding:10px 14px;font-size:14px;position:absolute;top:48px;left:50%;transform:translate(-50%)}#playerlist h4{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:0 0 8px;font-size:12px}#playerlist .p{align-items:center;gap:8px;padding:3px 0;display:flex}#playerlist .dot{border-radius:3px;width:10px;height:10px}#toast{background:var(--panel-solid);border:1px solid var(--line-strong);opacity:0;z-index:100;pointer-events:none;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;top:22px;left:50%;transform:translate(-50%,-20px)}#toast.show{opacity:1;transform:translate(-50%)}.inv-panel{flex-direction:column;width:min(720px,100%);max-height:90vh;padding:20px;display:flex}.inv-head{align-items:center;gap:14px;display:flex}.inv-head h2{margin:0}#invsearch{flex:1}#invtabs{flex-wrap:wrap;gap:6px;margin:14px 0 10px;display:flex}#invtabs button{border:1px solid var(--line);color:var(--muted);font:600 12.5px var(--font);cursor:pointer;background:#ffffff0a;border-radius:99px;padding:7px 12px}#invtabs button.active{color:#d9f5c8;background:#7ccd4f2e;border-color:#7ccd4f99}#invgrid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;min-height:140px;padding:4px;display:grid;overflow-y:auto}.invitem{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;transition:background .1s,transform 80ms;display:flex}.invitem:hover{background:#ffffff24;transform:translateY(-1px)}.invitem .ico{width:70%;height:70%;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #0006);background-position:50%;background-repeat:no-repeat;background-size:contain}#invhotbar{justify-content:center;gap:4px;margin-top:14px;display:flex}#invhotbar .slot{cursor:pointer}.tooltip{pointer-events:none;z-index:200;white-space:nowrap;background:#0b1220;border:1px solid #4b2e8a;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:600;position:fixed}@media (max-width:640px){.slot{width:38px;height:38px}.slot .ico{width:28px;height:28px}}#settings{z-index:70}.btn:disabled{opacity:.6;cursor:progress;transform:none}#survival-hud{width:500px;height:44px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#hearts,#hunger,#air{gap:0;display:flex;position:absolute}#hearts{bottom:0;left:6px}#hunger{flex-direction:row-reverse;bottom:0;right:6px}#air{flex-direction:row-reverse;bottom:22px;right:6px}#hearts i,#hunger i,#air i{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0009);background-size:18px 18px;margin-right:-1px}#hearts.low i{animation:.35s steps(2,end) infinite heartShake}#hearts.low i:nth-child(odd){animation-delay:.12s}@keyframes heartShake{0%{transform:translateY(0)}50%{transform:translateY(-2px)}}#hurt-overlay{opacity:0;background:radial-gradient(#a0000000 45%,#aa00008c 100%);position:absolute;inset:0}.slot .cnt,.slot2 .cnt,#cursor-stack .cnt{font:800 13px/1 var(--font);color:#fff;text-shadow:1px 1px #2a2a2a,0 0 3px #000c;pointer-events:none;position:absolute;bottom:1px;right:4px}.slot .dur,.slot2 .dur{background:#000000d9;border-radius:2px;height:4px;display:none;position:absolute;bottom:4px;left:5px;right:5px;overflow:hidden;box-shadow:0 0 0 1px #00000059}.slot .dur i,.slot2 .dur i{height:100%;display:block}#invscreen{z-index:45}.inv2{width:min(560px,100%);padding:18px 20px 14px}.inv2 h3{font:700 12px/1 var(--pixel);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 0}.inv2 .grid{justify-content:center;gap:4px;display:grid}.inv2 .g9{grid-template-columns:repeat(9,52px)}.inv2 .g3{grid-template-columns:repeat(3,52px)}.inv2 .g5{grid-template-columns:repeat(5,52px)}.inv2 .g2{grid-template-columns:repeat(2,52px)}.inv2 .hotrow{margin-top:10px}.inv2 .hint{text-align:center;margin:12px 0 0;font-size:11px}.inv2-top{flex-direction:column;align-items:center;margin-bottom:6px;display:flex}.craft,.furnace{align-items:center;gap:18px;display:flex}.furnace .fcol{flex-direction:column;align-items:center;gap:6px;display:flex}.craft .arrow,.furnace .arrow{clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%);background:#ffffff1f;width:44px;height:22px;position:relative}.furnace .arrow i{background:#f4f4f4;width:0;position:absolute;top:0;bottom:0;left:0}.furnace .flame{clip-path:polygon(50% 0,80% 35%,95% 70%,75% 100%,25% 100%,5% 70%,20% 35%);background:#ffffff14;width:26px;height:26px;position:relative}.furnace .flame i{background:linear-gradient(#ffd24a,#ff5a00);height:0;position:absolute;bottom:0;left:0;right:0}.slot2{cursor:pointer;background:#00000052;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000073}.slot2:hover{background:#ffffff29}.slot2.big{width:64px;height:64px}.slot2.ready{border-color:#7ccd4f99}.slot2 .ico,#cursor-stack .ico{width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #00000073);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain}#cursor-stack{z-index:300;pointer-events:none;justify-content:center;align-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;display:flex;position:fixed}#death{z-index:50;background:#78000073}.death-box{flex-direction:column;align-items:center;gap:12px;width:min(380px,100%);display:flex}.death-box h1{white-space:nowrap;font:700 clamp(28px, 6vw, 46px)/1.1 var(--pixel);color:#fff;text-shadow:4px 4px #3b0000;margin:0}.death-box p{color:#ffdede;text-shadow:0 2px 4px #0009;margin:0 0 18px}.death-box .btn{width:100%}.check{color:var(--muted);cursor:pointer;align-items:center;gap:10px;margin:2px 0 4px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}#mode-seg{margin-top:6px}@media (max-width:640px){.inv2 .g9{grid-template-columns:repeat(9,36px)}.slot2{width:36px;height:36px}.slot2 .ico{width:26px;height:26px}}#sleep-overlay{pointer-events:none;opacity:0;position:absolute;inset:0}#sleep-hint{color:#e8e8f0;text-shadow:0 1px 2px #000;white-space:nowrap;opacity:0;font-size:15px;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#sleep-overlay.on #sleep-hint{opacity:1}#hotbar .slot.offhand{background:#080c148c;border-color:#ffffff2e;position:absolute;bottom:5px;right:calc(100% + 10px)}#hotbar .slot.offhand.hidden{display:none}#hotbar .held-dur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#080c148c;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;height:46px;padding:0 9px 0 7px;display:flex;position:absolute;bottom:5px;left:calc(100% + 10px)}#hotbar .held-dur.hidden{display:none}#hotbar .held-dur .hd-bar{background:#000000b3;border-radius:3px;align-items:flex-end;width:6px;height:32px;display:flex;overflow:hidden}#hotbar .held-dur .hd-bar i{border-radius:3px;width:100%;transition:height .2s;display:block}#hotbar .held-dur .hd-num{color:#fff;text-shadow:0 1px 3px #000000e6;font-variant-numeric:tabular-nums;min-width:2ch;font-size:14px;font-weight:700}#hotbar .held-dur.low{border-color:#ff5a46b3;animation:.9s ease-in-out infinite alternate held-dur-warn}#hotbar .held-dur.low .hd-num{color:#ff8a78}@keyframes held-dur-warn{0%{box-shadow:0 0 #ff503c00}to{box-shadow:0 0 12px #ff503c99}}.recent{flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 12px;display:flex}.recent.hidden{display:none}.recent-title{color:#ffffff8c;margin-right:2px;font-size:12px}.recent .chip{font:inherit;color:#eef;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;display:inline-flex}.recent .chip:hover{background:#ffffff29}.recent .chip i{color:#9fd8ff;font-size:11px;font-style:normal}.recent .chip b{color:#ffffff80;padding:0 4px}.recent .chip b:hover{color:#ff8a80}.tooltip b{color:#fff;display:block}.tooltip span{font-weight:500;display:block}.tooltip .tt-gap{height:6px}.tooltip .tt-dim{color:#b9c0cc}.tooltip .tt-good{color:#6ee07a}.tooltip .tt-bad{color:#ff7b72}.tooltip .tt-armor{color:#7fb4ff}.tooltip .tt-ench{color:#6ff0ec}.tooltip .tt-rare{color:#ffe36e}.tooltip b i{font-style:italic}#chat-assist{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1118eb;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:0;animation:.12s ease-out chat-assist-in;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000073}#chat-assist.hidden,#chat-assist .hidden{display:none}@keyframes chat-assist-in{0%{opacity:0;transform:translateY(4px)}}#chat-assist .list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;max-height:min(264px,34vh);padding:4px;overflow-y:auto}#chat-assist .row{color:#d9e1ea;cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:10px;padding:5px 9px;font-size:14px;line-height:1.3;display:flex}#chat-assist .row:hover{background:#ffffff0f}#chat-assist .row.sel{color:#fff;background:#7ccd4f33;box-shadow:inset 2px 0 #7ccd4f}#chat-assist .row .ico{width:20px;height:20px;image-rendering:pixelated;background-size:20px 20px;flex:none}#chat-assist .row .val{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13.5px}#chat-assist .row .val b{color:#9be86c;font-weight:700}#chat-assist .row .det{color:#8796a8;text-overflow:ellipsis;margin-left:auto;padding-left:12px;font-size:12.5px;overflow:hidden}#chat-assist .row.sel .det{color:#b9c6d4}#chat-assist .sig{background:#ffffff08;border-top:1px solid #ffffff14;padding:7px 11px 8px}#chat-assist .list.hidden+.sig{border-top:none}#chat-assist .sig .line{color:#8796a8;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13.5px}#chat-assist .sig .cmd{color:#d9e1ea}#chat-assist .sig .cur{color:#ffd54a;border-bottom:2px solid #ffd54a99;font-weight:700}#chat-assist .sig .help{color:#a9b6c4;margin-top:2px;font-size:12.5px}#chat-assist .sig .help.warn{color:#ff9d8a}.chat-line{position:relative}#chat-ghost{pointer-events:none;font:500 15px var(--font);white-space:pre;padding:12px 14px;display:none;position:absolute;inset:0;overflow:hidden}#chat.open #chat-ghost{display:block}#chat-ghost .typed{color:#0000}#chat-ghost .rest{color:#c8d4e26b}#chat-assist .sig .kbd-hints{color:#8796a8;font-size:12px}#chat-assist .kbd-hints kbd{width:auto;min-width:18px;font:600 11px var(--font);color:#d9e1ea;text-align:center;background:#ffffff0d;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:4px;flex:none;margin-right:2px;padding:0 5px;display:inline-block}.slot .ico.glint,.slot2 .ico.glint,.invitem .ico.glint,#cursor-stack .ico.glint{position:relative}.glint:after{content:"";pointer-events:none;-webkit-mask:var(--glint-mask) center / contain no-repeat;-webkit-mask:var(--glint-mask) center / contain no-repeat;mask:var(--glint-mask) center / contain no-repeat;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 0 30%,#c480ff9e 38%,#ffaaff57 44%,#0000 52% 100%) 0 0/320% 100%,linear-gradient(104deg,#0000 0 58%,#966eff80 66%,#0000 74% 100%) 0 0/260% 100%;animation:3.2s linear infinite ico-glint;position:absolute;inset:0}@keyframes ico-glint{0%{background-position:130% 0,150% 0}to{background-position:-190% 0,-110% 0}}@media (prefers-reduced-motion:reduce){.glint:after{animation-duration:12s}}#map-view{box-sizing:content-box;pointer-events:none;z-index:5;background:#d8c49a;border:2px solid #8a6c3c;border-radius:6px;width:min(44vh,360px);height:min(44vh,360px);padding:12px;display:none;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073,inset 0 0 18px #78541e59}#map-view .map-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.map-mark{margin:12px 0 0 12px;position:absolute;transform:translate(-50%,-50%)}.map-mark.me{filter:drop-shadow(0 0 2px #000);border-bottom:14px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0}.map-mark.me.outside{background:#fff;border:none;border-radius:50%;width:8px;height:8px}.map-mark.other{border:1px solid #000;border-radius:50%;width:8px;height:8px}#compass-view{pointer-events:none;z-index:5;background:radial-gradient(circle at 40% 35%,#f3ecdc,#c9bca0);border:3px solid #6e6e78;border-radius:50%;width:72px;height:72px;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #00000073}#compass-view .needle{transform-origin:50% 100%;background:linear-gradient(#d23a2e 0 60%,#444 60%);border-radius:2px;width:4px;height:28px;position:absolute;top:50%;left:50%}#compass-view .n{color:#444;font:700 11px sans-serif;position:absolute;top:50%;left:50%}#lightning-flash{opacity:0;pointer-events:none;z-index:4;background:#eef2ff;position:fixed;inset:0}.map-mark.target{width:16px;height:16px;image-rendering:pixelated;filter:drop-shadow(0 0 1px #0009);background-size:100% 100%}.map-mark.target.outside{display:none}#recovery-compass-view{pointer-events:none;z-index:5;background:radial-gradient(circle at 40% 35%,#2c4a50,#0f2226);border:3px solid #56646c;border-radius:50%;width:72px;height:72px;display:none;position:fixed;bottom:108px;right:24px;box-shadow:0 4px 14px #00000073,inset 0 0 12px #50dce140}#recovery-compass-view .needle{transform-origin:50% 100%;background:linear-gradient(#6ff0f0 0 60%,#33454c 60%);border-radius:2px;width:4px;height:28px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #6ff0f0b3}#armor-bar{gap:0;display:flex;position:absolute;bottom:22px;left:6px}#armor-bar i{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0009);background-size:18px 18px;margin-right:-1px}.inv2-top.with-armor{flex-direction:row;justify-content:center;align-items:flex-end;gap:36px}.armor-col{flex-direction:column;gap:4px;display:flex}.armor-craft{flex-direction:column;align-items:center;display:flex}.slot2.armor-slot.empty:before{content:"";background:var(--sil) center / contain no-repeat;image-rendering:pixelated;opacity:.2;pointer-events:none;position:absolute;inset:8px}@media (max-width:640px){.inv2-top.with-armor{gap:18px}.slot2.armor-slot.empty:before{inset:5px}}.armor-col .off-slot{margin-top:8px}div#survival-hud{bottom:92px}#xp-bar{height:5px;image-rendering:pixelated;background:#1c1c1c;border:1px solid #000;position:absolute;bottom:-11px;left:6px;right:6px;box-shadow:0 1px 2px #00000080}#xp-bar.off{display:none}#xp-fill{background:linear-gradient(#b4ff5a 0 40%,#80ff20 40% 70%,#4fa015 70%);width:0;height:100%;transition:width .15s ease-out}#xp-level{font-family:var(--pixel);color:#80ff20;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;pointer-events:none;white-space:nowrap;font-size:16px;line-height:1;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}#xp-level.up{animation:.45s ease-out xpLevelUp}@keyframes xpLevelUp{0%{transform:translate(-50%)scale(1)}35%{color:#eaff9a;transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}#effects-hud{pointer-events:none;gap:6px;display:flex;position:absolute;top:12px;right:12px}#effects-hud .fx{background:#14161eb8;border:2px solid #4f7fd0;border-radius:4px;flex-direction:column;align-items:center;gap:2px;width:40px;padding:4px 0 3px;display:flex;box-shadow:0 1px 3px #00000080}#effects-hud .fx.bad{border-color:#c04848}#effects-hud .fx.blink{opacity:.45}#effects-hud .fx i{width:22px;height:22px;image-rendering:pixelated;background-size:22px 22px}#effects-hud .fx span{color:#f2f2f2;text-shadow:0 1px 1px #000;font-variant-numeric:tabular-nums;font-size:11px;line-height:1}#absorb{display:flex;position:absolute;bottom:22px;left:6px}#absorb i{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0009);background-size:18px 18px;margin-right:-1px}#survival-hud.absorbing #armor-bar{bottom:44px}#hearts .hrow{display:flex}#hearts:has(.hrow){flex-direction:column-reverse}#hearts .hrow+.hrow{margin-bottom:-8px}#survival-hud.hp-rows-2 #absorb,#survival-hud.hp-rows-2 #armor-bar{translate:0 -10px}#survival-hud.hp-rows-3 #absorb,#survival-hud.hp-rows-3 #armor-bar{translate:0 -20px}#attack-bar{pointer-events:none;background:#1414188c;border:1px solid #ffffff59;width:22px;height:4px;position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%)}#attack-bar.hidden{display:none}#attack-bar i{background:#f2f2f2;height:100%;display:block}#raid-bar{pointer-events:none;color:#f2f2f2;text-shadow:0 1px 2px #000000e6;flex-direction:column;align-items:center;gap:4px;width:min(420px,70vw);font-size:13px;transition:opacity .4s;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#raid-bar.hidden{display:none}#raid-bar .track{background:#1e0808bf;border:1px solid #000c;border-radius:2px;width:100%;height:8px;overflow:hidden;box-shadow:0 1px 4px #00000080}#raid-bar .fill{background:linear-gradient(#ff6a5c,#c8261b 60%,#8e1510);width:0;height:100%;transition:width .35s ease-out}#raid-bar.waiting .fill{background:linear-gradient(#ffd27a,#d88a1c 60%,#9a5c10)}#raid-bar.won span{color:#9dff8a}#raid-bar.lost span{color:#ff8a80}#boss-bar{pointer-events:none;color:#f6ecf8;text-shadow:0 1px 2px #000000e6;flex-direction:column;align-items:center;gap:4px;width:min(460px,72vw);font-size:13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#boss-bar.hidden{display:none}#boss-bar .track{background:#1e061ec7;border:1px solid #000000d9;border-radius:2px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:0 1px 6px #0000008c,0 0 12px #dc5af040}#boss-bar .fill{background:linear-gradient(#ffb0f4,#e656d8 55%,#9c2496);width:100%;height:100%;transition:width .3s ease-out}#boss-bar .lag{background:#fff0ff8c;height:100%;transition:width .9s ease-in .25s;position:absolute;top:0;left:0}#boss-bar.purple .track{background:#10061ecc;box-shadow:0 1px 6px #0000008c,0 0 12px #965af047}#boss-bar.purple .fill{background:linear-gradient(#d6b4ff,#9c5cf0 55%,#5a2aa8)}#decor-spyglass{pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 0 34vmin,#0000008c 35vmin,#000 37vmin);position:absolute;inset:0}#decor-spyglass.hidden,#decor-clock.hidden{display:none}#decor-clock{color:#ffe9a8;text-shadow:0 1px 2px #000000e6;pointer-events:none;background:#00000073;border-radius:3px;padding:2px 10px;font-size:14px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#frost-overlay,#frost-powder{pointer-events:none;position:absolute;inset:0}#frost-overlay{filter:blur(.7px);background-size:100% 100%;transition:opacity .25s linear}#frost-powder{background:radial-gradient(circle,#ecf4fcb8 0,#e2eefae6 60%,#d6e4f4f7 100%)}#frost-powder.hidden{display:none}#portal-veil{pointer-events:none;z-index:4;opacity:0;mix-blend-mode:screen;background:radial-gradient(#a03cff26 0%,#6e14c88c 55%,#3c0082e6 100%);position:fixed;inset:0}.cutter{align-items:center;gap:14px;display:flex}.cutter .arrow{clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%);background:#ffffff1f;width:44px;height:22px}.cut-list{background:#00000040;border-radius:4px;grid-template-columns:repeat(4,38px);grid-auto-rows:38px;gap:4px;width:172px;min-height:80px;max-height:124px;padding:4px;display:grid;overflow-y:auto}.cut{cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:3px;position:relative}.cut:hover{background:#ffffff29}.cut.sel{background:#fff3;border-color:#f2d25a}.cut i{image-rendering:pixelated;background-repeat:no-repeat;background-size:contain;position:absolute;inset:4px}.cut span{color:#fff;text-shadow:1px 1px #000;font-size:12px;position:absolute;bottom:0;right:2px}.slot2.drag{outline-offset:-2px;outline:2px solid #ffffffa6}.keys{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;margin-bottom:10px;display:grid}.keyrow{justify-content:space-between;align-items:center;gap:10px;display:flex}.keyrow .key{min-width:110px}.keyrow .key.waiting{color:#f2d25a;border-color:#f2d25a}.cutter.carto{justify-content:center}.carto-in{flex-direction:column;gap:8px;display:flex}.loom{align-items:center;gap:14px;display:flex}.loom .arrow{clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%);background:#ffffff1f;width:44px;height:22px}.loom-in{flex-direction:column;gap:6px;display:flex}.loom-in .slot2:after{content:attr(data-hint);text-align:center;color:#ffffff47;pointer-events:none;font-size:9.5px;position:absolute;inset:auto 0 3px}.loom-in .slot2:has(.ico[style*=url]):after{content:none}.loom-list{background:#00000040;border-radius:4px;grid-template-columns:repeat(5,28px);grid-auto-rows:48px;gap:4px;width:172px;height:172px;padding:4px;display:grid;overflow-y:auto}.loom-list.off{opacity:.4;pointer-events:none}.loom-pat{cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:3px;padding:0;position:relative}.loom-pat:hover{background:#ffffff2e}.loom-pat.sel{background:#ffffff38;border-color:#f2d25a}.loom-pat i{image-rendering:pixelated;background-size:100% 100%;position:absolute;inset:3px 4px}.loom-preview{background:#00000040;border-radius:4px;width:50px;height:100px;padding:3px}.loom-preview img{width:100%;height:100%;image-rendering:pixelated;display:block}.loom-preview.empty img{visibility:hidden}.brew{align-items:flex-start;gap:18px;display:flex}.brew-fuel{flex-direction:column;align-items:center;gap:6px;padding-top:4px;display:flex}.brew-blaze{background:#ffffff14;border-radius:3px;width:52px;height:8px;overflow:hidden}.brew-blaze i{background:linear-gradient(90deg,#d8641a,#ffd05a);width:0;height:100%;display:block}.brew-main{flex-direction:column;align-items:center;display:flex}.brew-top{align-items:center;gap:12px;display:flex}.brew-bubbles{width:22px;height:44px;position:relative}.brew-bubbles i{opacity:0;border:1.5px solid #bee6ffd9;border-radius:50%;width:7px;height:7px;position:absolute;bottom:0}.brew-bubbles i:first-child{left:1px}.brew-bubbles i:nth-child(2){left:8px}.brew-bubbles i:nth-child(3){left:14px}.brew-bubbles.on i{animation:1.35s linear infinite brew-bubble}.brew-bubbles.on i:nth-child(2){animation-delay:.45s}.brew-bubbles.on i:nth-child(3){animation-delay:.9s}@keyframes brew-bubble{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-38px)scale(1)}}.brew-arrow{clip-path:polygon(30% 0,70% 0,70% 62%,100% 62%,50% 100%,0 62%,30% 62%);background:#ffffff1f;width:18px;height:44px;position:relative}.brew-arrow i{background:#f4f4f4;height:0;position:absolute;top:0;left:0;right:0}.brew-pipes{width:180px;height:18px;position:relative}.brew-pipes i{background:#ffffff24;position:absolute}.brew-pipes i:first-child{height:3px;top:0;left:26px;right:26px}.brew-pipes i:nth-child(2){width:3px;height:18px;top:0;left:26px}.brew-pipes i:nth-child(3){width:3px;height:18px;top:0;right:26px}.brew-bottles{gap:12px;display:flex}.brew-bottles .low{margin-top:14px}.brew .slot2:after{content:attr(data-hint);text-align:center;color:#ffffff47;pointer-events:none;font-size:9px;position:absolute;inset:auto 0 3px}.brew .slot2:has(.ico[style*=url]):after{content:none}.ench{align-items:stretch;gap:16px;display:flex}.ench-left{flex-direction:column;align-items:center;gap:10px;display:flex}.ench-in{gap:6px;display:flex}.ench-in .slot2:after{content:attr(data-hint);text-align:center;color:#ffffff47;pointer-events:none;font-size:9px;position:absolute;inset:auto 0 3px}.ench-in .slot2:has(.ico[style*=url]):after{content:none}.ench-book{perspective:180px;width:76px;height:46px;margin-top:4px;position:relative}.ench-book i{background:linear-gradient(90deg,#ece2c6,#f6f0dc);border:2px solid #6a2e7e;width:36px;height:36px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:6px;box-shadow:inset 0 0 6px #78501e59}.ench-book .p1{transform-origin:100%;border-radius:3px 0 0 3px;left:2px;transform:rotateY(-78deg)}.ench-book .p2{transform-origin:0;border-radius:0 3px 3px 0;right:2px;transform:rotateY(78deg)}.ench-book .flip{opacity:0;transform-origin:0;border-color:#0000;right:2px}.ench-book.open .p1,.ench-book.open .p2{transform:rotateY(0)}.ench-book.open .flip{animation:3.6s ease-in-out infinite ench-flip}@keyframes ench-flip{0%,70%{opacity:0;transform:rotateY(0)}72%{opacity:1}92%{opacity:1;transform:rotateY(-180deg)}to{opacity:0;transform:rotateY(-180deg)}}.ench-offers{flex-direction:column;gap:4px;width:250px;display:flex}.ench-offer{color:#fff;cursor:pointer;background:linear-gradient(#7848a057,#46246457);border:1px solid #cea0ff59;border-radius:4px;align-items:center;gap:8px;height:36px;padding:0 10px 0 6px;display:flex;position:relative;overflow:hidden}.ench-offer:not(.off):hover{background:linear-gradient(#a064d680,#60348a80);border-color:#e6c8ffb3}.ench-offer.off{cursor:default;background:#00000047;border-color:#ffffff14}.ench-offer.empty{background:#0000002e}.ench-runes{object-fit:contain;object-position:left center;min-width:0;height:16px;image-rendering:pixelated;flex:1}.ench-cost{font:700 14px/1 var(--pixel);color:#8cff48;text-shadow:1px 1px #1b3a08}.ench-cost.no{color:#6d7b5e;text-shadow:none}.ench-lapis{background:radial-gradient(circle at 35% 30%,#6d9bff,#1d3fa8 70%);border-radius:3px;flex:none;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #00000073}.ench-lapis b{font:700 11px/1 var(--pixel);color:#fff;text-shadow:1px 1px #000;position:absolute;bottom:-1px;right:1px}.ench-offer.off .ench-lapis{filter:grayscale(.8)brightness(.7)}.anvil{flex-direction:column;align-items:center;gap:8px;display:flex}.anvil-name{color:#fff;background:#00000073;border:1px solid #fff3;border-radius:4px;outline:none;width:260px;padding:6px 8px;font:600 13px/1.2 system-ui,sans-serif}.anvil-name:focus{border-color:#ffe26eb3}.anvil-name:disabled{opacity:.5}.anvil-row{align-items:center;gap:10px;display:flex}.anvil-plus{font:700 18px/1 var(--pixel);color:#ffffff73}.anvil .arrow{clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%);background:#ffffff1f;width:44px;height:22px}.anvil-cost{min-height:16px;font:700 12px/1.2 var(--pixel);color:#8cff48;text-shadow:1px 1px #1b3a08;margin:0}.anvil-cost.no{color:#ff6b5e;text-shadow:1px 1px #3a0e08}.slot2.locked .ico{opacity:.45}.grind{grid-template-rows:auto auto;grid-template-columns:auto auto auto;align-items:center;column-gap:16px;display:grid}.grind-in{flex-direction:column;gap:6px;display:flex}.grind-wheel{background:repeating-conic-gradient(from 0deg, #8e8a84 0 12deg, #6e6a64 12deg 24deg);border-radius:50%;width:40px;height:40px;box-shadow:inset 0 0 0 3px #4b3a26,0 0 0 2px #00000059}.grind:has(.slot2[data-s=out] .ico[style*=url]) .grind-wheel{animation:1.2s linear infinite grind-spin}@keyframes grind-spin{to{transform:rotate(360deg)}}.grind-xp{text-align:center;min-height:16px;font:700 12px/1.2 var(--pixel);color:#8cff48;text-shadow:1px 1px #1b3a08;grid-column:1/-1;margin:6px 0 0}.smith{grid-template-columns:auto auto auto;align-items:center;column-gap:14px;display:grid}.smith-in{gap:6px;display:flex}.smith-in .slot2:after{content:attr(data-hint);text-align:center;color:#ffffff47;pointer-events:none;font-size:9px;position:absolute;inset:auto 0 3px}.smith-in .slot2:has(.ico[style*=url]):after{content:none}.smith-arrow.no{filter:grayscale()brightness(.6);position:relative}.smith-arrow.no:after{content:"✕";color:#ff6b5e;font:700 16px/1 var(--pixel);text-shadow:1px 1px #3a0e08;place-items:center;display:grid;position:absolute;inset:0}.smith-hint{text-align:center;min-height:16px;font:700 11px/1.2 var(--pixel);color:#fff9;grid-column:1/-1;margin:6px 0 0}.bcn{grid-template-columns:auto auto;align-items:start;gap:10px 22px;display:grid}.bcn-col{flex-direction:column;gap:6px;display:flex}.bcn-title{font:700 12px/1.2 var(--pixel);color:#e8e0c8;text-shadow:1px 1px #3a3020;margin:0 0 2px}.bcn-tier{align-items:center;gap:6px;display:flex}.bcn-tier.off{opacity:.35}.bcn-pyr{letter-spacing:-1px;color:#7fe8f0;text-shadow:0 0 4px #7fe8f0b3;width:44px;font-size:9px}.bcn-fx{cursor:pointer;background:linear-gradient(#3d5f7a,#2a4257);border:2px solid #1f2a36;border-radius:3px;width:30px;height:30px;padding:0;position:relative}.bcn-fx i{image-rendering:pixelated;background-size:100% 100%;position:absolute;inset:5px}.bcn-fx b{font:700 9px/1 var(--pixel);color:#fff;text-shadow:1px 1px #000;position:absolute;bottom:-1px;right:1px}.bcn-fx.sel{background:linear-gradient(#5fa4c4,#3c7896);border-color:#b8f4ff;box-shadow:0 0 8px #8ce6ffb3}.bcn-fx.dis{cursor:default;filter:grayscale()brightness(.55)}.bcn-pay{grid-column:1/-1;justify-content:center;align-items:center;gap:10px;display:flex}.bcn-coins{gap:2px;display:flex}.bcn-coins i{width:18px;height:18px;image-rendering:pixelated;background-size:100% 100%}.bcn-ok{color:#e8ffe0;width:30px;height:30px;font:700 16px/1 var(--pixel);cursor:pointer;background:linear-gradient(#4f9a4f,#2f6a2f);border:2px solid #1f3a1f;border-radius:3px}.bcn-ok.dis{filter:grayscale()brightness(.55);cursor:default}#name-prompt{z-index:30;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#name-prompt.hidden{display:none}#name-prompt .panel{background:#0e1118f2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);padding:18px;display:flex;box-shadow:0 10px 30px #00000080}#name-prompt h3{font:700 16px var(--font);color:#fff;text-align:center;margin:0}#name-prompt input{font:600 16px var(--font);color:#fff;text-align:center;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;outline:none;padding:10px 12px}#name-prompt input:focus{border-color:#7ccd4f}#name-prompt .row{gap:8px;display:flex}#name-prompt p{color:var(--muted);text-align:center;margin:0;font-size:12px}#book-screen{z-index:30;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#book-screen.hidden{display:none}#book-screen .book{background:#0e1118f2;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:12px;width:min(420px,100vw - 32px);padding:18px;display:flex;box-shadow:0 10px 30px #00000080}#book-screen .book-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}#book-screen .book-head b{font:700 16px var(--font);color:#fff;overflow-wrap:anywhere}#book-screen .book-head span{color:var(--muted);font-size:12px}#book-screen .book-page{background:linear-gradient(90deg,#e9dfc4 0,#f6efdc 14px calc(100% - 10px),#e4d8ba 100%);border-radius:6px 10px 10px 6px;height:330px;padding:18px 20px;position:relative;box-shadow:inset 0 0 0 1px #5a3c1e40,0 2px #7a5230}#book-screen textarea,#book-screen .book-view{color:#2b2118;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;font:500 15px/21px Georgia,Times New Roman,serif;overflow:hidden}#book-screen textarea::selection{background:#7ccd4f73}#book-screen [hidden]{display:none!important}#book-screen .book-sign{color:#2b2118;flex-direction:column;justify-content:center;gap:10px;height:100%;display:flex}#book-screen .book-sign label{font:700 14px var(--font);text-align:center}#book-screen .book-sign input{color:#2b2118;text-align:center;background:#ffffff8c;border:1px solid #5a3c1e59;border-radius:8px;outline:none;padding:10px 12px;font:600 16px Georgia,Times New Roman,serif}#book-screen .book-sign input:focus{border-color:#5aa83a}#book-screen .book-sign-note{text-align:center;color:#6b5a44;margin:0;font-size:12.5px}#book-screen .book-nav{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}#book-screen .book-num{text-align:center;color:#d8e0ea;flex:1}#book-screen .book-count{text-align:right;font-variant-numeric:tabular-nums;min-width:56px}#book-screen .book-count:empty{display:none}#book-screen .book-arrow{width:38px;height:32px;font:700 22px/1 var(--font);color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px}#book-screen .book-arrow:hover:not(:disabled){background:#ffffff24}#book-screen .book-arrow:disabled{opacity:.3;cursor:default}#book-screen .book-actions{gap:8px;display:flex}#book-screen .btn:disabled{opacity:.45;cursor:default}#book-screen .book-hint{color:var(--muted);text-align:center;margin:0;font-size:12px}#sign-editor{z-index:30;background:#00000073;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#sign-editor.hidden{display:none}#sign-editor .sign-board{background:linear-gradient(#b58b54,#9c7443);border:4px solid #6d4c2a;border-radius:4px;flex-direction:column;gap:4px;width:min(420px,100vw - 32px);padding:18px 16px;display:flex;box-shadow:0 6px 18px #00000080}#sign-editor input{box-sizing:border-box;text-align:center;color:#1a1208;background:#ffffff14;border:1px solid #0000;border-radius:2px;outline:none;width:100%;padding:3px 6px;font:700 20px Courier New,monospace}#sign-editor input:focus{background:#ffffff29;border-color:#ffffff80}#sign-editor button{font:inherit;color:#fff;cursor:pointer;background:#3c3c44;border:2px solid #1c1c22;border-radius:3px;padding:6px 22px}#sign-editor p{color:#ddd;text-shadow:0 1px 1px #000;margin:0;font-size:12px}#elder-curse{pointer-events:none;width:min(62vmin,520px);height:min(62vmin,520px);image-rendering:pixelated;opacity:0;z-index:5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)}#elder-curse.show{animation:2.4s ease-in-out forwards elder-curse}@keyframes elder-curse{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)rotate(-4deg)}25%{opacity:.78;transform:translate(-50%,-50%)scale(.95)rotate(0)}70%{opacity:.6;transform:translate(-50%,-50%)scale(1.05)rotate(2deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)rotate(4deg)}}#trade-screen{z-index:45;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#trade-screen.hidden{display:none}.trade-panel{color:#fff;width:min(460px,100%);padding:16px 18px 12px}.trade-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.trade-head h2{margin:0}.trade-level{font:700 12px/1 var(--pixel);color:#9fe870;text-transform:uppercase;letter-spacing:.06em}.trade-xp{background:#ffffff1f;border-radius:3px;height:6px;margin:10px 0 12px;overflow:hidden}.trade-xp i{background:linear-gradient(90deg,#5fbf3f,#b6f06a);width:0;height:100%;transition:width .25s ease-out;display:block}.tslot b.cheaper{color:#7cf07c}.tslot b.dearer{color:#ff8a7a}.tslot b s{color:#d8d8d8;opacity:.8;font-weight:400}.trade-list{flex-direction:column;gap:4px;max-height:min(360px,60vh);display:flex;overflow-y:auto}.trade-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff12;border:2px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.trade-row:hover{background:#ffffff29;border-color:#f2d25ab3}.trade-row.poor{opacity:.55}.trade-row.out{opacity:.4;cursor:not-allowed}.trade-row.out .tslot{filter:grayscale()}.tslot{background:#0000004d;border-radius:3px;flex:none;width:36px;height:36px;position:relative}.tslot.empty{background:0 0}.tslot i{image-rendering:pixelated;background-repeat:no-repeat;background-size:contain;position:absolute;inset:4px}.tslot b{font:700 12px/1.2 var(--pixel);color:#fff;text-shadow:1px 1px #000;position:absolute;bottom:0;right:2px}.tarrow{clip-path:polygon(0 30%,60% 30%,60% 0,100% 50%,60% 100%,60% 70%,0 70%);background:#ffffff59;flex:none;width:28px;height:16px}.trade-row.out .tarrow{clip-path:polygon(10% 0,50% 40%,90% 0,100% 10%,60% 50%,100% 90%,90% 100%,50% 60%,10% 100%,0 90%,40% 50%,0 10%);background:#e25a4a}.tname{white-space:nowrap;text-overflow:ellipsis;color:#ffffffd9;flex:1;min-width:0;font-size:13px;overflow:hidden}.tstock{font:700 11px/1 var(--pixel);color:#ffffff8c;flex:none}.trade-empty{text-align:center;color:#fff9;margin:12px 0}.trade-foot{justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;display:flex}.trade-hint{color:#ffffff80;margin:8px 0 0;font-size:11px}