:root{--ink: #f6f0d8;--muted: #adc9c5;--panel: rgba(8, 33, 38, .78);--panel-strong: rgba(10, 48, 54, .92);--line: rgba(199, 232, 214, .22);--sea: #0c7283;--wood: #b97942;--leaf: #63b65e;--gold: #ffbd5a;--danger: #ff5b4f;--mythic: #ff304d;--legendary: #ffbd45;--apex-a: #ff304d;--apex-b: #ffe84a;--apex-c: #52d96a;--apex-d: #4aa3ff;--apex-e: #be72ff;--apex-f: #ff7cf7;--parchment: #c59b5f;--metal: #71808a;color:var(--ink);background:#06363e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 20% 15%,rgba(87,176,160,.25),transparent 32%),linear-gradient(180deg,#07505c,#052b33 70%)}button{font:inherit}#app{position:relative;display:grid;place-items:center;touch-action:none}#game-root{position:absolute;inset:0;display:grid;place-items:center}#game-root canvas{image-rendering:pixelated;image-rendering:crisp-edges}#ui-root{position:absolute;inset:0;z-index:5;pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none}.hud button,.hud [role=button],.hud .panel,.hud .start-card{pointer-events:auto}.top-left{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:grid;gap:8px;width:min(360px,calc(100vw - 28px))}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:2px solid rgba(46,28,15,.85);background:linear-gradient(90deg,rgba(255,224,122,.08),transparent 28%),#5e3823;box-shadow:0 12px 28px #00000047}.brand{display:grid;gap:2px}.brand strong{font-size:18px;line-height:1}.brand span{color:var(--muted);font-size:12px}.level-chip{min-width:58px;padding:6px 8px;border:1px solid rgba(255,189,90,.45);color:var(--gold);text-align:center;background:#39210d99}.bars{display:grid;gap:6px;padding:10px;border:2px solid rgba(46,28,15,.82);background:linear-gradient(180deg,rgba(216,179,106,.14),transparent 42%),#2b1b12e6}.tool-belt{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:2px solid rgba(38,49,57,.9);background:#121f22eb}.tool-belt button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.18);color:var(--ink);background:linear-gradient(180deg,rgba(181,192,189,.16),transparent 44%),#263139e6}.tool-belt button.active{border-color:var(--gold);color:#211607;background:var(--gold)}.tool-belt button span{display:grid;place-items:center;width:18px;height:18px;color:inherit;border:1px solid currentColor;font-size:11px}.bar-row{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;font-size:12px;color:#d7ebe4}.bar-track{height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#00000040}.bar-fill{height:100%;transition:width .16s ease}.bar-fill.health{background:linear-gradient(90deg,#ff595e,#ff9c6b)}.bar-fill.water{background:linear-gradient(90deg,#3fb6f5,#8ae6ff)}.bar-fill.food{background:linear-gradient(90deg,#7acb58,#d5e85f)}.bar-fill.stamina{background:linear-gradient(90deg,#ffbd5a,#ffe07a)}.bar-fill.fatigue{background:linear-gradient(90deg,#8d7b70,#d0b0a0)}.bar-fill.wetness{background:linear-gradient(90deg,#397d91,#8ae6ff)}.bar-fill.structure{background:linear-gradient(90deg,#7be36f,#ffbd5a)}.ocean-card,.strategy-belt,.day-plan{display:grid;gap:8px;padding:9px;border:2px solid rgba(38,49,57,.9);background:linear-gradient(90deg,color-mix(in srgb,var(--weather, #39b7c6),transparent 78%),transparent),#061e22eb;box-shadow:0 12px 26px #0000003d}.day-plan{border-color:#d8b36a7a;background:linear-gradient(180deg,rgba(197,155,95,.2),transparent 48%),#2b1b12e6}.day-plan label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;color:#f1d38a;font-size:12px;line-height:1.25}.day-plan label.done{color:#7be36f}.day-plan i{font-style:normal;text-align:center}.ocean-card small{color:#e6d0a2;font-size:11px;line-height:1.35}.weather-effects{display:flex;justify-content:space-between;gap:8px;color:#d8c79a;font-size:11px}.event-line{color:#ffbd5a!important}.metric-grid{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:4px 6px;align-items:center;font-size:11px}.metric-grid span{color:var(--muted)}.metric-grid strong{color:#f8f4df;font-size:11px}.strategy-belt{border-color:#5e3823e6;background:#2b1b12e6}.strategy-belt>div{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.strategy-belt span{min-width:36px;color:#e6d0a2;font-size:12px}.strategy-belt button{min-height:28px;padding:0 7px;border:1px solid rgba(216,179,106,.42);color:var(--ink);background:#5e3823d1;font-size:12px}.strategy-belt button.active{color:#211607;border-color:var(--gold);background:var(--gold)}.inventory-strip{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;max-width:min(560px,calc(100vw - 28px));gap:7px;overflow:hidden;padding:8px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px)}.item-chip{display:grid;grid-template-columns:22px minmax(0,auto);align-items:center;gap:5px;min-width:76px;padding:5px 7px;border:1px solid rgba(255,255,255,.14);color:#f8f4df;background:#04121461;font-size:12px}.item-chip i{width:18px;height:18px;border:2px solid var(--rarity);background:var(--icon) center / contain no-repeat,linear-gradient(135deg,rgba(255,255,255,.3),transparent 45%),var(--rarity);box-shadow:0 0 10px color-mix(in srgb,var(--rarity),transparent 40%);image-rendering:pixelated}.item-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-dock{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:grid;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 28px);gap:8px}.action-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border:2px solid rgba(38,49,57,.9);background:#121f22eb}.action-row button,.panel button,.start-card button,.mobile-action{min-height:38px;border:1px solid rgba(255,255,255,.2);color:var(--ink);background:linear-gradient(180deg,rgba(181,192,189,.14),transparent 48%),#263139eb;cursor:pointer;transition:border-color .12s ease,background .12s ease}.action-row button:hover,.panel button:hover,.start-card button:hover,.mobile-action:hover{border-color:#ffbd5ab8;background:#186360f5}.action-row button.active{border-color:var(--gold);color:#1d1508;background:var(--gold)}.panel{max-height:min(62vh,540px);overflow:auto;border:2px solid rgba(38,49,57,.95);background:linear-gradient(90deg,rgba(216,179,106,.08),transparent 18%),#121f22f2;box-shadow:0 18px 38px #00000057}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:15px;line-height:1.2}.panel-body{display:grid;gap:10px;padding:12px}.row-card{display:grid;gap:7px;padding:10px;border:1px solid rgba(216,179,106,.34);background:linear-gradient(180deg,rgba(241,211,138,.16),transparent 40%),#302015b8}.row-card.locked{opacity:.58}.row-card.warning{border-color:#ff5b4f9e}.row-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.row-title strong{font-size:14px}.item-name{display:inline-flex;align-items:center;min-width:0;gap:6px}.item-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:var(--icon) center / contain no-repeat;color:#211607;font-size:11px;font-style:normal;image-rendering:pixelated}.item-icon-fallback{border:2px solid rgba(255,189,90,.72);background:linear-gradient(180deg,rgba(255,224,122,.28),transparent 52%),#d8a45e}.condition-line{display:flex;flex-wrap:wrap;gap:5px;color:#d8c79a;font-size:11px}.condition-line b,.condition-line span{padding:2px 5px;border:1px solid rgba(216,179,106,.32);color:#f1d38a;background:#14141061;font-weight:500}.row-card small,.cost-line,.message-log{color:var(--muted);font-size:12px;line-height:1.45}.cost-line span{color:#f3e7bd}.row-card button{width:fit-content;min-height:32px;padding:0 10px}.message-log{position:absolute;left:50%;top:max(16px,env(safe-area-inset-top));width:min(420px,calc(100vw - 36px));transform:translate(-50%);text-align:center}.message-log div{margin-bottom:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);background:#051e22cc;box-shadow:0 8px 18px #00000042}.action-result-card{display:grid;gap:7px;margin-bottom:8px;padding:9px 10px;border:2px solid rgba(255,189,90,.62);color:#f8f4df;text-align:left;background:linear-gradient(180deg,rgba(255,224,122,.16),transparent 48%),#2c1d12eb;box-shadow:0 12px 26px #00000047}.action-result-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.action-result-card header strong{min-width:0;overflow:hidden;color:#ffbd5a;text-overflow:ellipsis;white-space:nowrap}.action-result-card header button{width:26px;min-width:26px;min-height:24px;padding:0}.action-result-card div{display:grid;gap:3px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.action-result-card span,.action-result-card small{color:#e6d0a2;font-size:11px;line-height:1.35}.loot-toast{position:absolute;left:50%;bottom:90px;display:grid;min-width:220px;transform:translate(-50%);gap:4px;padding:12px 16px;border:1px solid var(--rarity);color:#fff;text-align:center;background:#0a1214e0;box-shadow:0 14px 32px #00000061;animation:loot-pop .9s ease both}.interaction-prompt{position:absolute;left:50%;bottom:86px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:center;min-width:240px;max-width:min(420px,calc(100vw - 36px));padding:10px 12px;transform:translate(-50%);border:1px solid rgba(255,189,90,.6);color:var(--ink);background:#04181ce0;box-shadow:0 14px 34px #00000057}.interaction-prompt strong{display:grid;place-items:center;width:30px;height:30px;color:#1d1508;background:var(--gold)}.interaction-prompt>i{grid-column:1 / -1;display:block;height:4px;background:var(--gold);transition:width 80ms linear}.interaction-choices{grid-column:1 / -1;display:flex;max-width:100%;gap:6px;overflow-x:auto;overscroll-behavior:contain;padding-top:2px}.interaction-choices button{min-height:28px;flex:0 0 auto;max-width:180px;overflow:hidden;padding:0 8px;border:1px solid rgba(255,189,90,.38);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#263139eb}.interaction-choices button.active{color:#211607;border-color:var(--gold);background:var(--gold)}.loot-panel{position:absolute;left:50%;top:50%;display:grid;width:min(560px,calc(100vw - 32px));max-height:min(70vh,620px);transform:translate(-50%,-50%);border:2px solid rgba(38,49,57,.95);background:linear-gradient(180deg,rgba(113,128,138,.16),transparent 32%),#121f22f5;box-shadow:0 28px 80px #00000080;pointer-events:auto}.loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;padding:12px}.loot-note{margin:10px 12px 0;padding:8px 10px;border:1px solid rgba(255,189,90,.42);color:#f1d38a;background:#402a18c2;font-size:12px;line-height:1.35}.loot-entry{position:relative;display:grid;gap:7px;padding:10px;border:1px solid var(--rarity);background:linear-gradient(135deg,color-mix(in srgb,var(--rarity),transparent 82%),transparent 55%),#021215b8;box-shadow:inset 0 0 0 1px #ffffff0a}.loot-entry.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity),transparent 55%),0 10px 24px #00000052}.loot-entry.looted{opacity:.5}.loot-entry.hidden{border-color:#adc9c547;background:linear-gradient(180deg,rgba(173,201,197,.08),transparent 46%),#05181cd1;box-shadow:none}.loot-magnifier{position:relative;display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-4px;border:2px solid var(--muted);border-radius:50%}.loot-magnifier:after{content:"";position:absolute;right:-6px;bottom:-4px;width:8px;height:2px;background:var(--muted);transform:rotate(45deg);transform-origin:left center}.loot-entry.active .loot-magnifier{animation:loot-search-spin .28s linear infinite}@keyframes loot-search-spin{to{transform:rotate(360deg)}}.loot-progress{height:6px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#00000040}.loot-progress i{display:block;height:100%;background:var(--rarity);transition:width 80ms linear}.loot-entry.rarity-legendary.revealed,.loot-toast.glow{border-color:var(--legendary);box-shadow:0 0 18px #ffbd4575,0 0 42px #ffbd4538,inset 0 0 16px #ffbd451f}.loot-entry.rarity-apex{--rarity: var(--apex-f)}.loot-entry.rarity-apex .loot-progress i{background:linear-gradient(90deg,var(--apex-a),var(--apex-b),var(--apex-c),var(--apex-d),var(--apex-e),var(--apex-f),var(--apex-a));background-size:220% 100%;animation:apex-progress-flow .85s linear infinite}.loot-entry.rarity-apex.revealed,.loot-toast.rarity-apex{border-color:var(--apex-f);box-shadow:0 0 18px #ff7cf794,0 0 44px #4aa3ff57,inset 0 0 18px #ffffff1f;animation:apex-glow-flow 1.35s linear infinite}.loot-entry.rarity-apex.revealed:after,.loot-toast.rarity-apex:after,.quick-slot.rarity-apex i:after,.inventory-cell.rarity-apex:after{content:"";position:absolute;inset:-3px;pointer-events:none;padding:2px;background:linear-gradient(90deg,var(--apex-a),var(--apex-b),var(--apex-c),var(--apex-d),var(--apex-e),var(--apex-f),var(--apex-a));background-size:240% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:apex-wrap-flow .9s linear infinite}.loot-entry.apex-shake{animation:apex-search-shake .12s linear infinite}.loot-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line)}.loot-actions button,.loot-entry button{min-height:32px;border:1px solid rgba(255,255,255,.2);color:var(--ink);background:#0d4b52e0}.loot-toast.glow{box-shadow:0 0 30px color-mix(in srgb,var(--rarity),transparent 32%),0 0 70px color-mix(in srgb,var(--rarity),transparent 66%)}.loot-toast strong{color:var(--rarity);font-size:15px}@keyframes apex-progress-flow{to{background-position:220% 0}}@keyframes apex-wrap-flow{to{background-position:240% 0}}@keyframes apex-glow-flow{0%{filter:hue-rotate(0deg) saturate(1.08)}50%{filter:hue-rotate(80deg) saturate(1.28)}to{filter:hue-rotate(360deg) saturate(1.08)}}@keyframes apex-search-shake{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}.start-layer{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,rgba(9,99,104,.24),transparent 42%),#010c0f75;pointer-events:auto}.start-card{display:grid;width:min(460px,calc(100vw - 40px));gap:14px;padding:20px;border:2px solid rgba(94,56,35,.9);background:linear-gradient(180deg,rgba(216,179,106,.14),transparent 46%),#2b1b12f0;box-shadow:0 24px 70px #0000006b;backdrop-filter:blur(14px)}.start-card h1{margin:0;font-size:clamp(26px,5vw,42px);line-height:1}.start-card p{margin:0;color:var(--muted);line-height:1.6}.start-actions{display:flex;flex-wrap:wrap;gap:8px}.start-actions button{padding:0 14px}.danger-text{color:#ff9b91}.mobile-pad{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:none;grid-template-columns:54px 54px 54px;grid-template-rows:54px 54px 54px;gap:5px;pointer-events:auto}.mobile-pad button,.mobile-action{border-radius:999px;border:1px solid rgba(255,255,255,.22);color:var(--ink);background:#07363eb8}.mobile-pad [data-dir=up]{grid-column:2}.mobile-pad [data-dir=left]{grid-row:2}.mobile-pad [data-dir=right]{grid-column:3;grid-row:2}.mobile-pad [data-dir=down]{grid-column:2;grid-row:3}.mobile-action{position:absolute;right:max(92px,calc(env(safe-area-inset-right) + 92px));bottom:max(58px,calc(env(safe-area-inset-bottom) + 58px));display:none;width:66px;height:66px;padding:6px;overflow-wrap:anywhere;font-size:13px;line-height:1.15}@keyframes loot-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.94)}22%{opacity:1;transform:translate(-50%) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:760px),(pointer:coarse){.right-dock{top:auto;right:max(10px,env(safe-area-inset-right));bottom:142px;width:min(330px,calc(100vw - 20px))}.hud.has-interaction .right-dock{bottom:280px}.action-row{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{max-height:38vh}.hud.has-interaction .panel{max-height:15vh}.inventory-strip{bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 190px)}.mobile-pad,.mobile-action{display:grid;place-items:center}.loot-grid{grid-template-columns:1fr}.interaction-prompt{bottom:168px}.message-log{top:262px;bottom:auto;width:min(330px,calc(100vw - 28px))}.message-log div{padding:7px 9px}}@media(max-width:520px){.top-left{width:calc(100vw - 20px);left:10px;top:10px}.bar-row{grid-template-columns:34px 1fr 34px}.brand strong{font-size:16px}.inventory-strip{display:none}}.hud.phase5 button,.hud.phase5 .journal-shell,.hud.phase5 .pause-menu,.hud.phase5 .interaction-group-panel,.hud.phase5 .dev-admin-panel,.hud.phase5 .phase-panel,.hud.phase5 .stage-complete-card,.hud.phase5 .context-actions,.hud.phase5 .quickbar,.hud.phase5 .mobile-pad,.hud.phase5 .mobile-action,.hud.phase5 .mobile-journal,.hud.phase5 .journal-fab,.hud.phase5 .mini-map,.hud.phase5 .objective-tracker{pointer-events:auto}.hud.phase5 button{border-radius:0;border:2px solid rgba(54,34,19,.92);color:#f7e4b2;background:linear-gradient(180deg,rgba(241,211,138,.16),transparent 44%),#5e3823;box-shadow:inset 0 0 0 1px #ffebaa1f,0 6px #28180e5c}.hud.phase5 button:hover{border-color:#ffbd5adb;background:linear-gradient(180deg,rgba(255,224,122,.22),transparent 52%),#7b4a2b}.hud.phase5 button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}.hud.phase5 button.is-busy{border-color:#ffbd5ae6;color:#211607;background:#f1d38a}.survival-compact{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:grid;width:min(238px,calc(100vw - 28px));gap:6px;padding:8px;border:2px solid rgba(54,34,19,.92);background:linear-gradient(90deg,rgba(216,179,106,.18),transparent 62%),#3e2516e6;box-shadow:0 14px 30px #00000040}.mini-brand{display:flex;justify-content:space-between;gap:8px;color:#f8e8bd;font-size:12px}.mini-brand span{color:#ffbd5a}.mini-stat{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:7px;font-size:11px;color:#f1d38a}.mini-stat i,.tool-status i{display:block;height:7px;overflow:hidden;border:1px solid rgba(255,224,122,.26);background:#1b120cbd}.mini-stat b,.tool-status b{display:block;height:100%}.mini-stat .health{background:linear-gradient(90deg,#cf4d3f,#ff9c6b)}.mini-stat .water{background:linear-gradient(90deg,#328fc3,#8ae6ff)}.mini-stat .food{background:linear-gradient(90deg,#5aa848,#d5e85f)}.mini-stat .stamina,.tool-status b{background:linear-gradient(90deg,#ffbd5a,#ffe07a)}.weather-chip{position:absolute;top:max(148px,calc(env(safe-area-inset-top) + 148px));left:max(14px,env(safe-area-inset-left));display:grid;width:min(238px,calc(100vw - 28px));gap:3px;padding:8px 10px;border:2px solid color-mix(in srgb,var(--weather, #39b7c6),#241609 48%);background:linear-gradient(90deg,color-mix(in srgb,var(--weather, #39b7c6),transparent 74%),transparent),#263139d1;box-shadow:0 12px 26px #0000003d}.weather-chip strong{color:#f8f4df;font-size:13px}.weather-chip span{overflow:hidden;color:#d8c79a;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.objective-tracker{position:absolute;top:max(220px,calc(env(safe-area-inset-top) + 220px));left:max(14px,env(safe-area-inset-left));display:grid;width:min(238px,calc(100vw - 28px));gap:3px;padding:8px 10px;text-align:left}.objective-tracker span{color:#ffbd5a;font-size:11px}.objective-tracker strong{font-size:12px;line-height:1.25}.objective-tracker em,.objective-tracker small{color:#e6d0a2;font-style:normal;font-size:11px;line-height:1.28}.objective-tracker small{color:#adc9c5}.mini-map{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:grid;width:124px;height:96px;padding:8px;overflow:hidden;background:radial-gradient(circle at 52% 50%,rgba(126,216,209,.25) 0 18%,transparent 19%),linear-gradient(135deg,#146d77cc,#07363ee0)}.mini-map span{z-index:2;align-self:start;color:#f8f4df;font-size:11px}.mini-map b{position:absolute;inset:18px 20px;border:1px dashed rgba(241,211,138,.42)}.mini-map .danger-dot,.mini-map .island-dot{position:absolute;width:9px;height:9px;border:1px solid #211607;background:#ff5b4f}.mini-map .danger-dot{right:24px;bottom:25px}.mini-map .island-dot{left:28px;bottom:35px;background:#7be36f}.tool-status{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:grid;width:150px;gap:4px;padding:8px;border:2px solid rgba(38,49,57,.9);background:linear-gradient(180deg,rgba(181,192,189,.16),transparent 48%),#1e2528db}.tool-status span{color:#adc9c5;font-size:10px}.tool-status strong{color:#f8f4df;font-size:13px}.quickbar{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(8,52px);gap:6px;transform:translate(-50%);padding:8px;border:2px solid rgba(54,34,19,.92);background:#2b1b12d6;box-shadow:0 16px 34px #00000047}.quick-slot{position:relative;display:grid;place-items:center;width:52px;height:52px;min-height:52px;padding:4px}.quick-slot.active{border-color:#ffbd5a;background:#8b5a35}.quick-slot.empty{opacity:.46}.quick-slot em{position:absolute;left:4px;top:2px;color:#f1d38a;font-style:normal;font-size:10px}.quick-slot i{position:relative;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--rarity, #c8d8cc);background:var(--icon) center / contain no-repeat,#0915166b;color:#f8f4df;font-style:normal;line-height:24px;text-align:center;image-rendering:pixelated}.quick-slot.rarity-legendary i{box-shadow:0 0 12px #ffbd459e,0 0 24px #ffbd4547}.quick-slot.rarity-apex i{border-color:var(--apex-f);box-shadow:0 0 12px #ff7cf79e,0 0 26px #4aa3ff61;animation:apex-glow-flow 1.35s linear infinite}.quick-slot span{position:absolute;right:4px;bottom:2px;color:#fff4c8;font-size:10px}.slot-corner{position:absolute;right:3px;top:3px;width:8px;height:8px;border:1px solid #241609}.slot-corner.wet{background:#5fb6ff}.slot-corner.stale{background:#d5e85f}.slot-corner.worn{background:#c59b5f}.slot-corner.polluted{background:#ff304d}.context-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:grid;width:min(330px,calc(100vw - 28px));gap:7px;pointer-events:auto}.context-main{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:56px;overflow:hidden;text-align:left}.context-main strong{display:grid;place-items:center;width:34px;height:34px;color:#211607;background:#ffbd5a}.context-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-main i{position:absolute;left:0;bottom:0;height:4px;background:#ffbd5a}.context-choice-row,.context-secondary{display:flex;gap:6px;overflow-x:auto}.context-choice-row button,.context-secondary button{min-height:30px;flex:0 0 auto;padding:0 8px;font-size:12px}.context-choice-row button.active{color:#211607;background:#ffbd5a}.context-secondary button.active{color:#211607;border-color:#ffbd5a;background:#ffbd5a}.action-preview{display:grid;gap:7px;padding:9px;border:2px solid rgba(216,179,106,.42);color:#f8f4df;background:linear-gradient(180deg,rgba(241,211,138,.12),transparent 40%),#1c1812e6}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-head strong{min-width:0;overflow:hidden;color:#ffbd5a;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.preview-head span{flex:0 0 auto;color:#7be36f;font-size:11px}.action-preview dl{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:4px 7px;margin:0;font-size:11px}.action-preview dt{color:#d8c79a}.action-preview dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-preview p,.action-preview small{margin:0;color:#e6d0a2;font-size:11px;line-height:1.35}.journal-fab,.mobile-journal{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(118px,calc(env(safe-area-inset-top) + 118px));min-width:74px;min-height:38px}.journal-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 50%,rgba(7,54,62,.28),transparent 48%),#070c0c6b;pointer-events:auto}.journal-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(1180px,82vw);height:min(760px,82vh);min-height:520px;overflow:hidden;border:3px solid rgba(54,34,19,.98);background:linear-gradient(180deg,rgba(241,211,138,.16),transparent 18%),#2d2115;box-shadow:inset 0 0 0 2px #d8b36a47,0 34px 90px #00000094}.journal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:2px solid rgba(94,56,35,.9);background:linear-gradient(90deg,rgba(255,224,122,.12),transparent 42%),#5e3823}.journal-head div{display:grid;gap:2px}.journal-head span{color:#d8c79a;font-size:11px}.journal-head strong{color:#fff0bd;font-size:20px}.journal-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;padding:9px;border-bottom:2px solid rgba(94,56,35,.82);background:#221810e6}.journal-tabs button{display:grid;place-items:center;min-height:42px;gap:2px;padding:4px;font-size:12px}.journal-tabs button span{color:#d8c79a;font-size:10px}.journal-tabs button.active{color:#211607;border-color:#ffbd5a;background:#ffbd5a}.journal-tabs button.active span{color:#5e3823}.journal-body{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(0,2.4fr) minmax(220px,1fr);min-height:0;gap:12px;padding:12px;color:#f6f0d8}.journal-side,.journal-main,.journal-detail{min-height:0;overflow:auto;border:2px solid rgba(94,56,35,.72);background:linear-gradient(180deg,rgba(197,155,95,.16),transparent 32%),#302015c7;scrollbar-color:#c59b5f #2d2115}.journal-side{display:flex;flex-direction:column;gap:7px;padding:10px}.journal-side strong{color:#ffbd5a;font-size:13px}.journal-side button{min-height:34px;text-align:left}.journal-side button.active,.journal-card.complete{border-color:#7be36f}.journal-card.current{border-color:#ffbd5a;background:linear-gradient(180deg,rgba(255,189,90,.18),transparent 42%),#302314db}.journal-main{padding:12px}.journal-detail{display:grid;align-content:start;gap:10px;padding:14px}.journal-detail h3{margin:0;color:#ffbd5a}.journal-detail p{margin:0;color:#e6d0a2;line-height:1.5}.journal-detail dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin:0;font-size:12px}.journal-detail dt{color:#d8c79a}.journal-detail dd{margin:0}.journal-metrics{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.journal-metrics span,.queue-slot{padding:6px 8px;border:1px solid rgba(216,179,106,.35);color:#f1d38a;background:#1b120c8a;font-size:12px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.inventory-cell{position:relative;display:grid;place-items:center;min-height:76px;padding:6px;border-color:var(--rarity, #c8d8cc)!important}.inventory-cell.rarity-legendary{box-shadow:0 0 14px #ffbd457a,0 0 32px #ffbd4533,inset 0 0 14px #ffbd451f}.inventory-cell.rarity-apex{border-color:var(--apex-f)!important;box-shadow:0 0 16px #ff7cf78f,0 0 38px #4aa3ff47,inset 0 0 14px #ffffff1a;animation:apex-glow-flow 1.35s linear infinite}.inventory-cell.active{box-shadow:0 0 0 2px #ffbd5a inset}.inventory-cell.rarity-legendary.active{box-shadow:0 0 0 2px #ffbd5a inset,0 0 18px #ffbd458f,0 0 36px #ffbd453d}.inventory-cell.rarity-apex.active{box-shadow:0 0 0 2px var(--apex-f) inset,0 0 20px #ff7cf7a8,0 0 42px #4aa3ff57}.inventory-cell span{position:absolute;right:5px;bottom:4px;font-size:11px}.badge-row{position:absolute;left:4px;bottom:4px;display:flex;gap:2px;font-weight:400}.badge-row i{display:grid;place-items:center;width:16px;height:16px;color:#1d1508;font-style:normal;font-size:10px}.badge-row .wet{background:#5fb6ff}.badge-row .stale{background:#d5e85f}.badge-row .worn{background:#c59b5f}.badge-row .polluted{color:#fff;background:#ff304d}.recipe-list,.quest-list,.codex-grid{display:grid;gap:9px}.stage-tree .journal-card.locked{opacity:.52}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.journal-card{display:grid;gap:7px;padding:10px;border:2px solid rgba(216,179,106,.32);background:linear-gradient(180deg,rgba(241,211,138,.12),transparent 40%),#261c13c7}.journal-card p,.journal-card small{margin:0;color:#d8c79a;line-height:1.45;font-size:12px}.journal-card.locked{opacity:.58}.journal-card.warning{border-color:#ff5b4fb3}.journal-card.status-needs_tool,.journal-card.status-risky{border-color:#ff5b4fad}.journal-card.status-completed{border-color:#7be36fad}.journal-actions,.settings-grid{display:flex;flex-wrap:wrap;gap:7px}.settings-grid span{padding:8px 10px;border:1px solid rgba(216,179,106,.34);color:#f1d38a;background:#1b120c80;font-size:12px}.stage-complete-card,.phase-panel{width:min(760px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 40px));overflow:auto;border:3px solid rgba(54,34,19,.98);color:#f6f0d8;background:linear-gradient(180deg,rgba(241,211,138,.16),transparent 18%),#2d2115;box-shadow:inset 0 0 0 2px #d8b36a3d,0 34px 90px #00000094}.stage-complete-card{position:relative;display:grid;gap:12px;padding:22px;text-align:left;animation:stage-pop .24s ease both}.stage-complete-card>span{color:#7be36f;font-size:12px;text-transform:uppercase}.stage-complete-card h2{margin:0;color:#ffbd5a}.stage-complete-card p{margin:0;color:#e6d0a2;line-height:1.5}.stage-complete-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin:0;font-size:13px}.stage-complete-card dt{color:#d8c79a}.stage-complete-card dd{margin:0}.stage-spark{position:absolute;right:20px;top:20px;width:42px;height:42px;border:2px solid #ffbd5a;background:linear-gradient(90deg,transparent 44%,#ffbd5a 45% 55%,transparent 56%),linear-gradient(0deg,transparent 44%,#ffbd5a 45% 55%,transparent 56%);box-shadow:0 0 18px #ffbd5a6b;animation:stage-spark .9s steps(4) infinite}.phase-panel{display:grid;grid-template-rows:auto minmax(0,1fr)}.phase-panel-body{display:grid;gap:12px;padding:14px;overflow:auto}.phase-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.phase-status-grid article{display:grid;gap:4px;padding:10px;border:2px solid rgba(216,179,106,.28);background:#1b120c85}.phase-status-grid span{color:#d8c79a;font-size:11px}.phase-status-grid strong{color:#f8f4df}.phase-action-list{display:grid;gap:9px}.phase-note,.phase-warning{display:grid;gap:5px;padding:10px;border:2px solid rgba(216,179,106,.32);background:#1b120c85}.phase-note strong{color:#ffbd5a}.phase-note p{margin:0;color:#e6d0a2;line-height:1.45}.phase-warning{color:#ffb6a8;border-color:#ff5b4fad}.boat-meter{display:grid;gap:7px}.boat-meter strong{color:#ffbd5a;font-size:28px}.boat-meter i{height:12px;overflow:hidden;border:1px solid rgba(255,224,122,.32);background:#1b120cbd}.boat-meter b{display:block;height:100%;background:linear-gradient(90deg,#c59b5f,#7be36f)}.voyage-directions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.voyage-directions .recommended{color:#211607;border-color:#ffbd5a;background:#ffbd5a}.area-map-panel{display:grid;gap:12px}.area-map{position:relative;min-height:260px;overflow:hidden;border:2px solid rgba(216,179,106,.32);background:radial-gradient(circle at 48% 54%,rgba(216,179,106,.9) 0 30%,transparent 31%),radial-gradient(circle at 58% 44%,rgba(91,168,72,.78) 0 24%,transparent 25%),linear-gradient(135deg,#146d77e6,#07363ef2)}.area-pin{position:absolute;left:var(--x);top:var(--y);display:grid;min-width:88px;gap:2px;transform:translate(-50%,-50%);padding:6px;border:2px solid rgba(54,34,19,.92);color:#f8f4df;background:#302015e0;text-align:center}.area-pin b{display:grid;place-items:center;width:22px;height:22px;margin:0 auto;color:#211607;background:#ffbd5a;font-size:12px}.area-pin strong{font-size:12px}.area-pin span{color:#d8c79a;font-size:10px}.area-pin.status-completed{border-color:#7be36f}.area-pin.status-needs_tool,.area-pin.status-risky{border-color:#ff5b4f}.area-pin.status-undiscovered{opacity:.5}.area-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}.build-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}.build-picker button{display:grid;gap:4px;min-height:76px;text-align:left}.build-picker button.active{border-color:#ffbd5a;background:#7b4a2b}.build-picker span{color:#d8c79a;font-size:11px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.tech-node{display:grid;gap:7px;padding:10px;border:2px solid rgba(216,179,106,.3);background:linear-gradient(135deg,rgba(113,128,138,.15),transparent 46%),#1d1915d1}.tech-node span{color:#adc9c5;font-size:11px}.tech-node strong{color:#f8f4df}.tech-node p,.tech-node small{margin:0;color:#d8c79a;font-size:12px;line-height:1.4}.tech-node.available{border-color:#ffbd5a}.tech-node.unlocked{border-color:#7be36f;background:linear-gradient(135deg,rgba(123,227,111,.14),transparent 52%),#1d2317d1}.tech-node.locked{opacity:.55}.base-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-bottom:10px}.base-overview article{display:grid;gap:4px;padding:10px;border:2px solid rgba(216,179,106,.28);background:#1b120c85}.base-overview span{color:#d8c79a;font-size:11px}.base-overview strong{color:#f8f4df;font-size:18px}.chart-panel{display:grid;gap:10px}.chart-sea{position:relative;min-height:240px;border:2px solid rgba(216,179,106,.36);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(135deg,#0c7283,#07505c);background-size:36px 36px,36px 36px,auto}.raft-pin,.event-pin,.island-pin{position:absolute;display:block;width:16px;height:16px;border:2px solid #241609}.raft-pin{left:48%;top:50%;background:#ffbd5a}.event-pin{right:26%;bottom:32%;background:#ff5b4f}.island-pin{left:28%;top:30%;background:#7be36f}.build-mode-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#020c0e3d;pointer-events:none}.build-grid{display:grid;grid-template-columns:repeat(var(--cols),46px);grid-template-rows:repeat(var(--rows),46px);gap:2px;padding:8px;border:2px solid rgba(255,189,90,.5);background:#ffbd5a14;pointer-events:none}.build-grid button{min-width:0;min-height:0;padding:0;border:1px solid rgba(241,211,138,.5);background:#7be36f1f;box-shadow:none}.build-grid button.edge{background:#ffbd5a2e}.build-grid button.legal:hover{border-color:#7be36f;background:#7be36f47}.build-grid button.illegal{border-color:#ff5b4f8c;background:#ff5b4f2e}.build-grid button.occupied{border-color:#71808ab8;background:#09151680;cursor:not-allowed}.build-palette,.build-inspector{position:absolute;top:120px;display:grid;gap:7px;width:220px;padding:10px;border:2px solid rgba(54,34,19,.92);background:#302015e0;pointer-events:auto}.build-palette{left:16px}.build-inspector{right:16px}.build-inspector h3,.build-inspector p{margin:0}.build-inspector p,.build-inspector small{color:#d8c79a;line-height:1.4}.build-ghost{position:absolute;left:calc(50% + 38px);top:calc(50% - 26px);display:grid;place-items:center;width:92px;height:44px;border:2px solid #7be36f;color:#f8f4df;background:#7be36f29;font-size:12px;pointer-events:none}.pause-menu{display:grid;gap:10px;width:min(340px,calc(100vw - 32px));padding:18px;border:3px solid rgba(54,34,19,.98);background:linear-gradient(180deg,rgba(241,211,138,.16),transparent 38%),#2d2115}.pause-menu h2{margin:0 0 4px}.interaction-group-panel{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(92px,env(safe-area-inset-bottom));display:grid;gap:10px;width:min(360px,calc(100vw - 28px));max-height:min(520px,calc(100vh - 120px));padding:12px;border:2px solid rgba(255,189,90,.72);color:var(--ink);background:linear-gradient(180deg,rgba(197,155,95,.18),transparent 46%),#082126f5;box-shadow:0 18px 44px #0000006b;pointer-events:auto}.interaction-group-panel .panel-head{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px}.interaction-group-panel .panel-head span{display:block;color:var(--gold);font-size:11px;text-transform:uppercase}.interaction-group-panel .panel-head h2{margin:0;font-size:17px}.interaction-group-list{display:grid;gap:8px;overflow:auto}.interaction-group-list button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;min-height:42px;text-align:left}.interaction-group-list button span{display:grid;place-items:center;width:22px;height:22px;color:#211607;background:var(--gold)}.dev-admin-panel{position:absolute;inset:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;border:2px solid rgba(255,189,90,.78);color:var(--ink);background:linear-gradient(180deg,rgba(113,128,138,.2),transparent 34%),#08181cf7;box-shadow:0 22px 60px #0000007a;pointer-events:auto}.dev-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;overflow:auto}.dev-admin-grid section{display:grid;align-content:start;gap:10px;padding:12px;border:1px solid rgba(199,232,214,.18);background:#05181cb8}.dev-admin-grid h3{margin:0;color:var(--gold);font-size:15px}.dev-row{display:grid;grid-template-columns:minmax(0,1fr) 76px auto;gap:8px}.dev-row select,.dev-row input,.danger-zone input{min-width:0;height:36px;border:1px solid rgba(255,255,255,.22);color:var(--ink);background:#0000003d}.dev-chest-list{display:grid;gap:8px;max-height:220px;overflow:auto}.dev-chest-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:8px;align-items:center}.dev-chest-row span,.dev-debug-readout span{display:block;color:var(--muted);font-size:12px}.dev-debug-readout,.danger-zone{display:grid;gap:8px}.danger-zone{padding:10px;border:1px solid rgba(255,91,79,.55);background:#5c101659}.danger-zone strong{color:var(--danger)}.hud.phase5.mode-buildMode .survival-compact,.hud.phase5.mode-buildMode .weather-chip,.hud.phase5.mode-buildMode .objective-tracker,.hud.phase5.mode-buildMode .mini-map,.hud.phase5.mode-buildMode .tool-status,.hud.phase5.mode-buildMode .quickbar,.hud.phase5.mode-buildMode .context-actions,.hud.phase5.mode-buildMode .journal-fab,.hud.phase5.mode-buildMode .compact-log{display:none}@keyframes journal-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes stage-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stage-spark{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}@media(max-width:900px){.journal-shell{width:calc(100vw - 24px);height:calc(100vh - 24px)}.journal-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.journal-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;overflow:auto}.journal-side{flex-direction:row;overflow-x:auto}.journal-side button{flex:0 0 auto}.journal-detail{max-height:34vh}.quickbar{grid-template-columns:repeat(5,50px)}.quick-slot:nth-child(n+6){display:none}.journal-fab{display:none}.mobile-journal{display:block}}@media(min-width:901px){.mobile-journal{display:none}}@media(max-width:760px),(pointer:coarse){.survival-compact{width:min(196px,calc(100vw - 118px));gap:4px;padding:6px}.mini-brand strong{font-size:13px}.mini-brand span,.mini-stat{font-size:10px}.mini-stat{grid-template-columns:34px 1fr}.mini-stat i{height:5px}.weather-chip{top:104px;width:min(196px,calc(100vw - 118px));padding:6px}.weather-chip strong{font-size:12px}.weather-chip span{font-size:10px}.objective-tracker{display:none}.mini-map{width:86px;height:72px}.tool-status{display:none}.quickbar{bottom:max(10px,env(safe-area-inset-bottom));left:50%;padding:6px}.context-actions{right:max(10px,env(safe-area-inset-right));bottom:max(96px,calc(env(safe-area-inset-bottom) + 96px));width:min(224px,calc(100vw - 118px))}.context-main{grid-template-columns:34px 1fr;min-height:44px;font-size:13px}.context-main strong{width:28px;height:28px}.mobile-pad{left:max(10px,env(safe-area-inset-left));right:auto;bottom:max(74px,calc(env(safe-area-inset-bottom) + 74px))}.mobile-action{display:none}.mobile-journal{right:max(10px,env(safe-area-inset-right));top:max(90px,calc(env(safe-area-inset-top) + 90px))}.message-log.compact-log{display:none}.build-palette,.build-inspector{top:auto;bottom:12px;width:min(45vw,220px)}.build-grid{grid-template-columns:repeat(var(--cols),34px);grid-template-rows:repeat(var(--rows),34px)}}.hud-overlay{position:absolute;inset:0;z-index:40}.mini-stat .sanity{background:linear-gradient(90deg,#7867ff,#c484ff)}.sleep-transition-backdrop{background:#020404f2}.sleep-transition-card{display:grid;gap:10px;min-width:min(360px,calc(100vw - 48px));padding:24px;text-align:center}.sleep-transition-card span{color:#d8c79a;font-size:12px}.sleep-transition-card strong{color:#fff0bd;font-size:28px}.sleep-transition-card small{color:#e6d0a2}.hud.phase5.clock-dawn:before,.hud.phase5.clock-evening:before,.hud.phase5.clock-night:before,.hud.phase5.horror-horror_day:after,.hud.phase5.horror-horror_night:after{content:"";position:absolute;inset:0;pointer-events:none}.hud.phase5.clock-dawn:before{background:#ffba7014}.hud.phase5.clock-evening:before{background:#ff7e501a}.hud.phase5.clock-night:before{background:#161e4c29}.hud.phase5.horror-horror_day:after{background:#5a122014}.hud.phase5.horror-horror_night:after{background:#20002c29}.hud-loot{position:absolute;inset:0;z-index:32}.hud-messages,.hud-toast{position:absolute;inset:0;z-index:45;pointer-events:none}@media(max-width:520px){.area-map .area-pin{min-width:42px;padding:4px}.area-map .area-pin strong{display:none}.area-map .area-pin span{font-size:9px;line-height:1}}body,.hud,.journal-shell,.panel,.loot-panel,.phase-panel,.start-card{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.mini-clock{display:flex;justify-content:space-between;gap:8px;color:#f1d38a;font-size:11px}.mini-clock small{color:#d8c79a}.heading-planner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.heading-planner button{min-width:0;padding:0 6px}.heading-planner button.active{color:#211607;border-color:#ffbd5a;background:#ffbd5a}.sea-map-panel{display:grid;gap:10px}.sea-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(34px,1fr));gap:4px;padding:8px;border:2px solid rgba(216,179,106,.36);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(135deg,#0c7283,#07505c);background-size:36px 36px,36px 36px,auto}.sea-cell{position:relative;display:grid;place-items:center;min-height:42px;padding:4px;border:1px solid rgba(255,255,255,.16);color:#d5e9df;background:#061b20b5;box-shadow:none;opacity:.64}.sea-cell span{font-size:13px;line-height:1}.sea-cell span img{display:block;width:28px;height:28px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #020c0e99)}.sea-cell .sea-cell-label{display:grid;place-items:center;width:28px;height:28px;color:#fff0bd;text-shadow:0 2px #020c0e}.sea-cell small{position:absolute;right:3px;bottom:2px;color:#d8c79a;font-size:9px}.sea-cell.discovered{opacity:1}.sea-cell.visited{border-color:#7be36f80}.sea-cell.player{border-color:#ffbd5a;box-shadow:0 0 0 2px #ffbd5a66 inset,0 0 18px #ffbd5a55}.sea-cell.selected{border-color:#fff0bd;box-shadow:0 0 0 2px #fff0bd7a inset,0 0 18px #fff0bd55}.sea-cell.has-encounter{box-shadow:0 0 12px #7be36f55 inset}.sea-cell.encounter-storm_front,.sea-cell.encounter-reef_hazard,.sea-cell.encounter-red_tide_trace,.sea-cell.encounter-pirate_smoke{border-color:#ff5b4f}.sea-cell.encounter-merchant_ship{border-color:#ffbd5a}.sea-cell.encounter-fishing_spot{border-color:#7be36f}.sea-cell.unknown{color:#71808a;background:#031115d1}.sea-cell.terrain-coastal_water{background:#0b5f6ab8}.sea-cell.terrain-open_sea{background:#074d60b8}.sea-cell.terrain-reef{background:#23515bbd}.sea-cell.terrain-storm_band{background:#313f57c9}.sea-cell.terrain-fog_bank{background:#4b5d64bd}.sea-cell.terrain-red_tide_water{background:#572638c9}.sea-map-info{display:grid;gap:3px;padding:9px;border:1px solid rgba(216,179,106,.34);background:#1b120c80}.sea-map-info strong{color:#ffbd5a}.sea-map-info span,.sea-map-info small{color:#d8c79a;font-size:12px}.discard-dialog{display:grid;gap:9px;margin-top:10px;padding:10px;border:2px solid rgba(255,189,90,.58);background:linear-gradient(180deg,rgba(255,189,90,.16),transparent 45%),#1b120ce8}.discard-dialog strong{color:#ffbd5a}.discard-dialog p{margin:0;color:#d8c79a;font-size:12px}.discard-progress{height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#00000045}.discard-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffbd5a,#ffef9c)}.discard-controls{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:8px;align-items:center}.discard-controls input{min-width:0;height:34px;border:1px solid rgba(216,179,106,.38);color:#f8f4df;background:#00000040}.discard-controls input[type=range]{accent-color:#ffbd5a}.inventory-cell span{max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.currency-wallet{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.currency-wallet span{padding:5px 8px;border:1px solid rgba(255,189,90,.42);color:#fff0bd;background:#1b120c8a;font-size:12px}.currency-wallet.compact{margin:0}.currency-wallet.compact span{padding:3px 5px;font-size:10px}.sleep-panel .phase-note small,.daily-summary-panel .phase-note small{display:block;margin-top:3px}.daily-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.encounter-choice-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.encounter-choice-list .journal-card button{width:100%}.ship-status-panel,.ship-upgrade-panel{display:grid;gap:12px}.ship-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-bottom:10px}.ship-stat-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:2px solid rgba(216,179,106,.32);background:linear-gradient(180deg,rgba(241,211,138,.12),transparent 42%),#1b120c85}.ship-stat-card.warning{border-color:#ff5b4fb8;background:linear-gradient(180deg,rgba(255,91,79,.16),transparent 50%),#301410d1}.ship-stat-card>i{display:grid;place-items:center;width:34px;height:34px;border:2px solid rgba(255,189,90,.78);color:#211607;background:#ffbd5a;font-style:normal;font-weight:700}.ship-stat-card b{display:block;height:9px;overflow:hidden;border:1px solid rgba(255,224,122,.28);background:#120b07}.ship-stat-card b em{display:block;height:100%;background:linear-gradient(90deg,#c59b5f,#7be36f);transition:width .14s ease}.ship-stat-card.warning b em{background:linear-gradient(90deg,#ff5b4f,#ffbd5a)}.ship-stat-card small{color:#d8c79a;font-size:11px;line-height:1.35}.dev-admin-grid .dev-row button{min-width:0}.area-map{isolation:isolate;background:radial-gradient(ellipse at 50% 72%,rgba(242,208,129,.92) 0 26%,transparent 27%),radial-gradient(ellipse at 58% 48%,rgba(84,168,91,.82) 0 26%,transparent 27%),radial-gradient(ellipse at 34% 44%,rgba(31,109,58,.76) 0 18%,transparent 19%),radial-gradient(ellipse at 76% 38%,rgba(75,91,96,.74) 0 16%,transparent 17%),linear-gradient(135deg,#0c7283,#07363e 72%);box-shadow:inset 0 0 0 2px #ffe07a14,inset 0 0 60px #05121694}.area-map:before{content:"";position:absolute;inset:18px;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;opacity:.34}.area-map:after{content:"";position:absolute;left:8%;right:8%;bottom:8%;height:34%;z-index:0;background:radial-gradient(ellipse at center,rgba(138,230,255,.18),transparent 72%);border-top:2px dashed rgba(248,244,223,.2)}.area-map.island-map-rocky_island_01{background:radial-gradient(ellipse at 48% 72%,rgba(38,39,42,.86) 0 24%,transparent 25%),radial-gradient(ellipse at 54% 46%,rgba(75,91,96,.92) 0 30%,transparent 31%),radial-gradient(ellipse at 72% 34%,rgba(147,161,161,.58) 0 14%,transparent 15%),radial-gradient(ellipse at 28% 34%,rgba(32,42,45,.82) 0 18%,transparent 19%),linear-gradient(135deg,#123d48,#071d24 78%)}.area-map.island-map-trader_island_01{background:radial-gradient(ellipse at 46% 78%,rgba(216,179,106,.9) 0 23%,transparent 24%),radial-gradient(ellipse at 50% 50%,rgba(156,98,54,.78) 0 25%,transparent 26%),radial-gradient(ellipse at 70% 58%,rgba(113,128,138,.62) 0 18%,transparent 19%),radial-gradient(ellipse at 36% 38%,rgba(255,189,90,.34) 0 14%,transparent 15%),linear-gradient(135deg,#0c7283,#082126 76%)}.area-map.island-map-coconut_island_02{background:radial-gradient(ellipse at 50% 76%,rgba(242,208,129,.96) 0 25%,transparent 26%),radial-gradient(ellipse at 48% 42%,rgba(84,168,91,.86) 0 28%,transparent 29%),radial-gradient(ellipse at 28% 68%,rgba(138,230,255,.28) 0 16%,transparent 17%),radial-gradient(ellipse at 74% 58%,rgba(75,91,96,.54) 0 15%,transparent 16%),linear-gradient(135deg,#0d7180,#06363e 72%)}.area-map .area-pin{z-index:1;min-width:76px;padding:5px 6px;border-color:#ffbd5ab8;background:linear-gradient(180deg,rgba(255,224,122,.16),transparent 45%),#1b120ce8;box-shadow:0 8px 18px #0000006b}.area-map .area-pin b{width:24px;height:24px;border:2px solid #241609;background:linear-gradient(180deg,#ffe07a,#c59b5f)}.area-map .area-pin strong{color:#fff0bd;text-shadow:0 2px #1a120b}.area-map .area-pin span{color:#f1d38a}.sea-cell{position:relative;overflow:hidden}.sea-cell:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.hover-tooltip{position:absolute;z-index:90;display:grid;gap:4px;max-width:min(300px,calc(100vw - 20px));padding:8px 10px;border:2px solid rgba(255,189,90,.72);color:#f8f4df;background:linear-gradient(180deg,rgba(255,224,122,.14),transparent 46%),#071b20f2;box-shadow:0 14px 30px #00000070;pointer-events:none}.hover-tooltip[hidden]{display:none}.hover-tooltip strong{color:#ffbd5a;font-size:12px}.hover-tooltip span{color:#d8c79a;font-size:11px;line-height:1.35}.recruit-banner{display:grid;gap:10px;padding:14px;border:2px solid rgba(255,189,90,.42);background:radial-gradient(circle at 72% 20%,rgba(255,124,247,.18),transparent 32%),linear-gradient(180deg,rgba(255,224,122,.15),transparent 48%),#1b120ce6}.recruit-banner span{color:#d8c79a;font-size:12px}.recruit-banner strong{color:#fff0bd;font-size:36px;line-height:1}.recruit-banner p{margin:0;color:#e6d0a2;line-height:1.45}.recruit-panel{width:min(820px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));margin:auto;border:2px solid rgba(255,189,90,.78);background:linear-gradient(180deg,rgba(190,114,255,.12),transparent 42%),#08181cf7;box-shadow:0 22px 70px #00000080}.recruit-layout{grid-template-columns:minmax(140px,.72fr) minmax(0,2.2fr) minmax(200px,.95fr);min-height:0}.recruit-panel-main{min-height:0;overflow:auto}.recruit-hundred-pull:not(:disabled){position:relative;color:#211607!important;border-color:var(--apex-f)!important;background:linear-gradient(90deg,var(--apex-a),var(--apex-b),var(--apex-c),var(--apex-d),var(--apex-e),var(--apex-f),var(--apex-a))!important;background-size:240% 100%!important;box-shadow:0 0 18px #ff7cf7a3,0 0 34px #4aa3ff66!important;animation:apex-wrap-flow .9s linear infinite}.recruit-crew-panel,.recruit-rates-panel,.recruit-history-panel{display:grid;gap:10px}.recruit-crew-panel header,.recruit-rates-panel header,.recruit-history-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ffbd5a}.recruit-crew-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.crew-role-card{display:grid;gap:8px;padding:10px;border:2px solid rgba(216,179,106,.32);background:linear-gradient(180deg,rgba(241,211,138,.12),transparent 42%),#1b120c85}.crew-role-card p{margin:0;color:#d8c79a;font-size:12px;line-height:1.45}.crew-role-card small{color:#f1d38a;font-size:11px}.crew-candidate-list{display:grid;gap:6px}.crew-candidate{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:34px;text-align:left}.crew-candidate small{color:#d8c79a}.recruit-roster{display:grid;gap:10px}.recruit-roster header{display:flex;align-items:center;justify-content:space-between;color:#ffbd5a}.recruit-roster-grid,.recruit-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:9px}.recruit-character-card{position:relative;display:grid;align-content:start;gap:5px;min-height:142px;padding:10px;border:2px solid color-mix(in srgb,var(--rarity),transparent 36%);background:linear-gradient(135deg,color-mix(in srgb,var(--rarity),transparent 82%),transparent 58%),#101519e8;box-shadow:inset 0 0 0 1px #ffffff0a}.recruit-character-card i{display:grid;place-items:center;width:58px;height:58px;border:2px solid color-mix(in srgb,var(--rarity),#241609 20%);color:#211607;background:linear-gradient(180deg,#fff0bd,var(--rarity));font-style:normal;font-weight:800;overflow:hidden}.recruit-character-card i.recruit-portrait{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rarity),transparent 54%),transparent 62%),#071216}.recruit-character-card i.recruit-portrait img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #0006)}.recruit-character-card i.recruit-portrait-fallback{font-size:18px}.recruit-character-card strong{color:#f8f4df}.recruit-character-card span{color:var(--rarity);font-size:12px}.recruit-character-card small{color:#d8c79a;font-size:11px;line-height:1.35}.recruit-character-card.locked{opacity:.56;filter:saturate(.52)}.recruit-character-card.owned{box-shadow:0 0 18px color-mix(in srgb,var(--rarity),transparent 72%),inset 0 0 0 1px #ffffff14}.recruit-character-card.rarity-legendary,.recruit-result-card.rarity-legendary{box-shadow:0 0 18px #ffbd4578,0 0 42px #ffbd4538,inset 0 0 16px #ffbd451f}.recruit-character-card.rarity-apex:after,.recruit-result-card.rarity-apex:after{content:"";position:absolute;inset:-3px;pointer-events:none;padding:2px;background:linear-gradient(90deg,var(--apex-a),var(--apex-b),var(--apex-c),var(--apex-d),var(--apex-e),var(--apex-f),var(--apex-a));background-size:240% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:apex-wrap-flow .9s linear infinite}.recruit-result-card{position:absolute;left:50%;top:50%;display:grid;gap:12px;width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:auto;transform:translate(-50%,-50%);padding:14px;border:2px solid var(--rarity);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity),transparent 82%),transparent 38%),#071b20f7;box-shadow:0 28px 80px #00000085;pointer-events:auto}.recruit-result-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.recruit-result-card header span{display:block;color:var(--rarity);font-size:12px}.recruit-result-card header strong{font-size:24px;color:#fff0bd}.recruit-result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.recruit-result-summary article{display:grid;gap:3px;padding:8px;border:1px solid rgba(255,189,90,.28);background:#020c0e69}.recruit-result-summary span{color:#d8c79a;font-size:11px}.recruit-result-summary strong{color:#fff0bd;font-size:18px}.recruit-result-controls,.recruit-result-pager{display:flex;flex-wrap:wrap;gap:6px}.recruit-result-controls button{min-height:30px;padding:0 8px}.recruit-result-controls button.active{color:#211607;border-color:var(--gold);background:var(--gold)}.recruit-bonus-results{display:grid;gap:8px;padding-top:10px;border-top:1px solid rgba(255,189,90,.32)}.recruit-bonus-results header{padding:0}.recruit-bonus-results header span{color:#ff7cf7}@media(max-width:760px){.recruit-layout{grid-template-columns:1fr}.recruit-roster-grid,.recruit-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-character-card{min-height:124px}.recruit-banner strong{font-size:28px}}.recruit-banner-clean{grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:end;min-height:260px;padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,224,122,.1),transparent 54%),#140d09e8}.recruit-banner-clean .recruit-promo-art{align-self:stretch;display:grid;place-items:center;min-height:260px;background:radial-gradient(circle at 50% 44%,rgba(255,189,90,.3),transparent 42%),linear-gradient(180deg,#0d272b,#160d0b)}.recruit-banner-clean .recruit-promo-art img{width:min(100%,260px);max-height:250px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 18px 26px #000)}.recruit-banner-clean .recruit-banner-copy{display:grid;gap:8px;padding:18px 18px 10px}.recruit-banner-clean .recruit-banner-copy strong{font-size:56px}.recruit-banner-clean .journal-actions{padding:0 18px 18px}.recruit-result-card .recruit-result-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.recruit-result-card .recruit-character-card{min-height:128px;align-content:center;text-align:center}.recruit-result-card .recruit-character-card span,.recruit-result-card .recruit-character-card small{display:none}@media(max-width:760px){.recruit-banner-clean{grid-template-columns:1fr}.recruit-banner-clean .recruit-promo-art{min-height:168px}.recruit-banner-clean .recruit-promo-art img{max-height:160px}.recruit-banner-clean .recruit-banner-copy strong{font-size:38px}.recruit-result-card .recruit-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tutorial-guide-target{position:relative!important;z-index:2;overflow:visible!important;border-color:#ffbd5a!important;box-shadow:0 0 0 2px #fff0bd66 inset,0 0 16px #ffbd5a99!important;animation:tutorial-guide-glow .72s steps(2,end) infinite}.tutorial-guide-target:before{content:"";position:absolute;left:50%;top:-19px;width:0;height:0;transform:translate(-50%,-3px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #ffbd5a;filter:drop-shadow(0 2px 0 #2b1b12) drop-shadow(0 0 8px #ffbd5a);pointer-events:none;animation:tutorial-guide-arrow .55s ease-in-out infinite}.tutorial-guide-target:after{content:"";position:absolute;left:8px;right:8px;bottom:-6px;height:4px;background:#ffbd5a66;box-shadow:0 0 12px #ffbd5a99;pointer-events:none}@keyframes tutorial-guide-arrow{50%{transform:translate(-50%,3px)}}@keyframes tutorial-guide-glow{50%{box-shadow:0 0 0 2px #ffbd5a99 inset,0 0 24px #fff0bd99!important}}.interaction-prompt>i,.loot-progress i,.mobile-action i b,.discard-progress i{transition:width 42ms linear;will-change:width}.journal-shell{background:linear-gradient(180deg,rgba(241,211,138,.16),transparent 18%),#2d2115}.journal-side,.journal-main,.journal-detail,.panel,.loot-panel,.phase-panel,.stage-complete-card,.interaction-group-panel{background:linear-gradient(180deg,rgba(197,155,95,.16),transparent 34%),#1d140deb;box-shadow:inset 0 0 0 1px #d8b36a24}.journal-main{background:linear-gradient(180deg,rgba(197,155,95,.1),transparent 28%),#18110be8}.journal-detail{background:linear-gradient(180deg,#58361fb8,#18100af5),#18110b}.journal-card,.row-card,.sea-map-info,.phase-note,.phase-warning{background:linear-gradient(180deg,rgba(241,211,138,.12),transparent 42%),#21160ee8}.quickbar{background:url(/assets/pixel-v2/ui/ui-quickbar-rail.png) center/100% 100% no-repeat,transparent;border:0;box-shadow:none}.quick-slot{background:url(/assets/pixel-v2/ui/ui-inventory-slot-empty.png) center/100% 100% no-repeat,transparent!important;border:0!important;box-shadow:none!important}.quick-slot.active{background:url(/assets/pixel-v2/ui/ui-inventory-slot-active.png) center/100% 100% no-repeat,transparent!important}.inventory-cell{background:url(/assets/pixel-v2/ui/ui-inventory-slot-empty.png) center/100% 100% no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--rarity),transparent 82%),transparent 58%),#1b120c!important;border:0!important}.inventory-cell.active{background:url(/assets/pixel-v2/ui/ui-inventory-slot-active.png) center/100% 100% no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--rarity),transparent 78%),transparent 58%),#1b120c!important}.inventory-cell .item-icon,.quick-slot i{filter:drop-shadow(0 3px 0 #0008)}.mini-map{overflow:hidden;border:0!important;background:url(/assets/pixel-v2/ui/ui-minimap-frame.png) center/100% 100% no-repeat!important;box-shadow:0 10px 24px #00000052!important}.mini-map .mini-map-art{position:absolute;left:50%;top:50%;width:58%;height:46%;object-fit:contain;image-rendering:pixelated;transform:translate(-50%,-42%);filter:drop-shadow(0 3px 0 #0008)}.mini-map span{position:absolute;left:8px;top:6px;z-index:2;color:#fff0bd;text-shadow:0 2px #1b120c;font-size:11px}.mini-map b{display:none}.mini-map .danger-dot,.mini-map .island-dot{z-index:3}.sea-grid{background:url(/assets/pixel-v2/ui/ui-sea-grid-panel.png) center/cover no-repeat,#07505c;border-color:#d8b36a85}.area-map{background:url(/assets/pixel-v2/map/map-current-island.png) center/cover no-repeat,#07363e;border-color:#d8b36a85;box-shadow:inset 0 0 0 2px #fff0bd12,inset 0 0 48px #020c0e80}.area-map.island-map-unknown{background-image:url(/assets/pixel-v2/map/map-current-island.png)}.area-map.island-map-coconut_island_02{background-image:url(/assets/pixel-v2/map/map-coconut-island.png)}.area-map.island-map-rocky_island_01{background-image:url(/assets/pixel-v2/map/map-rocky-island.png)}.area-map.island-map-trader_island_01{background-image:url(/assets/pixel-v2/map/map-trader-island.png)}.area-map .area-pin{min-width:78px;background:linear-gradient(180deg,rgba(255,224,122,.18),transparent 48%),#1b120ce8}.area-map .area-pin b{width:30px;height:30px;border:0;background:transparent}.area-map .area-pin b img{display:block;width:30px;height:30px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #0008)}.area-map .area-pin strong{font-size:11px}@media(max-width:760px),(pointer:coarse){.area-map .area-pin{min-width:44px}.area-map .area-pin b,.area-map .area-pin b img{width:24px;height:24px}.mini-map .mini-map-art{width:56%;height:42%}}.map-board{overflow:auto}.island-explore-map-large{display:block;min-height:100%}.island-explore-map-large .area-map-panel{display:grid;grid-template-rows:minmax(430px,1fr) auto;gap:12px}.island-explore-map-large .area-map-panel>p:first-child{display:none}.island-explore-map-large .area-map{min-height:460px}.island-explore-map-large .area-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sea-map-panel-large{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px}.sea-map-panel-large .sea-grid{min-height:380px;grid-template-columns:repeat(var(--cols),minmax(48px,1fr))}@media(max-width:900px){.island-explore-map-large .area-map{min-height:320px}.sea-map-panel-large{grid-template-columns:1fr}}.island-map-panel-v2{gap:14px}.island-map-panel-v2>p:first-child{max-width:980px;margin:0;color:#d8c79a}.island-big-map{position:relative;width:var(--map-w);max-width:none;min-width:min(100%,var(--map-w));height:var(--map-h);min-height:560px;overflow:hidden;border:3px solid rgba(94,56,35,.95);background:#07363e;box-shadow:inset 0 0 0 2px #fff0bd14,inset 0 0 76px #020c0ea6,0 18px 42px #0005;isolation:isolate}.island-map-ocean{position:absolute;inset:0;z-index:0;background:url(/assets/pixel-v2/environment/water/sea-tile.png) center/96px 96px repeat,#0c7283;opacity:.92}.island-map-ocean:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 50%,rgba(138,230,255,.24),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%,rgba(0,0,0,.2));mix-blend-mode:screen;opacity:.7}.island-map-landmass{position:absolute;z-index:1;inset:9% 8% 8%;background:url(/assets/pixel-v2/environment/island/island-sand.png) center/96px 96px repeat,#d8b36a;box-shadow:0 0 0 12px #8ae6ff2e,0 0 0 22px #f2d0813d,inset 0 -24px #97713e2e,inset 0 28px #fff0bd33;clip-path:polygon(10% 42%,15% 20%,34% 10%,57% 7%,78% 14%,91% 33%,94% 58%,83% 82%,58% 92%,31% 89%,12% 74%,5% 56%)}.island-shape-town{inset:7% 5%;clip-path:polygon(9% 44%,12% 24%,29% 11%,54% 7%,76% 13%,91% 30%,95% 54%,87% 78%,64% 91%,35% 92%,13% 78%,4% 57%)}.island-shape-large{inset:6% 6% 7%;clip-path:polygon(8% 47%,13% 20%,38% 6%,65% 9%,88% 25%,96% 54%,82% 84%,53% 95%,25% 88%,5% 66%)}.island-shape-rocky{inset:8% 9%;background:url(/assets/pixel-v2/environment/island/island-rock.png) center/96px 96px repeat,#6f7775;clip-path:polygon(13% 42%,19% 17%,43% 7%,72% 14%,91% 38%,84% 73%,61% 91%,30% 85%,8% 62%)}.island-map-zone{position:absolute;z-index:2;pointer-events:none;opacity:.92}.zone-beach{left:13%;right:12%;bottom:10%;height:28%;background:linear-gradient(180deg,transparent,rgba(242,208,129,.9));clip-path:polygon(4% 34%,34% 8%,72% 14%,98% 44%,88% 88%,20% 94%)}.zone-grass{left:24%;top:20%;width:54%;height:48%;background:url(/assets/pixel-v2/environment/island/island-grass.png) center/72px 72px repeat,#63b65e;clip-path:polygon(9% 35%,25% 9%,63% 4%,91% 26%,84% 77%,52% 94%,16% 82%);box-shadow:inset 0 0 34px #03231352}.zone-forest{left:14%;top:13%;width:42%;height:38%;background:url(/assets/pixel-v2/environment/island/island-jungle.png) center/80px 80px repeat,#2f8b4b;clip-path:polygon(11% 22%,42% 3%,88% 18%,79% 70%,38% 95%,4% 68%);opacity:.86}.zone-highland{right:13%;top:16%;width:31%;height:34%;background:url(/assets/pixel-v2/environment/island/island-rock.png) center/80px 80px repeat,#71808a;clip-path:polygon(20% 8%,72% 0,98% 35%,78% 88%,24% 94%,2% 48%);opacity:.75}.zone-settlement{left:38%;top:43%;width:31%;height:29%;background:linear-gradient(90deg,#c59b5fcc,#97713eb8);clip-path:polygon(8% 24%,92% 12%,98% 70%,62% 94%,12% 78%);opacity:.48}.zone-rocks{right:18%;top:26%;width:38%;height:44%;background:radial-gradient(circle at 20% 22%,rgba(199,199,184,.78) 0 8%,transparent 9%),radial-gradient(circle at 62% 42%,rgba(103,112,111,.72) 0 10%,transparent 11%),radial-gradient(circle at 46% 76%,rgba(36,42,45,.62) 0 12%,transparent 13%);opacity:.8}.zone-town-square{left:35%;top:34%;width:42%;height:38%;background:linear-gradient(90deg,#b58248bd,#c59b5f94);clip-path:polygon(7% 22%,52% 2%,96% 20%,91% 78%,46% 98%,6% 76%);opacity:.72}.island-map-trader_island_01 .zone-forest{left:9%;top:14%;width:30%;height:30%;opacity:.58}.island-map-trader_island_01 .zone-grass{left:21%;top:18%;width:58%;height:54%;opacity:.68}.island-map-trader_island_01 .zone-settlement{left:30%;top:34%;width:42%;height:40%;opacity:.78}.island-map-trader_island_01 .zone-town-square{left:28%;top:31%;width:46%;height:42%;opacity:.86}.island-map-trader_island_01 .zone-highland{right:10%;top:18%;width:22%;height:28%;opacity:.42}.island-map-coconut_island_lv1 .island-map-landmass{inset:5% 4%;clip-path:polygon(8% 49%,12% 23%,28% 9%,51% 5%,76% 10%,92% 25%,97% 52%,89% 79%,65% 93%,35% 91%,13% 76%,4% 58%)}.island-map-coconut_island_lv1 .zone-beach{left:8%;right:8%;bottom:8%;height:34%;clip-path:polygon(4% 34%,26% 12%,55% 4%,85% 12%,98% 42%,90% 88%,20% 95%)}.island-map-coconut_island_lv1 .zone-grass{left:20%;top:18%;width:64%;height:54%;clip-path:polygon(8% 30%,22% 7%,61% 3%,91% 22%,88% 78%,55% 94%,18% 82%);opacity:.84}.island-map-coconut_island_lv1 .zone-forest{left:13%;top:10%;width:34%;height:34%;opacity:.92}.island-map-coconut_island_lv1 .zone-highland{right:11%;top:16%;width:26%;height:30%;opacity:.48}.island-map-coconut_island_lv1 .zone-settlement{left:47%;top:39%;width:34%;height:31%;opacity:.62}.island-map-coconut_island_lv1 .zone-town-square{left:42%;top:32%;width:42%;height:42%;opacity:.78}.island-map-coconut_island_lv1 .zone-rocks{right:10%;top:14%;width:28%;height:28%;opacity:.7}.island-road-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.island-road-layer line{stroke:#9b6a38;stroke-width:2.2;stroke-linecap:square;filter:drop-shadow(0 2px 0 rgba(40,24,14,.45))}.island-road-layer line.major{stroke:#c59b5f;stroke-width:3.6}.island-road-layer line.minor{stroke-dasharray:1.5 1.1;opacity:.86}.island-structure-layer{position:absolute;inset:0;z-index:7;pointer-events:none}.island-map-structure{position:absolute;left:var(--x);top:var(--y);width:62px;height:44px;transform:translate(-50%,-54%);filter:drop-shadow(0 6px 0 rgba(26,18,11,.45))}.island-map-structure i,.island-map-structure b{position:absolute;display:block}.island-map-structure i{left:9px;right:9px;bottom:4px;height:26px;background:#9a5a2f;border:2px solid #3e2516;box-shadow:inset 0 4px #d39a58}.island-map-structure b{left:4px;right:4px;top:2px;height:21px;background:#6f3f25;border:2px solid #3e2516;clip-path:polygon(0 100%,50% 0,100% 100%);box-shadow:inset 0 -4px #c47a38}.structure-market i{background:#b97942}.structure-market b{background:repeating-linear-gradient(90deg,#d84d3f 0 9px,#f8e8bd 9px 18px);clip-path:polygon(0 100%,8% 24%,92% 24%,100% 100%)}.structure-dock{width:78px;height:38px}.structure-dock i{left:6px;right:6px;bottom:4px;height:16px;background:repeating-linear-gradient(90deg,#7b4a2b 0 10px,#9a5a2f 10px 18px)}.structure-dock b{display:none}.structure-camp i{background:#806240}.structure-camp b{background:#f1d38a;clip-path:polygon(50% 0,100% 100%,0 100%)}.structure-ruin i{background:#5f5148}.structure-ruin b{background:#3e342f;clip-path:polygon(0 100%,36% 18%,70% 32%,100% 100%)}.structure-storage i{background:repeating-linear-gradient(90deg,#7b4a2b 0 13px,#b97942 13px 24px)}.structure-storage b{display:none}.structure-repair i{background:#8d5630}.structure-repair b{background:#71808a}.island-landmark{z-index:12;min-width:92px;max-width:132px;padding:5px 6px;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(255,224,122,.18),transparent 48%),#1b120ce8;box-shadow:0 8px 18px #0000007a,inset 0 0 0 1px #fff0bd14}.island-landmark.kind-area{z-index:10;opacity:.94}.island-landmark.kind-search{z-index:14;min-width:66px;max-width:82px;padding:4px;background:#10251de8}.island-landmark.kind-search strong{display:none}.island-landmark.kind-search span{font-size:9px}.island-landmark.kind-camp,.island-landmark.kind-merchant,.island-landmark.kind-voyage,.island-landmark.kind-landing,.island-landmark.kind-exit{z-index:18;min-width:104px;border-color:#ffbd5a}.island-landmark.kind-camp,.island-landmark.kind-merchant,.island-landmark.kind-voyage,.island-landmark.kind-landing,.island-landmark.kind-exit{grid-template-columns:46px minmax(0,1fr);align-items:center;text-align:left;gap:5px;padding:5px 7px;background:linear-gradient(180deg,rgba(255,224,122,.26),transparent 52%),#211407f0}.island-landmark.kind-camp b,.island-landmark.kind-merchant b,.island-landmark.kind-voyage b,.island-landmark.kind-landing b,.island-landmark.kind-exit b{grid-row:1 / span 2;width:42px;height:42px;border:1px solid rgba(255,240,189,.28);background:#0b1714c9}.island-landmark.kind-camp b img,.island-landmark.kind-merchant b img,.island-landmark.kind-voyage b img,.island-landmark.kind-landing b img,.island-landmark.kind-exit b img{width:42px;height:42px}.island-landmark.kind-camp strong,.island-landmark.kind-merchant strong,.island-landmark.kind-voyage strong,.island-landmark.kind-landing strong,.island-landmark.kind-exit strong{align-self:end}.island-landmark.kind-camp span,.island-landmark.kind-merchant span,.island-landmark.kind-voyage span,.island-landmark.kind-landing span,.island-landmark.kind-exit span{align-self:start}.island-landmark b{width:30px;height:30px;background:transparent}.island-landmark b img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #0008)}.island-landmark.kind-search b,.island-landmark.kind-search b img{width:24px;height:24px}.island-landmark strong{font-size:11px;line-height:1.08}.island-landmark span{font-size:10px}.island-landmark.status-completed{border-color:#7be36f}.island-landmark.status-needs_tool,.island-landmark.status-risky{border-color:#ff5b4f}.island-landmark.status-undiscovered{opacity:.58;filter:saturate(.55)}@media(max-width:900px){.island-big-map{width:var(--map-w);height:max(560px,var(--map-h))}.island-landmark{min-width:78px}.island-landmark strong{font-size:10px}}*{scrollbar-width:thin;scrollbar-color:#c59b5f #1b120c}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#1b120c;border:2px solid #3e2516;box-shadow:inset 0 0 0 1px #00000080}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffe07a,#c59b5f 48%,#7b4a2b);border:2px solid #241609;box-shadow:inset 0 0 0 1px #fff0bd55}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff0bd,#ffbd5a 52%,#8d5630)}*::-webkit-scrollbar-corner{background:#1b120c}*::-webkit-scrollbar-button{width:0;height:0;display:none}.recruit-result-card,.journal-main,.journal-side,.journal-detail,.panel,.loot-panel,.phase-panel,.dev-admin-panel,.interaction-group-list,.area-list,.recipe-list{scrollbar-gutter:stable}.journal-body[data-journal-tab=map]{grid-template-columns:1fr}.journal-body[data-journal-tab=map] .map-only-board{display:grid;align-items:start;justify-items:center;min-height:100%;padding:10px;background:linear-gradient(180deg,rgba(197,155,95,.12),transparent 34%),#1d140deb}.map-only-board .world-map-stack{display:grid;min-height:100%;place-items:center}.map-only-board .island-explore-map-large{width:max-content;max-width:none;margin:0 auto}.map-only-board .island-map-panel-v2{justify-items:center}.map-zoom-panel{width:100%;max-width:100%;overflow:auto;align-content:start;justify-items:center}.map-zoom-inner{position:relative;width:var(--zoom-w);height:var(--zoom-h);min-width:var(--zoom-w);min-height:var(--zoom-h)}.map-zoom-inner>.island-big-map{position:absolute;left:0;top:0;transform:scale(var(--sea-map-scale,1));transform-origin:top left}.sea-map-pirate-panel{display:grid;min-height:100%;place-items:center;overflow:hidden;border:0;background:transparent}.sea-map-panel-large{display:grid;grid-template-columns:1fr}.sea-map-viewport{display:grid;width:100%;height:min(62vh,620px);min-height:460px;place-items:center;overflow:auto;border:3px solid rgba(94,56,35,.95);background:#16100b;box-shadow:inset 0 0 0 2px #d8b36a24,0 18px 42px #0008}.sea-pirate-map{position:relative;width:960px;height:620px;flex:0 0 auto;transform:scale(var(--sea-map-scale,1));transform-origin:center center;isolation:isolate;background:url(/assets/pixel-v2/ui/ui-parchment-panel.png) center/100% 100% no-repeat,#b9854c;box-shadow:inset 0 0 0 10px #4d2d186b,inset 0 0 90px #301e1173}.sea-pirate-paper{position:absolute;inset:36px;z-index:0;background:radial-gradient(ellipse at 28% 34%,rgba(70,137,124,.32) 0 16%,transparent 17%),radial-gradient(ellipse at 72% 60%,rgba(39,116,133,.28) 0 18%,transparent 19%),linear-gradient(25deg,transparent 0 47%,rgba(94,56,35,.22) 48% 50%,transparent 51%),linear-gradient(155deg,transparent 0 49%,rgba(94,56,35,.16) 50% 52%,transparent 53%);border:2px solid rgba(94,56,35,.48);clip-path:polygon(5% 12%,21% 6%,42% 10%,60% 5%,82% 11%,94% 24%,90% 48%,96% 70%,79% 91%,56% 86%,33% 94%,10% 82%,7% 60%,2% 39%);opacity:.86}.sea-pirate-paper:after{content:"";position:absolute;inset:22px;background:radial-gradient(circle at 50% 50%,rgba(255,240,189,.24),transparent 42%),repeating-linear-gradient(0deg,transparent 0 34px,rgba(94,56,35,.12) 35px 36px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(94,56,35,.1) 35px 36px);opacity:.45}.sea-map-pin{position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;place-items:center;width:46px;height:46px;min-height:0;padding:0;transform:translate(-50%,-50%);border:2px solid #3e2516;color:#fff0bd;background:linear-gradient(180deg,#7b4a2b,#3e2516);box-shadow:0 5px #2416097a,0 0 0 2px #fff0bd24;opacity:1}.sea-map-pin span{display:grid;place-items:center;width:36px;height:36px;font-size:15px;line-height:1}.sea-map-pin span img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #020c0e99)}.sea-map-pin .sea-cell-label{display:grid;place-items:center;width:34px;height:34px;color:#fff0bd;text-shadow:0 2px #020c0e;background:transparent}.sea-map-pin.visited{border-color:#7be36f}.sea-map-pin.player{z-index:4;border-color:#ffbd5a;background:linear-gradient(180deg,#ffbd5a,#8d5630);box-shadow:0 0 0 3px #ffbd5a44,0 0 22px #ffbd5a78,0 6px #24160973}.sea-map-pin.selected{outline:2px solid #fff0bd;outline-offset:3px}.sea-map-pin.has-encounter{box-shadow:0 0 0 2px #fff0bd2e,0 0 20px #7be36f6b,0 5px #2416097a}.sea-map-pin.encounter-storm_front,.sea-map-pin.encounter-reef_hazard,.sea-map-pin.encounter-red_tide_trace,.sea-map-pin.encounter-pirate_smoke{border-color:#ff5b4f}.sea-map-pin.encounter-merchant_ship{border-color:#ffbd5a}.sea-map-pin.encounter-fishing_spot{border-color:#7be36f}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.codex-entry{align-content:start;justify-items:center;text-align:center;min-height:158px;border-color:color-mix(in srgb,var(--rarity,#d8b36a),transparent 36%)!important}.codex-item-art{display:block;width:56px;height:56px;background:var(--icon) center/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 0 #0007)}.codex-entry strong{font-size:13px}.codex-entry p{font-size:11px;text-align:left}.codex-entry.rarity-legendary .codex-item-art{filter:drop-shadow(0 0 10px #ffbd5a) drop-shadow(0 4px 0 #0008)}.codex-entry.rarity-apex .codex-item-art{filter:drop-shadow(0 0 10px #ff7cf7) drop-shadow(0 0 14px #4aa3ff) drop-shadow(0 4px 0 #0008)}.hud .tutorial-guide-target.tutorial-guide-target-close:before{top:auto;bottom:-24px}.hud .tutorial-guide-target.tutorial-guide-target-close:after{top:auto;bottom:-9px;border-top:0;border-bottom:15px solid #ffbd5a}@media(max-width:900px){.sea-map-viewport{height:calc(100vh - 230px);min-height:360px}.sea-pirate-map{width:820px;height:540px}.sea-map-pin{width:42px;height:42px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media(max-width:760px),(pointer:coarse){.hud.phase5 .objective-tracker.tutorial-objective{display:grid;top:max(154px,calc(env(safe-area-inset-top) + 154px));left:max(10px,env(safe-area-inset-left));z-index:12;width:min(196px,calc(100vw - 118px));max-height:92px;overflow:hidden;gap:2px;padding:6px 8px}.hud.phase5 .objective-tracker.tutorial-objective span{font-size:10px}.hud.phase5 .objective-tracker.tutorial-objective strong{font-size:11px;line-height:1.22}.hud.phase5 .objective-tracker.tutorial-objective em,.hud.phase5 .objective-tracker.tutorial-objective small:nth-of-type(n+2){display:none}}.hud.phase18ca-onboarding .weather-chip,.hud.phase18ca-onboarding .mini-map,.hud.phase18ca-onboarding .tool-status{display:none}.hud.phase18ca-onboarding .survival-compact{width:184px;gap:4px;padding:7px;background:linear-gradient(180deg,rgba(241,211,138,.18),transparent 48%),#382416e8}.hud.phase18ca-onboarding .mini-brand span,.hud.phase18ca-onboarding .mini-clock,.hud.phase18ca-onboarding .currency-wallet,.hud.phase18ca-onboarding .mini-stat[data-mini-stat=stamina]{display:none}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective{top:max(112px,calc(env(safe-area-inset-top) + 112px));width:min(286px,calc(100vw - 28px));padding:11px 13px;border-color:#ffbd5a;background:linear-gradient(180deg,rgba(255,224,122,.22),transparent 58%),#4b2a1be8;box-shadow:0 12px 28px #0005,inset 0 0 0 1px #fff0bd2e}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective span{color:#ffe8a8;font-size:11px}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective strong{color:#fff4cc;font-size:16px;line-height:1.18}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective em{color:#f1d38a;font-size:12px}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective small{display:none}.hud.phase18ca-onboarding .journal-fab,.hud.phase18ca-onboarding:not(.tutorial-step-open_inventory):not(.tutorial-step-craft_simple_knife) .mobile-journal{display:none}.hud.phase18ca-onboarding .journal-fab{right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));border-color:#ffbd5a;background:#6b3f25}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective .tutorial-key-prompt{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin-top:4px;padding:6px 8px;border:1px solid rgba(255,189,90,.68);color:#fff0bd;background:linear-gradient(180deg,rgba(255,224,122,.18),transparent 54%),#211407d9;box-shadow:0 0 14px #ffbd5a57}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective .tutorial-key-prompt kbd{display:grid;place-items:center;min-width:28px;min-height:28px;border:2px solid #fff0bd;color:#211607;background:#ffbd5a;font:inherit;font-weight:800;box-shadow:inset 0 -3px #5e38236b}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective .tutorial-key-prompt b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hud .tutorial-guide-target{position:relative;isolation:isolate;border-color:#ffbd5a!important;box-shadow:0 0 0 1px #fff0bd8c,0 0 16px #ffbd5a9e,inset 0 0 14px #ffe07a2e;animation:tutorial-guide-glow .92s ease-in-out infinite alternate}.hud .tutorial-guide-target:before{content:"";position:absolute;z-index:3;inset:-20px auto auto 50%;width:9px;height:16px;transform:translate(-50%);background:#ffbd5a;border:1px solid #fff0bd;box-shadow:0 0 12px #ffbd5ac2;pointer-events:none;animation:tutorial-guide-bob .72s ease-in-out infinite alternate}.hud .tutorial-guide-target:after{content:"";position:absolute;z-index:3;inset:-6px auto auto 50%;transform:translate(-50%);width:0;height:0;background:transparent;border-left:11px solid transparent;border-right:11px solid transparent;border-top:15px solid #ffbd5a;filter:drop-shadow(0 0 8px rgba(255,189,90,.78));pointer-events:none;animation:tutorial-guide-bob .72s ease-in-out infinite alternate}.journal-tabs .tutorial-guide-target-tab:before{top:auto;bottom:-24px}.journal-tabs .tutorial-guide-target-tab:after{top:auto;bottom:-9px;border-top:0;border-bottom:15px solid #ffbd5a}.journal-card .tutorial-guide-target-action:before,.journal-card .tutorial-guide-target-action:after{left:50%;right:auto}.mobile-journal.tutorial-guide-target-mobile:before{top:-21px}.mobile-journal.tutorial-guide-target-mobile:after{top:-7px}.hud.phase18ca-onboarding .mobile-journal.tutorial-guide-target-mobile{position:absolute!important}@keyframes tutorial-guide-glow{0%{box-shadow:0 0 0 1px #fff0bd73,0 0 10px #ffbd5a75,inset 0 0 10px #ffe07a24}to{box-shadow:0 0 0 1px #fff0bdc7,0 0 22px #ffbd5ac7,inset 0 0 18px #ffe07a42}}@keyframes tutorial-guide-bob{0%{transform:translate(-50%,-2px)}to{transform:translate(-50%,5px)}}.hud.phase18ca-onboarding .context-actions{border-color:#ffbd5a;background:linear-gradient(180deg,rgba(255,224,122,.18),transparent 52%),#061b20ee}.hud.phase18ca-onboarding .context-main strong{width:42px}.hud.phase18ca-onboarding .context-main span{color:#fff0bd;font-weight:700}.hud.phase18ca-onboarding .action-preview,.hud.phase18ca-onboarding .context-secondary{display:none}.hud.phase18ca-onboarding .message-log.compact-log>div{display:none}.hud.phase18ca-onboarding .action-result-card.compact-result{max-width:340px;margin-inline:auto;text-align:center}.hud.phase18ca-onboarding .action-result-card.compact-result header strong{white-space:normal}.mobile-action strong,.mobile-action span,.mobile-action i{position:relative;z-index:1}.mobile-action{isolation:isolate}.mobile-action strong{display:block;color:#fff4cc;font-size:13px;line-height:1}.mobile-action span{display:block;margin-top:3px;color:#f1d38a;font-size:10px;line-height:1.1}.mobile-action i{position:absolute;left:10px;right:10px;bottom:9px;display:block;height:5px;overflow:hidden;border:1px solid rgba(255,224,122,.36);background:#120b0799}.mobile-action i b{display:block;height:100%;background:linear-gradient(90deg,#ffbd5a,#fff0bd)}[data-context-progress],[data-mobile-progress],[data-loot-progress]{transition:width 60ms linear}@media(max-width:760px),(pointer:coarse){.hud.phase18ca-onboarding .survival-compact{width:148px}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective{display:grid;top:max(84px,calc(env(safe-area-inset-top) + 84px));width:min(224px,calc(100vw - 118px));max-height:none}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective strong{font-size:13px}.hud.phase18ca-onboarding .objective-tracker.tutorial-objective em{font-size:11px}.hud.phase18ca-onboarding .mobile-action{display:grid;place-items:center;width:76px;height:76px;right:max(82px,calc(env(safe-area-inset-right) + 82px));bottom:max(58px,calc(env(safe-area-inset-bottom) + 58px));border-color:#ffbd5a;background:linear-gradient(180deg,rgba(255,224,122,.18),transparent 52%),#5e3823e8}.hud.phase18ca-onboarding .mobile-journal{right:max(10px,env(safe-area-inset-right));top:max(84px,calc(env(safe-area-inset-top) + 84px))}}