*{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)}#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)}#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)}#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}#hurt-overlay{position:fixed;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at center,transparent 45%,rgba(200,30,30,.55) 100%);opacity:0;transition:opacity .35s ease}#hurt-overlay.visible{opacity:1;transition:opacity .06s ease}#starve-overlay{position:fixed;inset:0;pointer-events:none;z-index:7;background:radial-gradient(ellipse at center,transparent 52%,rgba(170,25,20,.34) 100%);opacity:0;transition:opacity 1.2s ease}#starve-overlay.visible{opacity:1;animation:starve-breathe 3.2s ease-in-out infinite}@keyframes starve-breathe{0%,to{opacity:.55}50%{opacity:1}}#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.missing{color:#ff7d7d}#toast-area{position:absolute;left:50%;top:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.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}.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}.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}.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.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)}.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.selected{border-color:#ffa63d;box-shadow:0 4px #04101880,0 0 12px #ffa63d40}.slot-card .sc-body{display:flex;flex-direction:column;gap:1px;pointer-events:none}.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{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{background:#fff3}.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}@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)}.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}.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)}.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}