*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Turbo Jungle;src:url(../fonts/turbo-jungle.regular.ttf) format("truetype");font-display:swap}:root{--display-font: "Turbo Jungle", "Segoe UI", system-ui, sans-serif;--panel-bg: rgba(18, 32, 44, .72);--panel-border: rgba(255, 255, 255, .12);--accent: #5fd4ff;--text: #eaf6ff;--slot-bg: rgba(255, 255, 255, .07);--slot-border: rgba(255, 255, 255, .14);--card-bg: linear-gradient(180deg, #16455c, #0e3245);--card-edge: #2e6a86;--card-edge-hi: #4b93b5;--card-shadow: 0 5px 0 rgba(4, 16, 24, .55);--chip-bg: rgba(9, 38, 52, .85);--chip-edge: #24566e;--orange: #ffa63d;--orange-deep: #e8722c;--orange-edge: #ffd9a1;--orange-shadow: #8f3f14;--slot-size: 60px;--panel-w: calc(8 * var(--slot-size) + 7 * 7px + 48px)}@media (max-width: 1820px){:root{--slot-size: 52px}}@media (max-width: 1560px){:root{--slot-size: 46px}}@media (max-width: 1360px){:root{--slot-size: 40px}}@media (max-width: 1310px){:root{--slot-size: 36px}}html,body{width:100%;height:100%;overflow:hidden;background:#06121c}*{scrollbar-width:thin;scrollbar-color:#2e6a86 rgba(4,18,26,.35)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:#04121a59;border-radius:8px;margin:6px 0}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#35759a,#24566e);border-radius:8px;border:2px solid rgba(6,22,32,.9)}*::-webkit-scrollbar-thumb:hover{background:#4b93b5}*::-webkit-scrollbar-corner{background:transparent}body{font-family:Segoe UI,system-ui,sans-serif;color:var(--text);user-select:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:6}#vitals{position:absolute;bottom:18px;left:18px;display:flex;flex-direction:column;gap:8px}.vital{display:flex;align-items:center;gap:10px}.vital-icon{font-size:17px;width:24px;text-align:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.bar{width:200px;height:16px;border-radius:9px;overflow:hidden;background:#04121ab8;border:2px solid rgba(46,106,134,.75);box-shadow:0 2px #04101866}.vital.starving .bar{border-color:#ff5a46cc;animation:starve-pulse 1.1s ease-in-out infinite}.vital.starving .vital-icon{animation:starve-pulse 1.1s ease-in-out infinite}@keyframes starve-pulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 7px rgba(255,60,40,.9))}}#starve-label{font-size:13px;font-weight:800;letter-spacing:.14em;color:#ff6a55;text-shadow:0 1px 3px rgba(0,0,0,.7);padding-left:34px;animation:starve-pulse 1.1s ease-in-out infinite}.bar-fill{height:100%;border-radius:8px;transition:width .3s ease}.bar-fill.health{background:linear-gradient(90deg,#ff5d5d,#ff8d6b)}.bar-fill.hunger{background:linear-gradient(90deg,#ffb84d,#ffd36b)}.bar-fill.thirst{background:linear-gradient(90deg,#4dc3ff,#6be2ff)}.bar-fill.breath{background:linear-gradient(90deg,#7fe8e0,#b5fff8);transition:width .15s linear}#compass{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:9px;background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:12px;padding:9px 14px;font-size:14px;letter-spacing:.06em;font-family:var(--display-font);box-shadow:0 3px #04101873}#wind-arrow{display:inline-block;color:#ffffffeb;font-size:18px;transition:transform .5s ease}#online-badge{position:absolute;top:60px;right:16px;display:flex;align-items:center;gap:6px;background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:11px;padding:5px 11px;font-size:12px;letter-spacing:.04em;box-shadow:0 3px #04101873}.online-dot{width:8px;height:8px;border-radius:50%;background:#57e08a;box-shadow:0 0 6px #57e08a}#online-count{font-weight:700;color:#57e08a}#compass-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:430px;height:36px;overflow:hidden;background:#091e2a99;border:2px solid rgba(46,106,134,.55);border-radius:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#compass-strip{position:absolute;top:0;left:0;height:100%;will-change:transform}#compass-strip .c-tick{position:absolute;top:0;height:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:3px}#compass-strip .c-tick .c-mark{width:1px;height:7px;background:#fff6}#compass-strip .c-tick.major .c-mark{height:11px;background:#ffffffb3}#compass-strip .c-tick .c-lbl{font-size:14px;font-weight:700;letter-spacing:.05em;margin-top:1px;color:#ffffffb8;text-shadow:0 1px 2px rgba(0,0,0,.6)}#compass-strip .c-tick.card .c-lbl{color:#fffffff7}#compass-center{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(255,255,255,.95);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.7)}#interact-prompt{position:absolute;left:50%;top:56%;transform:translate(-50%);background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:12px;padding:10px 18px;font-size:16px;box-shadow:0 3px #04101873;animation:prompt-in .15s ease}#interact-prompt b{color:var(--orange)}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}}#demolish-bar{position:absolute;left:50%;top:55%;transform:translate(-50%);width:180px;height:10px;border-radius:6px;overflow:hidden;background:#0000008c;border:1px solid rgba(255,100,100,.5)}#demolish-fill{height:100%;width:0;background:linear-gradient(90deg,#ff7a5c,#f55)}#demolish-bar span{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:11px;color:#ffb0a0;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}#move-bar{position:absolute;left:50%;top:55%;transform:translate(-50%);width:180px;height:10px;border-radius:6px;overflow:hidden;background:#0000008c;border:1px solid rgba(122,200,233,.6)}#move-fill{height:100%;width:0;background:linear-gradient(90deg,#6be2ff,#4da3c7)}#move-bar span{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:11px;color:#b5e7ff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}#consume-bar{position:absolute;left:50%;top:55%;transform:translate(-50%);width:200px;height:12px;border-radius:8px;overflow:hidden;background:#04121ab8;border:2px solid rgba(46,106,134,.75);box-shadow:0 2px #04101866}#consume-fill{height:100%;width:0;background:linear-gradient(90deg,#7fdb8a,#4dbd6a);transition:width .05s linear}#consume-bar span{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:12.5px;color:#cfe9d4;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}#throw-charge{position:absolute;left:50%;top:62%;transform:translate(-50%);width:220px;height:14px;border-radius:8px;overflow:hidden;background:#04121ab8;border:2px solid rgba(134,92,46,.85);box-shadow:0 2px #04101866}#throw-charge-fill{height:100%;width:0;background:linear-gradient(90deg,#ffd27f,#ff8a3d);transition:width .03s linear}#throw-charge span{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:12.5px;color:#ffddb0;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}#fish-bite{position:absolute;left:50%;top:44%;transform:translate(-50%);background:#c83c28d9;border:1px solid rgba(255,180,160,.6);border-radius:10px;padding:8px 18px;font-size:15px;color:#fff;box-shadow:0 4px 18px #c83c2866;animation:bite-pulse .5s ease-in-out infinite alternate}#fish-bite b{color:#ffe07a}@keyframes bite-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.08)}}#swim-hint{position:absolute;left:50%;top:62%;transform:translate(-50%);background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:11px;padding:8px 16px;font-size:14px;box-shadow:0 3px #04101873;animation:prompt-in .15s ease}#swim-hint b{color:var(--orange)}#underwater-overlay{position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 45%,#0e4a6c2e,#06284280)}#scope-overlay{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .12s linear}#scope-ring{position:absolute;left:50%;top:50%;width:78vmin;height:78vmin;margin:-39vmin 0 0 -39vmin;border-radius:50%;box-shadow:0 0 0 100vmax #05090c,inset 0 0 6vmin 2vmin #040a0eeb}#scope-reticle{position:absolute;left:50%;top:50%;width:78vmin;height:78vmin;margin:-39vmin 0 0 -39vmin;border-radius:50%;background:linear-gradient(to right,transparent calc(50% - .5px),rgba(226,240,245,.32) calc(50% - .5px),rgba(226,240,245,.32) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(226,240,245,.32) calc(50% - .5px),rgba(226,240,245,.32) calc(50% + .5px),transparent calc(50% + .5px))}#fade-overlay{position:fixed;inset:0;pointer-events:none;z-index:25;background:#000;opacity:0;transition:opacity .7s ease}#fade-overlay.visible{opacity:1}#yt-wrap{position:fixed;left:-10px;bottom:-10px;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none}.radio-panel{width:min(520px,94vw);position:relative}.radio-row{display:flex;gap:8px;margin:10px 0}.radio-row input{flex:1;padding:10px 12px;font:inherit;color:inherit;background:#0a2434cc;border:2px solid rgba(210,232,244,.25)}.radio-row input:focus{outline:none;border-color:var(--orange, #e8a52b)}.radio-row .menu-btn{width:auto}.radio-queue{max-height:260px;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.radio-track{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#0e324599;border:1px solid rgba(210,232,244,.14)}.radio-track.now{border-color:#7fe08a;background:#255c3f66}.rt-title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-btn{width:26px;height:26px;cursor:pointer;color:#d2e8f4;background:#ffffff14;border:1px solid rgba(210,232,244,.2)}.rt-btn:hover{background:#ffffff2e}.radio-empty{opacity:.6;font-size:13px;padding:14px;text-align:center}.radio-controls{display:flex;gap:8px}.radio-controls .menu-btn{width:auto;flex:1}.radio-note{display:block;margin-top:10px;opacity:.6;font-size:11.5px}.confirm-screen{z-index:60}.confirm-panel{width:min(440px,92vw);text-align:center}.confirm-text{margin:10px 0 16px;line-height:1.45;opacity:.9}.confirm-btns{display:flex;gap:10px;justify-content:center}.confirm-btns .menu-btn{width:auto;min-width:150px}#build-info{position:absolute;left:50%;bottom:118px;transform:translate(-50%);background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:11px;padding:9px 18px;font-size:15px;text-align:center;box-shadow:0 3px #04101873}#build-info .cost{opacity:.85;font-size:13.5px}#build-info .cost .have{color:#8fe08a}#build-info .cost .missing{color:#ff7d7d}#build-info .bi-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#build-info .bi-swap{display:inline-flex;align-items:center;gap:7px;background:#4da3c724;border:1px solid rgba(122,200,233,.35);border-radius:8px;padding:2px 9px}#build-info .bi-chev{color:#7ac8e9;font-size:15px;line-height:1;opacity:.9}#build-info .bi-count{font-size:11.5px;color:#9fd4ea;opacity:.9;font-variant-numeric:tabular-nums}#build-info .bi-q{font-size:12.5px;color:#cfe6f2;opacity:.9;white-space:nowrap}#build-info .bi-q kbd{display:inline-block;min-width:17px;text-align:center;background:#1d5570;color:#fff;border:1px solid #4da3c7;border-bottom-width:2px;border-radius:5px;padding:1px 5px;margin-right:3px;font-family:var(--display-font);font-size:11.5px;line-height:1.25}#build-info .bi-keys{font-size:12.5px;opacity:.62;white-space:nowrap}#build-info.bi-nudge{border-color:#7ac8e9}#build-info.bi-nudge .bi-q{opacity:1;animation:biPulse 1.1s ease-in-out infinite}#build-info.bi-nudge .bi-q kbd{background:#2a7fa5}@keyframes biPulse{50%{transform:scale(1.12)}}#text-prompt{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#040e168c;backdrop-filter:blur(2px)}#text-prompt.hidden{display:none}#text-prompt .tp-card{width:min(90vw,400px);background:var(--chip-bg, #0c2e40);border:2px solid #4da3c7;border-radius:14px;padding:18px 18px 15px;box-shadow:0 8px #04101880}#text-prompt h3{font-family:var(--display-font);font-size:15px;letter-spacing:.05em;color:#9fd4ea;margin:0 0 12px}#tp-input{width:100%;box-sizing:border-box;background:#04121acc;border:2px solid #2e6a86;border-radius:9px;padding:10px 12px;color:#eaf6ff;font-family:var(--display-font);font-size:15px;letter-spacing:.03em;outline:none}#tp-input:focus{border-color:#6be2ff}#text-prompt .tp-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}#tp-count{font-size:11.5px;opacity:.6;font-variant-numeric:tabular-nums}#text-prompt .tp-btns{display:flex;gap:8px}#paint-ui{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#040e168c;backdrop-filter:blur(2px)}#paint-ui.hidden{display:none}#paint-ui .pu-card{background:var(--chip-bg, #0c2e40);border:2px solid #4da3c7;border-radius:14px;padding:16px 16px 13px;box-shadow:0 8px #04101880;max-width:94vw}#paint-ui h3{font-family:var(--display-font);font-size:15px;letter-spacing:.05em;color:#9fd4ea;margin:0 0 10px}#pu-canvas{display:block;border-radius:6px;border:2px solid #2e6a86;cursor:crosshair;touch-action:none;max-width:100%;height:auto;image-rendering:pixelated}#paint-ui .pu-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pu-swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;border:2px solid rgba(255,255,255,.25)}.pu-swatch.sel{border-color:#ffd23f;transform:scale(1.12)}#paint-ui .pu-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}#paint-ui .pu-btns{display:flex;gap:8px}#mic-indicator{position:absolute;left:50%;bottom:92px;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:var(--chip-bg);border:2px solid #e0574d;border-radius:20px;padding:5px 13px;font-size:12.5px;color:#ffd9d4;box-shadow:0 3px #04101873;z-index:30;pointer-events:none}#mic-indicator.hidden{display:none}#mic-indicator .mic-dot{width:8px;height:8px;border-radius:50%;background:#ff5d4d;box-shadow:0 0 8px #ff5d4d;animation:micpulse 1.1s ease-in-out infinite}#mic-indicator kbd{background:#e0574d40;border:1px solid rgba(255,140,130,.5);border-radius:4px;padding:0 5px;font-family:var(--display-font);font-size:10px;color:#ffd9d4}@keyframes micpulse{50%{opacity:.35;transform:scale(.8)}}#hint-card{position:absolute;left:16px;top:42px;transform:translate(-14px);display:flex;flex-direction:column;gap:7px;width:280px;padding:12px 13px;background:var(--chip-bg);border:2px solid #4da3c7;border-left-width:5px;border-radius:12px;box-shadow:0 4px #04101880;opacity:0;pointer-events:none;z-index:35;transition:opacity .25s ease,transform .25s ease,border-color .25s ease}#hint-card.show{opacity:1;transform:translate(0)}#hint-card.hidden{display:none}#hint-card.done{border-color:#8fe08a}#hint-card .hint-head{display:flex;align-items:center;gap:8px}#hint-icon{font-size:19px;line-height:1}#hint-title{font-family:var(--display-font);font-size:13px;letter-spacing:.05em;color:#9fd4ea}#hint-text{font-size:12px;line-height:1.5;opacity:.92}#hint-text b{color:#ffd36b;font-weight:700}#hint-text .hint-alt{display:block;margin-top:5px;padding-top:5px;border-top:1px solid rgba(210,232,244,.12);font-size:11px;opacity:.78}#hint-goal{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:7px;background:#4da3c724;border:1px solid rgba(122,200,233,.3);font-size:11.5px}#hint-goal.hidden{display:none}#hint-goal .hg-dot{color:#7ac8e9;font-size:11px}#hint-goal .hg-text{color:#cfe6f2}#hint-card.done #hint-goal{background:#8fe08a29;border-color:#8fe08a80}#hint-card.done .hg-dot{color:#8fe08a}#hint-card.done .hg-text{color:#b8f0b3;text-decoration:line-through;opacity:.85}#hint-skip{font-size:10.5px;opacity:.55}#hint-skip kbd{display:inline-block;min-width:15px;text-align:center;background:#1d5570e6;color:#fff;border:1px solid #4da3c7;border-radius:4px;padding:0 4px;margin-right:4px;font-family:var(--display-font);font-size:10px}#hint-card.done #hint-skip{visibility:hidden}.hint-confetti{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none;overflow:visible}.hint-confetti i{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:2px;opacity:0;animation:confettiPop var(--dur) cubic-bezier(.15,.7,.4,1) var(--delay) forwards}@keyframes confettiPop{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 60px)) rotate(var(--rot)) scale(.6)}}@media (prefers-reduced-motion: reduce){.hint-confetti{display:none}}.help-panel{width:min(92vw,620px);max-height:88vh;display:flex;flex-direction:column}.help-tabs{display:flex;gap:6px;margin-bottom:12px}.help-tab{background:#143c528c;color:#b8d4e2;border:1px solid rgba(210,232,244,.2);border-radius:9px;padding:7px 16px;cursor:pointer;font-size:13px;font-family:var(--display-font);letter-spacing:.05em}.help-tab.active{background:#1d5570;color:#fff;border-color:#4da3c7}.help-body{overflow-y:auto;flex:1;min-height:0;padding-right:4px}.help-body.hidden{display:none}.help-group{margin-bottom:16px}.help-group h3{font-family:var(--display-font);font-size:13px;letter-spacing:.06em;color:#9fd4ea;margin-bottom:7px}.help-row{display:flex;align-items:baseline;gap:10px;padding:4px 0;font-size:12.5px;border-bottom:1px solid rgba(210,232,244,.07)}.help-row kbd{flex:0 0 118px;text-align:center;background:#1d5570;color:#fff;border:1px solid #4da3c7;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-family:var(--display-font);font-size:11px}.help-row span{flex:1;opacity:.88;line-height:1.45}.help-note{font-size:12px;opacity:.7;margin-bottom:10px}.help-hint{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;margin-bottom:6px;background:#143c5259;border:1px solid rgba(210,232,244,.12);border-radius:9px}.help-hint.seen{opacity:.55}.help-hint .hh-icon{font-size:17px}.help-hint div{display:flex;flex-direction:column;gap:2px;flex:1}.help-hint b{font-size:12.5px;color:#cfe6f2}.help-hint>div>span{font-size:11.5px;opacity:.8;line-height:1.4}.help-hint .hh-state{color:#8fe08a;font-size:13px}#furnace-panel{min-width:260px}#furnace-body{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0 2px}#furnace-body .fn-col{display:flex;flex-direction:column;align-items:center;gap:7px}#furnace-body .fn-cell{display:flex}.fn-flame{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.fn-flame span{position:relative;z-index:1;filter:grayscale(1) opacity(.35);font-size:17px}.fn-lit .fn-flame span{filter:none}#fn-fuel-fill{position:absolute;left:0;bottom:0;width:100%;height:0%;background:linear-gradient(180deg,#ffb84d,#ff7a3d);border-radius:4px;opacity:.4;transition:height .12s linear}.fn-arrow{position:relative;display:flex;align-items:center;justify-content:center;width:62px;height:26px}.fn-arrow span{color:#d2e8f447;font-size:20px}.fn-arrow-track{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:7px;overflow:hidden;background:#091e2a99;border-radius:4px}#fn-progress{height:100%;width:0%;background:linear-gradient(90deg,#ffb84d,#ffd36b);transition:width .12s linear}.fn-status{text-align:center;font-size:12px;opacity:.75;min-height:1.2em;margin-top:4px}.fn-out .slot{border-color:#8fe08a73}#boat-hud{position:fixed;left:50%;transform:translate(-50%);bottom:96px;z-index:45;pointer-events:none;background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:11px;padding:10px 14px;min-width:230px;font-size:13px;box-shadow:0 3px #04101873}.bh-oil{display:flex;align-items:center;gap:7px;margin-top:7px}.bh-oil-ic{font-size:13px}.bh-oil-bar{flex:1;height:9px;border-radius:5px;overflow:hidden;background:#00000073;border:1px solid rgba(255,255,255,.14)}#bh-oil-fill{height:100%;border-radius:5px;width:0;background:linear-gradient(90deg,#caa64a,#8f6f2d);transition:width .25s ease}.bh-oil-txt{font-size:11px;font-weight:700;color:#e8d9a8;min-width:32px;text-align:right}.bh-oil.low #bh-oil-fill{background:#d0543f}.bh-oil.low .bh-oil-txt{color:#ff9a86;animation:biPulse 1.1s ease-in-out infinite}#boat-hud.hidden{display:none}.bh-row{display:flex;align-items:baseline;gap:10px}.bh-chip{font-size:11px;font-weight:700;letter-spacing:.6px;padding:2px 8px;border-radius:6px;background:#ff5a5a38;color:#ff9d9d}.bh-chip.on{background:#78e68238;color:#9fe08a}.bh-speed{font-size:22px;font-weight:700;margin-left:auto}.bh-unit{opacity:.6;font-size:11px}.bh-throttle{height:6px;border-radius:3px;background:#ffffff1f;margin:8px 0 6px;overflow:hidden}#bh-thr-fill{height:100%;width:0;background:linear-gradient(90deg,#6fd4ff,#9fe08a)}.bh-keys{opacity:.65;font-size:11.5px}#charge-ring{position:fixed;left:50%;top:calc(50% + 46px);transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;pointer-events:none;z-index:45;-webkit-mask:radial-gradient(circle,transparent 54%,#000 56%);mask:radial-gradient(circle,transparent 54%,#000 56%)}#charge-ring.hidden{display:none}#build-wheel{position:fixed;inset:0;z-index:55;pointer-events:none;display:flex;align-items:center;justify-content:center}#build-wheel.hidden{display:none}.bw-wedge{fill:#0a1c28c7;stroke:#8cbed759;stroke-width:1.5;transition:fill .07s}.bw-wedge.current{stroke:#7fd4ff;stroke-width:2.5}.bw-wedge.active{fill:#346c82eb;stroke:#9fe08a;stroke-width:2.5}.bw-img{pointer-events:none}.bw-img.poor{filter:saturate(.25) brightness(.6)}.bw-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:10px;padding:7px 16px;font-weight:600;font-size:15px}#toast-area{position:fixed;left:50%;top:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60;pointer-events:none}.toast{background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:11px;padding:7px 16px;font-size:14.5px;box-shadow:0 3px #04101873;animation:toast 2.2s ease forwards}@keyframes toast{0%{opacity:0;transform:translateY(8px)}10%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:7px;padding:5px;background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:16px;box-shadow:0 4px #04101873}#hotbar-hint{position:absolute;bottom:1px;left:50%;transform:translate(-50%);font-size:10.5px;letter-spacing:.35px;color:#d2e8f4;opacity:.55;text-shadow:0 1px 2px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap}#hotbar-hint b{color:#ffd66b;font-weight:800}body.inv-open #hotbar-hint{display:none}@media (pointer: coarse){#hotbar-hint{display:none}}.slot{width:var(--slot-size);height:var(--slot-size);border-radius:12px;position:relative;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.slot.selected{border-color:var(--orange);background:#ffa63d1f;box-shadow:0 0 10px #ffa63d59}.slot .item-icon{font-size:29px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));pointer-events:none}.item-img{width:80%;height:80%;object-fit:contain;display:block;margin:auto;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.slot .item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.r-icon .item-img{width:30px;height:30px}#build-info .cost .item-img,.recipe .r-cost .item-img{width:17px;height:17px;display:inline-block;vertical-align:-4px;margin:0;filter:none}#drag-ghost .item-img{width:34px;height:34px;display:inline-block;vertical-align:middle}.slot .item-count{position:absolute;bottom:2px;right:5px;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.slot .slot-key{position:absolute;top:2px;left:5px;font-size:9px;opacity:.55;pointer-events:none}.slot .dur-bar{position:absolute;left:6px;right:6px;bottom:3px;height:3px;background:#00000080;border-radius:2px;pointer-events:none;display:none}.slot .dur-fill{display:block;height:100%;border-radius:2px;background:#6fdb7a}.menu-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#040e168c;z-index:40}.menu-panels{display:flex;gap:16px;max-width:90vw}:root{--menu-h: min(76vh, 680px)}.panel{background:var(--card-bg);border:2px solid var(--card-edge);border-radius:18px;padding:20px 22px;box-shadow:var(--card-shadow),0 14px 34px #00000059}.panel h2{font-family:var(--display-font);font-weight:400;font-size:19px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;opacity:.92}.panel h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 8px;opacity:.6}.menu-hint{font-size:12px;opacity:.65}#inventory-grid{display:grid;grid-template-columns:repeat(8,var(--slot-size));gap:7px}#inventory-screen .slot{cursor:pointer}#inventory-screen .slot:hover{border-color:#ffffff59}.inv-hotbar-hint{font-size:11.5px;opacity:.5;margin-top:12px;text-align:center}body.inv-open #hud{z-index:45}body.inv-open #hotbar{pointer-events:auto}body.inv-open #hotbar .slot{cursor:pointer}body.inv-open #hotbar .slot:hover{border-color:#ffffff59}#drag-ghost{position:fixed;z-index:50;pointer-events:none;font-size:28px;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}#drag-ghost .item-count{font-size:12px;font-weight:700;position:absolute;bottom:-4px;right:-6px}#crafting-panel{width:var(--panel-w);height:var(--menu-h);display:flex;flex-direction:column}#inventory-panel,#skills-panel{width:var(--panel-w);height:var(--menu-h);overflow-y:auto}#storage-panel{height:var(--menu-h);overflow-y:auto}#inventory-screen .menu-panels{flex-wrap:nowrap;max-width:none}#inventory-screen .panel{flex-shrink:0}#craft-search{width:100%;margin-bottom:10px;padding:9px 12px;flex-shrink:0;font-family:Segoe UI,system-ui,sans-serif;font-size:13.5px;background:#04141e8c;color:var(--text);border:2px solid var(--chip-edge);border-radius:11px}#craft-search:focus{outline:none;border-color:var(--orange)}#craft-search::placeholder{color:#eaf6ff66}#craft-layout{display:flex;gap:10px;min-height:0;flex:1}#craft-cats{display:flex;flex-direction:column;gap:6px;flex-shrink:0;padding-right:2px}.craft-cat{width:48px;height:48px;border-radius:12px;cursor:pointer;background:#1d5570;border:2px solid #357a9b;box-shadow:0 3px #04101873;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,border-color .12s ease,box-shadow .1s ease}.craft-cat:hover{border-color:var(--card-edge-hi);transform:translateY(-1px)}.craft-cat:active{transform:translateY(1px);box-shadow:0 1px #04101873}.craft-cat.active{background:linear-gradient(180deg,var(--orange),var(--orange-deep));border-color:var(--orange-edge);box-shadow:0 3px 0 var(--orange-shadow)}.craft-cat .cc-icon{font-size:21px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}#recipe-list{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.recipe-group{font-family:var(--display-font);font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin:10px 0 7px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.12)}.recipe-group:first-child{margin-top:0}.recipe{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:2px solid rgba(255,255,255,.07);margin-bottom:7px;background:#09263499}.recipe .r-icon{font-size:24px}.recipe .r-body{flex:1}.recipe .r-name{font-size:14px;font-weight:600}.recipe .r-cost{font-size:11.5px;opacity:.75;margin-top:2px}.recipe .r-cost .missing{color:#ff7d7d}.qc-btn{width:17px;height:17px;margin-left:4px;vertical-align:middle;border-radius:6px;cursor:pointer;line-height:1;padding:0;background:linear-gradient(180deg,var(--orange),var(--orange-deep));border:1px solid var(--orange-edge);color:#fff;font-size:12px;font-weight:800;box-shadow:0 2px 0 var(--orange-shadow);transition:transform .1s ease}.qc-btn:hover:not(:disabled){transform:translateY(-1px)}.qc-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.craft-btn{background:linear-gradient(180deg,var(--orange),var(--orange-deep));color:#fff;border:2px solid var(--orange-edge);text-shadow:0 1px 0 rgba(120,50,10,.5);border-radius:10px;padding:6px 14px;font-size:12.5px;cursor:pointer;font-family:var(--display-font);letter-spacing:.05em;box-shadow:0 3px 0 var(--orange-shadow);transition:transform .1s ease,box-shadow .1s ease}.craft-btn:hover:not(:disabled){transform:translateY(-1px)}.craft-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--orange-shadow)}.craft-btn:disabled{background:#ffffff14;color:#ffffff59;border-color:#ffffff1f;box-shadow:none;text-shadow:none;cursor:not-allowed}.pause-panel{display:flex;flex-direction:column;gap:10px;width:460px;height:min(60vh,520px)}.pause-panel .menu-btn{flex-shrink:0}.pause-foot{display:flex;gap:10px;margin-top:auto}.pause-foot .menu-btn{flex:1;font-size:13px;padding:9px 10px;opacity:.92}.sync-status{margin-top:8px;font-size:11.5px;line-height:1.45;text-align:center;color:#d2e8f49e;min-height:1em}.menu-btn{background:#1d5570;color:var(--text);border:2px solid #357a9b;border-radius:12px;padding:12px 22px;font-size:15.5px;cursor:pointer;font-family:var(--display-font);letter-spacing:.06em;box-shadow:0 4px #04101880;transition:transform .1s ease,box-shadow .1s ease,border-color .12s ease}.menu-btn:hover{border-color:var(--card-edge-hi);transform:translateY(-1px)}.menu-btn:active{transform:translateY(2px);box-shadow:0 1px #04101880}.menu-btn.danger{border-color:#a8524a;background:#6e2f2c}.menu-btn.danger:hover{border-color:#d4756a}.menu-btn.accent{background:linear-gradient(180deg,#ffb14d,#ff8a2b);border-color:#ffd9a1;color:#3a1e00;font-weight:700;text-shadow:none}.menu-btn.accent:hover{border-color:#fff;filter:brightness(1.07)}.menu-btn.accent-danger{background:linear-gradient(180deg,#e0564a,#bd3a2f);border-color:#ff9d8f;color:#fff;font-weight:700;text-shadow:0 1px 0 rgba(80,12,6,.55)}.menu-btn.accent-danger:hover{border-color:#fff;filter:brightness(1.08)}.menu-btn.big{font-size:19px;padding:14px 44px;margin-top:10px}.menu-btn.small{font-size:13px;padding:8px 16px}.settings-panel{width:460px;height:min(60vh,520px);display:flex;flex-direction:column}.settings-panel #settings-rows{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.settings-panel h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;opacity:.6}.settings-panel h3:first-child{margin-top:0}.settings-row{display:flex;align-items:center;gap:10px;padding:7px 4px;font-size:13.5px}.settings-row label{flex:1}.settings-row input[type=range]{width:130px;accent-color:var(--orange)}.settings-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--orange)}.settings-row select{background:var(--chip-bg);color:var(--text);border:2px solid var(--chip-edge);border-radius:9px;padding:5px 8px;font-family:inherit;font-size:13px}.settings-row select option{background:#16283a}.settings-value{width:48px;text-align:right;font-size:12.5px;opacity:.8;font-variant-numeric:tabular-nums}.settings-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}#start-screen{position:fixed;inset:0;z-index:30;background:linear-gradient(90deg,rgba(4,16,26,.72) 0%,rgba(4,16,26,.28) 34%,transparent 55%),linear-gradient(0deg,rgba(4,16,26,.55) 0%,transparent 18%),linear-gradient(180deg,rgba(4,16,26,.35) 0%,transparent 14%)}#menu-logo{position:absolute;top:26px;left:34px;width:min(270px,32vw);filter:drop-shadow(0 6px 22px rgba(0,0,0,.65));animation:logo-in .8s ease}#profile-card{position:absolute;top:24px;right:26px;width:300px;background:linear-gradient(180deg,#16455c,#0e3245);border:2px solid #2e6a86;border-radius:16px;box-shadow:0 6px #0410188c,0 14px 30px #00000059;padding:14px 16px;animation:menu-in .6s ease}#profile-in{display:flex;align-items:center;gap:12px}#profile-in.hidden,#profile-out.hidden{display:none}#profile-avatar{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:linear-gradient(160deg,#ffa63d,#e8722c);border:2px solid #ffd9a1;display:flex;align-items:center;justify-content:center;font-family:var(--display-font);font-size:26px;color:#fff;text-shadow:0 2px 0 rgba(120,50,10,.6)}#profile-in .pf-body{flex:1;min-width:0}#profile-in .pf-body>b{font-family:var(--display-font);font-weight:400;font-size:17px;letter-spacing:.04em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-level-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px}.pf-level{font-size:12px;color:#ffd280;font-weight:700;letter-spacing:.04em}.pf-pearls{font-size:12px;font-weight:700;color:#9be0ff}.pf-bar{height:8px;border-radius:5px;margin-top:5px;overflow:hidden;background:#00000073;border:1px solid rgba(255,255,255,.12)}#profile-level-fill{height:100%;width:6%;border-radius:5px;background:linear-gradient(90deg,#ffc23d,#ff9a2c);transition:width .4s ease}#profile-in small{font-size:11px;opacity:.65;display:block;margin-top:4px}#profile-manage{align-self:flex-start;flex-shrink:0;width:30px;height:30px;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.18);border-radius:9px;font-size:15px;cursor:pointer}#profile-manage:hover{background:#ffffff2e}#profile-out{display:flex;flex-direction:column;gap:4px}#profile-out>b{font-family:var(--display-font);font-weight:400;font-size:18px;letter-spacing:.05em}#profile-out>small{font-size:12px;opacity:.7;line-height:1.35}.pf-auth-btns{display:flex;gap:8px;margin-top:10px}.pf-btn{flex:1;padding:10px 8px;border-radius:11px;cursor:pointer;font-family:var(--display-font);font-size:13.5px;letter-spacing:.05em;color:var(--text);background:#1d5570;border:2px solid #357a9b;box-shadow:0 3px #04101880;transition:transform .1s ease,box-shadow .1s ease}.pf-btn.primary{background:linear-gradient(180deg,#ffa63d,#e8722c);border-color:#ffd9a1;color:#fff;text-shadow:0 1px 0 rgba(120,50,10,.55);box-shadow:0 3px #8f3f14}.pf-btn:hover{transform:translateY(-1px)}.pf-btn:active{transform:translateY(2px);box-shadow:0 1px #04101880}.vcheck{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:5px;border-radius:50%;background:linear-gradient(180deg,#4db8ff,#2a7fd4);color:#fff;font-size:9px;font-weight:900;vertical-align:middle;box-shadow:0 1px 2px #0006}.notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;font-size:11px;font-weight:800;background:#ff5d5d;color:#fff;vertical-align:middle}#btn-friends{width:100%;margin-top:10px;padding:9px;background:#1d5570;color:var(--text);border:2px solid #357a9b;border-radius:11px;font-family:var(--display-font);font-size:13px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:0 3px #04101880;transition:transform .1s ease,border-color .12s ease}#btn-friends:hover{border-color:var(--card-edge-hi);transform:translateY(-1px)}.raft-manage-panel{width:440px;max-height:min(72vh,620px);display:flex;flex-direction:column;overflow-y:auto}.raft-manage-panel h3{font-size:12px;letter-spacing:.09em;text-transform:uppercase;opacity:.6;margin:14px 0 8px}.rm-link-row{display:flex;flex-direction:column;gap:6px}.rm-link-row .pf-btn{align-self:flex-start;padding:9px 16px}.rm-link-row small{font-size:11.5px;opacity:.55;line-height:1.4}.pf-btn.invited{background:linear-gradient(180deg,#6fdb7a,#3f9e54);border-color:#b4f0bc;box-shadow:0 3px #1f5c30}.friends-panel{width:480px;height:min(70vh,600px);display:flex;flex-direction:column}.friends-add{display:flex;gap:8px}.friends-add input{flex:1;padding:10px 12px;font-family:inherit;font-size:14px;background:#04141e8c;color:var(--text);border:2px solid var(--chip-edge);border-radius:10px}.friends-add input:focus{outline:none;border-color:var(--orange)}.friends-add .pf-btn{flex:0 0 auto;padding:10px 20px}#friends-body{flex:1;overflow-y:auto;min-height:0;margin-top:4px}#friends-body h3{font-size:12px;letter-spacing:.09em;text-transform:uppercase;opacity:.6;margin:14px 0 8px}.friends-empty{font-size:13px;opacity:.55;padding:6px 2px}.friend-row,.notif-row{display:flex;align-items:center;gap:9px;padding:8px 10px;margin-bottom:6px;background:#09263499;border:2px solid rgba(255,255,255,.07);border-radius:11px;font-size:13.5px}.friend-row.pending{opacity:.65}.friend-row .f-name{flex:1;font-weight:600;display:flex;align-items:center;gap:4px;min-width:0}.friend-row .f-status{font-size:11px;opacity:.6;text-transform:capitalize}.friend-row .pf-btn{flex:0 0 auto;padding:6px 13px;font-size:12px}.f-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.f-dot.online{background:#57e08a;box-shadow:0 0 6px #57e08a}.f-dot.idle{background:#ffc24d;box-shadow:0 0 5px #ffc24d99}.f-dot.offline{background:#ffffff38}.f-remove{width:26px;height:26px;border-radius:8px;cursor:pointer;flex-shrink:0;background:#ff64641f;color:#ff9d9d;border:1px solid rgba(255,100,100,.3);font-size:12px}.f-remove:hover{background:#ff646447}.notif-row .nr-text{flex:1;line-height:1.35}.notif-row .nr-actions{display:flex;gap:6px;flex-shrink:0}.notif-row .pf-btn{padding:6px 12px;font-size:12px}#profile-skills-toggle{width:100%;margin-top:12px;padding:8px;background:#1d5570;color:var(--text);border:2px solid #357a9b;border-radius:11px;font-family:var(--display-font);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 3px #04101880;transition:transform .1s ease,border-color .12s ease}#profile-skills-toggle:hover{border-color:var(--card-edge-hi);transform:translateY(-1px)}#profile-skills{margin-top:10px;display:flex;flex-direction:column;gap:8px}.skill-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#092634b3;border:2px solid var(--chip-edge);border-radius:12px}.skill-row .sk-icon{font-size:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.skill-row .sk-body{flex:1;min-width:0}.skill-row .sk-head{display:flex;justify-content:space-between;align-items:baseline}.skill-row .sk-head b{font-family:var(--display-font);font-weight:400;font-size:13.5px;letter-spacing:.05em}.skill-row .sk-lvl{font-size:12px;font-weight:700;color:#ffd280}.skill-row .sk-bar{height:7px;border-radius:4px;margin-top:4px;overflow:hidden;background:#00000073;border:1px solid rgba(255,255,255,.1)}.skill-row .sk-fill{height:100%;background:linear-gradient(90deg,#7fe08a,#4dbd6a);border-radius:4px}.skill-row small{display:block;font-size:10.5px;opacity:.65;margin-top:3px}.skill-ok{color:#8fe0a0}.skill-row.big{display:block;margin-bottom:10px}.skill-row.big .sk-top{display:flex;align-items:center;gap:10px}.sk-perks{margin-top:8px;display:flex;flex-direction:column;gap:3px}.sk-perk{display:flex;align-items:center;gap:7px;font-size:11px;opacity:.55}.sk-perk.got{opacity:.95;color:#9fe6ac}.sk-perk-lvl{flex-shrink:0;min-width:24px;text-align:center;font-size:10px;font-weight:700;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:1px 4px}.sk-perk.got .sk-perk-lvl{border-color:#78e68c80;color:#9fe6ac}@keyframes logo-in{0%{opacity:0;transform:translateY(-10px)}}#menu-buttons{position:absolute;left:40px;top:55%;transform:translateY(-46%);display:flex;flex-direction:column;gap:12px;width:min(380px,80vw);animation:menu-in .6s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-46%) translate(-16px)}}#slot-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.slot-label{font-family:var(--display-font);font-size:14px;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin-bottom:2px;text-shadow:0 2px 3px rgba(0,0,0,.5)}.slot-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 15px;border-radius:13px;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#16455c,#0e3245);color:var(--text);border:2px solid #24566e;box-shadow:0 4px #04101880;transition:border-color .12s ease,transform .1s ease,box-shadow .1s ease}.slot-card:hover{border-color:#3f80a1;transform:translateY(-1px)}.slot-card:active{transform:translateY(2px);box-shadow:0 2px #04101880}.slot-card{position:relative}.slot-card.selected{border-color:#ffa63d;box-shadow:0 4px #04101880,0 0 16px #ffa63d73;background:#ffa63d14}.slot-card.selected:after{content:"▶ SELECTED";position:absolute;top:-8px;right:8px;font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:8px;background:#ffa63d;color:#241304;pointer-events:none}.slot-card.shared.selected{border-color:#46b58a;box-shadow:0 4px #04101880,0 0 16px #46b58a73;background:#46b58a14}.slot-card.shared.selected:after{background:#46b58a;color:#06231a}.slot-card .rc-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);pointer-events:none}.slot-card .rc-access{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-size:11px;font-weight:700;color:#9be0ff;background:#5fd4ff1f;border:1px solid rgba(95,212,255,.3);border-radius:9px;padding:2px 7px;pointer-events:none}.slot-card .rc-access em{font-style:normal}.slot-card.shared{border-color:#2f7a5e}.slot-card.shared:hover{border-color:#46b58a}.slot-card .sc-body{display:flex;flex-direction:column;gap:1px;pointer-events:none;flex:1;min-width:0}.slot-card .sc-body small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-card .sc-body b{font-family:var(--display-font);font-weight:400;font-size:15px;letter-spacing:.05em}.slot-card .sc-body small{font-size:12px;opacity:.62}.slot-card.empty .sc-body small{color:#8fd0a0;opacity:.8}.slot-card .sc-del,.slot-card .sc-info{background:#ffffff14;color:var(--text);border:2px solid rgba(255,255,255,.2);border-radius:9px;width:32px;height:32px;cursor:pointer;font-size:14px;flex-shrink:0}.slot-card .sc-del:hover,.slot-card .sc-info:hover{background:#fff3}.slot-card .sc-info.open{background:#7fd4ff40;border-color:#7fd4ff}.mm-btn{display:flex;align-items:center;gap:15px;text-align:left;padding:16px 20px;border-radius:14px;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#16455c,#0e3245);color:var(--text);border:2px solid #2e6a86;box-shadow:0 5px #0410188c;transition:transform .1s ease,box-shadow .1s ease,border-color .12s ease}.mm-btn:hover{border-color:#4b93b5;transform:translateY(-2px);box-shadow:0 7px #0410188c}.mm-btn:active{transform:translateY(3px);box-shadow:0 2px #0410188c}.mm-btn .mm-icon{font-size:26px;width:34px;text-align:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.mm-btn .mm-text{display:flex;flex-direction:column;gap:2px}.mm-btn .mm-text b{font-family:var(--display-font);font-weight:400;font-size:20px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.3)}.mm-btn .mm-text small{font-size:12.5px;opacity:.7}.mm-btn.primary{background:linear-gradient(180deg,#ffa63d,#e8722c);border-color:#ffd9a1;color:#fff;box-shadow:0 5px #8f3f14}.mm-btn.primary .mm-text b{text-shadow:0 2px 0 rgba(120,50,10,.55)}.mm-btn.primary .mm-text small{opacity:.9}.mm-btn.primary:hover{border-color:#ffe8c8;box-shadow:0 7px #8f3f14}.mm-btn.primary:active{box-shadow:0 2px #8f3f14}.menu-card{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:245px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#16455c,#0e3245);border:2px solid #2e6a86;box-shadow:0 5px #04101880;animation:card-in .7s ease}@keyframes card-in{0%{opacity:0;transform:translateY(-50%) translate(16px)}}.menu-card h3{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.ws-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px}.ws-row span{opacity:.7}.ws-row b{font-variant-numeric:tabular-nums}#menu-corner{position:absolute;right:26px;bottom:24px;display:flex;gap:10px}.corner-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;padding:14px 8px;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#16455c,#0e3245);color:var(--text);border:2px solid #2e6a86;box-shadow:0 4px #04101880;font-family:var(--display-font);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease,border-color .12s ease}.corner-btn:hover{border-color:#4b93b5;transform:translateY(-2px);box-shadow:0 6px #04101880}.corner-btn:active{transform:translateY(2px);box-shadow:0 1px #04101880}.corner-btn .cb-icon{font-size:24px}.corner-btn .cb-img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}#menu-version{position:absolute;left:34px;bottom:22px;font-size:11.5px;opacity:.5}#menu-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:12px;opacity:.55}#menu-hint b{color:var(--accent)}#chat-box{position:absolute;left:18px;bottom:158px;width:min(360px,44vw);display:flex;flex-direction:column;gap:6px;pointer-events:none}#chat-log{display:flex;flex-direction:column;gap:3px;justify-content:flex-end}.chat-line{font-size:13px;line-height:1.35;padding:4px 9px;border-radius:8px;background:#04101a8c;backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.6);word-wrap:break-word;animation:chat-in .15s ease}.chat-line.faded{opacity:0;transition:opacity 1.2s ease}.chat-line .chat-name{font-weight:700;margin-right:5px;text-transform:uppercase}@keyframes chat-in{0%{opacity:0;transform:translate(-8px)}}#chat-input-wrap{pointer-events:auto}#chat-input{width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;background:var(--chip-bg);color:var(--text);border:2px solid var(--chip-edge);border-radius:11px;box-shadow:0 3px #04101866}#chat-input:focus{outline:none;border-color:var(--orange)}.shop-panel{width:min(760px,94vw);max-height:84vh;display:flex;flex-direction:column}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shop-header h2{margin:0}.shop-wallet{display:flex;align-items:center;gap:6px;font-size:14px;background:var(--chip-bg);border:2px solid var(--chip-edge);border-radius:20px;padding:5px 14px;box-shadow:0 2px #04101866}.shop-wallet .pearl{font-size:15px}.shop-wallet b{color:var(--accent);font-variant-numeric:tabular-nums}#btn-buy-pearls{width:24px;height:24px;margin-left:4px;border-radius:8px;cursor:pointer;background:linear-gradient(180deg,var(--orange),var(--orange-deep));border:2px solid var(--orange-edge);color:#fff;font-size:15px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--orange-shadow);transition:transform .1s ease}#btn-buy-pearls:hover{transform:translateY(-1px) scale(1.06)}.topup-plus{width:22px;height:22px;margin-left:6px;border-radius:7px;cursor:pointer;background:linear-gradient(180deg,var(--orange),var(--orange-deep));border:2px solid var(--orange-edge);color:#fff;font-size:14px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--orange-shadow);flex:0 0 auto;transition:transform .1s ease}.topup-plus:hover{transform:translateY(-1px) scale(1.08)}.topup-plus.sm{width:18px;height:18px;font-size:12px;margin-left:5px;border-radius:6px}#topup-modal{position:fixed;inset:0;z-index:240;display:flex;align-items:center;justify-content:center;background:#02080cd1;animation:da-fade .2s ease}#topup-modal .topup-card{width:min(92vw,760px);max-height:88vh;overflow-y:auto;background:var(--panel-bg, #0e1a22);border:2px solid var(--chip-edge);border-radius:16px;padding:18px 20px 22px;box-shadow:0 20px 60px #00000080}#topup-modal .topup-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--display-font);letter-spacing:.08em;font-size:20px;color:#eaf4fb;margin-bottom:14px}#topup-modal #topup-close{width:32px;height:32px;border-radius:9px;cursor:pointer;background:#ffffff14;border:2px solid rgba(255,255,255,.18);color:#cfe3ef;font-size:16px;line-height:1}#topup-modal #topup-close:hover{background:#ffffff29}.pearl-blurb{font-size:13px;opacity:.8;margin-bottom:12px;line-height:1.5}.pearl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pearl-pack .pearl-amount{font-family:var(--display-font);font-size:16px;color:#9be0ff;opacity:1;margin-bottom:10px}.pearl-footnote{font-size:11px;opacity:.5;margin-top:12px;text-align:center}.earn-split{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-family:var(--display-font);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.earn-split:before,.earn-split:after{content:"";flex:1;height:1px;background:var(--panel-border)}.earn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px}.earn-head em{font-style:normal;opacity:.55;font-size:12px}.earn-open{background:#1d5570;color:#fff;border:1px solid #4da3c7;border-bottom-width:2px;border-radius:7px;padding:5px 11px;cursor:pointer;font-family:var(--display-font);font-size:12px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px}.earn-open:hover{background:#266b8c}.earn-badge{background:var(--orange);color:#201004;border-radius:999px;min-width:17px;padding:0 5px;font-size:11px;line-height:16px;text-align:center}.earn-list{display:flex;flex-direction:column;gap:5px}.earn-row{display:flex;align-items:center;gap:9px;background:#091e2a80;border:1px solid var(--panel-border);border-radius:8px;padding:7px 10px;font-size:13px}.earn-ico{font-size:15px;width:20px;text-align:center}.earn-label{flex:1;opacity:.9}.earn-state{font-size:11.5px;opacity:.6;white-space:nowrap}.earn-state.ready{color:#6fdb7a;opacity:1}.earn-state.done{color:#6fdb7a;opacity:.65}.earn-pearls{font-family:var(--display-font);font-size:13px;color:#9be0ff;min-width:52px;text-align:right;white-space:nowrap}.shop-tabs{display:flex;gap:6px;border-bottom:1px solid var(--panel-border);margin-bottom:12px}.shop-tab{background:none;border:none;color:var(--text);cursor:pointer;font-family:var(--display-font);font-size:13.5px;letter-spacing:.06em;padding:9px 14px;opacity:.6;border-bottom:2px solid transparent;margin-bottom:-1px}.shop-tab:hover{opacity:.9}.shop-tab.active{opacity:1;color:var(--orange);border-bottom-color:var(--orange)}.shop-body{overflow-y:auto;padding:2px;min-height:260px}.shop-reset{font-size:12px;opacity:.6;margin-bottom:10px}.shop-reset b{color:var(--accent);font-variant-numeric:tabular-nums}.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.deal-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#092634b3;border:2px solid var(--chip-edge);border-radius:14px;box-shadow:0 3px #04101866;padding:14px 10px 12px;position:relative}.deal-card.flash{border-color:#ffc85a8c;box-shadow:0 0 0 1px #ffc85a40 inset}.deal-card .flash-tag{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;letter-spacing:.06em;background:#ffbf47;color:#3a2a00;border-radius:5px;padding:2px 5px}.deal-card .d-icon{font-size:38px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.deal-card .d-name{font-size:13.5px;font-weight:600;margin:6px 0 2px}.deal-card .d-give{font-size:11.5px;opacity:.7;margin-bottom:10px;line-height:1.4}.deal-card .d-stock{font-size:11px;opacity:.6;margin-top:6px}.buy-btn{margin-top:auto;width:100%;padding:8px;border-radius:10px;cursor:pointer;font-family:var(--display-font);letter-spacing:.05em;font-size:13px;color:#fff;border:2px solid var(--orange-edge);background:linear-gradient(180deg,var(--orange),var(--orange-deep));text-shadow:0 1px 0 rgba(120,50,10,.5);box-shadow:0 3px 0 var(--orange-shadow);transition:transform .1s ease,box-shadow .1s ease}.buy-btn:hover:not(:disabled){transform:translateY(-1px)}.buy-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--orange-shadow)}.buy-btn:disabled{background:#ffffff1a;color:#fff6;border-color:#ffffff1f;box-shadow:none;text-shadow:none;cursor:not-allowed}.crew-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.crew-head .crew-blurb{font-size:12.5px;opacity:.75;flex:1;min-width:200px}.crew-badge{font-size:12px;padding:5px 12px;border-radius:20px}.crew-badge.on{background:#78e68c2e;border:1px solid rgba(120,230,140,.4);color:#8fe0a0}.crew-badge.off{background:#ffffff0f;border:1px solid var(--slot-border);opacity:.8}.crew-track{display:flex;flex-direction:column;gap:7px}.crew-tier{display:grid;grid-template-columns:52px 1fr 1fr auto;align-items:center;gap:10px;background:#ffffff0a;border:1px solid var(--slot-border);border-radius:10px;padding:8px 12px}.crew-tier.locked{opacity:.5}.crew-tier .ct-day{font-size:12px;font-weight:700;opacity:.7}.crew-reward{display:flex;align-items:center;gap:6px;font-size:12.5px}.crew-reward .cr-label{font-size:9px;letter-spacing:.06em;opacity:.55;text-transform:uppercase;margin-right:2px}.crew-reward.prem{color:#ffd27a}.crew-reward.claimed{opacity:.4;text-decoration:line-through}.crew-reward .lock{opacity:.6}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-cols h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:8px}.trade-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:13px}.trade-row button{background:#1d5570;color:var(--text);border:2px solid #357a9b;border-radius:9px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit;box-shadow:0 2px #04101866}.trade-row button:hover:not(:disabled){border-color:var(--card-edge-hi)}.trade-row button:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 560px){.trade-cols{grid-template-columns:1fr}}.account-panel{width:min(400px,92vw);position:relative}.panel-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:9px;background:#143c528c;color:#b8d4e2;border:1px solid rgba(210,232,244,.2);font-size:14px;line-height:1;cursor:pointer;z-index:2}.panel-x:hover{border-color:#4da3c7;color:#fff}.account-hint{font-size:13px;opacity:.75;margin-bottom:12px;line-height:1.5}.acc-status{font-size:13px;opacity:.8;margin-bottom:12px}.acc-input{display:block;width:100%;margin-bottom:9px;padding:10px 12px;background:#04141e8c;color:var(--text);font-family:inherit;font-size:14px;border:2px solid var(--chip-edge);border-radius:10px}.acc-input:focus{outline:none;border-color:var(--orange)}.acc-error{color:#ff8f8f;font-size:12.5px;min-height:16px;margin-bottom:6px}.acc-link{display:block;width:100%;margin-top:12px;background:none;border:none;color:var(--accent);font-family:inherit;font-size:12.5px;cursor:pointer;opacity:.8}.acc-link:hover{opacity:1;text-decoration:underline}#acc-online.on{color:#57e08a}#acc-online.off{color:#ff9d6b}.changelog-panel{width:min(560px,92vw);max-height:76vh;overflow-y:auto}.changelog-entry h3{font-size:15px;color:var(--accent);margin:6px 0 10px}.changelog-entry ul{list-style:none}.changelog-entry li{font-size:13.5px;padding:4px 0;opacity:.9}#rotate-overlay{display:none}@media (pointer: coarse) and (orientation: portrait){#rotate-overlay{display:flex;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;text-align:center;background:#06202e}}#fs-gate{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;text-align:center;background:#06202e;padding:24px}#fs-gate.hidden{display:none}.fsg-inner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#d2e8f4;max-width:460px}.fsg-icon{font-size:46px}.fsg-inner b{font-family:var(--display-font);font-size:20px;letter-spacing:.05em}.fsg-inner small{opacity:.7;font-size:13px;line-height:1.5}.fsg-inner small b{font-size:13px;letter-spacing:0;color:#9fd4ea}#fsg-btn{margin-top:6px;background:linear-gradient(180deg,#ffb14d,#ff8a2b);color:#3a1e00;font-family:var(--display-font);font-size:16px;letter-spacing:.05em;border:none;border-radius:12px;padding:13px 30px;box-shadow:0 4px #00000059}#fsg-btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.fsg-link{background:none;border:none;color:#8fb4c6;font-size:13px;text-decoration:underline}.fsg-link.hidden{display:none}.ro-inner{display:flex;flex-direction:column;gap:10px;color:#d2e8f4}.ro-icon{font-size:52px}.ro-inner b{font-family:var(--display-font);font-size:22px;letter-spacing:.06em}.ro-inner small{opacity:.65}#touch-ui{position:fixed;inset:0;z-index:40;pointer-events:none}#touch-ui.hidden{display:none}#tc-look{position:absolute;inset:0;pointer-events:auto;touch-action:none}#tc-stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:84px;width:128px;height:128px;border-radius:50%;background:#0a283859;border:2px solid rgba(210,232,244,.25);pointer-events:auto;touch-action:none}#tc-knob{position:absolute;left:50%;top:50%;margin:-26px 0 0 -26px;width:52px;height:52px;border-radius:50%;background:#d2e8f473;border:2px solid rgba(210,232,244,.6)}#tc-buttons{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:78px;display:grid;grid-template-columns:auto auto;gap:12px;align-items:end;pointer-events:none}.tc-btn{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:58px;height:58px;border-radius:50%;background:#0a283880;border:2px solid rgba(210,232,244,.35);color:#d2e8f4;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.tc-btn:active{background:#d2e8f459}.tc-btn.tc-big{width:76px;height:76px;font-size:30px}.tc-btn.tc-small{width:46px;height:46px;font-size:18px;border-radius:12px}#tc-top{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:10px;pointer-events:none}#tc-ctx{position:absolute;right:max(184px,calc(env(safe-area-inset-right) + 168px));bottom:82px;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.tc-btn.tc-ctx{width:52px;height:52px;font-size:20px;border-color:#e8a52bbf}.tc-btn.tc-ctx.hidden{display:none}@media (pointer: coarse){#menu-hint,.menu-hint{display:none}#hud{z-index:41}#hotbar{pointer-events:auto}#build-info .bi-chev{pointer-events:auto;padding:8px 12px;margin:-8px 0;font-size:20px;touch-action:manipulation}#hint-skip{pointer-events:auto;touch-action:manipulation;opacity:.9;font-size:12.5px;margin-top:6px;padding:7px 10px;border-radius:8px;background:#143c52bf;border:1px solid #2e6a86;display:inline-block;color:#d2e8f4}}@media (max-height: 560px){.panel{max-height:94vh;overflow-y:auto}.pause-panel{height:min(88vh,520px);width:min(90vw,460px)}#hotbar{transform:scale(.85);transform-origin:bottom center}#world-status{font-size:11px}}#inv-mobile-bar{display:none}@media (pointer: coarse){#inv-mobile-bar{display:flex;align-items:center;gap:8px;position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;width:min(96vw,600px)}#inv-tabs{display:flex;gap:6px;flex:1;flex-wrap:wrap}.inv-tab{background:#143c52cc;color:#cfe6f2;border:1px solid #2e6a86;border-radius:9px;padding:9px 13px;font-family:var(--display-font);font-size:12.5px;letter-spacing:.03em}.inv-tab.active{background:#1d5570;color:#fff;border-color:#4da3c7}#inv-close{flex:0 0 auto;width:42px;height:42px;border-radius:11px;background:#143c52cc;border:1px solid #2e6a86;color:#d2e8f4;font-size:17px}#inventory-screen .menu-panels{display:flex;gap:10px;align-items:stretch;justify-content:center;padding:60px 10px 92px;height:100%;box-sizing:border-box;width:100%}#inventory-screen .menu-panels>.panel{display:none}#inventory-screen .menu-panels>.panel.mob-active{display:flex;flex-direction:column;flex:1 1 0;min-width:0;max-width:620px;max-height:100%;overflow-y:auto;margin:0}#inventory-screen #inventory-grid{grid-template-columns:repeat(8,1fr);gap:5px}#inventory-screen #inventory-grid .slot{width:100%;height:auto;aspect-ratio:1}#inventory-screen .menu-panels>.panel.mob-active{touch-action:pan-y;-webkit-overflow-scrolling:touch}#recipe-list{touch-action:pan-y;-webkit-overflow-scrolling:touch}#craft-search{padding:7px 10px;font-size:12px}.craft-cat{padding:7px}.craft-cat .cc-icon{font-size:15px}.recipe{padding:6px 8px;gap:8px}.recipe .r-icon{font-size:17px}.recipe .r-name{font-size:12px}.recipe .r-cost{font-size:9.5px}.recipe-group{font-size:10.5px;margin-top:10px}.craft-btn{padding:6px 12px;font-size:11px}#inventory-screen .menu-hint{display:none}#hotbar{transform:translate(-50%) scale(1.05)!important;bottom:8px}.slot-key{display:none!important}.slot{touch-action:none}body.inv-open #compass-bar,body.inv-open #compass,body.inv-open #online-badge,body.inv-open #fps-counter,body.inv-open #build-info,body.inv-open #interact-prompt,body.inv-open #mic-indicator,body.inv-open #hint-card,body.inv-open #boat-hud,body.inv-open #vitals{display:none!important}}@media (max-height: 500px){:root{--slot-size: 34px}#menu-logo{top:6px;left:14px;width:min(110px,18vw)}#menu-buttons{left:14px;top:min(104px,calc(16.2vw + 14px));bottom:26px;transform:none;animation:none;gap:7px;width:min(260px,46vw);justify-content:flex-start}.slot-label{font-size:11px;margin-bottom:0}.mm-btn{padding:8px 12px;gap:9px;border-radius:10px;box-shadow:0 3px #0410188c;flex-shrink:0}.mm-btn .mm-icon{font-size:17px;width:22px}.mm-btn .mm-text b{font-size:13px}.mm-btn .mm-text small{font-size:9.5px}#slot-picker{gap:6px;margin-bottom:4px;flex:0 1 auto;min-height:96px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:10px 6px 4px 0}.slot-card{padding:6px 9px;border-radius:9px;gap:6px;flex-shrink:0}.slot-card .sc-body b{font-size:12px}.slot-card .sc-body small{font-size:9.5px}.slot-card .sc-del,.slot-card .sc-info{width:24px;height:24px;font-size:11px;border-radius:7px}.slot-card .rc-icon{width:28px;height:28px;font-size:15px;border-radius:8px}#menu-version{left:16px;bottom:5px;font-size:9px;opacity:.4}.corner-btn{width:62px;padding:7px 5px;border-radius:10px;font-size:10px;gap:3px}.corner-btn .cb-icon{font-size:16px}.corner-btn .cb-img{width:18px;height:18px}.menu-btn{padding:7px 13px;font-size:12px;border-radius:9px}.menu-btn.big{font-size:14px;padding:9px 24px;margin-top:5px}.menu-btn.small{font-size:10.5px;padding:5px 10px}.panel{padding:12px 14px;border-radius:12px}.panel h2{font-size:15px}.menu-card{font-size:11px;padding:10px 12px}.menu-card h3{font-size:12px}.account-panel,.account-hint{font-size:11px}.acc-input{padding:7px 10px;font-size:12px}#compass-bar{width:min(210px,34vw);height:22px;top:7px;border-radius:8px}#compass-strip .c-lbl{font-size:9px}#compass{top:7px;right:8px;padding:4px 8px;font-size:10px;gap:5px;border-radius:8px}#wind-arrow{font-size:12px}#online-badge{top:36px;right:8px;padding:3px 8px;font-size:9px;border-radius:8px}.online-dot{width:6px;height:6px}#vitals{bottom:9px;left:9px;gap:4px}.bar{width:104px;height:10px;border-radius:6px}.vital-icon{font-size:12px;width:16px}.vital{gap:6px}#hotbar{transform:translate(-50%) scale(.72);bottom:4px}#build-info{bottom:66px;padding:5px 10px;font-size:11px}#build-info .cost{font-size:10px}#interact-prompt{font-size:11.5px;padding:5px 10px}#fps-counter{font-size:10px;padding:2px 6px;top:6px;left:6px}.toast{font-size:11px;padding:6px 10px}#build-wheel svg{width:300px;height:300px}.bw-label{font-size:11px;padding:4px 10px}#hint-card{width:200px;padding:8px 9px;left:10px;gap:7px;border-radius:9px}#hint-icon{font-size:15px}#hint-title{font-size:11px}#hint-text{font-size:10px;line-height:1.4}.help-row kbd{flex-basis:92px;font-size:10px}.help-row{font-size:11px}}@media (pointer: coarse){#compass,#online-badge{right:128px}}#boat-warning{position:absolute;top:18%;left:50%;transform:translate(-50%);color:#ff4d3d;font-family:var(--display-font);font-size:20px;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:boatwarn .9s steps(1) infinite;pointer-events:none;z-index:30;white-space:nowrap}#boat-warning.hidden{display:none}@keyframes boatwarn{50%{opacity:.15}}.settings-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(210,232,244,.15)}.settings-tab{background:#143c528c;color:#b8d4e2;border:1px solid rgba(210,232,244,.2);border-radius:9px;padding:7px 14px;cursor:pointer;font-size:13px;font-family:var(--display-font);letter-spacing:.05em}.settings-tab:hover{border-color:#d2e8f473}.settings-tab.active{background:#1d5570;color:#fff;border-color:#4da3c7;box-shadow:0 0 10px #4da3c74d}.settings-tab-panel{min-height:220px}.settings-tab-panel.hidden,#menu-topbar,#aContainer{display:none}html.ui2 .menu-btn,html.ui2 .mm-btn,html.ui2 .slot-card,html.ui2 .panel,html.ui2 #profile-card,html.ui2 .pf-btn,html.ui2 .pf-bar,html.ui2 #profile-level-fill,html.ui2 #profile-avatar,html.ui2 .menu-card,html.ui2 .corner-btn,html.ui2 .cb-img,html.ui2 .slot,html.ui2 .slot-key,html.ui2 .dur-bar,html.ui2 .bar,html.ui2 .bar-fill,html.ui2 #compass-bar,html.ui2 #compass,html.ui2 #online-badge,html.ui2 .toast,html.ui2 #interact-prompt,html.ui2 #build-info,html.ui2 #boat-hud,html.ui2 #hint-card,html.ui2 #swim-hint,html.ui2 .acc-input,html.ui2 kbd,html.ui2 .shop-tab,html.ui2 .inv-tab,html.ui2 #inv-close,html.ui2 .hg-dot,html.ui2 #hint-skip,html.ui2 .bh-oil-bar,html.ui2 #bh-oil-fill,html.ui2 .bh-throttle,html.ui2 #bh-thr-fill,html.ui2 .bh-chip,html.ui2 .notif-badge,html.ui2 .sc-del,html.ui2 .sc-info,html.ui2 .rc-icon,html.ui2 #profile-manage,html.ui2 .pu-swatch,html.ui2 #pu-canvas,html.ui2 .tp-card,html.ui2 #tp-input,html.ui2 .pause-foot .menu-btn,html.ui2 #text-prompt .tp-card,html.ui2 .pf-level,html.ui2 #account-screen .panel,html.ui2 .settings-tab,html.ui2 #menu-version,html.ui2 #btn-friends,html.ui2 #profile-skills-toggle,html.ui2 #profile-skills,html.ui2 .menu-screen,html.ui2 .menu-screen *,html.ui2 #hotbar,html.ui2 #hotbar *,html.ui2 #paint-ui *,html.ui2 #text-prompt *,html.ui2 #inv-mobile-bar *{border-radius:0!important}html.ui2 ::-webkit-scrollbar-thumb{border-radius:0!important}html.ui2 #menu-topbar{display:block;position:absolute;top:0;left:0;right:0;height:78px;background:linear-gradient(180deg,#08141ceb,#08141cc7);border-bottom:2px solid rgba(255,255,255,.08);pointer-events:none}html.ui2 #menu-logo{top:8px;left:50%;transform:translate(-50%);width:min(265px,32vw);z-index:2;animation:none}html.ui2 #btn-menu-settings{position:fixed;top:0;left:0;height:78px;z-index:31;display:flex;align-items:center;gap:9px;width:auto;padding:0 20px;margin:0;background:transparent;border:none;box-shadow:none}html.ui2 #btn-menu-settings:hover{background:#ffffff14;transform:none}html.ui2 #btn-menu-settings .mm-text small{display:none}html.ui2 #btn-menu-settings .mm-text b{font-size:14px;letter-spacing:.08em}html.ui2 #btn-menu-settings .mm-icon{font-size:16px;width:auto}html.ui2 #profile-card{top:0;right:0;width:auto;max-width:460px;background:transparent;border:none;box-shadow:none;padding:0;z-index:3;animation:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}html.ui2 #profile-in{gap:10px;margin:18px 16px 6px}html.ui2 #profile-avatar{width:38px;height:38px;font-size:19px;border-width:2px}html.ui2 #profile-in .pf-body>b{font-size:15px}html.ui2 #profile-in .pf-bar,html.ui2 #profile-in small{display:none}html.ui2 .pf-level-row{gap:12px;justify-content:flex-start}html.ui2 #profile-out{flex-direction:row;align-items:center;gap:16px;height:78px;padding-left:16px}html.ui2 #profile-out>b{font-size:13px;white-space:nowrap;opacity:.85}html.ui2 #profile-out>small{display:none}html.ui2 .pf-auth-btns{margin-top:0;align-self:stretch;display:flex;gap:0}html.ui2 .pf-btn{height:100%;padding:0 22px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;background:transparent;border:none;box-shadow:none;border-left:2px solid rgba(255,255,255,.08)}html.ui2 .pf-btn:hover{background:#ffffff14;transform:none;box-shadow:none}html.ui2 .pf-btn.primary{background:transparent;color:#ffd23f}html.ui2 .pf-btn.primary:hover{background:#ffffff14}html.ui2 #profile-skills-toggle,html.ui2 #btn-friends{width:auto;padding:7px 14px;font-size:12px;margin-right:16px}html.ui2 #profile-skills{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin}html.ui2 #menu-buttons{inset:auto 0 128px;transform:none;width:max-content;margin:0 auto;flex-direction:column;align-items:stretch;gap:10px;animation:none;overflow:visible;padding:0}html.ui2 #btn-play{order:-1;justify-content:center;text-align:center;padding:15px 20px;gap:12px}html.ui2 #btn-play .mm-text{flex:0 1 auto}html.ui2 #btn-play .mm-text b{font-size:19px;letter-spacing:.1em;text-transform:uppercase}html.ui2 #slot-picker{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;margin:0;padding:8px 0 0;min-height:0;overflow:visible;max-width:96vw}html.ui2 #slot-picker .slot-label,html.ui2 #shared-label{display:none}html.ui2 #shared-rafts{display:contents}html.ui2 .slot-card{padding:9px 12px;gap:8px;min-width:148px}html.ui2 .slot-card .sc-body small{display:none}html.ui2 .slot-card .sc-body b{font-size:13px;white-space:nowrap}html.ui2 .slot-card .rc-access{display:none!important}html.ui2 .slot-card .rc-icon{width:30px;height:30px;font-size:16px}html.ui2 .slot-card.selected:after{border-radius:0}html.ui2 .slot-card.locked{opacity:.55;border-color:#24404f}html.ui2 .slot-card.locked .sc-body small{display:block;color:#ffd27a;opacity:.9}html.ui2 .slot-card.locked:hover{border-color:#3f80a1;opacity:.75}html.ui2 #aContainer{cursor:pointer;pointer-events:auto;padding:10px;background-color:#0009;max-height:120px;max-width:810px;min-width:728px;min-height:90px;overflow:hidden;display:inline-block!important;border-radius:6px;position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:2}html.ui2 #aContainer .ad-ph{width:100%;height:90px;border:1px dashed rgba(255,255,255,.18);box-sizing:border-box}html.ui2 #aContainer .ad-ph b{font-family:var(--display-font);font-size:17px;letter-spacing:.15em}html.ui2 .corner-btn{border-width:2px}html.ui2 #menu-version{left:10px;bottom:6px}html.ui2 #menu-hint{display:none}@media (max-width: 860px),(max-height: 500px){html.ui2 #menu-topbar{height:58px}html.ui2 #menu-logo{width:min(150px,27vw);top:5px}html.ui2 #btn-menu-settings{height:58px;padding:0 12px}html.ui2 #profile-out{height:58px;padding-left:10px;gap:8px}html.ui2 #profile-out>b{display:none}html.ui2 .pf-btn{padding:0 12px;font-size:11px}html.ui2 #profile-in{margin:12px 12px 4px}html.ui2 #profile-card{padding:4px 10px;gap:4px}html.ui2 #profile-avatar{width:30px;height:30px;font-size:15px}html.ui2 #profile-in .pf-body>b{font-size:12.5px}html.ui2 #profile-skills-toggle,html.ui2 #btn-friends{padding:5px 10px;font-size:10.5px}html.ui2 #aContainer{display:none!important}html.ui2 #menu-buttons{left:auto;right:10px;bottom:10px;margin:0;width:auto;align-items:flex-end;gap:0}html.ui2 #btn-play{width:clamp(190px,34vw,300px);padding:12px 14px;gap:8px}html.ui2 #btn-play .mm-text b{font-size:15px}html.ui2 #btn-play .mm-text small{font-size:9.5px}html.ui2 #slot-picker{position:fixed;left:10px;bottom:10px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:5px;padding:8px 0 0;margin:0;width:clamp(150px,26vw,210px);max-height:55vh;overflow-y:auto;scrollbar-width:thin}html.ui2 .slot-card{min-width:0;padding:6px 9px;gap:6px}html.ui2 .slot-card .sc-body b{font-size:11.5px}html.ui2 .slot-card .rc-icon{width:24px;height:24px;font-size:13px}html.ui2 .slot-card.locked .sc-body small{font-size:9.5px}html.ui2 #menu-corner{bottom:86px;right:10px}html.ui2 #menu-version{display:none}}.shop-panel{width:min(1020px,96vw);max-height:90vh}.shop-tab.crew{color:#ffd23f}.deal-card{position:relative;border-width:2px;transition:transform .12s ease,box-shadow .12s ease}.deal-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #00000059}.deal-card.rare{border-color:#4d88c9;background:linear-gradient(180deg,#4d88c924,#0e324599)}.deal-card.epic{border-color:#9a6fd8;background:linear-gradient(180deg,#9a6fd829,#0e324599)}.deal-card.legendary{border-color:#e8b23d;background:linear-gradient(180deg,#e8b23d2e,#0e324599)}.feat-hero{position:relative;display:flex;align-items:center;gap:22px;padding:20px 26px;margin-bottom:14px;border:2px solid #e8b23d;background:radial-gradient(ellipse at 18% 40%,rgba(232,178,61,.25),transparent 55%),linear-gradient(100deg,#1d4a63,#0e3245 70%);box-shadow:0 0 22px #e8b23d2e inset}.feat-hero .fh-badge{position:absolute;top:0;left:0;padding:4px 12px;background:#e8b23d;color:#3a2703;font-size:10.5px;font-weight:800;letter-spacing:.14em}.feat-hero .fh-icon{font-size:84px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.feat-hero .fh-body{display:flex;flex-direction:column;gap:6px}.feat-hero .fh-body b{font-family:var(--display-font);font-size:24px;letter-spacing:.06em}.feat-hero .fh-body small{font-size:13px;opacity:.75;max-width:420px;line-height:1.45}.feat-hero .buy-btn{width:max-content;padding:10px 26px;margin-top:6px}.buy-btn.gold{background:linear-gradient(180deg,#ffd23f,#e8a52b);color:#3a2703;font-weight:800;border-color:#ffe9a1}.buy-btn.gold:hover:not(:disabled){filter:brightness(1.08)}.buy-btn.gold.big{font-size:14px;padding:12px 22px;letter-spacing:.06em}.cp-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:10px}.cp-title{display:flex;align-items:center;gap:12px}.cp-title .cp-star{font-size:34px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.cp-title b{font-family:var(--display-font);font-size:21px;letter-spacing:.08em;display:block}.cp-title small{font-size:11px;letter-spacing:.18em;color:#ffd23f;opacity:.9}.cp-progress{flex:1;min-width:200px}.cp-progress .cp-bar{height:12px;background:#00000073;border:1px solid rgba(255,255,255,.14);overflow:hidden}.cp-progress .cp-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd23f,#ff8a2b);box-shadow:0 0 10px #ffd23f80}.cp-progress small{font-size:10px;letter-spacing:.12em;opacity:.7;display:block;margin-top:4px}.cp-perks{padding:9px 14px;margin-bottom:12px;font-size:12.5px;line-height:1.5;border:1px dashed rgba(255,210,63,.45);background:#ffd23f12}.cp-track{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin;touch-action:pan-x;-webkit-overflow-scrolling:touch}.cp-tier{flex:0 0 118px;display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid #24566e;background:linear-gradient(180deg,#16455c,#0e3245)}.cp-tier.rare{border-color:#4d88c9}.cp-tier.epic{border-color:#9a6fd8}.cp-tier.legendary{border-color:#e8b23d;background:linear-gradient(180deg,#e8b23d29,#0e3245)}.cp-tier.locked{opacity:.45;filter:saturate(.6)}.cp-tier.current{outline:2px solid #ffd23f;outline-offset:2px}.cp-tier.claimable{animation:cpGlow 1.6s ease-in-out infinite}@keyframes cpGlow{0%,to{box-shadow:0 0 #ffd23f00}50%{box-shadow:0 0 16px #ffd23f73}}.cp-num{font-size:10px;font-weight:800;letter-spacing:.1em;opacity:.8;text-align:center}.cp-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;text-align:center;min-height:64px;justify-content:center;background:#00000040;border:1px solid rgba(255,255,255,.1)}.cp-cell.prem{border-color:#ffd23f80;background:#ffd23f0f}.cp-cell .cp-ic{font-size:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.cp-cell small{font-size:9.5px;line-height:1.25;opacity:.85}.cp-cell.dim{opacity:.55}.cp-cell.done{opacity:.45}.cp-cell .cp-stamp{position:absolute;top:2px;right:4px;font-size:13px;color:#8fe08a}.cp-cell .cp-stamp.lock{font-size:11px}.cp-cell.gated:not(.done){filter:grayscale(.4)}.cp-claim{border:none;padding:6px 4px;cursor:pointer;font-family:var(--display-font);font-size:11px;letter-spacing:.08em;background:linear-gradient(180deg,#ffd23f,#e8a52b);color:#3a2703}.cp-claim:disabled{background:#ffffff14;color:#fff6;cursor:default}.cp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.cp-foot small{opacity:.6;font-size:11.5px}@media (max-width: 860px),(max-height: 500px){.feat-hero{gap:12px;padding:12px 14px}.feat-hero .fh-icon{font-size:52px}.feat-hero .fh-body b{font-size:17px}.feat-hero .fh-body small{font-size:11px}.cp-title .cp-star{font-size:24px}.cp-title b{font-size:16px}.cp-tier{flex-basis:104px}.cp-cell{min-height:56px}}.shop-body{height:min(60vh,560px);min-height:0}@media (max-height: 500px){.shop-body{height:62vh}}.bp-card .bp-tag{background:#9a6fd8;color:#fff}.bp-card .d-give{min-height:30px}.cp-tier{position:relative}.cp-bp-ribbon{position:absolute;top:-9px;left:50%;transform:translate(-50%);padding:2px 8px;white-space:nowrap;background:#9a6fd8;color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.1em;z-index:1}.cp-tier.legendary .cp-bp-ribbon{background:#e8b23d;color:#3a2703}.cp-track{padding-top:12px}.is-hero,.is-card{--rar: #6e8794;--rar-glow: rgba(110, 135, 148, .25)}.is-hero.rare,.is-card.rare{--rar: #4d88c9;--rar-glow: rgba(77, 136, 201, .35)}.is-hero.epic,.is-card.epic{--rar: #9a6fd8;--rar-glow: rgba(154, 111, 216, .4)}.is-hero.legendary,.is-card.legendary{--rar: #e8b23d;--rar-glow: rgba(232, 178, 61, .45)}.is-hero{display:grid;grid-template-columns:300px 1fr;gap:20px;border:2px solid var(--rar);border-radius:16px;background:radial-gradient(120% 160% at 0% 0%,var(--rar-glow),transparent 55%),linear-gradient(180deg,#0e2837e6,#081822f2);padding:16px;margin-bottom:14px;position:relative;overflow:hidden;cursor:pointer}.is-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.07) 50%,transparent 58%);background-size:250% 100%;animation:isShine 4.5s ease-in-out infinite}@keyframes isShine{0%,55%{background-position:120% 0}to{background-position:-130% 0}}.is-hero-view{position:relative;border-radius:12px;min-height:300px;background:radial-gradient(80% 70% at 50% 42%,var(--rar-glow),rgba(4,14,20,.85) 75%);display:flex;align-items:center;justify-content:center;overflow:hidden}.is-hero-canvas{width:100%;height:100%;max-height:340px;object-fit:contain;cursor:grab}.is-drag-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:10.5px;letter-spacing:.12em;opacity:.55;pointer-events:none;text-transform:uppercase;white-space:nowrap}.is-hero-body{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}.is-hero-name{font-family:var(--display-font);font-size:30px;letter-spacing:.05em;line-height:1.1}.is-hero-blurb{font-size:13.5px;opacity:.75}.is-hero-cta{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.is-hero-cta .buy-btn{width:auto;min-width:150px;padding-left:22px;padding-right:22px}.is-leaves{font-size:12px;opacity:.65;margin-top:2px}.buy-btn.ghost{background:transparent;border:2px solid rgba(180,215,235,.4);color:#cfe9f4;box-shadow:none}.buy-btn.ghost:hover{border-color:#b4d7ebcc;background:#b4d7eb14}.is-rarity{position:absolute;top:10px;left:10px;z-index:1;padding:3px 9px;border-radius:6px;font-size:9.5px;font-weight:800;letter-spacing:.14em;background:var(--rar);color:#08131a}.is-hero .is-rarity{position:static;width:max-content}.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:6px}.is-card{position:relative;overflow:hidden;cursor:pointer;border:2px solid var(--rar);border-radius:14px;background:radial-gradient(120% 90% at 50% 0%,var(--rar-glow),transparent 60%),linear-gradient(180deg,#0e2c3cbf,#081a24e6);padding:12px 12px 14px;text-align:center;transition:transform .14s ease,box-shadow .14s ease}.is-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 26px #00000073,0 0 18px var(--rar-glow)}.is-card:hover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:250% 100%;animation:isShine 1.4s ease forwards}.is-thumb{position:relative;height:128px;margin:14px 0 4px;display:flex;align-items:center;justify-content:center}.is-thumb img{width:120px;height:120px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.is-thumb.live>img{visibility:hidden}.is-hover-canvas{position:absolute;inset:0;width:100%;height:100%}.is-name{font-family:var(--display-font);font-size:15px;letter-spacing:.04em}.is-blurb{font-size:11px;opacity:.65;margin:3px 0 10px;min-height:15px}.cp-hero{display:grid;grid-template-columns:240px 1fr;gap:18px;border:2px solid #e8b23d;border-radius:16px;background:radial-gradient(120% 160% at 0% 0%,rgba(232,178,61,.22),transparent 55%),linear-gradient(180deg,#0e2837e6,#081822f2);padding:14px;margin-bottom:14px;position:relative;overflow:hidden}.cp-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.06) 50%,transparent 58%);background-size:250% 100%;animation:isShine 5s ease-in-out infinite}.cp-hero-view{position:relative;border-radius:12px;min-height:240px;cursor:pointer;background:radial-gradient(80% 70% at 50% 42%,#e8b23d4d,#040e14d9 75%);display:flex;align-items:center;justify-content:center;overflow:hidden}.cp-hero-view .is-hero-canvas{max-height:260px}.cp-hero-body{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}.cp-finale-name{font-size:14px;opacity:.9}.cp-finale-name b{color:#ffd76e}.cp-cell .cp-cos-thumb{width:40px;height:40px;display:block;margin:0 auto}@media (max-width: 700px){.is-hero{grid-template-columns:1fr}.is-hero-view{min-height:220px}.is-hero-name{font-size:22px}.cp-hero{grid-template-columns:1fr}.is-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.recipe.bp-locked{opacity:.6}.recipe.bp-locked .r-icon{filter:grayscale(.7)}.bp-lock{color:#c9a8ff;font-weight:600}.bp-known{color:#8fe08a;opacity:.8}.shop-sec{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin:16px 2px 8px;font-family:var(--display-font);font-size:13px;letter-spacing:.1em;color:#9fd4ea;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:5px}.shop-sec .shop-reset{margin:0;font-family:inherit;letter-spacing:normal}html.menu-scroll{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden}html.menu-scroll body{height:auto;min-height:100%;overflow:visible}#about{position:relative;z-index:31;margin-top:100vh;padding:56px 24px 72px;background:linear-gradient(180deg,#06121c,#08202e 40%,#06121c);border-top:3px solid #2e6a86;color:#cfe6f2;font-size:15px;line-height:1.65;user-select:text}.cg-platform #about,.cg-platform #scroll-cue{display:none!important}.ab-wrap{max-width:860px;margin:0 auto}#about h1{font-family:var(--display-font);font-size:clamp(24px,4vw,38px);line-height:1.25;letter-spacing:.035em;color:#ffc247;margin:0 0 18px;text-shadow:0 3px 0 rgba(4,16,24,.55)}#about h2{font-family:var(--display-font);font-size:clamp(18px,2.6vw,24px);color:#7ac8e9;margin:38px 0 12px;border-bottom:1px solid rgba(46,106,134,.5);padding-bottom:7px}#about h3{font-size:16px;color:#ffd98a;margin:20px 0 5px}#about p{margin:0 0 12px}#about b{color:#eaf6fc}#about a{color:#7ac8e9}.ab-lead{font-size:17px;color:#e2f1f8}.ab-steps{margin:0;padding-left:22px}.ab-steps li{margin-bottom:10px}.ab-keys{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}.ab-keys li{display:flex;align-items:baseline;gap:8px;margin-bottom:9px;break-inside:avoid}.ab-keys span{color:#9fc4d6}#about kbd{display:inline-block;padding:2px 7px;margin-right:2px;background:#123245;border:1px solid #2e6a86;border-bottom-width:3px;border-radius:5px;font:600 12px/1.5 Segoe UI,system-ui,sans-serif;color:#d9eefa;white-space:nowrap}.ab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:4px}.ab-grid>div{background:#091e2aa8;border:2px solid rgba(46,106,134,.55);border-radius:12px;padding:14px 16px}.ab-grid b{display:block;color:#ffd98a;margin-bottom:4px}.ab-grid span{font-size:14px;color:#a9cbdb}.ab-foot{margin-top:40px;padding-top:18px;border-top:1px solid rgba(46,106,134,.4);font-size:14px;color:#8fb2c4}#scroll-cue{position:absolute;left:16px;bottom:36px;display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:20px;background:#091e2ab8;border:2px solid rgba(46,106,134,.6);color:#9fd4ea;font-size:12px;letter-spacing:.04em;font-family:inherit;text-decoration:none;cursor:pointer;z-index:32;animation:cue-bob 2.4s ease-in-out infinite}#scroll-cue:hover{color:#d9eefa;border-color:#4a93b8}#scroll-cue .sc-arrow{font-size:15px;line-height:.7}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (pointer: coarse){#scroll-cue{display:none}#about{padding:40px 16px 56px}.ab-keys{columns:1}}@media (prefers-reduced-motion: reduce){#scroll-cue{animation:none}}.cg-platform #account-screen,.cg-platform #btn-account,.cg-platform #profile-manage,.cg-platform #btn-profile-signin,.cg-platform #btn-profile-signup{display:none!important}.challenges-panel{width:min(620px,94vw);max-height:86vh;display:flex;flex-direction:column}.challenges-panel .shop-body{height:min(56vh,480px)}html.wardrobe-mode #hud,html.wardrobe-mode #toast-area{display:none!important}#wardrobe-screen{background:transparent;justify-content:center;align-items:flex-end;pointer-events:none}#wardrobe-screen .wardrobe-panel{pointer-events:auto}.wardrobe-panel{width:min(400px,40vw);height:100vh;max-height:100vh;margin:0;border-radius:0;border-top:none;border-right:none;border-bottom:none;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1e2af0,#061620f5);box-shadow:-18px 0 40px #00000073}.wd-layout{display:flex;min-height:0;flex:1}#wd-preview{display:none}.wd-layout .shop-body{flex:1;height:auto;overflow-y:auto}.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.wd-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;cursor:pointer;background:#0e324599;border:2px solid rgba(210,232,244,.18);transition:transform .12s ease,border-color .12s ease}.wd-card:hover{transform:translateY(-2px);border-color:#d2e8f480}.wd-card b{font-size:12.5px;text-align:center}.wd-card.worn{border-color:#7fe08a;background:#255c3f73}.wd-card.locked{opacity:.85}.wd-card.epic{box-shadow:inset 0 0 18px #965cdc40}.wd-card.legendary{box-shadow:inset 0 0 18px #e8a52b4d}.cos-thumb{width:84px;height:84px;object-fit:contain;image-rendering:auto}.cos-thumb-emoji{width:84px;height:84px;display:flex;align-items:center;justify-content:center;font-size:44px}.wd-state{font-size:10.5px;letter-spacing:.08em;color:#9fd4ea}.wd-state.on{color:#7fe08a;font-weight:700}.wd-price{font-size:12.5px;font-weight:700;color:#ffd23f}.wd-note{display:block;margin:12px 2px 2px;opacity:.6;font-size:11.5px}.wd-tabs{display:flex;gap:8px;margin-bottom:4px}.wd-tab{flex:1;padding:8px 10px;cursor:pointer;font-family:var(--display-font);font-size:12px;letter-spacing:.08em;color:#9fd4ea;background:#0e324599;border:2px solid rgba(210,232,244,.18)}.wd-tab.active{color:#ffd23f;border-color:#e8a52b;background:#6044144d}.wd-tones{display:flex;gap:10px;flex-wrap:wrap;padding:6px 2px}.wd-tone{width:44px;height:44px;cursor:pointer;border:3px solid rgba(210,232,244,.25)}.wd-tone:hover{border-color:#d2e8f499}.wd-tone.sel{border-color:#7fe08a;box-shadow:0 0 0 2px #7fe08a59}.wd-cloth{display:flex;align-items:center;justify-content:center;color:#9fd4ea;font-size:15px}.wd-face{width:52px;height:52px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#9fd4ea;font-size:18px;background:#0e324599;border:3px solid rgba(210,232,244,.25)}.wd-face img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.wd-face:hover{border-color:#d2e8f499}.wd-face.sel{border-color:#7fe08a;box-shadow:0 0 0 2px #7fe08a59}.wd-slider{display:flex;align-items:center;gap:10px;padding:8px 2px}.wd-slider label{width:64px;font-weight:700;font-size:13px}.wd-slider small{opacity:.6;font-size:10.5px;width:44px;text-align:center}.wd-slider input[type=range]{flex:1;accent-color:#e8a52b}.wd-card.trying{border-color:#e8a52b;background:#60441459}.wd-card.trying:after{content:"PREVIEW";position:absolute;top:4px;right:4px;font-size:9px;letter-spacing:.1em;font-weight:700;color:#0c2233;background:#e8a52b;padding:2px 6px}.wd-buy{font-size:11.5px;padding:5px 10px}.cos-card .cos-icon{height:84px;display:flex;align-items:center;justify-content:center}.cos-card{cursor:pointer}.cos-tag{background:#6a3fb5}#tryon-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#041018b8}#tryon-modal.hidden{display:none}.to-card{position:relative;display:flex;gap:14px;align-items:stretch;background:var(--panel-bg, rgba(10, 36, 52, .97));border:2px solid rgba(210,232,244,.3);padding:16px;max-width:min(520px,94vw)}#to-canvas{width:240px;height:320px;flex:0 0 auto;background:linear-gradient(180deg,#1c526e8c,#0a2434bf);border:2px solid rgba(210,232,244,.22)}.to-body{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:150px}.to-body b{font-size:16px}.to-body small{opacity:.75;line-height:1.35}.to-card .panel-x{z-index:2}@media (max-width: 560px){.to-card{flex-direction:column;align-items:center}#to-canvas{width:200px;height:240px}}@media (max-width: 700px){.wd-layout{flex-direction:column;align-items:center}#wd-preview{flex:none;width:220px;height:240px}.wd-layout .shop-body{width:100%;height:min(42vh,340px)}}html.ui2 #btn-challenges{position:fixed;top:0;left:158px;height:78px;z-index:31;display:flex;align-items:center;gap:9px;width:auto;padding:0 20px;margin:0;background:transparent;border:none;box-shadow:none}html.ui2 #btn-challenges:hover{background:#ffffff14;transform:none}html.ui2 #btn-challenges .mm-text b{font-size:14px;letter-spacing:.08em}html.ui2 #btn-challenges .mm-icon{font-size:16px;width:auto}.notif-badge.gold{background:#ffd23f;color:#3a2703}#challenges-badge{position:absolute;top:14px;right:6px}.ch-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px 26px;height:100%}.ch-gate-icon{font-size:44px;opacity:.9}.ch-gate h3{margin:0;font-size:19px;color:#eaf6ff}.ch-gate p{margin:0;max-width:360px;font-size:13.5px;line-height:1.55;opacity:.82}.ch-gate .menu-btn{margin-top:8px;min-width:190px}.ch-row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;background:linear-gradient(180deg,#16455c,#0e3245);border:2px solid #24566e}.ch-row.done{border-color:#ffd23f}.ch-row.claimed{opacity:.5}.ch-ic{font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.ch-body{flex:1;min-width:0}.ch-body b{font-size:13px;display:block}.ch-body small{font-size:11px;opacity:.65}.ch-bar{height:7px;margin-top:5px;background:#00000073;border:1px solid rgba(255,255,255,.12)}.ch-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd23f,#ff8a2b)}.ch-prog{font-size:12px;font-weight:700;opacity:.8;font-variant-numeric:tabular-nums}.ch-claim{width:auto;min-width:92px;padding:8px 12px;font-size:12px}#ad-break{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#02080ceb}#ad-break .ab-card{text-align:center;color:#d2e8f4}#ad-break .ab-card b{font-family:var(--display-font);letter-spacing:.15em;font-size:18px}#ad-break .ab-box{width:min(64vw,480px);height:min(36vw,270px);margin:14px auto;background:#0009;border:1px dashed rgba(255,255,255,.25)}#ad-break small{opacity:.7}#ban-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 120% at 50% 0%,#28080cf5,#02060afa);backdrop-filter:blur(6px);animation:ban-fade .25s ease}@keyframes ban-fade{0%{opacity:0}to{opacity:1}}#ban-screen .ban-card{max-width:460px;width:100%;text-align:center;color:#f3e0e2;background:#140a0eb3;border:1px solid rgba(230,90,90,.35);border-radius:16px;padding:32px 28px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0f}#ban-screen .ban-icon{font-size:52px;line-height:1;margin-bottom:8px}#ban-screen h1{font-family:var(--display-font);letter-spacing:.06em;font-size:26px;margin:4px 0 12px;color:#ff9d9d}#ban-screen p{margin:8px 0;opacity:.9;line-height:1.5}#ban-screen .ban-reason{margin:14px auto;padding:12px 16px;max-width:90%;background:#0000004d;border-left:3px solid #e05a5a;border-radius:6px;font-style:italic;color:#ffd9d9}#ban-screen .ban-sub{font-size:13px;opacity:.7}#ban-screen .ban-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}#ban-screen .ban-btn{display:inline-block;padding:11px 20px;border-radius:10px;font-family:var(--display-font);font-size:14px;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:none;background:linear-gradient(180deg,#5865f2,#4752c4);color:#fff;transition:transform .1s ease,filter .1s ease}#ban-screen .ban-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}#ban-screen .ban-btn.ghost{background:#ffffff14;color:#d8c2c4;border:1px solid rgba(255,255,255,.15)}#death-ad{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;background:#02080cf0;animation:da-fade .25s ease}@keyframes da-fade{0%{opacity:0}to{opacity:1}}#death-ad .da-card{text-align:center;color:#d2e8f4}#death-ad .da-title{font-family:var(--display-font);letter-spacing:.12em;font-size:26px;color:#ff8a7a;margin-bottom:16px;text-shadow:0 2px 10px rgba(255,80,60,.35)}#death-ad .da-video{position:relative;width:min(70vw,560px);height:min(39.4vw,315px);margin:0 auto;border-radius:10px;background:repeating-linear-gradient(135deg,#0b1116 0 14px,#0e161c 14px 28px);border:1px dashed rgba(255,255,255,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#death-ad .da-play{width:66px;height:66px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:26px;color:#eaf4fb;padding-left:5px}#death-ad .da-label{font-size:14px;letter-spacing:.04em;opacity:.72}#death-ad .da-tag{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;letter-spacing:.1em;padding:2px 7px;border-radius:4px;background:#ffd25ae6;color:#201a06}#death-ad .da-sub{margin-top:16px;font-size:13.5px;opacity:.75}#death-ad .da-sub span{color:#ffd27f;font-weight:700}@media (max-width: 860px),(max-height: 500px){html.ui2 #btn-challenges{height:58px;left:108px;padding:0 12px}html.ui2 #btn-challenges .mm-text{display:none}#challenges-badge{top:8px;right:2px}}.ch-row.ad-locked{opacity:.7}.ch-claim.locked{background:#ffffff14!important;color:#cfe6f2!important;font-variant-numeric:tabular-nums}#charge-hint{position:absolute;left:50%;bottom:118px;transform:translate(-50%);padding:8px 16px;white-space:nowrap;background:#081620d9;color:#ffe3ad;border:2px solid #e8a52b;font-size:13.5px}#charge-hint b{color:#ffd23f}#charge-hint.hidden{display:none}#charge-hint.charging{border-color:#7fe08a;color:#d8ffe0;animation:chargePulse .7s ease-in-out infinite}@keyframes chargePulse{50%{transform:translate(-50%) scale(1.05)}}@media (max-height: 500px){#charge-hint{bottom:84px;font-size:11px;padding:5px 10px}}