:root{--panel:#0b0f16b8;--panel-strong:#080c12eb;--line:#ffffff1f;--text:#eef3f8;--dim:#92a2b5;--orange:#ff7b00;--cyan:#00e5ff;--green:#46e08a;--red:#ff2a54;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--mode:var(--green)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-ui);touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#0b0f16;margin:0;overflow:hidden}canvas#game{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}body.cursor-mode canvas#game{cursor:crosshair}.mono,#card,#brand,#stats,#coords,#who,#inv,#clock,#fps,#gunbar,#bottom-ammo-bar{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.dim{color:var(--dim)}.small{font-size:12px}[hidden]{display:none!important}kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:4px;padding:1px 5px;font-size:11px}#hud{pointer-events:none;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:opacity .2s;position:fixed;inset:0}#hud.paused{opacity:.35}.wordmark{letter-spacing:.08em;font-size:13.5px;font-weight:800}.wordmark span{color:var(--orange)}.wordmark.big{letter-spacing:.1em;font-size:38px}#brand,#card,#stats{background:var(--panel);-webkit-backdrop-filter:blur(8px);border:1px solid #94a3b83d;border-radius:11px;padding:8px 12px;position:absolute;top:12px;box-shadow:0 10px 28px #0206178c,inset 0 1px #ffffff1f}#brand,#card{left:14px}#brand{padding:5px 10px}#brand .wordmark,#brand .meta,#brand .brand-btns{display:none}#brand .meta{color:var(--dim);margin-top:1px;font-size:11px}#coords{color:var(--dim);font-variant-numeric:tabular-nums;margin-top:0;font-size:10.5px}.workshop-floating-btn{display:none!important}#saved{color:var(--green);opacity:0;margin-left:6px}#saved.flash{animation:1.6s ease-out flash}@keyframes flash{0%{opacity:1}70%{opacity:1}to{opacity:0}}#stats{color:var(--dim);text-align:right;font-size:11px;line-height:1.45;right:14px}#stats b{color:var(--text)}#stats .icon{font-size:13px}#fps{font-variant-numeric:tabular-nums;font-size:9.5px}#crosshair{border:2px solid var(--mode);opacity:.9;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:transform .1s,opacity .1s;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #00000080}#crosshair i{background:var(--mode);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#crosshair.far{opacity:.35}#crosshair.firing{transform:scale(.8)}#hitmarker{pointer-events:none;opacity:0;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}#hitmarker:before,#hitmarker:after{content:"";background:#fff;border-radius:2px;width:30px;height:3px;margin:-1.5px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #000000b3}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#hitmarker.show{animation:.22s ease-out hitmark}#hitmarker.head:before,#hitmarker.head:after{background:#ff4d4d}#hitmarker.down:before,#hitmarker.down:after{background:#ffd35c;width:38px;margin-left:-19px}@keyframes hitmark{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.15)}}#scope{pointer-events:none;background:radial-gradient(circle,#0000 0 30vmin,#000000eb 31vmin);position:absolute;inset:0}#scope:before,#scope:after{content:"";background:#000c;position:absolute}#scope:before{width:1px;height:60vmin;top:calc(50% - 30vmin);left:50%}#scope:after{width:60vmin;height:1px;top:50%;left:calc(50% - 30vmin)}#ammo-fill{background:#ffb15c}#ammo-fill.reloading{background:#7df9ff}#fuel{background:#00000073;border-radius:3px;width:80px;height:5px;margin-left:-40px;position:absolute;top:calc(50% + 30px);left:50%;overflow:hidden}#fuel-fill{background:var(--cyan);height:100%}#toast{text-align:center;background:var(--panel-strong);border:1px solid var(--line);opacity:0;border-radius:8px;max-width:min(640px,100vw - 32px);padding:8px 14px;font-size:13px;transition:opacity .2s,transform .2s;display:none;position:relative}#toast.show{opacity:1;display:block;transform:none}#toast.error{border-color:var(--red);color:#ffd6de}#toast.record{color:#fff3c4;border-color:#ffd34d;font-size:15px;font-weight:700}#prompt,#sub,#gunbar,#buildbar,#golfbar,#slots,#hotbar{border:1px solid #94a3b83d;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0206178c,inset 0 1px #ffffff1f}#prompt{background:var(--panel-strong);text-align:center;border:1px solid #facc1585;border-radius:10px;width:max-content;max-width:min(760px,100vw - 32px);padding:7px 14px;font-size:13px;font-weight:600;position:relative;box-shadow:0 10px 28px #0206178c,0 0 16px #38bdf82e,inset 0 1px #ffffff29}.card,#sub,#gunbar,#buildbar,#golfbar{background:var(--panel);border:1px solid #94a3b83d;border-left:3px solid var(--mode);-webkit-backdrop-filter:blur(8px);border-radius:11px;width:256px;padding:9px 11px;position:absolute;bottom:14px;left:14px;box-shadow:0 10px 28px #0206178c,inset 0 1px #ffffff1f}#sub,#gunbar,#buildbar,#golfbar{width:max-content;left:50%;transform:translate(-50%)}.card .title{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:800}.chips{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.chip{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.chip.on{color:#0b0f16;background:var(--mode);border-color:var(--mode)}.card .row{font-variant-numeric:tabular-nums;grid-template-columns:56px 1fr 42px;align-items:center;gap:6px;margin:3px 0;font-size:11px;display:grid}.card label{color:var(--dim)}.card .row span{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.bar>div{background:var(--mode);height:100%;transition:width 80ms}.card .hints{color:var(--dim);flex-wrap:wrap;gap:3px 8px;margin-top:6px;font-size:10.5px;display:flex}.card .hints.big{flex-direction:column;gap:4px;font-size:11.5px}.status{min-height:14px;color:var(--green);font-size:11px}.status.bad{color:#ff8da1}#buildcard{--mode:#4fc3ff}#handscard{--mode:var(--orange)}#hotbar,#slots{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#0b0f16c7;border:1px solid #94a3b83d;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0206178c,inset 0 1px #ffffff1f}.slot{min-height:36px;color:var(--dim);pointer-events:auto;touch-action:manipulation;cursor:pointer;background:#0f172abf;border:1px solid #94a3b833;border-radius:9px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:border-color .12s,background .12s,color .12s,transform .1s;display:flex;box-shadow:inset 0 1px #ffffff14}.slot:hover{color:var(--text);border-color:#94a3b861}.slot.active{color:var(--text);border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset, 0 4px 12px #ff7b0038;background:linear-gradient(145deg,#ff7b0033,#0f172aeb)}.slot .icon,.slot .slot-badge{background:#ffffff0f;border:1px solid #94a3b82e;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:inline-flex}.slot.active .icon,.slot.active .slot-badge{background:#ff7b0038;border-color:#ff7b008c}#overlay{box-sizing:border-box;background:radial-gradient(#080c128c,#080c12d9);place-items:start center;padding:min(6vh,56px) 0 0;display:grid;position:fixed;inset:0;overflow-y:auto}#overlay .card{text-align:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:16px;width:min(640px,100vw - 32px);margin:16px 0;padding:28px 30px;position:relative;box-shadow:0 20px 60px #00000080}.tagline{color:var(--dim);margin:6px 0 20px}.menu{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu small{color:var(--dim);font-size:10px;font-weight:400;display:block}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:10px;padding:10px 18px}button:disabled{cursor:not-allowed;opacity:.55}button.primary{letter-spacing:.04em;background:var(--orange);color:#140a00;border-color:#0000;padding:14px 44px;font-size:18px;font-weight:800}button.primary:disabled{cursor:progress}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.ghost:hover:not(:disabled){background:#ffffff1f}button.danger{background:#ff2a542e;border-color:#ff2a5480}#overlay-world{margin:12px 0;font-size:12px}#new-world-form{max-width:420px;margin:10px auto 0}#new-world-form input{width:100%;font:inherit;font-family:var(--font-mono);border:1px solid var(--line);color:var(--text);background:#00000059;border-radius:10px;padding:10px 12px;font-size:13px}.form-row{justify-content:center;gap:8px;margin-top:8px;display:flex}.feedback-cta{margin:14px 0 4px}#btn-open-feedback,#btn-open-credits,#btn-open-look{border-color:#fff3;border-radius:999px;padding:8px 16px;font-size:13px}#btn-open-feedback:hover,#btn-open-credits:hover,#btn-open-look:hover{border-color:var(--orange)}#feedback-panel,#credits-panel,#look-panel,#settings-panel,#password-panel,#info-panel{text-align:left;border:1px solid var(--line);background:#0006;border-radius:12px;max-width:460px;margin:14px auto 0;padding:16px 18px}.feedback-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.feedback-categories{gap:6px;margin:10px 0;display:flex}.feedback-categories .chip{cursor:pointer;background:#ffffff0d}.feedback-categories .chip.on{background:var(--orange);border-color:var(--orange);color:#140a00}#feedback-text{width:100%;font:inherit;border:1px solid var(--line);color:var(--text);resize:vertical;box-sizing:border-box;background:#00000080;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}#feedback-text:focus{border-color:var(--orange);outline:none}.context-preview{font-family:var(--font-mono);color:#a4b3c4;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin:8px 0;padding:7px 10px;font-size:11px;line-height:1.5}.settings{color:var(--dim);justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.settings input{accent-color:var(--orange)}.controls{text-align:left;color:var(--dim);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:6px 18px;margin:18px 0 14px;padding-top:16px;font-size:12.5px;display:grid}.controls .span2{grid-column:1/-1;margin-top:4px}@media (max-width:760px){.controls{grid-template-columns:1fr}.card{width:calc(100vw - 32px);bottom:74px}.slot span:last-child{display:none}}#land{margin-top:5px;font-size:12px;font-weight:600}#land.mine{color:var(--green)}#land.friend{color:#4fc3ff}#land.locked{color:#ff8da1}#land.hub{color:#ffcc4d}#land.open{color:var(--dim)}#clock{color:var(--text);font-size:12px}#clock.night{color:#9db7ff}#who{max-width:240px}#chat{pointer-events:none;z-index:10;width:min(420px,100vw - 32px);position:absolute;bottom:285px;left:16px}#chat-log{flex-direction:column;justify-content:flex-end;gap:2px;max-height:220px;font-size:13px;display:flex;overflow:hidden}#chat-log .line{text-shadow:0 1px 2px #000;background:#080c128c;border-radius:6px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 8px;transition:opacity .6s}#chat-log .line b{color:#ffcf8a}#chat-log .line.system{color:#b9c7d6;font-style:italic}#chat-log .line.old{opacity:0}#chat-log.open{pointer-events:auto;overflow-y:auto}#chat-log.open .line.old{opacity:1}#chat-form{pointer-events:auto;margin-top:6px}#chat-voice-bar{pointer-events:auto}#chat-input-wrap{align-items:center;gap:6px;display:flex}#chat-input{width:100%;font:inherit;color:var(--text);border:1px solid var(--orange);background:#080c12e6;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:14px}#chat-talk-btn{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#0d1117e6;border-radius:10px;flex-shrink:0;padding:8px 11px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}#chat-talk-btn.live{color:#fff;background:#238636e6;border-color:#2ea043f2}#chat-suggest{gap:4px;margin:6px 0 0}#chat-suggest .chip{cursor:default;background:#080c12cc;padding:2px 8px;font-size:11.5px}#chat-hint{color:#a4b3c4;text-shadow:0 1px 2px #000;margin-top:4px;padding-left:4px;font-size:11px}#vitals{width:260px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}#health{border:1px solid var(--line);background:#00000080;border-radius:5px;height:10px;position:relative;overflow:hidden}#health-fill{background:linear-gradient(90deg,#ff2a54,#ff7b00);width:100%;height:100%;transition:width .2s}#health-val{color:#fff;text-shadow:0 1px 2px #000;font-size:9px;line-height:12px;position:absolute;top:-1px;right:6px}#prompt{bottom:82px}#talk{z-index:25;gap:10px;width:min(520px,100% - 32px);padding:14px 16px;display:grid;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}#talk .talk-head{font-size:15px}#talk .talk-respect{font-size:12px}#talk .talk-text{margin:0;font-size:14px;line-height:1.45}#talk .talk-actions{flex-wrap:wrap;gap:6px;display:flex}#talk button:disabled{opacity:.4;cursor:not-allowed}#talk .talk-bye{justify-self:end}#map{z-index:30;touch-action:none;background:#0d1117;position:fixed;inset:0}#map canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}#map .map-bar{top:max(12px, env(safe-area-inset-top,12px));color:#eef3f8;pointer-events:auto;background:#0d1117d9;border:1px solid #ffffff1f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:8px 12px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#map .chip{opacity:.45;touch-action:manipulation}#map .chip.on{opacity:1}#map .chip:before{content:"";background:var(--dot,#eef3f8);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#map .map-center-btn{color:#e0f2fe;cursor:pointer;touch-action:manipulation;pointer-events:auto;background:#0e749059;border:1px solid #38bdf88c;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}#map .map-center-btn:hover{background:#0e74908c}#map .map-close-btn{color:#ffe4ea;cursor:pointer;touch-action:manipulation;pointer-events:auto;background:#ff2a5447;border:1px solid #ff4d6da6;border-radius:999px;min-height:36px;margin-left:4px;padding:6px 14px;font-size:13px;font-weight:800}#map .map-close-btn:hover{background:#ff2a5473}#underwater{pointer-events:none;opacity:0;background:radial-gradient(#1e6e9661,#062242d1);transition:opacity .15s;position:fixed;inset:0}#underwater.on{opacity:1}#damage-flash{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#ff1e3c8c);transition:opacity .35s;position:fixed;inset:0}#damage-flash.hit{opacity:1;transition:none}#knocked{text-align:center;pointer-events:none;color:#ffd6de;background:radial-gradient(#28000a59,#140005bf);place-content:center;gap:8px;font-size:15px;display:grid;position:fixed;inset:0}#knocked .big{letter-spacing:.06em;color:#fff;font-size:34px;font-weight:800}#net-status{background:#ff2a5433;border:1px solid #ff2a5499;border-radius:8px;padding:8px 14px;font-size:13px;position:absolute;top:60px;left:50%;transform:translate(-50%)}#voice-indicator{z-index:20;border:1px solid var(--line);color:var(--text);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0d1117d9;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:84px;right:18px;box-shadow:0 4px 12px #0000004d}#voice-indicator[hidden]{display:none}#voice-indicator.live{background:#238636d9;border-color:#2ea043e6}#voice-indicator.live #voice-icon{animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}#zapcard{--mode:var(--cyan)}#btn-resume{margin:0 auto 14px;display:block}.modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}button.mode{text-align:left;background:#ffffff0d;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}button.mode b{font-size:17px}button.mode small{color:var(--dim);font-size:12px}button.mode:hover:not(:disabled){border-color:var(--orange);background:#ff7b001f}button.mode.current{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}button.link{color:var(--orange);background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.hub-preview-overlay{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}#hub-preview-canvas{width:100vw;height:100vh;display:block}.hub-badge{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;color:var(--text);background:#0b0f16e0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 16px #00000073}.hub-badge-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:1.8s ease-in-out infinite hub-pulse}.hub-badge.offline .hub-badge-dot{background:var(--red);box-shadow:0 0 6px var(--red);animation:none}@keyframes hub-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.welcome-card{-webkit-backdrop-filter:blur(18px)saturate(145%);max-height:calc(100vh - 32px);padding:18px 22px;overflow-y:auto;background:#0e141eb8!important;border:1px solid #f5c54257!important;border-radius:18px!important;box-shadow:0 24px 64px #000000a6,inset 0 1px #ffffff24!important}.welcome-header{margin-bottom:6px}.welcome-title{letter-spacing:.18em;text-transform:uppercase;color:#f5c542;margin-bottom:2px;font-size:12px;font-weight:800}.welcome-quick-settings{background:#00000052;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 6px;padding:10px 12px;display:grid}@media (max-width:560px){.welcome-quick-settings{grid-template-columns:1fr}}.welcome-quick-settings .difficulty{margin-top:0}.graphics-rec{color:#7ee2a0;margin:2px 0;font-size:11.5px;font-weight:600}button.enter-btn{letter-spacing:.04em;border-radius:12px;width:100%;padding:15px 24px;font-size:19px;font-weight:800;transition:transform .1s,box-shadow .1s,filter .1s;box-shadow:0 6px 22px #ff7b0061}button.enter-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px #ff7b008c}button.enter-btn:active:not(:disabled){transform:translateY(1px)}.sandbox-box.secondary-corner{border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;margin-top:10px;padding-top:8px;display:flex}button.link-sandbox,#btn-sandbox{color:var(--text);background:#0f172ac7;border:1.5px solid #38bdf88c;border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:100%;padding:9px 14px;transition:all .15s;display:flex}button.link-sandbox:hover,#btn-sandbox:hover{color:var(--text);background:#1e293be6;border-color:#38bdf8}button.link-sandbox b,#btn-sandbox b{color:#e0f2fe;font-size:13.5px;font-weight:700}button.link-sandbox:hover b,#btn-sandbox:hover b{color:#f5c542}button.link-sandbox small,#btn-sandbox small{color:#94a3b8;font-size:11px}#controls-panel .controls{text-align:left;max-height:44vh;margin:8px 0;padding-top:8px;overflow-y:auto}#front-main{margin-top:2px}button.mode.play{text-align:center;background:#ff7b001a;border-color:#ff7b008c;align-items:center;width:100%;padding:18px 16px}button.mode.play b{font-size:21px}button.mode.small-card{text-align:center;background:#ffffff08;align-items:center;width:100%;padding:12px 16px}button.mode.small-card b{font-size:14px}button.mode.small-card small{font-size:11.5px}.status-line{min-height:16px;margin-top:8px}.welcome{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin-top:10px;font-size:14px;display:flex}.sandbox-box{margin-top:12px}.tabs{justify-content:center;gap:6px;display:flex}button.tab{background:0 0;padding:7px 14px;font-size:13px}button.tab.on{border-color:var(--orange);background:#ff7b002e}#auth-form{text-align:left;flex-direction:column;gap:6px;margin-top:12px;display:flex}#auth-form input{font:inherit;border:1px solid var(--line);color:var(--text);box-sizing:border-box;background:#00000059;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}#auth-form .field{color:var(--dim);margin-top:4px;font-size:12px}#auth-form small{font-size:11.5px;line-height:1.4}#auth-form .pass-row{gap:6px;display:flex}#auth-form .pass-row input{flex:1;min-width:0}#auth-form .remember{color:var(--dim);align-items:center;gap:6px;font-size:12.5px;display:flex}#auth-form input[type=checkbox]{width:auto;accent-color:var(--orange);margin:0;padding:0}#auth-form .form-row{margin-top:6px}#auth-name-hint.ok{color:#7ee2a0}#auth-name-hint.bad{color:#ff8da1}#auth-form.busy{opacity:.6;pointer-events:none}#auth-error{color:#ff8da1;text-align:center;min-height:16px;font-size:12.5px}.footer-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.footer-row button{border-color:#fff3;border-radius:999px;padding:8px 11px;font-size:12.5px}.footer-row button:hover:not(:disabled){border-color:var(--orange)}#password-panel input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);color:var(--text);background:#00000059;border-radius:10px;margin-bottom:8px;padding:9px 11px;font-size:13px}#password-form .form-row{margin-top:4px}#pw-message{min-height:16px;margin-bottom:4px}@media (max-width:480px){#overlay .card{padding:22px 18px}.footer-row button{flex:40%}}.difficulty{flex-direction:column;align-items:center;gap:4px;margin-top:14px;font-size:13px;display:flex}.difficulty .chips{justify-content:center;margin:4px 0}.difficulty .chip{cursor:pointer;font:inherit;background:0 0;font-size:12.5px}.difficulty .chip.on{background:var(--orange);border-color:var(--orange);color:#140a00}@media (max-width:760px){.modes{grid-template-columns:1fr}#chat{bottom:330px}}#backpack{z-index:28;background:radial-gradient(#080c1273,#080c12cc);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#backpack .bp-bag,#backpack .bp-side>*{background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;gap:10px;width:min(440px,100vw - 32px);padding:16px 18px;display:grid;box-shadow:0 20px 60px #00000073}#backpack .bp-bag,#backpack .bp-side{max-height:calc(100vh - 48px);overflow-y:auto}#backpack .bp-side{gap:14px;display:grid}#backpack .bp-station-drawer>summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0}#backpack .bp-side:empty{display:none}#backpack .bp-head{justify-content:space-between;align-items:baseline;gap:10px;font-size:16px;display:flex}#backpack .bp-head span{font-size:12px}#backpack .bp-body,#tabmenu .bp-body{gap:6px;max-height:52vh;display:grid;overflow-y:auto}#backpack .bp-cat,#tabmenu .bp-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:4px;font-size:11px;font-weight:800}#backpack .bp-grid,#tabmenu .bp-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}#backpack .bp-tile,#tabmenu .bp-tile{border:1px solid var(--line);border-bottom:3px solid var(--tint,var(--line));background:#ffffff0d;border-radius:10px;justify-items:center;gap:2px;padding:8px 6px 6px;font-size:12px;display:grid}#backpack .bp-tile:hover,#tabmenu .bp-tile:hover{background:#ffffff1a}#backpack .bp-tile.on,#tabmenu .bp-tile.on{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset;background:#ff7b0024}#backpack .bp-tile .ico,#tabmenu .bp-tile .ico{font-size:26px;line-height:1.1}#backpack .bp-tile .name,#tabmenu .bp-tile .name{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}#backpack .bp-tile .n,#tabmenu .bp-tile .n{text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}#backpack .bp-actions,#tabmenu .bp-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;padding-top:8px;font-size:13px;display:flex}#backpack .bp-actions .chip,#tabmenu .bp-actions .chip{cursor:pointer;--mode:var(--orange)}#backpack .bp-hints{font-size:11.5px;line-height:1.6}#held-item{color:var(--text);margin-top:6px;font-size:13px}#held-item .dim{font-size:12px}#backpack .bp-head .ok{color:var(--green);font-size:12px}#backpack .bp-recipe{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:grid}#backpack .bp-recipe .ico{text-align:center;font-size:24px}#backpack .bp-recipe .needs{color:var(--text);margin:2px 0;font-size:12px}#backpack .bp-recipe .needs.short{color:#ff8da1}#backpack .bp-recipe .blurb{font-size:11.5px;line-height:1.4}#backpack .bp-recipe .chip{cursor:pointer;--mode:var(--orange)}#backpack .bp-recipe .chip:disabled{opacity:.4;cursor:not-allowed}#asleep{text-align:center;pointer-events:none;color:#c9d6ff;background:radial-gradient(#05081473,#02040cd9);place-content:center;gap:8px;font-size:15px;display:grid;position:fixed;inset:0}#asleep .big{letter-spacing:.06em;color:#fff;font-size:32px;font-weight:800}#chestpanel{z-index:28;background:radial-gradient(#080c1273,#080c12cc);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#chestpanel .bp-bag{background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;gap:8px;width:min(520px,100vw - 32px);padding:16px 18px;display:grid;box-shadow:0 20px 60px #00000073}#chestpanel .bp-head{justify-content:space-between;align-items:baseline;gap:10px;font-size:16px;display:flex}#chestpanel .bp-head span{text-align:right;font-size:11.5px}#chestpanel .bp-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:4px;font-size:11px;font-weight:800}#chestpanel .bp-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;max-height:30vh;display:grid;overflow-y:auto}#chestpanel .bp-grid p{margin:4px 0;font-size:13px}#chestpanel .bp-tile{border:1px solid var(--line);border-bottom:3px solid var(--tint,var(--line));background:#ffffff0d;border-radius:10px;justify-items:center;gap:2px;padding:8px 6px 6px;font-size:12px;display:grid}#chestpanel .bp-tile:hover{background:#ffffff1a}#chestpanel .bp-tile .ico{font-size:24px;line-height:1.1}#chestpanel .bp-tile .name{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}#chestpanel .bp-actions{border-top:1px solid var(--line);justify-content:flex-end;padding-top:8px;display:flex}#chestpanel .chip{cursor:pointer;--mode:var(--orange)}#chestpanel .chip:disabled{opacity:.4;cursor:not-allowed}#cheatsheet{z-index:20;--mode:var(--orange);background:var(--panel-strong);width:min(760px,100vw - 32px);max-height:calc(100vh - 48px);top:50%;bottom:auto;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#cheatsheet .controls{color:var(--text);border-top:none;margin:8px 0 0;padding-top:0}#loading{z-index:40;opacity:0;background:radial-gradient(#0e141e,#080c12);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .3s;display:flex;position:fixed;inset:0}#loading.on{opacity:1}#loading[hidden]{display:none}#loading-wheel{border:5px solid #ffffff24;border-top-color:var(--orange);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite loading-spin}#loading-text{color:var(--dim);min-height:20px;font-size:14px}#loading-talk{text-align:center;width:min(520px,100vw - 48px);min-height:84px}#loading-talk.fresh{animation:.4s ease-out talk-in}#loading-talk-head{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);min-height:16px;font-size:11px;font-weight:800}#loading-talk-text{color:var(--text);margin-top:6px;font-size:16px;line-height:1.5}@keyframes talk-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#loading-talk.fresh{animation:none}}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#loading-wheel{background:var(--orange);border-top-color:#ffffff24;animation:1.8s ease-in-out infinite loading-pulse}}@keyframes loading-pulse{0%,to{opacity:.25}50%{opacity:.9}}#weaponcard{--mode:#7df9ff}#tank-fill{background:#4fc3ff}#update-banner{z-index:60;background:var(--panel-strong);color:#fff3c4;border-bottom:2px solid #ffd34d;justify-content:center;align-items:center;gap:12px;padding:8px 14px;font-size:14px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}#update-banner[hidden]{display:none}#update-banner button{cursor:pointer}#fish-popup{z-index:40;pointer-events:none;text-align:center;filter:drop-shadow(0 6px 14px #00000073);display:none;position:fixed;top:13%;left:50%;transform:translate(-50%)}#fish-popup.on,#fish-popup.off{display:block}#fish-popup.on{animation:.45s cubic-bezier(.2,1.4,.4,1) both fish-pop}#fish-popup.off{opacity:0;transition:opacity var(--fish-fade,.7s), transform var(--fish-fade,.7s);transform:translate(-50%,-14px)}#fish-popup canvas{margin:0 auto;display:block}#fish-popup .fish-title{background:var(--panel-strong);border:1px solid var(--line);color:#fff3c4;border-radius:8px;margin-top:6px;padding:5px 12px;font-size:15px;font-weight:700}#fish-popup .fish-sub{color:#dfe9f2;text-shadow:0 1px 3px #000;margin-top:3px;font-size:13px}@keyframes fish-pop{0%{opacity:0;transform:translate(-50%,24px)scale(.35)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){#fish-popup.on{animation:none}}#quest-chip{font-size:11px}#quests{z-index:28;background:radial-gradient(#080c1273,#080c12cc);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#quests .q-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr);gap:8px;width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px 18px;display:grid;box-shadow:0 20px 60px #00000073}#quests .q-top{justify-content:space-between;align-items:baseline;font-size:16px;display:flex}.q-body{gap:2px;max-height:calc(100vh - 150px);display:grid;overflow-y:auto}#quests-panel .q-body{max-height:40vh}.q-head{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:10px;font-size:11px;font-weight:800}.q-row{border-top:1px solid var(--line);grid-template-columns:22px 1fr auto;align-items:start;gap:8px;padding:6px 4px;font-size:13px;display:grid}.q-row .q-text{gap:1px;display:grid}.q-row small{font-size:11.5px;line-height:1.35}.q-row .q-tag{white-space:nowrap;font-size:11px}.q-row.todo .q-mark{color:var(--dim)}.q-row.done .q-mark{color:var(--green)}.q-row.done b{color:#bff0d3}.q-row.problem .q-mark,.q-row.problem b{color:#ffb347}.q-row.friend.todo b{color:var(--dim);font-weight:600}#quest-ask{z-index:30;background:var(--panel-strong);border:1px solid #ffd34d;border-radius:12px;justify-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;display:grid;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}#quest-ask .q-ask-keys{align-items:center;gap:10px;display:flex}#quest-ask button{cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff12;border-radius:8px;padding:4px 12px}#quest-ask button:hover{background:#ffffff24}#garagepanel{z-index:28;pointer-events:none;width:min(380px,100vw - 24px);display:flex;position:fixed;top:12px;bottom:12px;right:12px}#garagepanel[hidden]{display:none}#garagepanel .gp-card{pointer-events:auto;background:var(--panel-strong);color:var(--text);border-radius:14px;flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex;overflow-y:auto}#garagepanel .gp-title{justify-content:space-between;align-items:baseline;font-size:16px;display:flex}#garagepanel .gp-bucks{font-size:13px}#garagepanel .gp-say{background:#ffffff12;border-radius:8px;margin:0;padding:6px 8px;font-size:13px;font-style:italic;line-height:1.35}#garagepanel .gp-rows{gap:6px;display:grid}#garagepanel .gp-row{background:#ffffff0d;border-radius:10px;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 9px;display:grid}#garagepanel .gp-row:hover{background:#ffffff1c}#garagepanel .gp-row .gp-head{grid-column:1;align-items:baseline;gap:8px;font-size:13.5px;font-weight:700;display:flex}#garagepanel .gp-row .gp-sub{grid-column:1;font-size:11.5px}#garagepanel .gp-row button{grid-area:1/2/span 2;align-self:center;min-width:74px}#garagepanel .gp-row.max{opacity:.6}#garagepanel .gp-pips{letter-spacing:2px;color:var(--accent,#f2b84b);font-size:11px}#garagepanel .gp-delta{min-height:1.3em;font-size:12px}#garagepanel .gp-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:800}#garagepanel .gp-paint{gap:6px;display:grid}#garagepanel .gp-swatches{flex-wrap:wrap;gap:5px;display:flex}#garagepanel .gp-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:24px;height:24px;padding:0}#garagepanel .gp-swatch.on{border-color:#fff}#garagepanel .gp-finishes{flex-wrap:wrap;gap:5px;display:flex}#garagepanel .gp-tune{flex-direction:column;gap:6px;margin-top:8px;display:flex}#garagepanel .gp-slider{grid-template-columns:90px 1fr 120px;align-items:center;gap:8px;font-size:12px;display:grid}#garagepanel .gp-warn{color:#e8b83a;font-size:12px}#garagepanel .gp-warn:empty{display:none}#garagepanel .gp-foot{justify-content:flex-end;margin-top:auto;display:flex}#plaque-card{z-index:12;text-align:center;pointer-events:none;color:#f3e3c3;background:#241c10db;border:1px solid #c9a227;border-radius:10px;gap:3px;width:min(460px,100vw - 32px);padding:10px 14px;display:grid;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}#plaque-card b{font-size:15px}#plaque-card .stars{color:#ffd34d;letter-spacing:.15em}#plaque-card .caption{font-size:14px;font-style:italic}#plaque-card small{color:#cdbb94;font-size:11.5px}#plaque-card .hint{color:#ffd34d}#caption-box{z-index:32;background:var(--panel-strong);border:1px solid #ffd34d;border-radius:12px;gap:8px;width:min(520px,100vw - 32px);padding:14px 16px;display:grid;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000080}#caption-box input{font:inherit;border:1px solid var(--line);color:var(--text);background:#ffffff12;border-radius:8px;padding:8px 10px;font-size:15px}#caption-box .row{gap:8px;display:flex}#caption-box button{cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff12;border-radius:8px;padding:5px 14px}#caption-box button:hover{background:#ffffff24}#caption-box button.danger{color:#ffb4b4;border-color:#a33;margin-left:auto}#suggestion-panel,#blackjack-panel{z-index:32;background:var(--panel-strong);border:1px solid #ff8ad8;border-radius:12px;width:min(560px,100vw - 32px);max-height:calc(100vh - 140px);padding:14px 16px;position:fixed;bottom:90px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 16px 50px #00000080}#blackjack-panel{border-color:#7ef3a0}#suggestion-panel input,#blackjack-panel input{font:inherit;border:1px solid var(--line);width:6em;color:var(--text);background:#ffffff12;border-radius:8px;padding:8px 10px;font-size:15px}#suggestion-panel input{box-sizing:border-box;width:100%}#suggestion-panel .row,#blackjack-panel .row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}#suggestion-panel button,#blackjack-panel button{cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff12;border-radius:8px;padding:5px 10px}#suggestion-panel button:hover,#blackjack-panel button:hover{background:#ffffff24}#suggestion-panel button:disabled,#blackjack-panel button:disabled{opacity:.4;cursor:default}#suggestion-panel button.danger{color:#ffb4b4;border-color:#a33}#suggestion-panel button.small{padding:2px 7px;font-size:12px}#suggestion-panel button.chosen{background:#7ef3a02e;border-color:#7ef3a0}#suggestion-panel .ideas{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}#suggestion-panel .ideas li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#suggestion-panel .idea{flex:1;min-width:160px}#suggestion-panel .tally{font-variant-numeric:tabular-nums;color:#ffe36b;min-width:90px}#blackjack-panel .hand{letter-spacing:.02em;margin:6px 0;font-size:16px}#blackjack-panel .say{color:#ffe36b}#suggestion-panel>b,#suggestion-panel>small,#blackjack-panel>b,#blackjack-panel>small{display:block}.look-row{flex-wrap:wrap;align-items:flex-start;gap:16px;margin:8px 0;display:flex}#look-preview{border:1px solid var(--line);background:#ffffff0f;border-radius:10px;width:150px;height:196px}.look-controls{flex:1;gap:10px;min-width:220px;display:grid}.look-field{grid-template-columns:52px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.look-field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:44px;height:28px;padding:0}.look-field .chips{flex-wrap:wrap;grid-column:2/4;gap:4px;display:flex}.look-field .chip{cursor:pointer}#look-sliders{gap:6px;display:grid}#butcher-block{z-index:31;background:var(--panel-strong);border:1px solid #c98a00;border-radius:12px;gap:8px;width:min(560px,100vw - 24px);max-height:calc(100vh - 24px);padding:12px 14px;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 16px 50px #0000008c}#butcher-block .stage{aspect-ratio:1;justify-self:center;width:min(512px,100vw - 52px,100vh - 230px);position:relative}#butcher-block canvas{touch-action:none;cursor:crosshair;border-radius:8px;width:100%;height:100%;display:block}#butcher-block .status{color:var(--muted,#cdbb94);text-align:center;min-height:1.2em;font-size:12.5px}#butcher-block .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#butcher-block button{cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff12;border-radius:8px;padding:5px 14px}#butcher-block button:hover:not(:disabled){background:#ffffff24}#butcher-block button:disabled{opacity:.45;cursor:default}#butcher-block button.danger{color:#ffb4b4;border-color:#a33}#butcher-block .grade{text-align:center;background:#14100ae0;border:1px solid #c98a00;border-radius:12px;align-content:center;justify-items:center;gap:5px;padding:12px;display:grid}#butcher-block .grade .word{letter-spacing:.04em;font-size:34px;font-weight:700}#butcher-block .grade .line{font-style:italic}#butcher-block .grade .goods{font-weight:600}#butcher-block .grade .best{color:#ffd34d;font-weight:600}#butcher-block .grade .dim{color:#cdbb94;font-size:12.5px}#butcher-block .grade button{margin-top:4px}#butcher-block.graded .stage{aspect-ratio:auto;grid-template-columns:230px 1fr;align-items:center;gap:12px;width:min(520px,100%);display:grid}#butcher-block.graded .stage canvas{width:230px;height:230px}@media (max-width:540px){#butcher-block.graded .stage{grid-template-columns:1fr;justify-items:center}}#garagepanel .gp-fuel{align-items:center;gap:10px;font-size:12.5px;display:flex}#garagepanel .gp-fuel[hidden]{display:none}#garagepanel .gp-gauge{background:#ffffff1f;border-radius:4px;flex:1;height:8px;overflow:hidden}#garagepanel .gp-gauge>div{background:linear-gradient(90deg,#d9534f,#f0ad4e,#5cb85c);height:100%}#photo-bar{z-index:25;gap:8px;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}body.photo-mode #photo-bar{display:flex}body.photo-mode #hud,body.photo-mode #update-banner{display:none}#photo-bar button,#photo-btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}#photo-btn{margin-top:6px}#emotewheel{z-index:20;--mode:var(--orange);background:var(--panel-strong);text-align:center;width:300px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}#emotewheel .ring{width:240px;height:240px;margin:8px auto 0;position:relative}#emotewheel .emote{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y)));font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--text);white-space:nowrap;background:#ffffff12;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%}#emotewheel .emote:hover{background:var(--mode);color:#0b0f16;border-color:var(--mode)}#recordspanel{z-index:20;--mode:var(--orange);background:var(--panel-strong);width:min(560px,100vw - 32px);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}#recordspanel .records{gap:8px;margin-top:10px;display:grid}#recordspanel .rec-line{font-size:14px;line-height:1.4}#recordspanel .rec-line b{color:var(--mode)}.tb-panel{z-index:30;pointer-events:auto;background:var(--panel-strong);width:304px;max-height:calc(100vh - 32px);color:var(--text);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:fixed;top:16px;left:16px;overflow-y:auto}.tb-panel[hidden]{display:none}.tb-title{font-size:15px;font-weight:700}.tb-cam-pill{color:#bae6fd;background:#38bdf824;border:1px solid #38bdf84d;border-radius:8px;padding:5px 8px;font-size:11.5px;line-height:1.3}.tb-cam-pill.detached{color:#fde68a;background:#fbbf2429;border-color:#fbbf2466}.tb-train-bar{background:#4ade8024;border:1px solid #4ade804d;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.tb-train-bar[hidden]{display:none}.tb-train-speed{color:#86efac;font-weight:600}.tb-follow-train{padding:4px 8px;font-size:11.5px}.tb-nav-tabs{background:#00000040;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:3px;display:grid}.tb-nav-tab{border:1px solid #0000;border-radius:7px;padding:5px 4px;font-size:12px;font-weight:600}.tb-nav-tab.on{border-color:var(--orange);color:#fff;background:#ff7b0047}.tb-tab-section{flex-direction:column;gap:8px;display:flex}.tb-tab-section[hidden]{display:none}.tb-types{flex-wrap:wrap;gap:6px;display:flex}.tb-tab{color:var(--dim);background:#ffffff0d;border-radius:8px;padding:4px 8px;font-size:12px}.tb-tab.on{color:var(--text);background:#ff7b0040}.tb-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tb-piece,.tb-btn{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:9px;padding:7px 8px;font-size:13px}.tb-piece:hover,.tb-btn:hover{background:#ffffff24}.tb-piece.on,.tb-btn.on{border-color:var(--orange);background:#ff7b0038}.tb-btn:disabled{opacity:.4;cursor:default}.tb-done{background:#00e5ff2e}.tb-status{background:#4ade8024;border-radius:9px;padding:6px 8px;font-size:12.5px;line-height:1.35}.tb-status.bad{background:#f871712e}.tb-rating{color:#fbbf24;padding:0 2px 2px;font-size:12px}.tb-row{z-index:2;background:var(--panel-strong);border-radius:14px 14px 0 0;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin:-12px -14px 0;padding:12px 14px 6px;display:grid;position:sticky;top:0}.tb-row .tb-btn{padding:6px 4px;font-size:12px}.tb-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tb-line[hidden]{display:none}.tb-line .tb-note{color:var(--dim);font-size:12px}.tb-hint{color:var(--dim);font-size:11.5px;line-height:1.35}.ride-panel{z-index:25;pointer-events:auto;background:var(--panel-strong);max-width:min(560px,100vw - 32px);color:var(--text);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.ride-panel[hidden]{display:none}.ride-row{gap:8px;display:flex}.ride-go{background:#46be6459}.ride-abort{background:#dc463c66}.tb-label{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:-4px;font-size:11px}.tb-pick{flex-wrap:wrap;gap:5px;display:flex}.tb-icon{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;place-items:center;width:44px;height:42px;padding:0;display:grid}.tb-icon:hover:not(:disabled){background:#ffffff24}.tb-icon.on{border-color:var(--orange);background:#ff7b0038}.tb-icon:disabled{opacity:.3;cursor:not-allowed}.tb-banks .tb-icon{width:52px;height:38px}.tb-specials .tb-icon{width:38px;height:38px}.tb-chosen{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;display:flex}.tb-chosen-icons{align-items:center;gap:8px;min-height:48px;display:flex}.tb-chosen-name{text-align:center;font-size:13.5px;font-weight:600}.tb-power{width:100%}.tb-place{background:#ff7b004d;width:100%;font-weight:700}.tb-step-station{background:#38bdf838;border-color:#38bdf873;width:100%;font-weight:600}.tb-station-dist{color:#bae6fd;text-align:center;font-size:11.5px}.tb-loop{background:#3caa6e59;width:100%;margin-top:2px;font-weight:700}.tb-station{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.whatsnew-body{max-height:50vh;overflow-y:auto}.whatsnew-note{margin:0 0 14px}.whatsnew-note h3{margin:0;font-size:14px}.whatsnew-note small{color:var(--dim);font-size:11.5px}.whatsnew-note ul{margin:6px 0 0;padding-left:18px;font-size:13px;line-height:1.5}#since-box{z-index:60;text-align:left;background:var(--panel-strong);border:1px solid var(--line);border-radius:14px;width:min(440px,100vw - 32px);padding:16px 18px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #00000080}.info-body{max-height:55vh;margin-top:12px;overflow-y:auto}#guide-modal{z-index:80;background:#080c12d1;place-items:center;display:grid;position:fixed;inset:0}.guide-card{text-align:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:16px;width:min(560px,100vw - 32px);padding:26px 28px;box-shadow:0 20px 60px #00000080}.guide-icon{font-size:46px;line-height:1.1}.guide-title{letter-spacing:.02em;margin:6px 0 10px;font-size:22px}.guide-lines{color:var(--text);text-align:left;min-height:120px;font-size:15px;line-height:1.55}.guide-lines p{margin:0 0 10px}.guide-picture{object-fit:cover;border:1px solid #ffffff26;border-radius:10px;width:100%;max-height:175px;margin-bottom:10px;box-shadow:0 6px 18px #00000059}.guide-nav{z-index:1;background:var(--panel-strong);justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;padding:6px 0;display:flex;position:sticky;top:0}.whatsnew-nav{z-index:1;background:var(--panel-strong);justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:6px 0;display:flex;position:sticky;top:0}.whatsnew-nav button,.guide-nav button{min-width:92px}.guide-dots{gap:6px;display:flex}.guide-dots i{background:#fff3;border-radius:50%;width:8px;height:8px}.guide-dots i.on{background:var(--orange)}#info-panel .guide-card,#info-panel .guide-lines{min-height:0}#info-panel .guide-lines{font-size:14px}#info-panel .guide-title{font-size:18px}#info-panel .guide-icon{font-size:34px}@media (max-width:480px){.guide-card{padding:20px 16px}.guide-nav button{min-width:72px}}@media (prefers-reduced-motion:reduce){.guide-card,#since-box{transition:none;animation:none}}#overlay:not(.ready){background:#080c12}#overlay:not(.ready) .card>:not(.wordmark):not(.tagline):not(#front-wait){visibility:hidden}#overlay.ready .card>:not(.wordmark):not(.tagline):not(#front-wait){animation:.3s ease-out front-in}#front-wait{position:absolute;top:58%;left:0;right:0}#overlay.ready #front-wait{display:none}@keyframes front-in{0%{opacity:0}to{opacity:1}}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}#loading-bar{background:#ffffff1f;border-radius:3px;width:min(320px,70vw);height:6px;overflow:hidden}#loading-bar-fill{background:var(--orange);width:0;height:100%;transition:width .35s ease-out;display:block}@media (min-width:1800px){#overlay .card,.guide-card{zoom:1.3}#loading>*{zoom:1.2}}@media (max-width:480px){.wordmark.big{font-size:32px}}@media (prefers-reduced-motion:reduce){#overlay.ready .card>:not(.wordmark):not(.tagline):not(#front-wait){animation:none}#loading,#loading-bar-fill{transition:none}}#casino-panel{z-index:32;background:var(--panel-strong);border:1px solid #ff5cb8;border-radius:12px;width:min(400px,100vw - 32px);max-height:calc(100vh - 140px);padding:14px 16px;position:fixed;bottom:90px;right:16px;overflow:auto;box-shadow:0 16px 50px #00000080,0 0 24px #ff5cb840}#casino-panel>div>b,#casino-panel>div>small{display:block}#casino-panel button{cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff12;border-radius:8px;padding:5px 10px}#casino-panel button:hover{background:#ffffff24}#casino-panel button:disabled{opacity:.4;cursor:default}#casino-panel button.primary{background:#7ef3a029;border-color:#7ef3a0}#casino-panel button.chipbtn{border-width:2px;padding:3px 8px}#casino-panel .row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}#casino-panel .say{color:#ffe36b;margin:8px 0 0}#casino-panel .hand{margin:6px 0;font-size:15px}#casino-panel .hand.mine{color:#bff7cf}#casino-panel .hand.turn{text-shadow:0 0 8px #ffe36b}#casino-panel .out{margin-left:6px}#casino-panel .out.win,#casino-panel .out.blackjack{color:#7ef3a0}#casino-panel .out.lose{color:#ff9a9a}#casino-panel .timer{text-align:right;color:#ffe36b;display:block}#casino-panel .cards{vertical-align:middle;gap:4px;display:inline-flex}#casino-panel .cc{text-align:center;color:#1b1b1b;background:#fbfaf5;border-radius:5px;min-width:2.1em;padding:3px 4px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 1px 3px #00000080}#casino-panel .cc.red{color:#c62828}#casino-panel .cc.back{color:#0000;background:repeating-linear-gradient(45deg,#7a1424,#7a1424 4px,#4a0c16 4px 8px)}#casino-panel .chiprow{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}#casino-panel .chip-held{align-items:center;gap:4px;display:inline-flex}#casino-panel .chip-badge{box-sizing:border-box;border:3px dashed #ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:inline-flex}#casino-panel .cashier{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}#casino-panel .slider input[type=range]{flex:1;min-width:120px}#casino-panel .dim{color:var(--dim,#9aa)}#casino-panel .rboard{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}#casino-panel .rnum{text-align:center;color:#fff;background:#222;border-radius:5px;min-width:1.9em;padding:2px 4px;font-size:13px;font-weight:700}#casino-panel .rnum.red,#casino-panel .rcell.red{background:#b3262e}#casino-panel .rnum.green,#casino-panel .rcell.green{background:#1e7a3c}#casino-panel .rnum.black,#casino-panel .rcell.black{background:#1b1b1b}#casino-panel .rgrid{grid-template-columns:2.2em repeat(12,1fr) 2.8em;gap:2px;margin:8px 0;display:grid}#casino-panel .rcell{text-align:center;color:#fff;border:1px solid #ffffff40;border-radius:3px;min-width:0;padding:4px 0;font-size:13px;font-weight:700;position:relative}#casino-panel .rcell.outside{background:#ffffff14;font-size:12px}#casino-panel .rcell.picked{outline:2px solid #ffe36b}#casino-panel .rcell .pip{color:#222;background:#ffe36b;border-radius:8px;padding:0 4px;font-size:10px;font-style:normal;position:absolute;top:-5px;right:-2px}#casino-panel.wide{width:min(640px,100vw - 32px)}#tabmenu{z-index:27;background:radial-gradient(#080c1259,#080c12b8);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:24px 16px 48px;display:grid;position:fixed;inset:0;overflow-y:auto}#tabmenu[hidden]{display:none}#tabmenu .tm-col{background:var(--panel-strong);border:1px solid #94a3b83d;border-radius:12px;align-content:start;gap:10px;min-width:0;padding:14px 16px;display:grid;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}#tabmenu .tm-head{border-bottom:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding-bottom:6px;font-size:15px;display:flex}#tabmenu .tm-head span{font-size:12px}#tabmenu .tm-list,#tabmenu .tm-body{gap:6px;max-height:70vh;display:grid;overflow-y:auto}#tabmenu .tm-map-body{background:#0d1117;border-radius:10px;height:58vh;min-height:380px;position:relative;overflow:hidden}#tabmenu .tm-map-body canvas{width:100%;height:100%;display:block}#tabmenu .tm-person{border-top:1px solid var(--line);grid-template-columns:14px 1fr;align-items:center;column-gap:8px;padding:6px 0;font-size:14px;display:grid}#tabmenu .tm-person span{grid-column:2;font-size:12px}#tabmenu .tm-dot{border:1px solid #ffffff80;border-radius:50%;width:12px;height:12px}#tabmenu .tm-hint{text-align:center;pointer-events:none;font-size:12px;position:fixed;bottom:14px;left:0;right:0}@media (max-width:900px){#tabmenu{grid-template-columns:1fr}}#tabmenu .tm-ride{text-align:left;border:1px solid var(--line);cursor:pointer;color:inherit;background:#ffffff0d;border-radius:10px;grid-template-columns:14px 1fr auto 22px auto;align-items:center;gap:2px 8px;padding:8px 10px;font-size:14px;display:grid}#tabmenu .tm-ride:hover{background:#ffffff1a}#tabmenu .tm-ride.on{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset;background:#ff7b0024}#tabmenu .tm-ride .tm-where{grid-column:2/-1;font-size:12px}#tabmenu .tm-ride .tm-dist{text-align:right;font-size:12px}#tabmenu .tm-arrow{text-align:center;color:var(--orange);transform-origin:50% 55%;font-size:16px;line-height:1;display:inline-block}#tabmenu .tm-swatch{border-radius:3px}#launchdial{z-index:28;background:#00000040;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#launchdial[hidden]{display:none}#launchdial .ld-card{background:var(--panel-strong);border:1px solid var(--line);width:min(480px,100vw - 32px);color:var(--text);border-radius:14px;gap:12px;padding:16px 18px;display:grid;box-shadow:0 20px 60px #00000073}#launchdial .ld-head{justify-content:space-between;align-items:baseline;gap:10px;font-size:16px;display:flex}#launchdial .ld-head span{text-align:right;font-size:11.5px}#launchdial .ld-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}#launchdial .ld-btn{font:inherit;cursor:pointer;background:#ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13px;display:flex}#launchdial .ld-btn span{opacity:.75;font-size:11px}#casino-panel canvas.reels{border:2px solid #d4a53a;border-radius:8px;width:100%;max-width:360px;margin:8px auto;display:block}#casino-panel .paytable{color:var(--dim,#9aa);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;display:flex}.music-overlay{border:1px solid var(--line);z-index:30;color:var(--text);-webkit-user-select:none;user-select:none;background:#0c1018f2;border-radius:14px;flex-direction:column;gap:8px;max-width:calc(100vw - 24px);padding:12px 16px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #000000a6}.music-overlay[hidden]{display:none!important}.music-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.music-title{color:#ffbf36;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.music-badge{color:#ffe08a;letter-spacing:.04em;background:#ffbf3633;border:1px solid #ffbf36;border-radius:6px;padding:1px 6px;font-size:10px}.music-controls{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;display:flex}.music-controls b{color:var(--text)}.music-controls kbd{background:#ffffff1f;border-radius:4px;padding:1px 4px;font-size:10px}.music-fx-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:5px 10px;font-size:11.5px;display:flex}.fx-group{align-items:center;gap:5px;display:flex}.fx-label{color:var(--dim);font-weight:600}.btn.tiny{color:#ddd;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:5px;padding:2px 7px;font-size:11px}.btn.tiny.on,.btn.small.rec-on{color:#fff;background:#ffbf3642;border-color:#ffbf36;box-shadow:0 0 8px #ffbf3659}.music-fx-bar select,.seq-top select,.seq-track-row select{color:#fff;border:1px solid var(--line);background:#1e2638;border-radius:5px;outline:none;padding:2px 6px;font-size:11px}.sequencer-panel{background:#121822f0;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.sequencer-panel[hidden]{display:none!important}.seq-top{flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.seq-inline{color:var(--dim);align-items:center;gap:4px;font-size:11px;display:inline-flex}.seq-inline input[type=range]{accent-color:#ffbf36;width:64px}.seq-timeline{background:#00000059;border-radius:4px;grid-template-columns:repeat(16,1fr);gap:2px;height:12px;padding:2px;display:grid}.seq-step-indicator{background:#ffffff26;border-radius:2px;transition:background 50ms}.seq-step-indicator:nth-child(4n+1){background:#ffffff4d}.seq-step-indicator.current{background:#ffbf36;box-shadow:0 0 8px #ffbf36}.seq-tracks{flex-direction:column;gap:3px;max-height:185px;display:flex;overflow-y:auto}.seq-track-row{background:#ffffff08;border:1px solid #0000;border-radius:5px;grid-template-columns:18px 112px 22px 22px 54px 20px 1fr;align-items:center;gap:4px;padding:2px 4px;font-size:11px;display:grid}.seq-track-row.selected{background:#ffbf3612;border-color:#ffbf368c}.seq-track-num{color:var(--dim);text-align:center;cursor:pointer;font-weight:700}.seq-track-vol{accent-color:#ffbf36;width:50px}.seq-grid-cells{grid-template-columns:repeat(16,minmax(12px,1fr));gap:2px;height:16px;display:grid}.seq-cell{cursor:pointer;background:#ffffff14;border:1px solid #ffffff0f;border-radius:2px}.seq-cell:nth-child(4n+1){background:#ffffff24}.seq-cell.has-note{background:#38d9a9;border-color:#63e6be}.seq-cell.playhead{outline:1px solid #ffbf36}.piano-roll{justify-content:center;height:110px;display:flex;position:relative}.piano-key.white{color:#333;z-index:1;cursor:pointer;background:#fdfdfd;border:1px solid #111;border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;width:36px;height:100%;padding-bottom:6px;font-weight:700;display:flex;position:relative}.piano-key.white.active{color:#000;box-shadow:inset 0 0 10px #ffcf40;background:#ffcf40!important}.piano-key.black{color:#eee;z-index:2;cursor:pointer;background:#161a22;border:1px solid #000;border-radius:0 0 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;width:22px;height:62%;margin-left:-11px;margin-right:-11px;padding-bottom:4px;font-size:10px;display:flex;position:relative}.piano-key.black.active{color:#fff;box-shadow:0 0 8px #f80;background:#f80!important}.piano-key .k-label{font-size:11px;font-weight:800}.piano-key .n-label{opacity:.78;text-align:center;font-size:8.5px;line-height:1.05}.brand-btns{pointer-events:auto;flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.brand-btns #photo-btn{margin-top:0}#howto-btn{font:inherit;cursor:pointer;color:#ffe5c4;pointer-events:auto;background:#ff7b0029;border:1px solid #ff7b008c;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .1s}#howto-btn:hover{border-color:var(--orange);background:#ff7b0052;transform:translateY(-1px)}#cheatsheet{pointer-events:auto}.cheatsheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}#howto-modal{z-index:85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(#060a10b8,#04070ce6);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#howto-modal[hidden]{display:none!important}.htp-window{text-align:left;background:#0b0f17f5;border:1px solid #f5c5425c;border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(1080px,100vw - 24px);height:min(86vh,800px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #000000bf,inset 0 1px #ffffff1f}.htp-header{border-bottom:1px solid var(--line);background:#101622f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.htp-title-row{align-items:center;gap:8px;display:flex}.htp-logo-icon{font-size:22px}.htp-title{letter-spacing:.03em;color:#fff;margin:0;font-size:18px;font-weight:800}.htp-subtitle{margin-top:2px}.htp-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.htp-search{width:min(290px,55vw);font:inherit;border:1px solid var(--line);color:var(--text);background:#00000073;border-radius:999px;outline:none;padding:7px 12px;font-size:13px}.htp-search:focus{border-color:var(--orange);box-shadow:0 0 0 2px #ff7b0038}.htp-btn{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff12;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:700}.htp-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff47}.htp-btn.on{border-color:var(--orange);color:#fff;background:#ff7b003d}.htp-btn.primary{background:var(--orange);color:#140a00;border-color:#0000}.htp-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.htp-close{color:#ffd4de;background:#ff2a5429;border-color:#ff2a5473}.htp-close:hover{background:#ff2a544d}.htp-grid{grid-template-columns:265px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.htp-sidebar{border-right:1px solid var(--line);background:#070a10b3;flex-direction:column;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.htp-side-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:8px 10px 4px;font-size:10.5px;font-weight:800}.htp-cat-btn{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;transition:background .12s,border-color .12s;display:grid}.htp-cat-btn:hover{background:#ffffff0f}.htp-cat-btn.on{box-shadow:inset 3px 0 0 var(--orange);background:#ff7b002e;border-color:#ff7b00a6}.htp-cat-icon{text-align:center;font-size:20px}.htp-cat-text{flex-direction:column;gap:2px;min-width:0;display:flex}.htp-cat-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.htp-cat-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:800}.htp-cat-badge.badge-main{color:#ffe07d;background:#f5c54238;border:1px solid #f5c54280}.htp-cat-badge.badge-basics{color:#8ff5bc;background:#46e08a33;border:1px solid #46e08a73}.htp-cat-badge.badge-advanced{color:#8cf3ff;background:#00e5ff33;border:1px solid #00e5ff73}.htp-cat-meta{font-size:11px}.htp-main{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.htp-cat-banner{background:#ffffff05;border-bottom:1px solid #ffffff12;padding:12px 20px 10px}.htp-cat-banner-title{color:#fff;font-size:16px;font-weight:800}.htp-cat-banner-sub{margin-top:2px;font-size:12.5px}.htp-tabs{border-bottom:1px solid var(--line);background:#0a0e16d9;flex-wrap:wrap;gap:6px;padding:10px 20px;display:flex}.htp-tab{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.htp-tab:hover{color:var(--text);background:#ffffff1a}.htp-tab.on{color:#140a00;background:var(--orange);border-color:var(--orange);font-weight:800;box-shadow:0 4px 14px #ff7b0059}.htp-article{flex-direction:column;gap:18px;padding:18px 22px 26px;display:flex;overflow-y:auto}.htp-summary-card{border:1px solid #ffffff1a;border-left:4px solid var(--orange);background:#ffffff0a;border-radius:13px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.htp-summary-head{align-items:center;gap:8px;display:flex}.htp-summary-icon{font-size:24px}.htp-summary-title{color:#fff;margin:0;font-size:18px;font-weight:800}.htp-summary-text{color:#dce6f2;margin:0;font-size:14px;line-height:1.55}.htp-keys-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.htp-key-chip{background:#00000061;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.htp-kbd{font-family:var(--font-mono);color:#ffe5c4;background:#ff7b0038;border:1px solid #ff7b008c;border-radius:5px;padding:2px 6px;font-size:11.5px;font-weight:700}.htp-key-label{color:var(--text)}.htp-section{flex-direction:column;gap:10px;display:flex}.htp-sec-heading{letter-spacing:.12em;text-transform:uppercase;color:#f5c542;margin:0;font-size:12px;font-weight:800}.htp-steps{gap:10px;display:grid}.htp-step{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid}.htp-step-num{border:1px solid var(--orange);color:#ffcf8a;background:#ff7b0038;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.htp-step-title{color:#fff;margin-bottom:3px;font-size:14px;display:block}.htp-step-text{color:#c9d6e4;margin:0;font-size:13.5px;line-height:1.5}.htp-shots{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.htp-shot-card{cursor:zoom-in;background:#00000073;border:1px solid #ffffff24;border-radius:12px;transition:transform .15s,border-color .15s;overflow:hidden}.htp-shot-card:hover{border-color:var(--orange);transform:translateY(-2px)}.htp-shot-img-wrap{aspect-ratio:16/9;background:#070a10;position:relative;overflow:hidden}.htp-shot-img{object-fit:cover;width:100%;height:100%;display:block}.htp-coord-badge{color:#ffe07d;font-family:var(--font-mono);background:#080c12e0;border:1px solid #f5c5428c;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:8px}.htp-shot-caption{color:#d5e0ec;padding:9px 12px;font-size:12.5px;line-height:1.4}.htp-shenanigans{background:linear-gradient(135deg,#f5c5421f,#ff7b0017);border:1px solid #f5c5426b;border-radius:13px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.htp-shenanigans-head{color:#ffe07d;letter-spacing:.02em;font-size:14px;font-weight:800}.htp-shenanigans-list{color:#fff3d1;gap:6px;margin:0;padding-left:20px;font-size:13.5px;line-height:1.48;display:grid}.htp-facts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.htp-fact-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.htp-fact-val{color:#fff;font-size:13px;line-height:1.35}.htp-footer-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:12px;display:flex}.htp-search-list{gap:8px;display:grid}.htp-search-hit{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff0d;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.htp-search-hit:hover{border-color:var(--orange);background:#ff7b0024}.htp-search-hit-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.htp-search-hit-title{color:#fff;font-size:14px}.htp-search-hit-cat{margin-left:auto}.htp-search-hit-snippet{font-size:12.5px;line-height:1.4}.htp-all-controls{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.htp-ctrl-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:baseline;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.htp-ctrl-does{color:#d0dce8;line-height:1.4}.htp-lightbox{z-index:10;background:#04070ceb;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.htp-lightbox-card{flex-direction:column;align-items:center;gap:12px;max-width:min(920px,92vw);display:flex}.htp-lightbox-img{border:1px solid #fff3;border-radius:12px;max-width:100%;max-height:64vh;box-shadow:0 20px 60px #000000b3}.htp-lightbox-caption{color:var(--text);text-align:center;font-size:14px}@media (max-width:820px){.htp-grid{grid-template-rows:150px minmax(0,1fr);grid-template-columns:1fr}.htp-sidebar{border-right:none;border-bottom:1px solid var(--line)}.htp-all-controls{grid-template-columns:1fr}}#rotate-device-overlay{z-index:95;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);text-align:center;pointer-events:auto;background:radial-gradient(#0b0f16f0,#05080efa);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#rotate-device-overlay.dismissed,#rotate-device-overlay[hidden]{display:none!important}#rotate-device-overlay .rotate-card{background:var(--panel-strong);border:1px solid #ff7b0073;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:340px;padding:24px 22px;display:flex;box-shadow:0 20px 60px #000000b3}#rotate-device-overlay .rotate-icons{font-size:36px;line-height:1.1}#rotate-device-overlay .rotate-title{color:#fff;font-size:17px;font-weight:800}#rotate-device-overlay .rotate-sub{color:var(--dim);font-size:13px;line-height:1.45}#rotate-device-overlay .rotate-dismiss-btn{border:1px solid var(--orange);color:#ffe5c4;cursor:pointer;touch-action:manipulation;background:#ff7b0033;border-radius:999px;margin-top:4px;padding:10px 18px;font-size:13px;font-weight:700}@media (orientation:portrait) and (pointer:coarse){#rotate-device-overlay:not(.dismissed):not([hidden]){display:flex}}@media (pointer:coarse){#brand,#stats,#hud .card,#handscard,#toolcard,#buildcard,#farmcard,#weaponcard,#gunscard,#golfcard,#zapcard,#hotbar,#prompt,#voice-indicator,#chat-hint,#fullscreen-btn,#fullscreen-exit-bar,#model-workshop-btn,.workshop-floating-btn,#overlay .controls{display:none!important}}@media (pointer:coarse),(max-width:900px){input,textarea,select,#chat-input,#auth-form input,#password-panel input,#caption-box input,#suggestion-panel input,#blackjack-panel input,#new-world-form input,#feedback-text{font-size:16px!important}}@media (max-height:500px){#brand,#stats{padding:6px 10px;font-size:11px;line-height:1.35}#brand .wordmark{font-size:13px}#brand .meta,#coords{margin-top:1px;font-size:10px}#hotbar{bottom:max(8px, env(safe-area-inset-bottom,8px))}.slot{padding:6px 9px;font-size:11.5px}#vitals{bottom:max(48px, calc(42px + env(safe-area-inset-bottom,0px)))}}