@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ink: #071820;--abyss: #02090d;--panel: rgba(6, 18, 25, .72);--panel-strong: rgba(6, 18, 25, .92);--edge: rgba(180, 225, 230, .12);--edge-strong: rgba(205, 238, 240, .26);--line: var(--edge);--line-strong: var(--edge-strong);--cream: #f4ecd9;--cream-hi: #fff8e8;--cream-lo: #e8d9b4;--muted: rgba(244, 236, 217, .68);--faint: rgba(244, 236, 217, .4);--seaglass: #7fe0c8;--seaglass-2: #3fb89d;--coral: #ff7a57;--gold: #f3c56b;--red: #ff5a4e;--blue: #63c3ff;--radius: 12px;--r-sm: 7px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Fraunces", Georgia, serif;--ui: "Barlow Condensed", "Arial Narrow", "Inter", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.45, .64, 1);--glass-bg: linear-gradient(180deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, 0) 24%), linear-gradient(180deg, rgba(12, 34, 45, .94), rgba(5, 16, 22, .95));--cream-bg: linear-gradient(180deg, var(--cream-hi) 0%, var(--cream-lo) 100%)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(127,224,200,.32) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7fe0c847;border-radius:99px}::-webkit-scrollbar-track{background:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#04121a;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none}#game-canvas{position:fixed;inset:0;width:100vw!important;height:100vh!important;display:block;outline:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:2}.layer{position:absolute;inset:0}.hidden{display:none!important}kbd,.key{display:inline-flex;align-items:center;justify-content:center;min-width:1.75em;height:1.75em;padding:0 .5em;margin:0 1px;border-radius:5px;background:var(--cream-bg);color:var(--ink);box-shadow:0 2px #8f7f5c,0 3px 6px #00000059;font:700 .8em/1 var(--ui);letter-spacing:.04em;vertical-align:middle;white-space:nowrap}.eyebrow{font:700 13px/1.2 var(--ui);letter-spacing:.26em;text-transform:uppercase;color:var(--seaglass)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes slideIn{0%{opacity:0;transform:translate(-14px)}}@keyframes pulse{50%{opacity:.35}}.hud{transition:opacity .3s}.hud.dim{opacity:0}.crosshair{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.crosshair .dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--cream);box-shadow:0 0 0 1px #0006;transition:transform .18s var(--ease),background .18s}.crosshair.focus .dot{transform:scale(1.8);background:var(--seaglass);box-shadow:0 0 0 1px #00000059,0 0 10px #7fe0c8cc}.crosshair svg{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.crosshair circle{fill:none;stroke-width:3;stroke-linecap:round}.crosshair .track{stroke:#040e1473}.crosshair .charge{stroke:var(--seaglass);filter:drop-shadow(0 0 4px rgba(127,224,200,.6));transition:stroke .2s}.crosshair .hitmark{position:absolute;inset:0;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s var(--ease)}.crosshair.hit .hitmark{opacity:1;transform:scale(1);transition:none}.crosshair .hitmark i{position:absolute;left:50%;top:50%;width:2px;height:7px;margin:-3.5px 0 0 -1px;background:var(--cream);box-shadow:0 0 0 1px #00000059;border-radius:1px}.crosshair .hitmark i:nth-child(1){transform:rotate(45deg) translateY(-9px)}.crosshair .hitmark i:nth-child(2){transform:rotate(135deg) translateY(-9px)}.crosshair .hitmark i:nth-child(3){transform:rotate(225deg) translateY(-9px)}.crosshair .hitmark i:nth-child(4){transform:rotate(315deg) translateY(-9px)}.crosshair .charge.full{stroke:var(--gold);filter:drop-shadow(0 0 6px rgba(243,197,107,.8))}.card.logbook{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:12px}.lb-tabs{display:flex;flex-wrap:wrap;gap:6px}.lb-tabs button{position:relative;display:flex;align-items:baseline;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--cream);font:600 13px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.lb-tabs button em{font-style:normal;opacity:.6;letter-spacing:0}.lb-tabs button.on{background:#f3c56b29;border-color:#f3c56b8c;color:var(--gold)}.lb-tabs button.new:after,.lb-card.fresh:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--seaglass);box-shadow:0 0 6px var(--seaglass)}.lb-body{display:grid;grid-template-columns:1fr 300px;gap:14px;min-height:0;flex:1}.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;overflow-y:auto;padding:2px 6px 2px 2px;max-height:62vh;align-content:start}.lb-grid.wide{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.lb-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 38%,#ffffff17,#ffffff05 70%);color:var(--cream);cursor:pointer;transition:transform .15s var(--ease),border-color .15s}.lb-card:hover{transform:translateY(-2px);border-color:#ffffff38}.lb-card img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.lb-card.unknown img,.lb-art.unknown img{filter:brightness(0) opacity(.5)}.lb-card img.missing,.lb-art img.missing{visibility:hidden}.lb-card span{font:600 12px/1.15 Inter,sans-serif;text-align:center;opacity:.9}.lb-card.unknown span{opacity:.45;letter-spacing:.2em}.lb-card em{position:absolute;top:6px;left:8px;font:700 11px/1 Barlow Condensed,sans-serif;font-style:normal;color:var(--gold)}.lb-card.far img{filter:brightness(0) opacity(.28)}.lb-card.far span{font:600 10.5px/1.15 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.lb-divider{grid-column:1 / -1;margin:10px 2px 2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font:700 11px/1 Barlow Condensed,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f5ecd88c}.lb-card.sel{border-color:#f3c56bb3;box-shadow:0 0 0 1px #f3c56b59 inset}.lb-card.r1.found{background:radial-gradient(circle at 50% 38%,#7fe0c829,#ffffff05 70%)}.lb-card.r2.found{background:radial-gradient(circle at 50% 38%,#80a0ff33,#ffffff05 70%)}.lb-card.r3.found{background:radial-gradient(circle at 50% 38%,#f3c56b47,#ffffff05 70%);border-color:#f3c56b66}.lb-detail{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#0000002e;border:1px solid rgba(255,255,255,.06)}.lb-art{display:grid;place-items:center;height:210px;border-radius:12px;background:radial-gradient(circle at 50% 42%,#ffffff1f,#fff0 70%)}.lb-art.r3{background:radial-gradient(circle at 50% 42%,#f3c56b4d,#fff0 70%)}.lb-art img{max-width:88%;max-height:190px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.card.logbook .lb-detail h3{margin:0;text-transform:none;letter-spacing:0;font:600 22px/1.1 Fraunces,Georgia,serif;color:var(--cream)}.lb-rarity{align-self:flex-start;padding:3px 9px;border-radius:999px;font:700 11px/1 Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14}.lb-rarity.r1{color:var(--seaglass)}.lb-rarity.r2{color:#9fb4ff}.lb-rarity.r3{color:var(--gold);background:#f3c56b24}.lb-desc,.lb-meta,.lb-hint{margin:0;font:14px/1.45 Inter,sans-serif;color:#f5ecd8d9}.lb-meta{font-size:12.5px;opacity:.7}.lb-hint{font:italic 15px/1.45 Fraunces,Georgia,serif}.lb-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.lb-set{padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.lb-set>div{display:flex;justify-content:space-between;gap:8px}.lb-set b{font:600 13px/1.2 Inter,sans-serif}.lb-set span{font:700 12px/1 Barlow Condensed,sans-serif;opacity:.7}.lb-set.done{border-color:#f3c56b73;background:#f3c56b14}.lb-set.done span{color:var(--gold);opacity:1}.lb-set p{margin:6px 0 0;font:italic 13px/1.4 Fraunces,Georgia,serif;opacity:.85}.card.logbook.museum{width:min(820px,calc(100vw - 32px))}.card.logbook .actions{display:flex;justify-content:flex-end}.logbook-link{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:10px 12px}.logbook-link svg{width:18px;height:18px}.logbook-link em{margin-left:auto;font-style:normal;opacity:.7}.toast.curio{display:flex;align-items:center;gap:10px}.toast.curio img{width:34px;height:34px;object-fit:contain}.toast.curio.first img{width:54px;height:54px}.toast.curio.first small{display:block;font:700 10px/1.3 Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.toast.curio.first b{font:600 16px/1.2 Fraunces,Georgia,serif}.toast.curio.r2.first{border-color:#9fb4ff80}.toast.curio.r3.first{border-color:#f3c56bb3;box-shadow:0 0 24px #f3c56b59}.toast.curio.r3.first small{color:var(--gold);opacity:1}@media(max-width:760px){.lb-body{grid-template-columns:1fr}.lb-detail{order:-1}.lb-art{height:140px}}.text-prompt{width:min(460px,calc(100vw - 32px))}.text-prompt .text-in{display:block;width:100%;margin:14px 0 16px;padding:12px 14px;font:600 26px/1.2 Fraunces,Georgia,serif;color:var(--cream);background:#040e148c;border:1px solid rgba(243,197,107,.45);border-radius:10px;outline:none;box-sizing:border-box}.text-prompt .text-in:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f3c56b33}.text-prompt .acts{display:flex;justify-content:flex-end;gap:8px}.prompt{position:absolute;left:50%;top:calc(50% + 40px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.prompt .pill{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:10px;background:#061219cc;border:1px solid var(--edge-strong);box-shadow:0 6px 18px #00000059;backdrop-filter:blur(8px);font:600 17px/1.1 var(--ui);letter-spacing:.03em;white-space:nowrap;animation:rise .18s var(--ease)}.prompt .pill .key{min-width:28px;height:28px;font-size:15px}.prompt .pill.hint{padding:6px 14px;background:#0612198c;border-color:var(--edge);font-weight:500;font-size:15px;color:var(--muted)}.prompt .pill.hint .urgent{color:var(--gold);font-size:19px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;animation:urgent .4s ease-in-out infinite alternate}@keyframes urgent{0%{opacity:.7}to{opacity:1}}.stats{position:absolute;isolation:isolate;left:24px;bottom:24px;display:flex;flex-direction:column;gap:9px;width:244px}.stats:before{content:"";position:absolute;left:-24px;bottom:-24px;width:360px;height:190px;background:radial-gradient(ellipse at 0% 100%,#020a0e99,#020a0e00 70%);pointer-events:none;z-index:-1}.stat{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:10px}.stat .badge{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#061219d1;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 8px #00000073;transition:border-color .3s}.stat .badge svg{width:16px;height:16px}.stat .bar{position:relative;height:10px;border-radius:3px;background:#030c11c7;border:1px solid rgba(255,255,255,.11);overflow:hidden;box-shadow:inset 0 1px 3px #0000008c,0 1px #ffffff08}.stat .bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.4) calc(10% - 1px) 10%);pointer-events:none}.stat .fill,.stat .lag{position:absolute;inset:0;transform-origin:left}.stat .lag{background:#fff0de8c;transition:transform .9s var(--ease) .45s}.stat .fill{transition:transform .25s linear;box-shadow:inset 0 1px #ffffff59}.stat.health .fill{background:linear-gradient(180deg,#ff8f7d,#e44737)}.stat.hunger .fill{background:linear-gradient(180deg,#ffd27f,#df922a)}.stat.thirst .fill{background:linear-gradient(180deg,#92dbff,#2d9ddf)}.stat .v{font:700 17px/1 var(--ui);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--cream);text-shadow:0 1px 4px rgba(0,0,0,.8)}.stat.low .badge{border-color:#ff5a4ee6;animation:alarm .9s ease-in-out infinite}.stat.low .v{color:#ff9282}.stat.low .fill{animation:pulse .9s ease-in-out infinite}@keyframes alarm{50%{box-shadow:0 0 0 5px #ff5a4e38,0 0 16px #ff5a4e99}}.stat.hit .bar{animation:hit .4s ease-out}@keyframes hit{0%{filter:brightness(2.4);transform:translate(-2px)}40%{transform:translate(2px)}to{filter:none;transform:none}}.stats .worn{display:flex;gap:6px;margin-left:40px}.stats .worn img{width:30px;height:30px;padding:3px;object-fit:contain;border-radius:8px;background:#061219cc;border:1px solid var(--edge-strong)}.buffs{display:flex;flex-wrap:wrap;gap:6px}.buffs:empty{display:none}.buff{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:99px;background:#061219cc;border:1px solid rgba(243,197,107,.4);box-shadow:0 2px 8px #0006,0 0 12px #f3c56b1f;font:700 13px/1 var(--ui);letter-spacing:.05em;animation:rise .3s var(--ease)}.buff svg{width:15px;height:15px}.buff span{color:var(--gold);font-variant-numeric:tabular-nums}.oxygen{position:absolute;left:50%;top:104px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 16px;border-radius:99px;background:#061219cc;border:1px solid rgba(191,233,255,.3);box-shadow:0 6px 18px #00000059;transition:opacity .3s}.oxygen .bar{width:200px;height:8px;border-radius:99px;background:#00000073;overflow:hidden}.oxygen .fill{height:100%;background:linear-gradient(90deg,#aee3ff,#fff);box-shadow:0 0 10px #bfe9ff99;transform-origin:left}.oxygen.low .fill{background:var(--red);animation:pulse .6s ease-in-out infinite}.hotbar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:6px;padding:8px;border-radius:16px;background:linear-gradient(180deg,#0c202abd,#040e14d6);border:1px solid var(--edge);box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0f;backdrop-filter:blur(10px)}.held-name{position:absolute;left:50%;bottom:108px;transform:translate(-50%);font:700 18px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8);transition:opacity .4s}.slot{position:relative;width:62px;height:62px;border-radius:10px;background:linear-gradient(180deg,#ffffff0f,#ffffff04);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 7px #00000073,inset 0 -1px #ffffff0a;display:grid;place-items:center;transition:transform .16s var(--ease),border-color .16s,background .16s,box-shadow .16s}.slot img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5));pointer-events:none}.slot .n{position:absolute;top:4px;left:6px;font:700 12px/1 var(--ui);color:#f4ecd96b}.slot .c{position:absolute;right:5px;bottom:3px;font:700 15px/1 var(--ui);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000,0 0 5px rgba(0,0,0,.85)}.slot .dur{position:absolute;left:8px;right:8px;bottom:5px;height:3px;border-radius:9px;background:#0000008c;overflow:hidden}.slot .dur i{display:block;height:100%;background:linear-gradient(90deg,var(--seaglass-2),var(--seaglass))}.slot.sel{border-color:#fff8e6e6;background:linear-gradient(180deg,#fff8e633,#fff8e60d);box-shadow:0 0 0 1px #fff8e64d,0 0 20px #fff8e638,inset 0 2px 6px #0000004d;transform:translateY(-5px)}.slot.sel:before{content:"";position:absolute;top:-9px;left:22px;right:22px;height:3px;border-radius:2px;background:var(--gold);box-shadow:0 0 10px #f3c56be6}.slot.sel .n{color:var(--gold)}.toasts{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:390px}.toast{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:10px;background:linear-gradient(90deg,#081821eb,#081821bd);border:1px solid var(--edge);border-left:3px solid var(--seaglass);box-shadow:0 8px 24px #00000059;backdrop-filter:blur(10px);font-size:14px;animation:toastIn .4s var(--spring);transition:opacity .5s,transform .5s var(--ease)}.toast img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.toast.item{padding:5px 16px 5px 6px}.toast.item b{font:700 19px/1 var(--ui);color:var(--seaglass)}.toast.item span{font:600 16px/1 var(--ui);letter-spacing:.04em}.toast.msg{padding:10px 16px;border-left-color:var(--cream-lo);font:500 14px/1.4 var(--font);max-width:390px}.toast.goal{align-items:flex-start;padding:10px 16px 10px 10px;border-left-color:var(--gold);background:linear-gradient(90deg,#2a210cf0,#0a161bd6);max-width:390px}.toast.goal .tick{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1b1404;box-shadow:0 0 14px #f3c56b80}.toast.goal .tick svg{width:16px;height:16px;stroke-width:2.8}.toast.goal small{display:block;margin-bottom:4px;font:700 11px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.toast.goal span{font-size:13px;line-height:1.4;color:var(--cream)}.toast.out{opacity:0;transform:translate(18px)}@keyframes toastIn{0%{opacity:0;transform:translate(28px)}}.topleft{position:absolute;left:24px;top:20px;display:flex;flex-direction:column;gap:14px;max-width:390px}.clock{display:flex;align-items:center;gap:11px}.clock .sky{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#061219bf;border:1px solid rgba(243,197,107,.38);box-shadow:0 0 18px #f3c56b29,0 3px 10px #0006;transition:color .6s,border-color .6s,box-shadow .6s}.clock .sky svg{width:20px;height:20px}.clock.night .sky{color:#c4d8ff;border-color:#c4d8ff61;box-shadow:0 0 18px #c4d8ff29,0 3px 10px #0006}.clock .day{font:800 29px/1 var(--display);letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.6)}.clock .time{font:600 17px/1 var(--ui);letter-spacing:.1em;color:var(--muted);text-shadow:0 1px 6px rgba(0,0,0,.8)}.objectives{padding:11px 14px 12px;border-radius:12px;background:linear-gradient(90deg,#061219d1,#06121975);border:1px solid var(--edge);border-left:3px solid var(--gold);box-shadow:0 8px 24px #00000040;backdrop-filter:blur(8px)}.obj-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font:700 12px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.obj-head em{font-style:normal;letter-spacing:.08em;color:var(--faint)}.objectives ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.objectives li{position:relative;padding-left:17px;font-size:14px;line-height:1.4;color:var(--cream);animation:slideIn .4s var(--ease)}.objectives li:before{content:"";position:absolute;left:1px;top:6px;width:7px;height:7px;transform:rotate(45deg);border:1.5px solid var(--gold);background:#f3c56b40}.objectives li.next{font-size:12.5px;color:var(--faint)}.objectives li.next:before{border-color:var(--faint);background:none}.banner{position:absolute;left:50%;top:21%;transform:translate(-50%);text-align:center;pointer-events:none;animation:banner 3.2s var(--ease) forwards}.banner .t{font:800 60px/1 var(--display);letter-spacing:-.015em;text-shadow:0 4px 34px rgba(0,0,0,.5)}.banner .s{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;font:700 14px/1 var(--ui);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.6)}.banner .s:before,.banner .s:after{content:"";width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.banner .s:after{background:linear-gradient(90deg,var(--gold),transparent)}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px);letter-spacing:.02em}14%,76%{opacity:1;transform:translate(-50%)}to{opacity:0}}.compass{position:absolute;left:50%;top:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.compass .window{position:relative;width:440px;height:36px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#061219d6,#0612199e);border:1px solid var(--edge);box-shadow:0 6px 20px #00000059,inset 0 1px #ffffff0d;backdrop-filter:blur(8px);-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;left:0;top:0;height:100%;will-change:transform}.compass .strip i{position:absolute;bottom:0;width:1px;height:5px;background:var(--faint)}.compass .strip i.maj{height:8px;background:var(--muted)}.compass .strip i.card{width:2px;height:11px;background:var(--cream)}.compass .strip b,.compass .strip em{position:absolute;top:5px;transform:translate(-50%);font:700 15px/1 var(--ui);letter-spacing:.06em;color:var(--cream);font-style:normal}.compass .strip b.c{color:var(--coral)}.compass .strip em{top:7px;font-weight:600;font-size:11px;color:var(--faint)}.compass .mark{position:absolute;left:0;top:8px;margin-left:-9px;width:18px;height:18px;font-size:14px;line-height:18px;text-align:center;transition:opacity .2s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.compass .needle{position:absolute;left:50%;top:0;width:0;height:0;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--gold);filter:drop-shadow(0 0 4px rgba(243,197,107,.7))}.compass .readout{display:flex;gap:6px;font:600 13px/1 var(--ui);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--muted)}.compass .readout span{padding:4px 9px;border-radius:99px;background:#06121999;border:1px solid var(--edge);text-shadow:0 1px 4px rgba(0,0,0,.6)}.compass .readout span:empty{display:none}.compass .readout .spd{color:var(--cream)}.compass .readout .anchor{color:var(--gold)}.compass .readout .signaltxt{color:#7dffb0}.compass .readout .rafttxt{color:#e8c38a}.compass .readout .pintxt{color:#ff9b8a}.radial{position:absolute;isolation:isolate;left:50%;top:50%;width:0;height:0;opacity:0;pointer-events:none;transition:opacity .12s}.radial.show{opacity:1}.radial .opt{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:radial-gradient(circle at 50% 28%,#163846f5,#051016f5);border:1px solid var(--edge-strong);box-shadow:0 8px 22px #00000073,inset 0 1px #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .16s var(--spring),background .14s,border-color .14s,box-shadow .14s}.radial .opt img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.radial .opt b{font:700 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}.radial .opt.cant{opacity:.45}.radial .opt.on{opacity:1;background:radial-gradient(circle at 50% 28%,#7fe0c880,#0e463ef7);border-color:var(--seaglass);box-shadow:0 0 0 3px #7fe0c82e,0 0 26px #7fe0c866;transform:scale(1.16)}.radial .opt.on.cant{background:radial-gradient(circle at 50% 28%,#ff7a5766,#461810f5);border-color:var(--coral);box-shadow:0 0 0 3px #ff7a572e}.radial .mid{position:absolute;width:230px;margin-left:-115px;top:-44px;text-align:center;display:flex;flex-direction:column;gap:6px}.radial .mid:before{content:"";position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;border:1px solid rgba(127,224,200,.2);background:radial-gradient(circle,#030c119e,#030c1166 62%,#030c111f);box-shadow:0 0 0 6px #030c112e,inset 0 0 30px #7fe0c80f;backdrop-filter:blur(4px);z-index:-1}.radial .mid b{font:700 26px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}.radial .mid .cost{font:600 14px/1 var(--ui);letter-spacing:.06em;color:var(--gold)}.radial .mid small{font-size:12px;line-height:1.4;color:var(--muted)}.achievement{position:absolute;top:116px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 24px 12px 12px;border-radius:14px;background:linear-gradient(90deg,#3e2f0ef5,#18150ced);border:1px solid rgba(243,197,107,.6);box-shadow:0 16px 50px #00000080,0 0 34px #f3c56b29;animation:achIn .55s var(--spring);transition:opacity .6s}.achievement .ach-badge{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;color:#2a1d04;background:radial-gradient(circle at 35% 30%,#ffe7ad,#d99a2b);box-shadow:0 0 0 3px #f3c56b4d,0 0 22px #f3c56b73}.achievement .ach-badge svg{width:26px;height:26px}@keyframes achIn{0%{opacity:0;transform:translate(-50%,-12px) scale(.94)}}.achievement.out{opacity:0}.achievement small{display:block;font:700 11px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.achievement b{display:block;margin:4px 0 2px;font:800 21px/1.1 var(--display)}.achievement span{font-size:12.5px;color:var(--muted)}.btn{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--edge-strong);background:linear-gradient(180deg,#ffffff14,#ffffff05);color:var(--cream);font:700 15px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:12px 20px;border-radius:var(--r);box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000040;cursor:pointer;pointer-events:auto;transition:transform .16s var(--ease),background .16s,border-color .16s,box-shadow .16s,color .16s}.btn:hover{border-color:#7fe0c899;background:linear-gradient(180deg,#7fe0c833,#7fe0c812);box-shadow:inset 0 1px #ffffff1a,0 0 0 3px #7fe0c814,0 6px 18px #0000004d}.btn:active{transform:translateY(1px) scale(.98)}.btn:focus-visible,.mi:focus-visible,.diff-card:focus-visible,.link:focus-visible{outline:2px solid var(--seaglass);outline-offset:3px}.btn.primary{color:var(--ink);border-color:#fff8e6f2;background:var(--cream-bg);box-shadow:inset 0 1px #fff,0 6px 22px #f3c56b33,0 2px 6px #0000004d}.btn.primary:hover{background:linear-gradient(180deg,#fff,#f3e4c1);box-shadow:inset 0 1px #fff,0 0 0 3px #f3c56b33,0 10px 28px #f3c56b4d}.btn.small{padding:8px 13px;font-size:13px;letter-spacing:.08em;border-radius:var(--r-sm)}.btn.big{padding:15px 32px;font-size:18px}.btn.ghost{background:transparent;box-shadow:none;border-color:var(--edge)}.btn.danger:hover{border-color:#ff5a4ebf;background:#ff5a4e29;color:#ffdcd6;box-shadow:0 0 0 3px #ff5a4e1a}.btn:disabled{opacity:.38;cursor:default;transform:none;box-shadow:none;filter:saturate(.5)}.btn:disabled:hover{border-color:var(--edge-strong);background:linear-gradient(180deg,#ffffff14,#ffffff05)}.link{display:inline-flex;align-items:center;gap:7px;padding:4px 0;border:0;background:none;color:var(--faint);font:700 13px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .2s}.link svg{width:16px;height:16px}.link:hover{color:var(--cream)}.modal{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at center,#020a0e6b,#020a0ec7);backdrop-filter:blur(3px);animation:fade .22s ease}.modal>.card,.modal>.note-card{animation:cardIn .32s var(--ease)}.card{position:relative;background:var(--glass-bg);border:1px solid var(--edge);border-radius:var(--r-xl);box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff12;backdrop-filter:blur(20px) saturate(1.15)}.card:before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(127,224,200,.6),transparent);pointer-events:none}.card h2{margin:0;font:700 26px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.card h3{margin:0 0 10px;font:700 12px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.panel-head,.card .head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--edge)}.panel-head .count{font:700 13px/1 var(--ui);letter-spacing:.06em;color:var(--seaglass);padding:4px 9px;border-radius:99px;background:#7fe0c81a;border:1px solid rgba(127,224,200,.25)}.panel-head .hint,.card .head>span{margin-left:auto;font-size:12px;color:var(--faint)}.panel-foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--edge)}.inventory{display:grid;grid-template-columns:auto 440px;gap:30px;padding:24px 26px;max-height:90vh}.inv-col,.crafting{display:flex;flex-direction:column;min-height:0}.inv-grid{display:grid;grid-template-columns:repeat(5,66px);gap:8px}.inv-grid .slot{width:66px;height:66px;cursor:grab;pointer-events:auto}.inv-grid .slot:hover{border-color:#7fe0c88c;background:linear-gradient(180deg,#7fe0c829,#7fe0c80a)}.inv-grid .slot.drop{border-color:var(--seaglass)}.inv-grid .slot.sel{transform:none}.inv-grid .slot.sel:before{display:none}.inv-hotbar,.inv-worn{margin-top:18px;padding-top:15px;border-top:1px solid var(--edge)}.inv-worn h3 small{font:500 11px var(--font);letter-spacing:0;text-transform:none;color:var(--faint);margin-left:6px}.worn-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.worn-slot{display:flex;align-items:center;gap:8px;height:46px;min-width:0;padding:0 10px 0 6px;border-radius:var(--r);background:#00000038;border:1px solid var(--edge);color:var(--cream);font:600 14px/1 var(--ui);letter-spacing:.04em;pointer-events:auto}button.worn-slot{cursor:pointer}button.worn-slot:hover{border-color:#7fe0c88c;background:#7fe0c81a}.worn-slot img{width:32px;height:32px;object-fit:contain}.worn-slot.empty{justify-content:center;color:var(--faint);border-style:dashed;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px;margin-bottom:12px;border-radius:12px;background:#00000042;border:1px solid var(--edge)}.tabs button{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 7px;border:0;border-radius:8px;background:none;color:var(--faint);font:700 11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s}.tabs button svg{width:20px;height:20px}.tabs button:hover{color:var(--cream);background:#ffffff0d}.tabs button.on{color:var(--ink);background:var(--cream-bg);box-shadow:0 2px 8px #0000004d}.tabs button.new:after{content:"";position:absolute;top:5px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.recipes{display:flex;flex-direction:column;gap:6px;overflow:auto;padding-right:6px;max-height:58vh}.recipe{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 10px 8px 8px;border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--edge);transition:border-color .2s,background .2s}.recipe:hover{border-color:var(--edge-strong);background:#ffffff0d}.recipe.ready{border-color:#7fe0c84d}.r-icon{width:56px;height:56px;border-radius:10px;display:grid;place-items:center;background:#00000042;border:1px solid var(--edge)}.recipe.ready .r-icon{border-color:#7fe0c873;box-shadow:inset 0 0 18px #7fe0c824}.r-icon img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.r-body{min-width:0}.recipe .name{font:700 17px/1 var(--ui);letter-spacing:.04em}.recipe .name em{font-style:normal;color:var(--seaglass);margin-left:6px}.recipe .desc{margin-top:4px;font-size:12px;line-height:1.35;color:var(--faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe .cost{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.recipe .btn{pointer-events:auto}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;border-radius:99px;background:#0000004d;border:1px solid var(--edge);font:700 13px/1 var(--ui);letter-spacing:.03em;font-variant-numeric:tabular-nums}.chip img{width:20px;height:20px}.chip.short{color:#ff9282;border-color:#ff5a4e59}.recipes .undiscovered{display:flex;align-items:center;gap:10px;margin-top:8px;padding:11px 13px;border:1px dashed var(--edge-strong);border-radius:10px;color:var(--muted);font-size:13px}.undiscovered svg{flex:none;width:18px;height:18px;color:var(--faint)}.journal{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:58vh}.journal .note-link{justify-content:flex-start;gap:12px;width:100%;padding:13px 14px;font:600 16px/1.25 var(--display);letter-spacing:0;text-transform:none;text-align:left}.journal .note-link svg{flex:none;width:20px;height:20px;color:var(--gold)}.cb-head{margin:4px 0 8px;color:var(--gold)!important}.cookbook{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.dish{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:8px 10px 8px 8px;border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--edge)}.dish.made{border-color:#f3c56b59}.dish .name{display:flex;align-items:center;gap:6px;font:700 17px/1 var(--ui);letter-spacing:.04em}.dish .name em{font-style:normal;color:var(--seaglass)}.made-tag{margin-left:auto;padding:3px 7px;border-radius:99px;font:700 10px/1 var(--ui);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#1b1404;background:var(--gold)}.dish .cost{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.dish .desc{margin-top:6px;font-size:12px;color:var(--gold)}.fx.buff{color:var(--gold);border-color:#f3c56b59}.journal .empty{color:var(--muted);font-size:14px;line-height:1.5}.panel-actions{display:flex;gap:8px;margin-top:14px}.panel-head .btn.small.ghost{padding:5px 10px;font-size:12px}.tooltip{position:fixed;z-index:10;width:280px;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#102834fa,#061219fa);border:1px solid var(--edge-strong);box-shadow:0 18px 50px #0000008c;pointer-events:none;animation:fade .14s ease}.tt-head{display:flex;align-items:center;gap:11px;margin-bottom:9px}.tt-head img{width:46px;height:46px;padding:3px;object-fit:contain;border-radius:9px;background:#00000047;border:1px solid var(--edge)}.tt-head b{display:block;font:700 20px/1.05 var(--ui);letter-spacing:.03em}.tt-head .tag{display:inline-block;margin-top:4px;font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--seaglass)}.tt-head .tag.food,.tt-head .tag.drink{color:var(--gold)}.tt-head .tag.tool{color:var(--blue)}.tt-head .tag.placeable{color:#d9b8ff}.tooltip p{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}.tt-fx{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.fx{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 5px;border-radius:99px;background:#0000004d;border:1px solid var(--edge);font:700 13px/1 var(--ui);letter-spacing:.03em}.fx svg{width:14px;height:14px}.fx.neg{color:#ff9282}.tt-dur{display:flex;align-items:center;gap:8px;margin-top:10px;font:700 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.tt-dur i{flex:1;height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden}.tt-dur b{display:block;height:100%;background:var(--seaglass)}.drag-ghost{position:fixed;z-index:11;width:58px;height:58px;pointer-events:none;transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}.title{position:absolute;inset:0;pointer-events:auto;background:linear-gradient(90deg,#020a0ee6,#020a0eb3 26%,#020a0e40 50%,#020a0e00 66%),linear-gradient(0deg,#020a0e99,#020a0e00 26%);animation:fade 1.1s ease}.title-col{position:absolute;left:7vw;top:50%;transform:translateY(-50%);width:min(560px,86vw);display:flex;flex-direction:column}.title-col.wide{width:min(1000px,86vw)}.logo{margin-bottom:40px}.wordmark{font:800 clamp(110px,15vw,212px)/.8 var(--display);letter-spacing:-.055em;color:var(--cream);text-shadow:0 10px 50px rgba(0,0,0,.35)}.wordmark .drip{color:var(--seaglass);text-shadow:0 0 40px rgba(127,224,200,.3),0 10px 50px rgba(0,0,0,.35)}.logo-wave{display:block;width:min(330px,60%);margin:18px 0 0 6px;color:var(--seaglass);opacity:.75}.tagline{margin:14px 0 0 8px;font:600 15px/1 var(--ui);letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}.tagline i{font-style:normal;color:var(--seaglass);margin:0 .3em}.menu{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.mi{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-left:-26px;padding:9px 26px;border:0;border-radius:6px;background:none;color:#f4ecd9cc;text-align:left;cursor:pointer;pointer-events:auto;transition:color .2s,transform .3s var(--ease);animation:slideIn .5s var(--ease) both}.menu .mi:nth-child(2){animation-delay:.04s}.menu .mi:nth-child(3){animation-delay:.08s}.menu .mi:nth-child(4){animation-delay:.12s}.menu .mi:nth-child(5){animation-delay:.16s}.menu .mi:nth-child(6){animation-delay:.2s}.mi:before{content:"";position:absolute;left:8px;top:11px;bottom:11px;width:3px;border-radius:2px;background:var(--seaglass);box-shadow:0 0 14px #7fe0c8bf;transform:scaleY(0);transition:transform .28s var(--ease)}.mi:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,#7fe0c824,#7fe0c800 75%);opacity:0;transition:opacity .25s;z-index:-1}.mi-label{font:700 31px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.5)}.mi-sub{font:500 13px/1.2 var(--font);color:var(--muted)}.mi:hover,.mi:focus-visible{color:#fff;transform:translate(8px)}.mi:hover:before,.mi:focus-visible:before{transform:scaleY(1)}.mi:hover:after,.mi:focus-visible:after{opacity:1}.mi.primary{color:#fff}.mi.primary:before{transform:scaleY(1);background:var(--gold);box-shadow:0 0 14px #f3c56bb3}.mi.primary .mi-sub{color:var(--gold)}.title-links{display:flex;gap:22px;margin-top:30px}.title-foot{position:absolute;left:7vw;right:7vw;bottom:26px;display:flex;justify-content:space-between;font-size:12px;color:#f4ecd957}.touch-note{margin-top:18px;max-width:380px;font-size:13px;line-height:1.5;color:var(--gold)}.screen-head{margin-bottom:26px}.screen-head h1{margin:10px 0 0;font:800 clamp(40px,5vw,64px)/1 var(--display);letter-spacing:-.02em;text-shadow:0 6px 30px rgba(0,0,0,.45)}.screen-head p{margin:12px 0 0;font-size:15px;color:var(--muted)}.screen-foot{display:flex;gap:12px;margin-top:26px}.diff-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.diff-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:270px;padding:16px 18px 52px;border-radius:var(--r-lg);border:1px solid var(--edge);background:linear-gradient(180deg,#0e2834d9,#051016e6);box-shadow:0 18px 50px #0006,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);color:var(--cream);text-align:left;cursor:pointer;pointer-events:auto;transition:transform .28s var(--ease),border-color .2s,box-shadow .28s;animation:rise .5s var(--ease) both}.diff-card:nth-child(2){animation-delay:.06s}.diff-card:nth-child(3){animation-delay:.12s}.diff-card:hover{transform:translateY(-6px);border-color:#7fe0c899;box-shadow:0 28px 64px #00000080,0 0 0 3px #7fe0c81a}.diff-card.rec{border-color:#f3c56b73}.dc-art{display:grid;place-items:center;width:100%;height:92px;margin-bottom:6px;border-radius:var(--r);border:1px solid rgba(255,255,255,.05);background:radial-gradient(ellipse at 50% 130%,#63c3ff33,#0000 70%),#0003}.dc-art svg{width:80%;height:76%}.diff-card b{font:700 28px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.diff-card.calm b{color:#aef2df}.diff-card.normal b{color:#a8dbff}.diff-card.rough b{color:#ffb49e}.diff-card span{font-size:13.5px;line-height:1.5;color:var(--muted)}.rec-tag{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:99px;font:700 11px/1 var(--ui);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#1b1404;background:var(--gold)}.dc-go{position:absolute;left:18px;bottom:18px;font:700 14px/1 var(--ui);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--seaglass);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s var(--ease)}.diff-card:hover .dc-go{opacity:1;transform:none}.menu.rafts{align-items:stretch;gap:10px;width:min(760px,100%)}.raft-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--edge);background:linear-gradient(180deg,#0e2834d1,#051016e0);box-shadow:0 12px 34px #00000059,inset 0 1px #ffffff0d;backdrop-filter:blur(14px);color:var(--cream);text-align:left;animation:rise .45s var(--ease) both}.raft-row:nth-child(2){animation-delay:.05s}.raft-row:nth-child(3){animation-delay:.1s}.raft-row.latest{border-color:#f3c56b73}.raft-row.empty{background:#05101680;border-style:dashed}button.raft-row{font:inherit;cursor:pointer;pointer-events:auto;grid-template-columns:56px 1fr;transition:transform .25s var(--ease),border-color .2s}button.raft-row:hover{transform:translate(8px);border-color:#ff5a4ea6}.rr-num{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;font:800 28px/1 var(--display);color:var(--seaglass);background:#7fe0c814;border:1px solid rgba(127,224,200,.22)}.raft-row.latest .rr-num{color:var(--gold);background:#f3c56b14;border-color:#f3c56b4d}.raft-row.empty .rr-num{color:var(--faint);background:transparent;border-color:var(--edge)}.rr-body{display:flex;flex-direction:column;gap:5px;min-width:0}.rr-body b{font:700 20px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.rr-body span{font-size:14px}.rr-body small{font-size:12px;color:var(--faint)}.diff-tag{font-style:normal;font-weight:600}.diff-tag.calm{color:#aef2df}.diff-tag.normal{color:#a8dbff}.diff-tag.rough{color:#ffb49e}.raft-acts{display:flex;gap:8px;flex-shrink:0}.pause-wrap{position:absolute;inset:0;display:grid;grid-template-columns:minmax(400px,40vw) 1fr;align-items:center;background:linear-gradient(90deg,#020a0ee6,#020a0ea8 34%,#020a0e33 64%,#020a0e66)}.pause{padding-left:7vw;animation:slideIn .4s var(--ease)}.pause h1{margin:10px 0 26px;font:800 76px/1 var(--display);letter-spacing:-.02em;text-shadow:0 6px 30px rgba(0,0,0,.45)}.pause-side{justify-self:end;align-self:end;width:380px;margin:0 5vw 7vh 0;padding:22px 24px;animation:cardIn .45s var(--ease)}.pause-side .kv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px;margin:14px 0 20px}.kv b{display:block;font:700 30px/1 var(--ui);letter-spacing:.02em}.kv span{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.pause-side .goal{margin:8px 0 0;font-size:14px;line-height:1.5}.card.settings{display:flex;flex-direction:column;width:min(720px,94vw);max-height:88vh;padding:26px 30px}.seg-tabs{display:flex;gap:4px;padding:4px;margin-bottom:8px;border-radius:12px;background:#00000042;border:1px solid var(--edge)}.seg-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;border:0;border-radius:8px;background:none;color:var(--muted);font:700 15px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.seg-tabs button svg{width:18px;height:18px}.seg-tabs button:hover{color:var(--cream);background:#ffffff0d}.seg-tabs button.on{color:var(--ink);background:var(--cream-bg);box-shadow:0 2px 8px #0000004d}.panes{overflow:auto;min-height:320px}.pane{display:none}.pane.on{display:block;animation:rise .25s var(--ease)}.settings .row{display:grid;grid-template-columns:1fr minmax(250px,320px);align-items:center;gap:22px;padding:14px 4px;border-bottom:1px solid var(--edge)}.lbl label{font-size:15px;font-weight:600}.lbl small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--faint)}.ctl{display:flex;align-items:center;justify-content:flex-end;gap:12px}.ctl.range output{width:50px;text-align:right;font:700 15px/1 var(--ui);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--seaglass)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--seaglass) var(--p),rgba(255,255,255,.13) var(--p))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6.5px;border-radius:50%;background:var(--cream-hi);border:3px solid var(--seaglass-2);box-shadow:0 2px 8px #00000073;transition:transform .15s var(--spring)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{height:5px;border-radius:99px;background:#ffffff21}input[type=range]::-moz-range-progress{height:5px;border-radius:99px;background:var(--seaglass)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--cream-hi);border:3px solid var(--seaglass-2)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:#0000004d;border:1px solid var(--edge)}.seg button{padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--muted);font:700 13px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.seg button:hover{color:var(--cream)}.seg button.on{background:var(--seaglass);color:#06201b;box-shadow:0 2px 8px #0000004d}.switch{position:relative;display:inline-block;width:48px;height:27px;cursor:pointer}.switch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer;z-index:1}.switch i{position:absolute;inset:0;border-radius:99px;background:#ffffff21;border:1px solid var(--edge-strong);transition:background .2s,border-color .2s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#e6ddc7;box-shadow:0 2px 6px #00000073;transition:transform .24s var(--spring),background .2s}.switch input:checked+i{background:var(--seaglass-2);border-color:var(--seaglass)}.switch input:checked+i:after{transform:translate(21px);background:#fff}select{background:#0000004d;color:var(--cream);border:1px solid var(--edge-strong);border-radius:8px;padding:6px 8px;font:500 13px var(--font)}.card.controls{width:min(760px,94vw);padding:26px 30px}.controls .lede{margin:0 0 18px;font:500 15px/1.6 var(--font);color:var(--muted)}.key-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.key-groups h3{margin-bottom:8px;color:var(--seaglass)}.key-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--edge);font-size:14px;color:var(--muted)}.key-row .keys{display:flex;align-items:center;gap:3px;color:var(--cream);font:600 13px/1 var(--ui);letter-spacing:.04em}.credits .key-row .who{color:var(--cream);font:600 12px/1.3 var(--ui);letter-spacing:.04em;text-align:right}.credits .key-row a{color:var(--seaglass);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--seaglass) 40%,transparent)}.credits .key-row a:hover{border-bottom-color:var(--seaglass)}.card.achievements{display:flex;flex-direction:column;width:min(780px,94vw);max-height:88vh;padding:26px 30px}.card.achievements .count{margin:0;font:700 15px/1 var(--ui);letter-spacing:.08em;color:var(--gold)}.ach-progress{flex:1;max-width:280px;height:6px;margin-left:auto;border-radius:99px;background:#ffffff1a;overflow:hidden}.ach-progress i{display:block;height:100%;background:linear-gradient(90deg,#d99a2b,var(--gold));box-shadow:0 0 10px #f3c56b99}.ach-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;padding-right:4px}.ach{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--edge);background:#0000002e}.ach .ach-badge{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--faint);background:#ffffff0d;border:1px dashed var(--edge-strong)}.ach .ach-badge svg{width:20px;height:20px}.ach.got{border-color:#f3c56b66;background:linear-gradient(90deg,#f3c56b1a,#0000001a)}.ach.got .ach-badge{color:#2a1d04;background:radial-gradient(circle at 35% 30%,#ffe7ad,#d99a2b);border:0;box-shadow:0 0 14px #f3c56b59}.ach-text b{display:block;font:700 16px/1.1 var(--ui);letter-spacing:.04em;color:var(--muted)}.ach.got .ach-text b{color:var(--gold)}.ach-text span{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--faint)}.ach.got .ach-text span{color:var(--muted)}.modal.death-bg{place-items:end center;background:linear-gradient(180deg,#02080c4d,#02080ce6 72%),url(/art/keyart/death.jpg) center / cover;backdrop-filter:none}.death{width:min(640px,92vw);margin-bottom:8vh;text-align:center;animation:rise 1.1s var(--ease)}.death h1{margin:12px 0 8px;font:800 clamp(56px,8vw,96px)/1 var(--display);letter-spacing:-.02em;text-shadow:0 6px 40px rgba(0,0,0,.6)}.death p{margin:0 0 26px;font-size:18px;color:var(--muted)}.death .kv{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}.death .kv div{padding:13px 8px;border-radius:12px;background:#0612199e;border:1px solid var(--edge);backdrop-filter:blur(8px)}.death-note{display:block;margin-top:14px;font-size:12.5px;color:var(--faint)}.fatal-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#04080cbd;backdrop-filter:blur(6px)}.card.fatal{max-width:460px;padding:28px 32px;text-align:center}.card.fatal p{margin:12px 0 22px;line-height:1.5;color:var(--muted)}.fatal{max-width:560px;text-align:center;line-height:1.5;color:var(--muted)}.fatal b{color:var(--cream)}.click-to-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 22px;border-radius:12px;background:var(--panel-strong);border:1px solid var(--edge-strong);font:700 17px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;pointer-events:auto;cursor:pointer}.modal.note-modal{background:radial-gradient(ellipse at center,#020a0e80,#020a0ed9)}.note-card{position:relative;width:min(580px,92vw);padding:36px 40px 28px;background:radial-gradient(ellipse at 20% 10%,#ffffff59,#fff0 50%),linear-gradient(180deg,#f1e8d1,#e0d2ae);color:#2b2418;border-radius:4px;box-shadow:0 30px 80px #0000008c,inset 0 0 70px #785a2838;transform:rotate(-.6deg);font-family:var(--display)}.note-card h2{margin:0 0 14px;font-size:25px;font-weight:700}.note-card p{margin:0 0 12px;font-size:17px;line-height:1.6}.note-card .reveal{margin:10px 0 14px;font:700 14px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#8a4f12}.note-card .btn{color:#2b2418;border-color:#2b241859;background:#2b24180f;box-shadow:none}.note-card .btn kbd{background:#2b24181f;box-shadow:0 2px #2b24184d}.card.radio{width:min(740px,94vw);padding:24px 28px}.radio-body{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:16px}.radio-body .scope{width:300px;height:300px;border-radius:50%;background:#04140c;box-shadow:inset 0 0 40px #3dff8a2e,0 0 0 2px #3dff8a47,0 0 30px #3dff8a1a}.radio-info{font-size:14px;line-height:1.5}.radio-info .batt{display:flex;align-items:center;gap:10px;margin-bottom:12px;font:700 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.radio-info .batt i{flex:1;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.radio-info .batt b{display:block;height:100%;background:#3dff8a;box-shadow:0 0 10px #3dff8a99}.radio-info .ok{color:#7dffb0}.radio-info .warn{color:var(--gold)}.radio-info .dim{color:var(--muted)}.radio-info ul{margin:0;padding:0 0 0 16px;color:var(--muted)}.radio-info h3{margin-top:14px}.journal .blueprints{display:grid;gap:8px;margin-bottom:12px}.journal .bp{padding:10px 12px;border-radius:8px;border:1px solid rgba(170,205,255,.28);background-color:#1c42769e;background-image:linear-gradient(rgba(170,205,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(170,205,255,.07) 1px,transparent 1px);background-size:14px 14px}.journal .bp-name{font:700 13px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#e2eeff}.journal .bp-desc{margin-top:4px;font-size:13px;line-height:1.45;color:#e2eeffc7}.journal .cb-head em{font-style:normal;color:var(--muted);font-size:.85em}.card.radio.sonar{width:min(800px,94vw)}.card.radio.sonar .radio-body{grid-template-columns:360px 1fr}.card.radio.sonar .radio-body .scope{width:360px;height:360px;cursor:crosshair}.radio-info ul.contacts{list-style:none;padding:0;color:var(--cream)}.radio-info ul.contacts li{padding:2px 0}.radio-info ul.contacts b{display:inline-block;min-width:40px;color:#7dffb0;font:700 13px/1 var(--ui);letter-spacing:.06em}.radio-info ul.contacts li.warn b{color:var(--gold)}.card.chart{display:flex;flex-direction:column;gap:10px;width:min(92vw,86vh);padding:18px 20px 16px}.card.chart .head{margin-bottom:4px;padding-bottom:10px}.chart-canvas{width:100%;aspect-ratio:1 / 1;border-radius:10px;border:1px solid var(--edge-strong);box-shadow:inset 0 0 40px #00000040,0 6px 20px #00000059;touch-action:none}.chart-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.chart-foot .legend i{display:inline-block;width:18px;height:10px;margin:0 5px 0 10px;vertical-align:middle}.chart-foot .lg-track{height:0;border-top:2px dashed #b0633a}.chart-foot .lg-isle{width:10px;border-radius:50%;background:#d6c08a}.chart-foot .lg-pin{width:8px;height:8px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#c8402e}.chart-foot .lg-mark{width:9px;height:9px;transform:rotate(45deg);background:var(--cream)}.modal.talk-modal{place-items:end center;background:linear-gradient(0deg,#020a0ed9,#020a0e33 50%,#020a0e00);backdrop-filter:none}.card.talk,.card.trade{width:min(780px,94vw);margin-bottom:6vh;padding:30px 30px 22px}.card.trade{width:min(760px,94vw)}.talk .who,.trade .who{position:absolute;top:-19px;left:26px;display:flex;align-items:center;gap:12px;padding:9px 16px;border-radius:9px;background:var(--cream-bg);color:var(--ink);box-shadow:0 8px 24px #00000073}.talk .who b,.trade .who b{font:700 20px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}.talk .who span,.trade .who span{font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#7a5a1c}.talk .talk-body{display:flex;align-items:flex-end;gap:22px}.talk .talk-text{flex:1;min-width:0}.talk .portrait{flex:none;width:156px;height:195px;margin:-58px 0 -8px -10px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));animation:rise .4s var(--ease)}.card.talk.with-portrait .who{left:176px}.talk .line{margin:6px 0 20px;font:500 19px/1.6 var(--display);animation:rise .4s var(--ease)}.talk .line .have{display:block;margin-top:10px;font:500 13px/1.4 var(--font);color:var(--muted)}.talk .actions,.trade .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.trade .offers{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto;margin:6px 0 16px}.trade .offer{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border:1px solid var(--edge);background:#0000002e}.trade .offer.short{opacity:.55}.trade .good{display:inline-flex;align-items:center;gap:5px;margin-right:6px;font:600 15px/1 var(--ui);letter-spacing:.03em}.trade .good img{width:30px;height:30px}.trade .give small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.trade .arrow{color:var(--gold);font-size:18px}.modal.ending-modal{background:radial-gradient(ellipse at center,#020a0e8c,#020a0ee6)}.ending{width:min(760px,92vw);text-align:center;animation:rise 1.2s var(--ease)}.ending .kicker{font:700 14px/1 var(--ui);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.ending h1{margin:10px 0 20px;font:800 clamp(56px,9vw,108px)/1 var(--display);letter-spacing:-.02em;text-shadow:0 8px 40px rgba(0,0,0,.5)}.ending p{max-width:580px;margin:0 auto 12px;font:500 19px/1.6 var(--display)}.ending .kv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px auto;max-width:560px}.ending .actions{display:flex;gap:12px;justify-content:center}.end-credit{margin-top:26px;font-size:12px;color:var(--faint)}.scope-view{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .12s}.scope-view.on{opacity:1}.scope-mask{position:absolute;inset:0;background:#020507;-webkit-mask-image:radial-gradient(circle at 38% 50%,transparent 0 33vh,#000 33.4vh),radial-gradient(circle at 62% 50%,transparent 0 33vh,#000 33.4vh);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle at 38% 50%,transparent 0 33vh,#000 33.4vh),radial-gradient(circle at 62% 50%,transparent 0 33vh,#000 33.4vh);mask-composite:intersect}.scope-view:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(2,8,12,.5) 70%)}.scope-reticle{position:absolute;left:50%;top:50%;width:34vh;height:1px;margin-left:-17vh;background:linear-gradient(90deg,transparent,rgba(244,236,217,.5) 20%,rgba(244,236,217,.5) 80%,transparent)}.scope-reticle i{position:absolute;left:50%;top:-6px;width:1px;height:13px;background:#f4ecd9b3}.scope-read{position:absolute;left:50%;top:calc(50% - 30vh);transform:translate(-50%);font:700 18px/1 var(--ui);letter-spacing:.16em;color:var(--gold);text-shadow:0 1px 6px rgba(0,0,0,.8);z-index:1}.scope-tag{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:10px;z-index:1}.scope-tag:after{content:"";position:absolute;bottom:0;width:1px;height:8px;background:#f4ecd9b3}.scope-tag b{padding:3px 8px;border-radius:6px;background:#061219c7;border:1px solid var(--edge-strong);font:700 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase}.scope-tag span{font:700 12px/1 var(--ui);letter-spacing:.06em;color:var(--seaglass);text-shadow:0 1px 4px rgba(0,0,0,.9)}.scope-tag.wreck b{border-color:#ffb49e80}.scope-tag.landmark b{border-color:#f3c56b8c;color:var(--gold)}.scope-tag.cache b{border-color:#ff5a4e99}#ui-root:has(.scope-view.on) .hud{opacity:0}.photo-mode .hud,.photo-mode .toasts{display:none}.photo-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;padding:9px 18px;border-radius:99px;background:var(--panel);border:1px solid var(--edge);backdrop-filter:blur(8px);font:600 14px/1 var(--ui);letter-spacing:.06em;color:var(--muted);animation:fade .3s ease}.photo-bar b{font:700 15px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.photo-flash{position:absolute;inset:0;background:#fff;pointer-events:none;animation:photoflash .45s ease-out forwards}@keyframes photoflash{0%{opacity:.8}to{opacity:0}}.loading{position:fixed;inset:0;z-index:20;display:grid;grid-template-rows:1fr auto;background:radial-gradient(ellipse at 50% 60%,#0c3342,#04121a 70%);background-size:cover;background-position:center;transition:opacity .8s ease}.load-center{display:grid;place-items:center;align-content:center;animation:fade .8s ease}.load-center .logo{margin:0;text-align:center}.load-center .wordmark{font-size:clamp(110px,14vw,184px);text-shadow:0 8px 50px rgba(0,0,0,.55)}.load-center .logo-wave{margin:16px auto 0}.load-center .tagline{margin:14px 0 0}.load-foot{display:grid;grid-template-columns:1fr minmax(260px,380px);align-items:end;gap:40px;padding:0 6vw 6vh}.load-tip{display:flex;flex-direction:column;gap:8px;max-width:560px}.load-tip b{font:700 12px/1 var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--seaglass)}.load-tip span{font-size:15px;line-height:1.55;color:var(--cream);text-shadow:0 1px 8px rgba(0,0,0,.7);transition:opacity .25s}.load-tip span.swap{opacity:0}.load-row{display:flex;justify-content:space-between;margin-bottom:10px;font:700 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.load-row .pct{color:var(--cream);font-variant-numeric:tabular-nums}.load-bar .bar{height:4px;border-radius:99px;background:#ffffff1f;overflow:hidden}.load-bar .bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--seaglass-2),var(--seaglass));box-shadow:0 0 12px #7fe0c8b3;transition:width .4s var(--ease)}.loading .fatal{margin-top:30px}.loading.done{opacity:0;pointer-events:none}.perf-hud{position:fixed;right:8px;bottom:8px;z-index:1000;padding:6px 9px;border-radius:8px;background:#080c10b8;color:#cfe8d8;font:11px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:pre;pointer-events:none}.touch{position:absolute;inset:0;pointer-events:none}.touch.menu{display:none}.t-zone{position:absolute;top:16%;bottom:0;pointer-events:auto;touch-action:none}.t-move{left:0;width:45%}.t-look{right:0;width:55%}.t-stick{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;border:2px solid rgba(244,236,217,.28);background:#0612194d;pointer-events:none}.t-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#f4ecd966;box-shadow:0 4px 12px #00000059}.t-btns{position:absolute;right:18px;bottom:110px;display:grid;grid-template-columns:repeat(2,62px);gap:10px;pointer-events:none}.t-top{position:absolute;right:14px;top:14px;display:flex;gap:8px;pointer-events:none}.touch button{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#163846eb,#051016eb);border:1px solid var(--edge-strong);box-shadow:0 6px 16px #0006;color:var(--cream);font:700 15px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch .t-top button{width:48px;height:48px;font-size:12px}.touch button.big{grid-column:span 2;justify-self:end;width:86px;height:86px;font-size:17px}.touch button.on{background:radial-gradient(circle at 50% 30%,#7fe0c880,#0e463ef2);border-color:var(--seaglass)}.touching .hud .hotbar{z-index:3;pointer-events:auto}.touching .hud .hotbar .slot{pointer-events:auto}.touch-only{display:none}.touching .touch-only{display:inline-flex}.touching .inv-grid .slot{touch-action:none}@media(max-width:1100px),(max-height:700px){.inventory{grid-template-columns:auto 380px;gap:20px;padding:18px}.inv-grid{grid-template-columns:repeat(5,56px);gap:6px}.inv-grid .slot{width:56px;height:56px}.inv-grid .slot img{width:42px;height:42px}.mi-label{font-size:26px}.pause h1{font-size:60px}.diff-card{min-height:230px}}@media(max-width:860px){.slot{width:50px;height:50px}.slot img{width:38px;height:38px}.hotbar{gap:4px;padding:6px}.held-name{bottom:90px}.stats{width:196px}.compass{transform:translate(-50%) scale(.8);transform-origin:top center}.topleft{max-width:300px}.objectives li{font-size:12.5px}.pause-wrap{grid-template-columns:1fr}.pause-side{display:none}.diff-pick{grid-template-columns:1fr}.diff-card{min-height:0}.dc-art{display:none}.inventory{grid-template-columns:1fr;max-height:94vh;overflow:auto}.key-groups,.ach-list{grid-template-columns:1fr}.load-foot{grid-template-columns:1fr;gap:20px}}