:root{color-scheme:dark;--font-display: "NanumMyeongjo", "Apple Myungjo", "Noto Serif KR", Batang, Georgia, serif;--font-ui: "Apple SD Gothic Neo", "Malgun Gothic", "Pretendard", "Noto Sans KR", system-ui, sans-serif;font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-synthesis:none;background:var(--deep);color:var(--ink);--deep: #061820;--sea-mid: #0d3b3f;--teal: #65c1b1;--brass: #b98a4a;--gold: #e6c77b;--ink: #e9e2ce;--moon: #a8c4e0;--amber: #ff9a4e;--danger: #c34f42;--muted: #91aaa6;--panel: rgba(5, 19, 24, .92);--line: rgba(190, 215, 204, .18);--type-title: clamp(1.75rem, 3vw, 3.25rem);--type-value: clamp(1rem, 1.25vw, 1.25rem);--type-body: clamp(.875rem, 1vw, 1.0625rem);--type-caption: clamp(.75rem, .82vw, .875rem);--menu-ease: cubic-bezier(.2,.7,.2,1);--combat-ease: cubic-bezier(.2,.8,.2,1);--parchment-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");--painter-grain: var(--parchment-grain)}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--deep);-webkit-user-select:none;user-select:none}button{font:inherit}button,input,output{font-family:var(--font-ui);font-variant-numeric:tabular-nums}#game-shell{position:relative;min-width:320px;min-height:480px;isolation:isolate}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.captain-hud{position:absolute;z-index:8;top:0;left:0;display:none;width:64px;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.46));transform:scale(var(--hud-scale, 1));transform-origin:0 0}.captain-hud.visible{display:block}.captain-frame{position:relative;width:64px;height:64px;overflow:hidden;border:2px solid #6fb9aa;border-radius:4px 4px 1px 1px;background:#061a20;box-shadow:inset 0 0 0 2px #041116d1,0 0 18px #54bba624;transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease}.captain-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,226,155,.12),transparent 32%,rgba(1,12,17,.24));content:""}.captain-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.88) contrast(1.08);transform:scale(1.04);transition:filter .18s ease,transform .18s ease}.captain-state-mark{position:absolute;z-index:2;right:5px;bottom:5px;width:8px;height:8px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:#64c4b1;box-shadow:0 0 10px #64c4b1}.captain-caption{display:flex;width:64px;padding:4px 4px 5px;border:1px solid rgba(142,183,173,.24);border-top:0;background:#041217eb;line-height:1.15;flex-direction:column}.captain-caption b{color:#ead8ae;font:700 .6875rem var(--font-ui);white-space:nowrap}.captain-caption span{margin-top:2px;color:#7fa19b;font-size:.625rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.captain-hud.combat .captain-frame{border-color:#e3b15f;box-shadow:inset 0 0 0 2px #041116d1,0 0 20px #eca73e57}.captain-hud.combat .captain-frame img{filter:saturate(1.04) contrast(1.16);transform:scale(1.075)}.captain-hud.combat .captain-state-mark{background:#f0b552;box-shadow:0 0 12px #f0a43d;animation:captain-pulse .75s ease-in-out infinite alternate}.captain-hud.combat .captain-caption span{color:#d9aa58}.captain-hud.low-health .captain-frame{border-color:#ef604e;box-shadow:inset 0 0 20px #7d0c0c59,0 0 24px #eb3e2e7a;animation:captain-danger .44s ease-in-out infinite alternate}.captain-hud.low-health .captain-frame img{filter:saturate(.52) contrast(1.24) sepia(.16);transform:scale(1.095) translate(-1px)}.captain-hud.low-health .captain-state-mark{background:#ff5d49;box-shadow:0 0 14px #ff4232}.captain-hud.low-health .captain-caption span{color:#f17b68}@keyframes captain-pulse{to{opacity:.52;transform:scale(.78)}}@keyframes captain-danger{to{filter:brightness(1.15);transform:translate(1px)}}.autoaim-buff{position:absolute;top:102px;left:-8px;width:248px;margin-top:4px;padding:4px 7px 6px;overflow:hidden;border:1px solid rgba(100,176,255,.55);border-radius:2px;background:#051825f0;box-shadow:0 0 18px #4c9dff40;color:#8bc7ff;font-size:var(--type-caption);font-weight:800;letter-spacing:.04em}.autoaim-buff[hidden]{display:none}.autoaim-buff b{float:right;color:#e4f4ff;font-size:var(--type-value)}.autoaim-buff i{position:absolute;bottom:0;left:0;width:var(--buff-progress, 0%);height:2px;background:linear-gradient(90deg,#408cff,#9ce9ff);box-shadow:0 0 8px #6bcfff}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none}.screen.visible{display:grid}.screen,.screen>*,.title-content,.modal,.boss-story-panel{min-width:0}.screen h1,.screen h2,.screen h3,.screen p,.screen button{overflow-wrap:anywhere}.primary-button,.text-button,.reroll-button,.boss-skip{max-width:100%;white-space:normal}.mobile-advisory{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:none;padding:18px;overflow:auto;place-items:center;background:radial-gradient(circle at 50% 32%,rgba(13,59,63,.72),transparent 46%),#061820f7;font-family:var(--font-ui)}.fatal-error{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:none;padding:24px;place-items:center;background:#020b0ff0;font-family:var(--font-ui)}.fatal-error[hidden]{display:none}.fatal-error.visible{display:grid}.fatal-error-card{width:min(620px,100%);padding:32px;border:1px solid rgba(207,188,135,.42);background:linear-gradient(145deg,#0f2a2cfc,#041217fe);box-shadow:0 30px 90px #000000ad;color:#d8e5df;text-align:center}.fatal-error-card h2{margin:8px 0 18px;color:#f0d48c;font-family:var(--font-display)}.fatal-error-card p:not(.eyebrow){margin:8px 0;color:#b8cbc5}.fatal-error-card .primary-button{margin-top:22px}.mobile-advisory-card{width:min(430px,100%);padding:26px 20px 22px;border:1px solid rgba(185,138,74,.82);background:var(--parchment-grain),linear-gradient(145deg,#0d3b3ff5,#051318fc);box-shadow:inset 0 0 0 4px var(--deep),inset 0 0 0 5px #e6c77b3d,0 28px 70px #0000008c;color:var(--ink);text-align:center;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}.mobile-advisory-emblem{display:grid;width:48px;height:48px;margin:0 auto 12px;place-items:center;border:3px double var(--brass);border-radius:50%;color:var(--gold);font-size:24px}.mobile-advisory-card h2{margin:0 0 12px;color:var(--gold);font-family:var(--font-ui);font-size:clamp(1.45rem,7vw,2rem)}.mobile-advisory-card>p:not(.eyebrow,.mobile-advisory-note){margin:0;color:#e9e2cec7;font-size:.95rem;line-height:1.65;word-break:keep-all}.mobile-advisory-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px 0 14px}.mobile-advisory-keys span{padding:10px 4px 8px;border:1px solid rgba(230,199,123,.22);background:#030f148f;color:var(--gold);font-size:.82rem;font-weight:800}.mobile-advisory-keys small{display:block;margin-top:4px;color:var(--muted);font-size:.68rem;font-weight:600}.mobile-advisory-note{margin:0;color:#a8c4e0b8;font-size:.76rem;line-height:1.5}#title-screen{place-items:center;overflow:auto;background:linear-gradient(90deg,#020c11b3,#020c1126 50%,#020c11b3),linear-gradient(0deg,rgba(3,15,20,.86),transparent 48%,rgba(2,11,16,.48))}.title-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,transparent 0 24%,rgba(1,8,12,.16) 54%,rgba(1,8,12,.78) 100%),repeating-linear-gradient(106deg,transparent 0 94px,rgba(152,221,213,.025) 95px 96px)}.title-content{position:relative;width:min(980px,calc(100vw - 36px));padding:26px 0 22px;text-align:center;animation:title-in .9s cubic-bezier(.2,.8,.2,1) both}@keyframes title-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0 0 8px;color:#9eb8b2;font-size:var(--type-caption);font-weight:700;letter-spacing:.3em}.title-mark{display:flex;align-items:center;justify-content:center;gap:10px;margin:7px auto 2px}.title-mark span{width:54px;height:1px;background:linear-gradient(90deg,transparent,#cdb370)}.title-mark span:last-child{transform:scaleX(-1)}.title-mark img{width:42px;height:42px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#f2e7cb;font-family:var(--font-display);font-size:clamp(36px,5.3vw,66px);font-weight:600;letter-spacing:-.06em;line-height:1.02;text-shadow:0 8px 32px rgba(0,0,0,.45)}.title-en{margin:5px 0 12px;color:#d1b974;font-family:var(--font-display);font-size:var(--type-caption);letter-spacing:.32em}.lede{margin-bottom:18px;color:#aebfba;font-family:var(--font-display);font-size:var(--type-body);line-height:1.7}.ship-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 14px}.ship-card{position:relative;min-height:156px;padding:15px 15px 12px;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:linear-gradient(145deg,#092026ed,#051318de);color:var(--ink);text-align:left;cursor:pointer;transition:.18s ease}.ship-card:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;content:"";pointer-events:none}.ship-card:hover:not(:disabled),.ship-card.selected{border-color:#e1c377a6;background:linear-gradient(145deg,#113033f7,#07191deb);transform:translateY(-2px)}.ship-card.selected:before{border:1px solid rgba(225,195,119,.24);top:3px;right:3px;bottom:3px;left:3px}.ship-card:disabled{opacity:.43;filter:grayscale(.6);cursor:not-allowed}.ship-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ship-card-top b{color:#ead9b1;font-family:var(--font-ui);font-size:var(--type-value)}.ship-card-top small{color:#789a95;font-size:var(--type-caption);letter-spacing:.08em}.ship-portrait{display:flex;width:124px;min-height:46px;margin:10px auto 6px;align-items:center;justify-content:center}.ship-portrait img{display:block;width:100%;max-width:124px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}.ship-portrait.missing{min-height:46px;border:1px dashed rgba(230,199,123,.3)}.ship-portrait.missing:after{color:#e6c77b7a;content:"도판 없음";font-family:var(--font-ui);font-size:var(--type-caption);letter-spacing:.08em}.ship-card-copy{display:block;min-height:30px;color:#9bb0ac;font-size:var(--type-body);line-height:1.45}.ship-starting-actives{display:block;margin-top:6px;color:#a9c8c1;font-size:var(--type-caption);font-weight:700}.ship-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.ship-stats i{position:relative;padding-top:5px;overflow:hidden;color:#6f918d;font-size:var(--type-caption);font-style:normal}.ship-stats i:before,.ship-stats i:after{position:absolute;top:0;left:0;height:2px;content:""}.ship-stats i:before{width:100%;background:#7a9e9633}.ship-stats i:after{width:min(var(--v),100%);background:#bfa562}.primary-button,.text-button{border:0;cursor:pointer;transition:.16s ease}.primary-button{min-width:240px;padding:12px 26px;border:1px solid #d2b66d;border-radius:2px;background:linear-gradient(180deg,#d5b86d,#a78343);box-shadow:0 7px 24px #00000047,inset 0 1px #ffffff59;color:#142528;font-size:var(--type-body);font-weight:800;letter-spacing:.04em}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.title-footer{display:flex;justify-content:center;gap:22px;margin-top:12px;color:#78938f;font-size:var(--type-caption)}.meta-line{margin:8px 0 0;color:#b6a66f;font-size:var(--type-body)}.run-seed-display{display:flex;align-items:center;justify-content:space-between;gap:10px}.run-seed-display{min-height:31px;padding:5px 7px 5px 10px;border:1px solid rgba(230,199,123,.28);background:#020c10a8;color:#e9e2ceb3;font-size:var(--type-caption)}.run-seed-display b{margin-left:5px;color:var(--gold);font-weight:800;letter-spacing:.04em}.seed-copy-button{padding:4px 8px;border:1px solid rgba(230,199,123,.36);background:#b98a4a1f;color:#dbc785;cursor:pointer;font-size:var(--type-caption)}.seed-copy-button:hover,.seed-copy-button:focus-visible{border-color:var(--gold);color:#fff0c4}.modal-screen{place-items:center;padding:24px;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(90,132,115,.13),transparent 38%),#020b0fb8;-webkit-backdrop-filter:blur(10px) saturate(.82);backdrop-filter:blur(10px) saturate(.82)}.modal{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:32px;border:1px solid rgba(207,188,135,.31);border-radius:4px;background:linear-gradient(145deg,#0c2428fa,#041217fc),var(--panel);box-shadow:0 30px 80px #00000085;text-align:center}.modal:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(225,211,164,.08);content:"";pointer-events:none}.port-modal{width:min(1120px,100%);max-height:calc(100vh - 28px);overflow:auto;background:radial-gradient(circle at 50% -20%,rgba(213,179,101,.16),transparent 45%),repeating-linear-gradient(118deg,transparent 0 64px,rgba(145,190,174,.018) 65px 66px),linear-gradient(145deg,#0d282afc,#031016fe)}.port-modal:before{position:absolute;top:10px;left:50%;width:130px;height:1px;background:linear-gradient(90deg,transparent,#d3b269,transparent);box-shadow:0 0 18px #ddbe6f6b;content:"";transform:translate(-50%)}.harbor-npcs[hidden]{display:none}.harbor-npcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 4px;text-align:left}.harbor-npc{position:relative;display:grid;grid-template-columns:minmax(92px,34%) 1fr;min-height:154px;overflow:hidden;border:1px solid rgba(185,138,74,.35);background:linear-gradient(145deg,#0d3b3fc2,#061820f5);box-shadow:inset 0 0 0 4px #061820c7,inset 0 0 0 5px #e6c77b1f;opacity:.68;transition:opacity .16s var(--combat-ease),border-color .16s var(--combat-ease),transform .16s var(--combat-ease)}.harbor-npc.active{border-color:#e6c77bd1;box-shadow:inset 0 0 0 4px #061820c7,inset 0 0 0 5px #e6c77b3d,0 12px 28px #0000003d;opacity:1;transform:translateY(-2px)}.harbor-npc-portrait{position:relative;min-height:154px;overflow:hidden;border-right:1px solid rgba(230,199,123,.24);background:var(--deep)}.harbor-npc-portrait:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 58%,rgba(6,24,32,.72)),linear-gradient(0deg,rgba(6,24,32,.55),transparent 46%);content:"";pointer-events:none}.harbor-npc-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:saturate(.84) contrast(1.08);transform:scale(1.03)}.harbor-npc-copy{align-self:center;padding:14px 14px 14px 12px}.harbor-npc-copy>span{color:var(--brass);font-size:var(--type-caption);font-weight:800;letter-spacing:.08em}.harbor-npc-copy h3{margin:4px 0 8px;color:var(--gold);font-family:var(--font-ui);font-size:var(--type-value)}.harbor-npc-copy p{margin:0;color:#e9e2cec7;font-family:var(--font-ui);font-size:var(--type-body);line-height:1.55;word-break:keep-all}.modal h2{margin-bottom:8px;color:#ecdfbd;font-family:var(--font-ui);font-size:var(--type-title);font-weight:600}.modal>p:not(.eyebrow,.modal-hint){color:#9cb1ac;font-size:var(--type-body);line-height:1.6}.upgrade-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:11px;margin-top:23px}.upgrade-card{position:relative;min-height:250px;padding:25px 16px 18px;border:1px solid rgba(156,184,174,.2);overflow:hidden;border-radius:7px;background:radial-gradient(circle at 50% 12%,rgba(108,184,163,.09),transparent 34%),linear-gradient(165deg,#081f24f0,#031117f5);box-shadow:inset 0 1px #ffffff09,0 16px 32px #00000038;color:var(--ink);cursor:pointer;isolation:isolate;transform-origin:50% 100%;transition:.19s cubic-bezier(.2,.8,.2,1);animation:card-rise .46s cubic-bezier(.16,.78,.2,1) both}.upgrade-card:nth-child(2){animation-delay:80ms}.upgrade-card:nth-child(3){animation-delay:.16s}@keyframes card-rise{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.upgrade-card:before{position:absolute;z-index:-1;top:-20%;left:-70%;width:54%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,244,203,.14),transparent);content:"";pointer-events:none;transform:skew(-18deg);transition:left .52s ease}.upgrade-card:after{position:absolute;z-index:-1;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(224,211,167,.065);border-radius:4px;content:"";pointer-events:none}.upgrade-card:hover:not(:disabled){border-color:#c9ac68;background:radial-gradient(circle at 50% 12%,rgba(221,188,109,.19),transparent 38%),linear-gradient(165deg,#123333fa,#04161cfa);box-shadow:0 0 0 1px #debc6c1f,0 20px 44px #00000061,0 0 30px #c6a45617;transform:translateY(-6px) scale(1.012)}.upgrade-card:hover:not(:disabled):before{left:125%}.upgrade-card:active:not(:disabled){filter:brightness(1.18);transform:translateY(-1px) scale(.975);transition-duration:65ms}.upgrade-card:disabled{opacity:.4;cursor:not-allowed}.upgrade-card .keycap{position:absolute;top:9px;left:10px;display:grid;width:21px;height:21px;place-items:center;border:1px solid rgba(186,202,194,.25);border-radius:2px;color:#819994;font-size:var(--type-caption)}.rarity-label{position:absolute;top:11px;right:12px;color:#718f89;font-size:var(--type-caption);font-weight:800;letter-spacing:.12em}.tier-common .rarity-label{color:#edf2ed}.tier-magic .rarity-label{color:#65a9ff}.tier-rare .rarity-label{color:#f0c85d}.tier-relic .rarity-label{color:#ff873d}.upgrade-card>i{display:block;height:55px;color:#dec47d;font-family:var(--font-display);font-size:clamp(2rem,3vw,2.75rem);font-style:normal;text-shadow:0 0 22px rgba(220,192,115,.24)}.upgrade-card h3{margin:12px 0 7px;color:#e8d5a6;font-family:var(--font-ui);font-size:var(--type-value)}.upgrade-card p{min-height:45px;color:#91aba6;font-size:var(--type-body);line-height:1.5}.upgrade-card b{display:block;margin-top:10px;color:#f0c969;font-size:var(--type-value)}.upgrade-card small{display:block;min-height:30px;color:#6f928d;font-size:var(--type-caption);line-height:1.45}.synergy-hint{display:block;margin-top:8px;padding:7px 8px;border-left:3px solid var(--moon);background:#6892b021;color:#c6dded;font-size:var(--type-caption);font-weight:700;line-height:1.4}.synergy-codex{margin-top:10px;border:1px solid rgba(230,199,123,.44);background:var(--painter-grain),linear-gradient(135deg,#0f3637eb,#031016fa);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 3px #030f14b8,inset 0 0 0 4px #e6c77b1a;color:var(--muted);text-align:left;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.synergy-codex summary{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:16px;padding:7px 12px 7px 15px;color:var(--ink);cursor:pointer;list-style:none}.synergy-codex summary::-webkit-details-marker{display:none}.synergy-codex summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.codex-summary-copy{display:flex;min-width:0;align-items:baseline;gap:10px}.codex-summary-copy b{color:var(--gold);font-size:var(--type-body);letter-spacing:.04em}.codex-summary-copy small{color:#91aaa6;font-size:var(--type-caption)}.codex-summary-state{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:#e8d7a8;font-size:var(--type-caption);font-weight:800}.codex-summary-state i{display:grid;width:22px;height:22px;border:1px solid rgba(230,199,123,.48);background:#b98a4a1f;font-style:normal;place-items:center;transform:rotate(0);transition:transform .16s var(--menu-ease)}.codex-state-open,.synergy-codex[open] .codex-state-closed{display:none}.synergy-codex[open] .codex-state-open{display:inline}.synergy-codex[open] .codex-summary-state i{transform:rotate(180deg)}.synergy-codex-panel{border-top:1px solid rgba(230,199,123,.28);background:var(--painter-grain),linear-gradient(155deg,#082227fc,#030f15fe);background-blend-mode:soft-light,normal;box-shadow:0 -12px 34px #0006}.synergy-codex:not([open])>.synergy-codex-panel{display:none}.synergy-codex-panel:focus-visible{outline:2px solid var(--moon);outline-offset:-3px}.synergy-codex-legend{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:34px;padding:7px 12px;border-bottom:1px solid rgba(230,199,123,.18);color:#aebfba;font-size:var(--type-caption)}.synergy-codex-legend span{display:inline-flex;align-items:center;gap:5px}.synergy-codex-legend i{color:var(--moon);font-style:normal}.synergy-codex-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.synergy-recipe{position:relative;display:flex;min-width:0;min-height:142px;flex-direction:column;padding:11px 12px;border:1px solid rgba(138,166,158,.2);background:linear-gradient(145deg,#082228fa,#04141bfc);box-shadow:inset 0 0 0 2px #030e13b8}.codex-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:start}.codex-card-kind{grid-column:1 / -1;color:#799c96;font-size:var(--type-caption);font-weight:800;letter-spacing:.08em}.codex-card-header>b{min-width:0;color:#ead9ab;font-size:var(--type-body)}.codex-card-state{display:flex;align-items:center;gap:4px;color:#819995;font-size:var(--type-caption);font-weight:800;white-space:nowrap}.codex-card-state i{font-style:normal}.codex-ingredients{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0 3px;color:#718d89;font-size:var(--type-caption)}.codex-ingredients span{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid rgba(135,163,156,.18);background:#010c1157}.codex-ingredients span.owned{border-color:#65c1b157;color:#a9dfd3}.codex-ingredients span.missing{color:#7e918e}.codex-ingredients i{color:var(--brass);font-style:normal}.synergy-recipe p{margin:8px 0 0;color:#a8bbb6;font-size:var(--type-caption);line-height:1.45}.synergy-recipe footer{margin-top:auto;padding-top:8px;color:#819995;font-size:var(--type-caption)}.synergy-recipe footer b{color:#c9b77f}.synergy-recipe.active{border-color:#a8c4e094;background:linear-gradient(145deg,#44657a66,#051c23fc);box-shadow:inset 0 0 0 2px #030e13b8,inset 4px 0 var(--moon)}.synergy-recipe.active .codex-card-state{color:#c9e3f4}.synergy-recipe.owned{border-color:#65c1b175;box-shadow:inset 4px 0 #65c1b1b8}.synergy-recipe.owned .codex-card-state{color:#9bd3c8}.synergy-recipe.inactive{opacity:.82}.item-card.tier-common,.harbor-card.tier-common{border-color:#e7efe847}.item-card.tier-magic,.harbor-card.tier-magic{border-color:#509bff7a;background:radial-gradient(circle at 50% 12%,rgba(55,125,246,.2),transparent 40%),linear-gradient(150deg,#112746c7,#04151cf5)}.item-card.tier-rare,.harbor-card.tier-rare{border-color:#f0c44b8a;background:radial-gradient(circle at 50% 12%,rgba(239,190,60,.22),transparent 40%),linear-gradient(150deg,#3e2f11bd,#04151af5)}.item-card.tier-relic,.harbor-card.tier-relic{border-color:#ff7832ad;background:radial-gradient(circle at 50% 12%,rgba(255,101,31,.27),transparent 42%),linear-gradient(150deg,#4c200dd1,#061418fa);box-shadow:inset 0 0 26px #ff571814,0 0 22px #ff581b1a}.tier-magic>i{color:#7cb7ff;text-shadow:0 0 24px rgba(70,142,255,.42)}.tier-rare>i{color:#f1cd68;text-shadow:0 0 25px rgba(239,190,59,.42)}.tier-relic>i{color:#ff954f;text-shadow:0 0 28px rgba(255,96,34,.58)}.upgrade-card.lucky{animation:lucky-card-glow 1.25s ease-in-out infinite alternate}@keyframes lucky-card-glow{to{box-shadow:0 0 0 1px #ffe79147,0 0 34px #ffae364d;filter:brightness(1.08)}}.harbor-card{min-height:195px;border-color:#5faf9d47;background:radial-gradient(circle at 50% 10%,rgba(87,190,164,.13),transparent 37%),linear-gradient(160deg,#07302ed1,#03141af5)}.selection-burst{position:absolute;z-index:45;top:50%;left:50%;width:1px;height:1px;pointer-events:none;transform:translate(-50%,-50%)}.selection-burst b{position:absolute;display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(255,231,166,.62);border-radius:50%;background:radial-gradient(circle,rgba(255,234,169,.42),rgba(17,49,48,.05) 68%,transparent 70%);box-shadow:0 0 54px #ebc7717a;color:#fff1bf;font:clamp(2rem,3vw,2.375rem) var(--font-display);animation:selection-core .72s ease-out both;transform:translate(-50%,-50%)}.selection-burst.tier-magic b{color:#aed4ff;box-shadow:0 0 62px #4c95ff94}.selection-burst.tier-rare b{color:#ffe39a;box-shadow:0 0 62px #eebb399e}.selection-burst.tier-relic b{color:#ffb275;box-shadow:0 0 70px #ff5b18b8}.selection-burst span{position:absolute;width:7px;height:7px;border:1px solid #ffe7a4;background:#fff8d2;box-shadow:0 0 12px #e8bd63;animation:selection-spark .69s ease-out var(--delay) both;transform:translate(-50%,-50%) rotate(var(--angle))}.selection-burst.rare span{border-color:#ebbaff;background:#f9e4ff;box-shadow:0 0 13px #c77cdd}@keyframes selection-core{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-18deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.14) rotate(4deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55) rotate(12deg)}}@keyframes selection-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(16px) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance)) rotate(110deg) scale(.1)}}.reroll-button{margin:16px auto 0;padding:8px 18px;border:1px solid rgba(210,181,112,.36);border-radius:2px;background:#14302fb8;color:#dec784;font-size:var(--type-body);font-weight:700;cursor:pointer}.reroll-button:hover:not(:disabled){border-color:#d9bb70;background:#1f413dd1}.reroll-button:disabled{opacity:.4;cursor:not-allowed}.modal-hint{margin:14px 0 0;color:#637e7a;font-size:var(--type-caption)}.compact-modal{width:min(470px,100%)}.controls-grid{display:grid;grid-template-columns:94px 1fr;gap:1px;margin:22px 0;text-align:left}.controls-grid span,.controls-grid b{padding:9px 12px;background:#030f148a;font-size:var(--type-body)}.controls-grid span{color:#e1c579;font-weight:800;text-align:center}.controls-grid b{color:#9db3ae;font-weight:500}.compact-modal .primary-button,.end-modal .primary-button{display:block;margin:0 auto 8px}.text-button{padding:8px 16px;background:transparent;color:#7f9995;font-size:var(--type-body)}.text-button:hover{color:#d2dfdb}.end-modal{width:min(620px,100%)}.end-run-seed{width:min(360px,100%);margin:16px auto 0}.run-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:24px 0;background:#96b3a91f}.run-stats div{display:flex;min-height:78px;flex-direction:column;justify-content:center;background:#071c22}.run-stats span{margin-bottom:6px;color:#6f8b87;font-size:var(--type-caption)}.run-stats b{color:#e8d5a4;font-family:var(--font-ui);font-size:var(--type-value)}.boss-cutscene{z-index:24;grid-template-columns:minmax(330px,44%) minmax(420px,56%);overflow:hidden;background:linear-gradient(90deg,#020a0e1a,#020a0ef0 54%),#020a0ed6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.boss-cutscene:before,.boss-cutscene:after{position:absolute;z-index:5;left:0;width:100%;height:8px;background:linear-gradient(90deg,transparent,rgba(222,184,97,.84),transparent);box-shadow:0 0 22px #deb86152;content:"";animation:cutscene-line .48s ease-out both}.boss-cutscene:before{top:0}.boss-cutscene:after{bottom:0}.boss-cutscene.ghost:before,.boss-cutscene.ghost:after{background:linear-gradient(90deg,transparent,rgba(168,196,224,.88),transparent)}@keyframes cutscene-line{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.boss-cinematic-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(164deg,transparent 0 66px,rgba(234,208,143,.03) 67px 68px),radial-gradient(circle at 70% 48%,rgba(197,145,59,.1),transparent 35%);pointer-events:none}.ghost .boss-cinematic-lines{background:repeating-radial-gradient(circle at 68% 50%,transparent 0 68px,rgba(111,239,214,.035) 69px 70px),radial-gradient(circle at 70% 48%,rgba(67,203,190,.12),transparent 38%)}.boss-portrait-panel{position:relative;z-index:2;min-height:100vh;overflow:hidden;border-right:1px solid rgba(222,184,97,.38);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);animation:portrait-strike .52s cubic-bezier(.12,.78,.2,1) both}.ghost .boss-portrait-panel{border-right-color:#a8c4e070}@keyframes portrait-strike{0%{opacity:0;transform:translate(-11%) scale(1.08);filter:brightness(2.2) contrast(1.5)}to{opacity:1;transform:translate(0) scale(1);filter:brightness(1) contrast(1)}}.boss-portrait-panel img{width:100%;height:100vh;object-fit:cover;object-position:50% 22%;filter:saturate(.86) contrast(1.08);transform:scale(1.035)}.portrait-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 55%,rgba(2,10,14,.72)),linear-gradient(0deg,rgba(2,9,13,.72),transparent 32%);pointer-events:none}.boss-story-panel{position:relative;z-index:4;align-self:center;width:min(720px,calc(100% - 64px));margin-left:-2vw;padding:28px 34px 30px;border:1px solid rgba(222,184,97,.26);background:linear-gradient(145deg,#0a1c1ff0,#030e14fa);box-shadow:0 34px 90px #0009,inset 0 1px #ffffff0b;animation:story-panel-in .56s .12s cubic-bezier(.16,.78,.2,1) both}.ghost .boss-story-panel{border-color:#a8c4e04d}@keyframes story-panel-in{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}.boss-encounter-label{margin:0 0 14px;color:#b88b4c;font-size:var(--type-caption);font-weight:900;letter-spacing:.31em}.ghost .boss-encounter-label{color:var(--moon)}.boss-nameplate{position:relative;padding:0 64px 15px 0;border-bottom:1px solid rgba(223,191,119,.26)}.boss-nameplate span{position:absolute;top:8px;right:0;color:#7a8e89;font-size:var(--type-caption);font-weight:800;letter-spacing:.14em}.boss-nameplate h2{margin:0 0 4px;color:#f1ddb1;font-family:var(--font-display);font-size:clamp(30px,4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.05;text-shadow:0 0 32px rgba(215,174,86,.16)}.ghost .boss-nameplate h2{color:var(--moon);text-shadow:0 0 34px rgba(168,196,224,.2)}.boss-nameplate p{margin:0;color:#c1a66b;font-size:var(--type-body);font-weight:800;letter-spacing:.12em}.ghost .boss-nameplate p{color:var(--moon)}.boss-lore{margin:16px 0 18px;color:#829b96;font-size:var(--type-body);line-height:1.65}.boss-dialogue-box{position:relative;min-height:126px;padding:24px 26px 20px 39px;border:1px solid rgba(218,189,119,.28);background:linear-gradient(90deg,rgba(212,176,92,.07),transparent 36%),#010a0ec7;box-shadow:inset 4px 0 #cfa64e38}.ghost .boss-dialogue-box{border-color:#a8c4e047;background:linear-gradient(90deg,rgba(168,196,224,.07),transparent 38%),#010a0ecc;box-shadow:inset 4px 0 #a8c4e03b}.dialogue-ornament{position:absolute;top:23px;left:15px;color:#c69e52;font-size:var(--type-caption)}.ghost .dialogue-ornament{color:var(--moon)}.boss-dialogue-box p{margin:0;color:#e5decb;font-family:var(--font-display);font-size:clamp(15px,1.75vw,21px);line-height:1.75;word-break:keep-all}.boss-dialogue-box p:after{display:inline-block;width:2px;height:1em;margin-left:3px;background:#d9b566;content:"";vertical-align:-.12em;animation:type-caret .62s steps(1) infinite}@keyframes type-caret{50%{opacity:0}}.boss-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.boss-actions .primary-button{min-width:178px}.boss-skip{padding:11px 16px;border:1px solid rgba(139,163,156,.24);background:#041318b8;color:#78918c;font-size:var(--type-body);font-weight:800;letter-spacing:.16em;cursor:pointer}.boss-skip:hover{border-color:#d5bb7980;color:#d6c493}.boss-key-hint{margin:10px 0 0;color:#526d69;font-size:var(--type-caption);text-align:right}#toast{position:absolute;z-index:30;top:155px;left:50%;max-width:min(520px,calc(100vw - 32px));padding:9px 16px;border:1px solid rgba(220,195,127,.25);border-radius:2px;background:#041116e0;box-shadow:0 12px 30px #00000047;color:#e9d59e;font-size:var(--type-body);opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,-8px);transition:.22s ease}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px),(max-height:690px){.title-content{padding:16px 0}.lede{margin-bottom:10px;line-height:1.45}.ship-card{min-height:126px;padding:10px}.ship-portrait{min-height:34px;margin:4px auto}.ship-portrait img{max-width:106px}.ship-card-copy{min-height:26px;font-size:var(--type-body)}.title-footer{gap:8px;flex-wrap:wrap}.boss-story-panel{width:calc(100% - 32px);padding:20px 24px}.boss-dialogue-box{min-height:104px}.harbor-npcs{grid-template-columns:repeat(3,minmax(260px,1fr));overflow-x:auto;padding:2px 0 8px}}@media(max-width:600px){#title-screen{place-items:start center}.title-content{width:calc(100vw - 20px)}.ship-select{grid-template-columns:1fr}.ship-card{min-height:100px}.ship-portrait{display:none}.ship-card-copy{min-height:0;margin-top:6px}.title-footer{display:none}.upgrade-cards{grid-template-columns:1fr;max-height:56vh;overflow:auto}.upgrade-card{min-height:230px}.upgrade-card>i{height:42px;font-size:clamp(1.75rem,8vw,2rem)}.upgrade-card p{min-height:0}.modal{padding:24px 16px}.run-stats{grid-template-columns:repeat(2,1fr)}.boss-cutscene{grid-template-columns:1fr;align-content:end}.boss-portrait-panel{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%;clip-path:none;opacity:.52}.boss-portrait-panel img{height:100%;object-position:50% 15%}.portrait-sheen{background:linear-gradient(0deg,#020a0ef5 16%,#020a0e40 78%)}.boss-story-panel{align-self:end;width:calc(100% - 20px);max-height:66vh;margin:0 10px 10px;padding:16px;overflow:auto}.boss-lore{display:none}.boss-nameplate h2{font-size:var(--type-title)}.boss-dialogue-box{min-height:92px;padding:17px 18px 16px 31px}.boss-dialogue-box p{font-size:var(--type-body);line-height:1.6}.harbor-npcs{grid-template-columns:1fr;overflow:visible}.harbor-npc{grid-template-columns:92px 1fr;min-height:126px}.harbor-npc-portrait{min-height:126px}}#title-screen{background-image:linear-gradient(90deg,#061820e0,#0618203d 48%,#061820c7),linear-gradient(0deg,rgba(6,24,32,.94),transparent 56%,rgba(6,24,32,.42));background-position:center;background-size:cover}.title-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.title-scene-bg,.title-scene-ship{position:absolute;top:-2.4%;right:-2.4%;bottom:-2.4%;left:-2.4%;background-position:center bottom;background-size:cover;background-repeat:no-repeat}.title-scene-bg{background-image:url(../assets/keyart/bronze-sea-title-bg.webp)}.title-scene-ship{background-image:url(../assets/keyart/bronze-sea-title-ship.webp);transform-origin:72% 78%;will-change:transform;animation:title-ship-bob 7.2s cubic-bezier(.45,.05,.55,.95) infinite}.title-scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#061820d1,#0618202e 48%,#06182099),linear-gradient(0deg,rgba(6,24,32,.9),transparent 54%,rgba(6,24,32,.38))}#title-screen .title-vignette{z-index:1}#title-screen .title-content{z-index:2}@keyframes title-ship-bob{0%,to{transform:translateZ(0) rotate(.18deg)}25%{transform:translate3d(0,-7px,0) rotate(-.2deg)}50%{transform:translate3d(0,-13px,0) rotate(-.7deg)}75%{transform:translate3d(0,-5px,0) rotate(.35deg)}}@media(prefers-reduced-motion:reduce){.title-scene-ship{animation:none;transform:none;will-change:auto}}.title-vignette{background:radial-gradient(circle at 52% 38%,transparent 0 27%,rgba(6,24,32,.18) 56%,rgba(6,24,32,.84) 100%),repeating-linear-gradient(104deg,transparent 0 112px,rgba(230,199,123,.028) 113px 114px)}.title-content{width:min(1010px,calc(100vw - 28px));padding:18px 24px 16px;background:linear-gradient(90deg,transparent,rgba(6,24,32,.62) 13% 87%,transparent);animation-duration:.42s;animation-timing-function:var(--menu-ease)}.title-mark{margin-top:0}.title-mark span{height:3px;background:linear-gradient(90deg,transparent,var(--brass),var(--gold))}.title-mark img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.wordmark-wrap{position:relative;display:inline-block}.wordmark-wrap h1{color:transparent;background:linear-gradient(180deg,#fff2c5 0%,var(--gold) 43%,var(--brass) 72%,#6e452a 100%);background-clip:text;-webkit-background-clip:text;font-family:var(--font-display);font-weight:800;letter-spacing:-.075em;text-shadow:0 10px 25px rgba(0,0,0,.36)}.wordmark-wrap:after{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.4) 49%,transparent 55%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;content:"청동해의 유언";font:800 clamp(36px,5.3vw,66px)/1.02 var(--font-display);letter-spacing:-.075em;pointer-events:none;animation:wordmark-sheen 4.8s ease-in-out infinite}@keyframes wordmark-sheen{0%,74%{background-position:140% 0}to{background-position:-80% 0}}.brand-seal{position:absolute;right:-28px;bottom:2px;display:grid;width:25px;height:25px;place-items:center;border:2px double #e1ad83;border-radius:50%;background:var(--danger);box-shadow:inset 0 0 0 2px #5111106b,0 3px 8px #00000059;color:#f1d3a2;font:700 var(--type-caption) var(--font-display);transform:rotate(-8deg);animation:brand-stamp .12s .32s var(--combat-ease) both}@keyframes brand-stamp{0%{opacity:0;transform:scale(1.28) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.title-en{margin-bottom:2px;color:var(--gold)}.version-mark{margin:0 0 8px;color:#e9e2ce8a;font-size:var(--type-caption);letter-spacing:.12em}.lede{margin-bottom:10px;color:#e9e2cec7;text-shadow:0 2px 8px var(--deep)}.title-secondary-actions{display:flex;justify-content:center;gap:4px}.title-secondary-actions .text-button{color:#e9e2cead}.asset-loader{display:inline-flex;align-items:center;gap:8px;margin-top:7px;color:#e9e2ce80;font-size:var(--type-caption);letter-spacing:.08em;transition:opacity .3s var(--menu-ease)}.asset-loader.ready{opacity:.65}.asset-loader.warning{color:#f0b778;opacity:1}.asset-loader i{width:94px;height:2px;overflow:hidden;background:#e9e2ce1f}.asset-loader b{display:block;width:var(--load-progress, 8%);height:100%;background:var(--brass);transition:width .3s var(--menu-ease)}.modal,.ship-card,.upgrade-card{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.modal{border-color:#b98a4abf;background-image:var(--parchment-grain),linear-gradient(145deg,#0d3b3ff5,#061820fc);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 4px var(--deep),inset 0 0 0 5px #e6c77b47,0 30px 80px #0000008a;transition:transform .36s var(--menu-ease),opacity .36s var(--menu-ease)}.modal:after{top:7px;right:7px;bottom:7px;left:7px;border-color:#e6c77b3d}.modal h2,.upgrade-card h3{font-family:var(--font-ui)}.upgrade-card{border-color:#8a7350b8;border-radius:0;background-image:var(--parchment-grain),radial-gradient(circle at 50% 10%,rgba(230,199,123,.08),transparent 42%),linear-gradient(155deg,#0d3b3ff0,#061820fa);background-blend-mode:soft-light,normal,normal;animation-duration:.38s;animation-timing-function:var(--menu-ease)}.upgrade-card:nth-child(2){animation-delay:60ms}.upgrade-card:nth-child(3){animation-delay:.12s}.upgrade-card:nth-child(4){animation-delay:.18s}.upgrade-card:nth-child(5){animation-delay:.24s}.upgrade-card:nth-child(6){animation-delay:.3s}.upgrade-card:hover:not(:disabled){transform:translateY(-2px)}.upgrade-card:after{top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(230,199,123,.18);border-radius:0}.upgrade-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.upgrade-card:focus-visible:after,.upgrade-card:active:after{border:2px solid transparent;background:conic-gradient(from 0deg,var(--gold),transparent 28%,var(--moon),transparent 60%,var(--gold)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-sweep .36s var(--menu-ease) both}@keyframes border-sweep{0%{transform:rotate(-8deg);opacity:.2}to{transform:rotate(0);opacity:1}}.tier-common .rarity-label,.tier-common>i{color:#a58b61}.tier-magic .rarity-label,.tier-magic>i{color:var(--gold)}.tier-rare .rarity-label,.tier-rare>i{color:var(--moon)}.tier-relic .rarity-label,.tier-relic>i{color:#f4dfa1}.item-card.tier-common,.harbor-card.tier-common{border-color:#8a7350b8}.item-card.tier-magic,.harbor-card.tier-magic{border-color:#e6c77bb8;background:linear-gradient(155deg,#4c3d2094,#061820fa)}.item-card.tier-rare,.harbor-card.tier-rare{border-color:#a8c4e0bd;background:linear-gradient(155deg,#3247589e,#061820fa)}.item-card.tier-relic,.harbor-card.tier-relic{border-color:#f4dfa1;background:linear-gradient(120deg,#6f5026b8,#0d3b3fcc 48%,#54381ac2)}.chartroom-modal{width:min(690px,100%);max-height:calc(100vh - 32px);overflow:auto}.chart-canvas{display:block;width:100%;max-height:250px;margin:14px auto;border:1px solid rgba(94,68,38,.72);background:#d8caa6;box-shadow:inset 0 0 20px #4a2d1852}.chartroom-modal .controls-grid{grid-template-columns:86px 1fr;margin:12px 0}.chartroom-modal .controls-grid span,.chartroom-modal .controls-grid b{padding:5px 10px}.pause-build{margin:12px 0;border:1px solid rgba(230,199,123,.22);background:#030f1485;text-align:left}.pause-build>h3{margin:0;padding:9px 12px;border-bottom:1px solid rgba(230,199,123,.18);color:var(--gold);font-size:var(--type-body)}.pause-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e6c77b1f}.pause-build-grid article{padding:9px 10px;background:#061820f5}.pause-build-grid h4{margin:0 0 7px;color:#8fb8b1;font-size:var(--type-caption);letter-spacing:.06em}.pause-build-grid article>div{display:flex;flex-wrap:wrap;gap:5px}.pause-build-grid span,.pause-build-grid em{display:block;padding:4px 6px;background:#14363bad;color:#c9d9d4;font-size:var(--type-caption);font-style:normal;line-height:1.35}.pause-build-grid span b{display:block;color:#ead393;font-size:inherit}.pause-build-grid em{color:#789b96}#pause-screen{padding:12px;overflow:hidden}.pause-chartroom{display:grid;width:min(1060px,100%);height:min(620px,calc(100vh - 24px));height:min(620px,calc(100dvh - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:18px 22px 20px;overflow:hidden;grid-template-rows:auto minmax(0,1fr);border-color:#e6c77bb8;background-image:var(--painter-grain),radial-gradient(circle at 18% 0,rgba(230,199,123,.12),transparent 38%),linear-gradient(145deg,#0d3b3ffa,#041218fe);background-blend-mode:soft-light,screen,normal;box-shadow:inset 0 0 0 3px #061820,inset 0 0 0 4px #e6c77b7a,inset 0 0 0 8px #020b0fa8,0 26px 72px #00000094}.pause-chartroom:after{top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(230,199,123,.3);box-shadow:inset 0 0 0 3px #030f1470}.pause-heading{position:relative;display:grid;min-height:58px;padding:0 6px 10px;grid-template-columns:54px auto minmax(40px,1fr);align-items:center;gap:12px;text-align:left}.pause-heading:after{height:3px;background:linear-gradient(90deg,rgba(230,199,123,.62),rgba(230,199,123,.12),transparent);box-shadow:0 4px #e6c77b1a;content:""}.pause-heading .eyebrow{margin:0 0 2px;color:#a9c6be;text-align:left}.pause-heading h2{margin:0;color:#f1d58b;font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.025em}.pause-emblem{width:50px;height:50px;border:1px solid rgba(230,199,123,.45);border-radius:50%;background:url(../assets/brand/bronze-sea-emblem.svg) center / 40px no-repeat,radial-gradient(circle,#e6c77b24,#030f14d1 68%);box-shadow:inset 0 0 0 3px #030f14b8,0 0 22px #b98a4a21}.pause-layout{display:grid;min-height:0;grid-template-columns:minmax(0,1.46fr) minmax(320px,.94fr);gap:14px}.pause-chart-column,.pause-command-column{min-height:0}.pause-chart-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.pause-chartroom .chart-canvas{width:100%;max-height:190px;margin:0;border:1px solid rgba(230,199,123,.44);background:#d8caa6;box-shadow:inset 0 0 20px #4a2d1852,0 0 0 3px #030f14b8,0 0 0 4px #e6c77b33}.pause-chartroom .pause-build{min-height:0;margin:0;overflow:hidden;border-color:#e6c77b57;background:#030f14b3;box-shadow:inset 0 0 0 3px #030f1480}.pause-chartroom .pause-build>h3,.pause-controls>h3{margin:0;padding:7px 10px;border-bottom:1px solid rgba(230,199,123,.22);background:linear-gradient(90deg,rgba(185,138,74,.17),transparent 72%);color:#ead393;font-family:var(--font-display);font-size:.8125rem;letter-spacing:.08em;text-align:left}.pause-chartroom .pause-build-grid{height:calc(100% - 33px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.pause-chartroom .pause-build-grid article{min-height:0;padding:7px 8px;overflow:hidden;background:var(--painter-grain),linear-gradient(145deg,#0a282beb,#05171df7);background-blend-mode:soft-light,normal}.pause-chartroom .pause-build-grid h4{margin-bottom:5px;color:#91bbb2;font-size:.6875rem}.pause-chartroom .pause-build-grid article>div{gap:3px;align-content:flex-start}.pause-chartroom .pause-build-grid span,.pause-chartroom .pause-build-grid em{padding:3px 5px;font-size:.6875rem;line-height:1.25}.pause-chartroom .pause-build-grid span b{display:inline;margin-right:3px}.pause-command-column{display:grid;padding:3px;grid-template-rows:minmax(0,1fr) auto;gap:10px;border:1px solid rgba(230,199,123,.32);background:var(--painter-grain),linear-gradient(155deg,#071f24f0,#030f14fa);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 3px #030f14b8,inset 0 0 0 4px #e6c77b17}.pause-controls{min-height:0}.pause-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:4px}.pause-controls-grid>div{display:grid;min-width:0;grid-template-columns:minmax(48px,auto) minmax(0,1fr);border:1px solid rgba(230,199,123,.09);background:#030f1480}.chartroom-modal .pause-controls-grid span,.chartroom-modal .pause-controls-grid b{display:grid;min-width:0;min-height:38px;padding:5px 6px;background:transparent;font-size:.6875rem;line-height:1.2;align-items:center}.chartroom-modal .pause-controls-grid span{border-right:1px solid rgba(230,199,123,.12);color:#e8cc80}.chartroom-modal .pause-controls-grid b{color:#a9bfba}.pause-actions{padding:0 5px 5px}.pause-chartroom .pause-actions .primary-button{width:100%;min-width:0;margin:0 0 5px;padding-block:9px}.pause-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pause-actions .text-button{padding:6px 7px;border:1px solid rgba(230,199,123,.13);font-size:.75rem}.pause-actions .text-button:hover{border-color:#e6c77b66;background:#b98a4a17}.pause-actions button:focus-visible{outline:2px solid #f1d58b;outline-offset:2px}#quit-confirm{z-index:30;background:#020b0fe6}.quit-confirm-modal{width:min(520px,100%)}.quit-confirm-modal>p:not(.eyebrow){color:#b8c8c3;line-height:1.65}.quit-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.quit-confirm-actions .primary-button{margin:0}.danger-button{border-color:#cf5a4999;color:#f2a28f}.danger-button:hover{color:#ffd1c5}.settings-modal{display:flex;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:hidden;flex-direction:column;text-align:left}.settings-heading{flex-shrink:0}.settings-heading h2,.settings-heading>.eyebrow{text-align:center}.settings-description{max-width:480px;margin:8px auto 16px;color:#e9e2cead;font-size:var(--type-caption);line-height:1.55;text-align:center}.settings-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.setting-row,.setting-toggle{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,1.1fr) 54px;align-items:center;gap:16px;padding:17px 15px;border-top:1px solid rgba(230,199,123,.15);color:var(--ink)}.setting-toggle{grid-template-columns:1fr auto}.setting-row span,.setting-toggle span{display:flex;flex-direction:column}.setting-row small,.setting-toggle small{margin-top:4px;color:#e9e2ce8a;font-size:var(--type-caption)}.setting-row output{color:var(--gold);font-variant-numeric:tabular-nums;text-align:right}.setting-row input[type=range]{accent-color:var(--brass)}.setting-toggle input{width:20px;height:20px;accent-color:var(--brass)}.setting-toggle select{min-width:150px;padding:8px 10px;border:1px solid rgba(230,199,123,.35);background:#071c22;color:var(--ink);font:inherit}.keybindings-settings{margin:14px 0 0;padding:14px 15px 16px;border:1px solid rgba(230,199,123,.2)}.keybindings-settings legend{padding:0 7px;color:var(--gold);font-weight:800}.keybindings-settings>p{margin:0 0 10px;color:#e9e2ce94;font-size:var(--type-caption)}.keybindings-reset{margin-bottom:12px;border:1px solid rgba(230,199,123,.28)}.keybinding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.keybinding-grid label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;color:#a9bfba;font-size:var(--type-caption)}.keybinding-grid button{min-width:66px;padding:7px 9px;border:1px solid rgba(230,199,123,.3);background:#041217b8;color:var(--gold);cursor:pointer}.keybinding-grid button.listening{border-color:var(--moon);color:var(--moon)}.keybindings-settings .remap-status{min-height:1.4em;margin:10px 0 0;color:var(--moon)}.settings-actions{display:flex;margin-top:20px;flex-shrink:0;justify-content:center;gap:10px;flex-wrap:wrap}.settings-actions .text-button,.settings-actions .primary-button{flex:1 1 150px;min-width:150px;max-width:220px;margin:0}.settings-actions .text-button{padding:11px 24px;border:1px solid rgba(230,199,123,.42);background:#041217b8;color:#d8c797}.settings-actions button:focus-visible{outline:2px solid #f1d58b;outline-offset:3px}.ranking-modal{display:flex;width:min(720px,100%);max-height:calc(100vh - 32px);padding:28px 30px 24px;overflow:hidden;flex-direction:column;text-align:left}.ranking-heading{flex-shrink:0;padding-bottom:15px;border-bottom:1px solid rgba(230,199,123,.2);text-align:center}.ranking-heading .eyebrow,.ranking-heading h2{margin-bottom:5px}.ranking-heading p:last-child{margin:0;color:#e9e2ce9e;font-size:var(--type-caption)}.ranking-list{display:grid;flex:1 1 auto;min-height:160px;max-height:min(62vh,620px);margin:12px 0;padding:0 5px 0 0;overflow-y:auto;align-content:start;gap:4px;list-style:none;overscroll-behavior:contain;scrollbar-gutter:stable}.ranking-list li{display:grid;min-width:0;min-height:46px;padding:7px 10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(230,199,123,.08);background:#e9e2ce09;color:#e9e2cec7}.ranking-list li>b{color:#65c1b1c7;font-size:.7rem;font-variant-numeric:tabular-nums}.ranking-entry-copy{display:grid;min-width:0;gap:2px}.ranking-entry-copy strong{overflow:hidden;color:#e9e2ce;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.ranking-entry-copy small{color:#e9e2ce70;font-size:.62rem}.ranking-list li>output{color:#f0d38b;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums}.ranking-list li.current-run{border-color:#65c1b1b8;background:linear-gradient(90deg,#65c1b129,#e6c77b17);box-shadow:inset 3px 0 #65c1b1}.ranking-list li.current-run>b:after{display:block;margin-top:2px;color:#b8e9dd;content:"이번 항해";font-size:.5rem;line-height:1.1}.ranking-list .ranking-status{display:grid;min-height:150px;grid-template-columns:1fr;place-items:center;border:0;background:transparent;color:#e9e2ce85;font-size:.76rem;text-align:center}.ranking-footer{display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(230,199,123,.2)}.ranking-self{min-width:0;color:#f0d38b;font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums}.ranking-self.no-record{color:#e9e2ce6b;font-weight:600}.ranking-footer .primary-button{min-width:112px;margin:0;padding:10px 22px}@media(max-width:600px){.ranking-modal{padding:22px 18px 18px}.ranking-list li{grid-template-columns:40px minmax(0,1fr) auto;padding-inline:7px;gap:7px}.ranking-entry-copy small{font-size:.56rem}.ranking-list li>output{font-size:.72rem}.ranking-footer{grid-template-columns:1fr}.ranking-footer .primary-button{width:100%}}.credits-modal{width:min(650px,100%)}.credits-modal h2{font-family:var(--font-display)}.credits-modal>img{width:72px;height:72px}.credits-copy{margin:20px 0;border-top:1px solid rgba(230,199,123,.18)}.credits-copy p{display:grid;grid-template-columns:130px 1fr;gap:16px;margin:0;padding:12px;border-bottom:1px solid rgba(230,199,123,.12);text-align:left}.credits-copy b{color:var(--gold)}.credits-copy span{color:#e9e2ceb3;font-size:var(--type-body);line-height:1.55}.credits-link{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(240,211,139,.4);transition:color .15s,border-color .15s}.credits-link:hover{color:#ffe6a8;border-color:#f0d38bcc}.credits-tip{margin:4px 0 16px;color:#e9e2ce9e;font-size:var(--type-caption)}.credits-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.credits-actions .primary-button,.credits-actions .credits-coffee{margin:0;flex:1 1 180px;min-width:160px;max-width:240px}.credits-coffee{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid rgba(230,199,123,.42);background:#041217b8;color:#e7d39a;text-decoration:none}.credits-coffee:hover{color:#ffe6a8;border-color:#f0d38bb3}.end-modal{color:#34281d;background-image:var(--parchment-grain),linear-gradient(150deg,#eadfbd,#cbb98d 70%,#b79d6d);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 4px #5d3d27,inset 0 0 0 6px #e6c77b8c,0 34px 90px #0000009e}.end-modal h2{color:#4a3221;font-family:var(--font-display)}.end-modal>p:not(.eyebrow,.end-motto){color:#5b4935}.end-modal #end-copy{font-family:var(--font-display)}.end-modal .eyebrow{color:#7a4d35}.end-modal .end-run-seed{border-color:#5d3d2757;background:#f2e4be7a;color:#80684c}.end-modal .end-run-seed b{color:#4d3422}.end-modal .seed-copy-button{border-color:#5d3d2761;background:#5d3d2714;color:#70472f}.end-modal .seed-copy-button:hover,.end-modal .seed-copy-button:focus-visible{border-color:#70472f;color:#4a2d1f}.run-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));background:#50341f33}.run-stats div{background:#f2e4be8f}.run-stats span{color:#80684c}.run-stats b{color:#4d3422;font-variant-numeric:tabular-nums}.end-motto{margin:-10px 0 20px;color:#714934;font:700 var(--type-body) var(--font-display);letter-spacing:.12em}.testament-seal{position:absolute;top:-28px;right:24px;display:grid;width:92px;height:92px;place-items:center;border:6px double #8b302c;border-radius:50%;background:radial-gradient(circle at 35% 28%,#d36558,var(--danger) 48%,#762722);box-shadow:inset 0 0 0 5px #56151259,0 10px 20px #361c1461;color:#f1d3a3;transform:rotate(-7deg);animation:testament-stamp .12s var(--combat-ease) both}.testament-seal span{font:800 var(--type-value) var(--font-display)}.testament-seal i{position:absolute;bottom:15px;font:700 var(--type-caption) var(--font-ui);letter-spacing:.08em}@keyframes testament-stamp{0%{opacity:0;transform:scale(1.2) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}@media(max-width:700px){.title-content{padding-inline:8px}.brand-seal{right:-22px}.setting-row{grid-template-columns:1fr 90px 44px;gap:8px}.keybinding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credits-copy p{grid-template-columns:88px 1fr}.testament-seal{width:68px;height:68px;top:-16px;right:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.item-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--item-fallback-rim);background:var(--painter-grain),radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--item-fallback-rim) 15%,transparent),transparent 56%),#07191f;background-blend-mode:soft-light,normal,normal;box-shadow:inset 0 0 0 2px #030c0fd1,inset 0 0 0 3px color-mix(in srgb,var(--item-fallback-rim) 34%,transparent);--item-fallback-bg: #241d19;--item-fallback-shield: #604631;--item-fallback-rim: #aa8057;--item-fallback-glyph: #f1ddc2;--item-pattern-angle: 0deg}.item-icon-atlas:after{position:absolute;z-index:2;top:3px;right:3px;bottom:3px;left:3px;background-image:var(--item-icon-image);background-position:calc(var(--item-icon-column) * 50%) calc(var(--item-icon-row) * 50%);background-repeat:no-repeat;background-size:300% 300%;content:"";clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.item-icon-fallback{position:absolute;z-index:1;top:8%;right:8%;bottom:8%;left:8%;display:grid;place-items:center;border:3px double var(--item-fallback-rim);border-radius:50%;background:repeating-conic-gradient(from var(--item-pattern-angle),color-mix(in srgb,var(--item-fallback-rim) 19%,transparent) 0 7deg,transparent 7deg 36deg),radial-gradient(circle at 34% 27%,color-mix(in srgb,var(--item-fallback-rim) 28%,transparent),transparent 38%),var(--item-fallback-bg);box-shadow:inset 0 0 0 2px #030c0fb8,0 0 10px color-mix(in srgb,var(--item-fallback-rim) 28%,transparent);color:var(--item-fallback-glyph);font:800 clamp(1.2rem,2.6vw,2.15rem)/1 Georgia,serif;font-style:normal;text-shadow:0 2px 3px rgba(0,0,0,.94),0 0 9px color-mix(in srgb,var(--item-fallback-rim) 38%,transparent)}.item-icon-fallback:before{position:absolute;z-index:-1;width:58%;height:58%;border:1px solid var(--item-fallback-rim);background:var(--item-fallback-shield);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--item-fallback-bg) 60%,transparent);content:"";transform:rotate(var(--item-pattern-angle))}.item-pattern-0 .item-icon-fallback:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.item-pattern-1 .item-icon-fallback:before{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.item-pattern-2 .item-icon-fallback:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.item-pattern-3 .item-icon-fallback:before{clip-path:polygon(50% 0,63% 31%,100% 50%,63% 69%,50% 100%,37% 69%,0 50%,37% 31%)}.item-pattern-4 .item-icon-fallback:before{clip-path:polygon(50% 0,98% 35%,80% 94%,20% 94%,2% 35%)}.item-pattern-5 .item-icon-fallback:before{clip-path:polygon(25% 0,75% 0,100% 26%,73% 50%,100% 74%,75% 100%,25% 100%,0 74%,27% 50%,0 26%)}.item-icon-service>img{position:absolute;z-index:2;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);filter:saturate(.9) contrast(1.06) sepia(.04)}.item-icon-service>img.img-missing{display:none}.upgrade-card>.item-icon{display:block;width:70px;height:70px;margin:1px auto 0;border:1px solid var(--item-fallback-rim);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:0 8px 20px #00000052,inset 0 0 0 2px #061820d1,inset 0 0 0 3px color-mix(in srgb,var(--item-fallback-rim) 34%,transparent);filter:saturate(.9) contrast(1.04)}.upgrade-card:hover:not(:disabled)>.item-icon{filter:saturate(1.04) contrast(1.06) brightness(1.05);transition:filter .16s var(--combat-ease)}.selection-burst b.item-icon{border-radius:7px;background-color:var(--deep);box-shadow:0 0 0 1px #e6c77b66,0 0 52px #e6c77b57}.harbor-tabs[hidden],.harbor-status[hidden],.harbor-wallet[hidden],.harbor-depart[hidden],.reroll-button[hidden]{display:none}.harbor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 10px}.harbor-tabs button,.homeport-tabs button{min-width:0;padding:8px 10px;border:1px solid rgba(185,138,74,.38);background:var(--painter-grain),linear-gradient(145deg,#0c2e30d6,#041319f5);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 2px #030e13b3,inset 0 -2px #b98a4a29;color:#e9e2cea8;cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px);transition:border-color .16s var(--combat-ease),color .16s var(--combat-ease),background .16s var(--combat-ease)}.harbor-tabs button span,.harbor-tabs button b{display:block}.harbor-tabs button span{font-size:var(--type-caption);letter-spacing:.08em}.harbor-tabs button b{margin-top:2px;font-size:var(--type-body)}.harbor-tabs button.active,.homeport-tabs button.active{border-color:var(--gold);background:var(--painter-grain),linear-gradient(135deg,#b98a4a57,#0d3b3ff5);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 2px #030e13a3,inset 0 -3px var(--gold),0 5px 16px #0000003d;color:var(--gold)}.harbor-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 9px;text-align:left}.harbor-status-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;min-width:0;padding:7px 9px 8px;border:1px solid rgba(105,177,157,.38);background:var(--painter-grain),linear-gradient(145deg,#0b3031e6,#04161df5);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 2px #030e13ad,inset 0 0 0 3px #e6c77b14;color:#dcebe4;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.harbor-status-heading{display:flex;min-width:0;align-items:baseline;gap:7px}.harbor-status-heading b{color:#edf5ed;font-size:var(--type-body)}.harbor-status-heading small{color:#99d6c5;font-size:var(--type-caption);font-weight:800;white-space:nowrap}.harbor-status output{color:#f2e3b7;font-size:var(--type-body);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.harbor-status-track{grid-column:1 / -1;height:7px;overflow:hidden;border:1px solid rgba(195,221,209,.24);border-radius:999px;background:#010a0ec2;box-shadow:inset 0 1px 3px #00000094}.harbor-status-fill{display:block;width:var(--harbor-level, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f9f8b,#9ee0c9);box-shadow:0 0 9px #6ad3b657;transition:width .22s var(--combat-ease),background .18s var(--combat-ease)}.harbor-status-item.is-warning{border-color:#e2be619e}.harbor-status-item.is-warning .harbor-status-heading small{color:#f0cf79}.harbor-status-item.is-warning .harbor-status-fill{background:linear-gradient(90deg,#9a712b,#e3be59);box-shadow:0 0 10px #e3be5966}.harbor-status-item.is-critical{border-color:#e8735cc7;background:linear-gradient(145deg,#451e1cdb,#191116f7)}.harbor-status-item.is-critical .harbor-status-heading small{color:#ffad98}.harbor-status-item.is-critical .harbor-status-fill{background:linear-gradient(90deg,#a84438,#f18770);box-shadow:0 0 10px #f1685275}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.port-modal.harbor-mode{display:grid;width:min(1120px,100%);max-height:calc(100vh - 24px);grid-template-rows:repeat(9,auto);gap:3px;padding:18px 22px 14px;overflow-x:hidden;overflow-y:auto;background-image:var(--painter-grain),radial-gradient(circle at 84% 8%,rgba(230,199,123,.11),transparent 23%),linear-gradient(145deg,#0d3b3ff7,#05161dfe);background-blend-mode:soft-light,normal,normal;box-shadow:inset 0 0 0 5px var(--deep),inset 0 0 0 6px #e6c77b57,inset 0 0 0 10px #030d127a,0 30px 80px #00000094}.port-modal.harbor-mode:before{top:17px;right:22px;left:auto;width:54px;height:54px;background:url(../assets/brand/bronze-sea-emblem.svg) center / contain no-repeat;box-shadow:none;opacity:.2;transform:none}.harbor-mode>.eyebrow,.harbor-mode>h2,.harbor-mode>#upgrade-copy,.harbor-mode>.modal-hint{margin-block:0}.harbor-mode>#upgrade-copy{line-height:1.35}.harbor-mode>h2{width:fit-content;max-width:calc(100% - 64px);margin-inline:auto;background:linear-gradient(180deg,#fff0bf 6%,#e6c77b 52%,#a9783e);background-clip:text;color:transparent;-webkit-background-clip:text}.harbor-workbench{min-width:0;min-height:0}.harbor-mode .harbor-workbench{display:grid;grid-template-columns:226px minmax(0,1fr);gap:12px;padding:9px;overflow:visible;border:1px solid rgba(230,199,123,.22);background:var(--painter-grain),linear-gradient(145deg,#0311168f,#020c11c2);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 3px #030d129e}.harbor-mode .harbor-npcs{display:block;min-width:0;min-height:0;margin:0;overflow:hidden}.harbor-mode .harbor-npc{display:none;height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;opacity:1;transform:none;border-color:#e6c77ba8;box-shadow:inset 0 0 0 4px #030f14d6,inset 0 0 0 5px #e6c77b3d,0 12px 24px #0000004d;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.harbor-mode .harbor-npc.active{display:grid;transform:none}.harbor-mode .harbor-npc-portrait{min-height:0;margin:6px 6px 0;border:1px solid rgba(230,199,123,.38);box-shadow:inset 0 0 0 3px #030e1394}.harbor-mode .harbor-npc-copy{padding:10px 12px 12px}.harbor-mode .harbor-npc-copy h3{margin:2px 0 5px}.harbor-mode .harbor-npc-copy p{display:-webkit-box;overflow:hidden;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:3}.harbor-mode .upgrade-cards{height:auto;min-width:0;min-height:250px;grid-auto-rows:1fr;gap:9px;margin:0;overflow:visible}.harbor-mode .upgrade-cards.merchant-stock{grid-template-columns:repeat(5,minmax(0,1fr))}.harbor-mode .upgrade-cards.service-stock{grid-template-columns:repeat(3,minmax(0,1fr))}.harbor-mode .harbor-card{--harbor-card-glow: rgba(185, 138, 74, .13);--harbor-card-surface: rgba(7, 31, 36, .98);display:flex;min-width:0;min-height:250px;height:auto;flex-direction:column;padding:27px 9px 9px;background-image:var(--painter-grain),radial-gradient(circle at 50% 14%,var(--harbor-card-glow),transparent 38%),linear-gradient(155deg,color-mix(in srgb,var(--harbor-card-surface) 82%,#9a713c),var(--harbor-card-surface));background-blend-mode:soft-light,normal,normal;box-shadow:inset 0 0 0 3px #030e13b8,inset 0 0 0 4px #e6c77b1a,0 12px 24px #0003}.harbor-mode .harbor-card.tier-magic{--harbor-card-glow: rgba(230, 199, 123, .2);--harbor-card-surface: rgba(31, 37, 29, .98)}.harbor-mode .harbor-card.tier-rare{--harbor-card-glow: rgba(168, 196, 224, .2);--harbor-card-surface: rgba(20, 38, 48, .98)}.harbor-mode .harbor-card.tier-relic{--harbor-card-glow: rgba(244, 223, 161, .26);--harbor-card-surface: rgba(48, 37, 22, .98)}.harbor-card-art{display:block;flex:0 0 auto}.harbor-mode .harbor-card-art>.item-icon{display:block;width:70px;height:70px;min-height:70px;margin:0 auto;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.harbor-mode .harbor-card-art>i:not(.item-icon){display:block;height:70px;min-height:70px;margin:0 auto;line-height:70px}.harbor-card-body{display:flex;min-width:0;min-height:max-content;flex:1 1 auto;flex-direction:column;overflow:visible}.harbor-mode .harbor-card h3{flex:0 0 auto;margin:8px 0 4px;line-height:1.22;overflow-wrap:anywhere}.harbor-card-description{display:block;margin:4px 0;overflow:visible;color:#a9bcb7;font-size:var(--type-body);line-height:1.45;overflow-wrap:anywhere}.harbor-card-footer{display:flex;flex:0 0 auto;flex-direction:column;padding-top:7px;border-top:1px solid rgba(230,199,123,.18);margin-top:auto}.harbor-mode .harbor-card .harbor-card-status{display:block;margin:0;overflow:visible;color:#8eaaa4;line-height:1.4;overflow-wrap:anywhere}.harbor-mode .harbor-card .synergy-hint{display:block;margin-top:5px;overflow:visible}.harbor-card-price{display:block;min-height:27px;margin-top:6px;color:#f3d37e;font-size:var(--type-value);font-weight:900;line-height:1.28;white-space:normal}.harbor-card-price[data-price-state=short]:before{content:"△ ";color:#ef9a78}.harbor-card-price[data-price-state=maximum]:before{content:"◆ ";color:#8fb3aa}.harbor-card-price[data-price-state=short]{color:#f0aa8b}.harbor-card-price[data-price-state=maximum]{color:#9fb9b3}.harbor-mode .synergy-codex{margin-top:0;overflow:hidden}.harbor-mode .synergy-codex[open]>.synergy-codex-panel{display:flex;max-height:min(360px,52vh);flex-direction:column;overflow:hidden;box-shadow:inset 0 0 0 4px #030e13db,inset 0 0 0 5px #e6c77b29}.harbor-mode .synergy-codex[open] .synergy-codex-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--brass) rgba(3,15,20,.78)}.port-actions{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding-top:8px}.harbor-wallet{padding:8px 12px;border:1px solid rgba(185,138,74,.34);background:#061820b3;color:var(--muted);font-size:var(--type-body)}.harbor-wallet b{color:var(--gold);font-size:var(--type-value)}.harbor-mode .reroll-button,.harbor-depart{min-width:0;margin:0;padding:9px 15px}.homeport-modal{position:relative;isolation:isolate;display:grid;width:min(1120px,100%);height:min(710px,calc(100vh - 24px));max-height:calc(100vh - 24px);grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;gap:8px;padding:17px 25px 14px;overflow:hidden;border:2px solid #b98a4a;background-color:#061820;background-image:linear-gradient(145deg,#051418bd,#020c11f0),repeating-linear-gradient(108deg,transparent 0 72px,rgba(230,199,123,.035) 73px 74px),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:auto,auto,cover;background-blend-mode:multiply,soft-light,normal;box-shadow:inset 0 0 0 4px #061820,inset 0 0 0 5px #e6c77b94,inset 0 0 70px #000000b8,0 34px 90px #000000a8;color:var(--ink);text-align:left}.homeport-modal:before{position:absolute;z-index:0;top:10px;right:10px;bottom:10px;left:10px;background:radial-gradient(circle at 90% 11%,transparent 0 27px,rgba(230,199,123,.11) 28px 29px,transparent 30px),radial-gradient(circle at 90% 11%,transparent 0 47px,rgba(230,199,123,.07) 48px 49px,transparent 50px),linear-gradient(90deg,transparent 49.8%,rgba(230,199,123,.045) 50%,transparent 50.2%);content:"";opacity:.86;pointer-events:none}.homeport-modal:after{position:absolute;z-index:5;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(230,199,123,.52);box-shadow:inset 0 0 0 3px #030e13c7,inset 0 0 0 4px #b98a4a33;content:"";pointer-events:none}.homeport-modal>:not(.homeport-frame-corner){position:relative;z-index:2}.homeport-frame-corner{position:absolute;z-index:6;width:19px;height:19px;border-color:#e6c77b;filter:drop-shadow(0 1px 2px #000);pointer-events:none}.homeport-frame-corner-nw{top:11px;left:11px;border-top:2px solid;border-left:2px solid}.homeport-frame-corner-ne{top:11px;right:11px;border-top:2px solid;border-right:2px solid}.homeport-frame-corner-sw{bottom:11px;left:11px;border-bottom:2px solid;border-left:2px solid}.homeport-frame-corner-se{right:11px;bottom:11px;border-right:2px solid;border-bottom:2px solid}.homeport-heading{display:grid;min-height:58px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;padding:0 4px 7px;border-bottom:1px solid rgba(230,199,123,.44)}.homeport-heading:after{position:absolute;right:0;bottom:-3px;left:78px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(230,199,123,.06));content:""}.homeport-emblem{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(230,199,123,.84);border-radius:50%;background:radial-gradient(circle,#b98a4a4d,#041217f5 68%);box-shadow:inset 0 0 0 3px #061820,inset 0 0 0 4px #e6c77b57,0 5px 16px #0000006b}.homeport-emblem img{width:43px;height:43px;object-fit:contain;filter:sepia(1) saturate(.76) brightness(1.18) drop-shadow(0 2px 2px rgba(0,0,0,.6))}.homeport-heading-copy{display:grid;min-width:0;gap:1px}.homeport-heading .eyebrow{margin:0;color:#c8a663;font-size:var(--type-caption);letter-spacing:.22em}.homeport-title-line{display:flex;min-width:0;align-items:center;gap:12px}.homeport-title-line h2{flex:none;margin:0;color:#f3d98d;font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.72)}.homeport-title-line>i{width:min(330px,42vw);height:5px;border-block:1px solid rgba(230,199,123,.42)}.homeport-console-label{margin:0;color:#e9e2cead;font-size:var(--type-caption);font-weight:800;letter-spacing:.13em}.homeport-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.homeport-status-item{position:relative;display:grid;min-width:0;min-height:78px;grid-template-columns:52px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:8px 11px;overflow:hidden;border:1px solid rgba(230,199,123,.54);background-color:#071a20;background-image:linear-gradient(120deg,#051418ba,#020c11eb),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:auto,cover;background-blend-mode:multiply,normal;box-shadow:inset 0 0 0 3px #030e13c2,inset 0 0 0 4px #b98a4a2e;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.homeport-status-item:after{position:absolute;top:8px;right:8px;width:15px;height:15px;border-top:1px solid rgba(230,199,123,.34);border-right:1px solid rgba(230,199,123,.34);content:""}.homeport-status-copy{display:grid;min-width:0;grid-column:2;grid-row:1;align-self:center}.homeport-status-copy small{color:#9a8a6b;font-size:var(--type-caption);font-weight:800;letter-spacing:.12em}.homeport-status-copy>span{overflow:hidden;color:#e9e2cebf;font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap}.homeport-status-copy b{color:#f3d98d;font-size:clamp(1.1rem,1.6vw,1.52rem);line-height:1.05;text-shadow:0 1px 7px rgba(0,0,0,.7)}.homeport-wax-plaque,.homeport-dial,.homeport-rank-emblem{display:grid;width:48px;height:48px;grid-column:1;grid-row:1 / 3;place-items:center;align-self:center}.homeport-wax-plaque{border:3px double rgba(255,205,157,.48);border-radius:46% 54% 48% 52%;background:radial-gradient(circle at 38% 32%,#b86752,#702d29 58%,#3e1718);box-shadow:inset 0 0 9px #2b0a0cb3,0 4px 10px #00000075;color:#f0c5a0;transform:rotate(-4deg)}.homeport-wax-plaque i{font:800 1rem var(--font-display);font-style:normal;text-shadow:0 1px 2px #431515}.homeport-dial{position:relative;border:2px solid #a97d42;border-radius:50%;background:repeating-conic-gradient(from -45deg,rgba(230,199,123,.65) 0 2deg,transparent 2deg 22.5deg),radial-gradient(circle,#17363a 0,#17363a 41%,#081a20 43%,#081a20);box-shadow:inset 0 0 0 3px #061820,0 3px 10px #0006}.homeport-dial:after{width:7px;height:7px;border-radius:50%;background:#e6c77b;box-shadow:0 0 0 2px #061820;content:""}.homeport-dial i{position:absolute;bottom:21px;left:22px;width:17px;height:2px;background:#efc96e;transform:rotate(-36deg);transform-origin:0 50%}.homeport-rank-emblem{border:1px solid rgba(230,199,123,.68);background:linear-gradient(135deg,#8a6135,#2d3d38 48%,#76502d);box-shadow:inset 0 0 0 3px #061820,inset 0 0 0 4px #e6c77b4d,0 3px 10px #0000006b;clip-path:polygon(50% 0,92% 19%,84% 76%,50% 100%,16% 76%,8% 19%)}.homeport-rank-emblem i{color:#f1d58b;font:800 1rem var(--font-display);font-style:normal;letter-spacing:-.08em}.homeport-gauge{position:relative;display:block;height:6px;grid-column:2;grid-row:2;overflow:hidden;border:1px solid rgba(185,138,74,.52);background:#010b0fd1;box-shadow:inset 0 1px 3px #000c}.homeport-gauge i{display:block;width:var(--homeport-meter, 0%);height:100%;background:linear-gradient(90deg,#7d522e,#e6c77b 72%,#fff0b2);box-shadow:0 0 8px #e6c77b70;transition:width .26s var(--menu-ease)}.homeport-summary{position:relative;min-width:0;margin:0;padding:7px 12px 7px 36px;overflow:hidden;border-block:1px solid rgba(230,199,123,.22);background:#020d1285;color:#f2e8cddb;font-size:var(--type-caption);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.homeport-summary:before{position:absolute;top:50%;left:12px;color:var(--brass);content:"航";font:800 1rem var(--font-display);transform:translateY(-50%)}.homeport-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.homeport-tabs button{display:grid;min-width:0;min-height:42px;grid-template-columns:auto auto;place-content:center;align-items:center;gap:7px;padding:6px 8px;border-color:#b98a4a80;background:linear-gradient(145deg,#06181dc7,#020d12f2),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:auto,cover;background-blend-mode:multiply,normal;color:#e9e2cead;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%,0 6px)}.homeport-tabs button>span{color:#a7824b;font-size:1rem;line-height:1}.homeport-tabs button>b{margin:0;overflow:hidden;font-size:var(--type-body);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.homeport-tabs button.active{border-color:#e6c77b;background:linear-gradient(145deg,#6c4926b8,#072628f2),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:auto,cover;background-blend-mode:multiply,normal;box-shadow:inset 0 0 0 2px #061820,inset 0 -3px #e6c77b,0 5px 15px #00000057;color:#f5dda0}.homeport-tabs button.active>span{color:#f2d687;filter:drop-shadow(0 0 5px rgba(230,199,123,.42))}.homeport-tabs button:focus-visible{outline:2px solid #f1d58b;outline-offset:2px}.homeport-cards{display:grid;min-width:0;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:9px;padding:3px 3px 5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--brass) rgba(2,12,16,.72);scrollbar-width:thin}.homeport-upgrade{position:relative;display:flex;min-width:0;min-height:252px;flex-direction:column;padding:10px 11px 11px;overflow:hidden;border:1px solid rgba(185,138,74,.68);background-color:#071a20;background-image:linear-gradient(155deg,#051418ab,#020c11f0),var(--parchment-grain),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:auto,auto,cover;background-blend-mode:multiply,soft-light,normal;box-shadow:inset 0 0 0 3px #030e13c7,inset 0 0 0 4px #e6c77b24,0 8px 18px #00000052;color:var(--ink);cursor:pointer;text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .16s var(--combat-ease),box-shadow .16s var(--combat-ease),filter .16s var(--combat-ease),transform .16s var(--combat-ease)}.homeport-upgrade:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(230,199,123,.17);content:"";pointer-events:none}.homeport-upgrade:hover:not(:disabled){border-color:#f0cf7c;box-shadow:inset 0 0 0 3px #030e13c7,inset 0 0 0 4px #e6c77b52,0 11px 24px #0000006b,0 0 18px #e6c77b1a;transform:translateY(-2px)}.homeport-upgrade:focus-visible{outline:2px solid #f4dc96;outline-offset:2px}.homeport-upgrade:focus-visible:after{border-color:#f4dc96c7}.homeport-upgrade:disabled{cursor:not-allowed}.homeport-upgrade.is-unavailable{border-color:#74665199;filter:saturate(.58) brightness(.76)}.homeport-upgrade.is-unavailable .homeport-upgrade-cost{border-color:#c34f4280;background:#441818a3}.homeport-upgrade.complete{border-color:#65c1b1ad;filter:saturate(.78)}.homeport-upgrade.complete .homeport-upgrade-cost{border-color:#65c1b17a;background:#11433f8c}.homeport-upgrade-heading{display:grid;min-width:0;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px}.homeport-upgrade-icon{position:relative;display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid rgba(230,199,123,.58);background:#061820;box-shadow:inset 0 0 0 3px #030e13bd,0 4px 10px #0006;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.homeport-upgrade-icon:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,226,155,.1),transparent 40%,rgba(1,12,17,.36));content:""}.homeport-upgrade-icon img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.05)}.homeport-upgrade-name{display:grid;min-width:0;gap:2px}.homeport-upgrade-level{color:#a8c4e0;font-size:var(--type-caption);font-weight:800;letter-spacing:.08em}.homeport-upgrade h3{margin:0;overflow:hidden;color:#f2d68d;font-family:var(--font-display);font-size:var(--type-value);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.homeport-upgrade>p{display:-webkit-box;min-height:2.7em;margin:8px 1px 7px;overflow:hidden;color:#f2e8cdc2;font-size:var(--type-caption);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.homeport-upgrade-effect{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:5px;padding:6px;border-block:1px solid rgba(230,199,123,.2);background:#010c1080}.homeport-upgrade-effect>span{display:grid;min-width:0;align-content:start;gap:2px}.homeport-upgrade-effect em{color:#8fa39f;font-size:var(--type-caption);font-style:normal;font-weight:800}.homeport-upgrade-effect strong{overflow:hidden;color:#e8e0ca;font-size:var(--type-caption);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.homeport-upgrade-effect>i{align-self:center;color:#d2aa5f;font-size:1rem;font-style:normal}.homeport-upgrade-effect>span:last-child strong{color:#f2d78c}.homeport-upgrade-effect.is-complete>span:last-child strong{color:#83c9bd}.homeport-upgrade-cost{display:grid;min-width:0;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:7px;margin-top:auto;padding:7px 8px;border:1px solid rgba(230,199,123,.32);background:#2922159e}.homeport-cost-seal{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(242,188,151,.38);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ac5d49,#632525 68%);box-shadow:0 2px 5px #0000006b;color:#efc3a1;font-family:var(--font-display);font-size:var(--type-caption);font-style:normal;transform:rotate(-5deg)}.homeport-upgrade-cost>span{display:grid;min-width:0}.homeport-upgrade-cost small{color:#a8997d;font-size:var(--type-caption);font-weight:800;letter-spacing:.07em}.homeport-upgrade-cost b{overflow:hidden;color:#f2d687;font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap}.homeport-note{margin:0;color:#bcc7bcb3;font-size:var(--type-caption);line-height:1.25;text-align:center}.homeport-note>span{color:var(--brass);font-size:.75em}.homeport-modal>.primary-button{min-width:210px;margin:0 auto;padding-block:8px}@media(max-width:920px){.harbor-mode .harbor-workbench{grid-template-columns:174px minmax(0,1fr)}.harbor-mode .upgrade-cards.merchant-stock{grid-template-columns:repeat(2,minmax(0,1fr))}.harbor-mode .harbor-card{padding-top:25px}.harbor-mode .harbor-card-art>.item-icon{width:58px;height:58px;min-height:58px}.harbor-mode .harbor-card-art>i:not(.item-icon){height:58px;min-height:58px;line-height:58px}.homeport-cards,.synergy-codex-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:680px)and (min-width:600px){.port-modal.harbor-mode{max-height:calc(100vh - 12px);padding-block:10px}.homeport-modal{height:calc(100vh - 12px);max-height:calc(100vh - 12px);gap:5px;padding:9px 18px}.homeport-heading{min-height:48px;grid-template-columns:50px minmax(0,1fr);padding-bottom:4px}.homeport-emblem{width:44px;height:44px}.homeport-emblem img{width:34px;height:34px}.homeport-status-item{min-height:62px;grid-template-columns:43px minmax(0,1fr);padding-block:5px}.homeport-wax-plaque,.homeport-dial,.homeport-rank-emblem{width:40px;height:40px}.homeport-dial i{bottom:18px;left:18px;width:14px}.homeport-status-copy small{display:none}.homeport-summary{padding-block:5px}.homeport-tabs button{min-height:36px;padding-block:4px}.homeport-upgrade{min-height:214px;padding:8px 9px 9px}.homeport-upgrade-heading{grid-template-columns:48px minmax(0,1fr)}.homeport-upgrade-icon{width:48px;height:48px}.homeport-upgrade>p{min-height:0;margin-block:5px}.homeport-upgrade-effect,.homeport-upgrade-cost{padding-block:4px}.harbor-mode .harbor-npc-copy p{-webkit-line-clamp:2}.harbor-mode .harbor-card-art>.item-icon{width:54px;height:54px;min-height:54px}.harbor-mode .harbor-card-art>i:not(.item-icon){height:54px;min-height:54px;line-height:54px}.homeport-upgrade p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pause-chartroom{padding-block:12px 14px}.pause-heading{min-height:48px;padding-bottom:7px}.pause-emblem{width:42px;height:42px;background-size:34px}.pause-chartroom .pause-build-grid article{padding-block:5px}.chartroom-modal .pause-controls-grid span,.chartroom-modal .pause-controls-grid b{min-height:32px;padding-block:3px}}@media(prefers-reduced-motion:reduce){.homeport-gauge i,.homeport-tabs button,.homeport-upgrade{transition:none!important}.homeport-upgrade:hover:not(:disabled){transform:none}}@media(max-width:600px){.upgrade-card>.item-icon{width:50px;height:50px}}@media(max-width:760px){.modal-screen{align-items:start;padding:12px;overflow-x:hidden;overflow-y:auto}.modal{width:100%;margin:0 auto;padding:22px 15px}.homeport-modal{height:calc(100vh - 24px);padding:14px 16px 12px}.homeport-status{gap:5px}.homeport-status-item{grid-template-columns:42px minmax(0,1fr);padding-inline:7px}.homeport-wax-plaque,.homeport-dial,.homeport-rank-emblem{width:39px;height:39px}.homeport-tabs button{gap:4px}.homeport-tabs button>span{display:none}#pause-screen{align-items:center;overflow:hidden}.pause-chartroom{width:100%;padding:12px 14px 14px}.pause-heading{grid-template-columns:44px auto minmax(18px,1fr);gap:8px}.pause-emblem{width:40px;height:40px;background-size:32px}.pause-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:8px}.title-content{width:calc(100vw - 16px);padding-inline:6px}.title-en{max-width:100%;margin-inline:auto;letter-spacing:.2em;line-height:1.45}.lede{padding-inline:8px;word-break:keep-all}.ship-card-top,.boss-actions{flex-wrap:wrap}.upgrade-cards,.harbor-npcs,.run-stats,.credits-copy,.controls-grid,.setting-row,.setting-toggle{min-width:0}.boss-story-panel{max-width:calc(100vw - 20px)}.boss-nameplate{padding-right:0}.boss-nameplate span{position:static;display:block;margin-bottom:6px}.boss-dialogue-box p{word-break:normal;overflow-wrap:anywhere}}@media(max-width:480px){.wordmark-wrap{max-width:calc(100% - 12px)}.wordmark-wrap h1,.wordmark-wrap:after{font-size:clamp(30px,11vw,44px);letter-spacing:-.065em}.brand-seal{right:-8px;bottom:-18px;transform:scale(.84) rotate(-8deg)}.primary-button{min-width:min(240px,100%);padding-inline:16px}.controls-grid,.chartroom-modal .controls-grid{grid-template-columns:72px minmax(0,1fr)}.controls-grid span,.controls-grid b,.chartroom-modal .controls-grid span,.chartroom-modal .controls-grid b{padding-inline:7px;overflow-wrap:anywhere}.pause-build-grid:not(.pause-chartroom .pause-build-grid){grid-template-columns:1fr}.quit-confirm-actions{flex-direction:column}.setting-row{grid-template-columns:1fr 44px}.setting-row>span{grid-column:1 / -1}.setting-row input[type=range]{min-width:0;width:100%}.keybinding-grid{grid-template-columns:1fr}.credits-copy p{grid-template-columns:1fr;gap:5px}.testament-seal{position:relative;top:auto;right:auto;margin:-48px auto 12px}}@media(max-width:599px),(hover:none)and (pointer:coarse){.mobile-advisory{display:grid}}#title-screen{--title-gold-light: #f0d38b;--title-gold-mid: #d1aa64;--title-gold-dark: #b98a4a;align-items:center;justify-items:center;padding:clamp(10px,2vw,24px)}#title-screen .title-vignette{background:linear-gradient(90deg,rgba(3,14,18,.3),transparent 26% 70%,rgba(3,14,18,.24)),radial-gradient(circle at 50% 45%,transparent 18%,rgba(2,11,15,.16) 68%,rgba(2,11,15,.52) 100%)}#title-screen .title-content{display:grid;width:min(1220px,calc(100vw - 32px));padding:0;grid-template-columns:minmax(0,760px);justify-content:center;align-items:center;gap:clamp(18px,3vw,42px);background:none;text-align:center}#title-screen .title-brand-panel,#title-screen .title-fleet-panel{position:relative;min-width:0}#title-screen .title-brand-panel{display:flex;flex-direction:column;align-items:center;padding:clamp(22px,3.4vh,40px) clamp(28px,3.4vw,52px);background:none;text-shadow:0 1px 2px rgba(0,0,0,.6),0 2px 16px rgba(0,0,0,.85)}#title-screen .title-brand-panel:before{content:"";position:absolute;top:-55%;right:-45%;bottom:-55%;left:-45%;z-index:-1;background:radial-gradient(ellipse 52% 50% at 50% 42%,rgba(2,10,14,.6) 0%,rgba(2,10,14,.34) 40%,rgba(2,10,14,.12) 62%,transparent 78%);pointer-events:none}#title-screen .title-devbar{position:absolute;left:50%;bottom:clamp(14px,2.6vh,30px);transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);text-align:center}#title-screen .title-devbar-by{color:#e9e2ce99;font-size:var(--type-caption);letter-spacing:.05em;text-shadow:0 2px 10px rgba(2,10,14,.72)}#title-screen .title-devbar-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.title-social{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(230,199,123,.34);border-radius:999px;background:#04121794;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#ecd8a0;font-family:var(--font-ui);font-size:var(--type-caption);font-weight:700;text-decoration:none;transition:color .15s,border-color .15s,background .15s,transform .15s}.title-social:hover{color:#ffe6a8;border-color:#f0d38bb8;background:#06181ecc;transform:translateY(-1px)}.title-social:focus-visible{outline:2px solid #f1d58b;outline-offset:3px}.title-social-icon{width:17px;height:17px;fill:currentColor;flex-shrink:0}.title-social--kofi:hover{color:#ff9d8b;border-color:#ff8c7899}#title-screen .title-fleet-panel{padding:20px;border:1px solid rgba(185,138,74,.34);background:linear-gradient(90deg,#041216c2,#0412168f),var(--parchment-grain);box-shadow:inset 0 0 0 4px #0514189e,inset 0 0 0 5px #f0d38b1f,0 24px 54px #00000047;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}#title-screen .title-fleet-panel:before,#title-screen .title-fleet-panel:after{position:absolute;width:34px;height:34px;border-color:#f0d38b7a;content:"";pointer-events:none}#title-screen .title-fleet-panel:before{top:8px;left:8px;border-top:1px solid;border-left:1px solid}#title-screen .title-fleet-panel:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}#title-screen .title-mark{display:grid;width:106px;height:106px;margin:0 auto 2px;place-items:center}#title-screen .title-mark .title-emblem-orbit{position:relative;display:grid;width:100px;height:100px;place-items:center;border:1px solid rgba(240,211,139,.72);border-radius:50%;background:radial-gradient(circle,rgba(240,211,139,.08) 0 40%,transparent 41%),conic-gradient(from 0deg,rgba(240,211,139,.18),transparent 15%,rgba(185,138,74,.24) 28%,transparent 43%,rgba(240,211,139,.18) 61%,transparent 78%,rgba(185,138,74,.2));box-shadow:inset 0 0 0 4px #0412169e,inset 0 0 0 5px #b98a4a80,0 0 22px #e6c77b33;transform:none}#title-screen .title-mark .title-emblem-orbit:before{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(240,211,139,.48);border-radius:50%;content:"";transform:rotate(7deg)}#title-screen .title-mark .title-emblem-orbit:after{position:absolute;top:17px;right:17px;bottom:17px;left:17px;border:1px solid rgba(185,138,74,.36);border-radius:50%;box-shadow:0 -34px 0 -33px var(--title-gold-light),0 34px 0 -33px var(--title-gold-light),34px 0 0 -33px var(--title-gold-light),-34px 0 0 -33px var(--title-gold-light);content:""}#title-screen .title-mark .title-emblem-compass{position:absolute;z-index:1;width:70px;height:70px;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(240,211,139,.25) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(240,211,139,.25) 50%,transparent calc(50% + .5px));transform:rotate(22.5deg)}#title-screen .title-mark .title-emblem-compass:before,#title-screen .title-mark .title-emblem-compass:after{position:absolute;top:50%;left:50%;width:5px;height:5px;border:1px solid rgba(240,211,139,.62);content:"";transform:translate(-50%,-50%) rotate(45deg)}#title-screen .title-mark .title-emblem-compass:after{width:49px;height:49px;border-color:#b98a4a3d}#title-screen .title-mark img{position:relative;z-index:3;width:68px;height:68px;filter:sepia(.38) saturate(1.35) brightness(1.12) drop-shadow(0 2px 1px rgba(255,235,175,.18)) drop-shadow(0 5px 7px rgba(0,0,0,.52)) drop-shadow(0 0 8px rgba(230,199,123,.24))}#title-screen .title-byline{display:grid;width:min(290px,88%);margin:2px auto 9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:var(--title-gold-mid);font-family:var(--font-ui);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}#title-screen .title-byline i{position:relative;height:1px;background:linear-gradient(90deg,transparent,rgba(240,211,139,.76))}#title-screen .title-byline i:last-child{transform:scaleX(-1)}#title-screen .title-byline i:after{position:absolute;top:-2px;right:-1px;width:5px;height:5px;background:var(--title-gold-mid);content:"";transform:rotate(45deg)}#title-screen .wordmark-wrap{position:relative;display:block;width:100%;max-width:620px;padding:2px 18px 8px}#title-screen .wordmark-wrap:after{content:none}#title-screen .wordmark-wrap h1{margin:0;color:var(--title-gold-light);font-family:var(--font-display);font-size:clamp(3rem,5.2vw,5rem);font-weight:800;letter-spacing:.03em;line-height:.86;text-align:center;text-shadow:none;filter:drop-shadow(0 0 11px rgba(230,199,123,.2)) drop-shadow(0 8px 11px rgba(0,0,0,.46));overflow-wrap:normal;word-break:keep-all}#title-screen .wordmark-wrap h1>span{display:block;width:max-content;max-width:100%;margin-inline:auto;background:linear-gradient(180deg,#fff1bd,#f0d38b 19%,#d4aa61 58%,#b98a4a 78%,#7e552e);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 -1px 0 rgba(255,245,207,.46),0 1px 0 rgba(92,54,26,.9),0 3px 0 rgba(47,29,19,.6),0 7px 17px rgba(0,0,0,.5);white-space:nowrap}#title-screen .wordmark-wrap h1>.wordmark-bridge{margin-block:.36em .3em;font-size:.39em;letter-spacing:.52em;line-height:1;text-indent:.52em}#title-screen .title-korean{margin:14px 0 0;color:#eadbb6;font-family:var(--font-display);font-size:clamp(1.08rem,1.7vw,1.42rem);font-weight:600;letter-spacing:.3em;text-indent:.3em;text-shadow:0 2px 8px rgba(0,0,0,.7),0 0 12px rgba(230,199,123,.16)}#title-screen .brand-seal{right:4px;bottom:4px;width:23px;height:23px;border-color:#e5b47f;font-size:.66rem}#title-screen .title-tagline{margin:8px 0 5px;color:#fff;font-family:var(--font-display);font-size:clamp(.82rem,1.12vw,1rem);letter-spacing:.025em;line-height:1.55;text-shadow:0 2px 10px rgba(0,0,0,.9);white-space:nowrap}#title-screen .version-mark{margin:0;color:#e9e2ce85;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.13em}#title-screen .meta-line{max-width:410px;margin:7px 0 0;color:#dac07f;font-family:var(--font-ui);font-size:clamp(.72rem,.82vw,.82rem);line-height:1.45}#title-screen .title-menu{display:grid;width:min(328px,100%);margin-top:13px;gap:8px}#title-screen .title-menu button{width:100%;min-width:0;min-height:46px;border-radius:999px;font-family:var(--font-ui);font-size:.92rem;font-weight:850;letter-spacing:.18em}#title-screen #start-button{border:1px solid #f5dc99;background:linear-gradient(180deg,#f0d38b,#d5ad65 52%,#b98a4a);box-shadow:inset 0 1px #fffaddd6,inset 0 -2px #5d361a59,0 0 0 1px #3d2414a8,0 8px 23px #00000061,0 0 19px #e6c77b33;color:#1c2421;text-shadow:0 1px rgba(255,241,194,.52)}#title-screen #start-button:hover,#title-screen #start-button:focus-visible{filter:brightness(1.1) saturate(1.04);box-shadow:inset 0 1px #fffce2eb,inset 0 -2px #5d361a52,0 0 0 1px #3d2414b3,0 10px 27px #0000006b,0 0 28px #f0d38b57}#title-screen .title-menu-secondary{border:1px solid rgba(240,211,139,.78);background:linear-gradient(180deg,#0d2527eb,#041216f5);box-shadow:inset 0 0 0 3px #041216f2,inset 0 0 0 4px #b98a4a94,0 6px 16px #00000040;color:#ead9ad}#title-screen .title-menu-secondary:hover,#title-screen .title-menu-secondary:focus-visible{border-color:#f0d38b;background:linear-gradient(180deg,#1d3734f5,#06181efa);color:#fff0c4;transform:translateY(-1px)}#title-screen .title-menu button:focus-visible,#title-screen .ship-card:focus-visible,#title-screen .title-credits:focus-visible{outline:2px solid #f0d38b;outline-offset:3px}#title-screen .title-credits{margin-top:7px;padding:4px 12px;border:0;background:transparent;color:#e9e2ce94;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.13em;cursor:pointer}#title-screen .title-credits:hover{color:#f0d38b}#title-screen .title-fleet-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 4px 12px;padding-bottom:10px;border-bottom:1px solid rgba(240,211,139,.22);text-align:left}#title-screen .title-fleet-heading .eyebrow{margin:0;color:#bfa66c;font-size:.68rem;letter-spacing:.19em}#title-screen .title-fleet-heading h2{margin:0;color:#efe2c0;font-family:var(--font-display);font-size:clamp(1.28rem,2vw,1.72rem);font-weight:600;letter-spacing:-.025em;white-space:nowrap}#title-screen .ship-select{display:grid;grid-template-columns:1fr;gap:9px;margin:0}#title-screen .ship-card{position:relative;display:grid;min-height:126px;padding:15px 18px;grid-template-columns:minmax(0,1fr) 124px;grid-template-rows:auto auto 1fr;column-gap:18px;overflow:hidden;border:1px solid rgba(185,138,74,.58);border-radius:0;background:var(--parchment-grain),linear-gradient(112deg,#3a2d1cc7,#0d2b2beb 46%,#05161bf5);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 4px #05161bbd,inset 0 0 0 5px #f0d38b1a,0 9px 22px #0003;color:var(--ink);transition:border-color .18s var(--menu-ease),background .18s var(--menu-ease),transform .18s var(--menu-ease),box-shadow .18s var(--menu-ease)}#title-screen .ship-card:before{top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(240,211,139,.12)}#title-screen .ship-card:after{position:absolute;top:0;right:0;padding:5px 11px 6px 15px;background:linear-gradient(120deg,transparent 0 13px,#c69c55 14px);color:#172421;content:"";font-family:var(--font-ui);font-size:.61rem;font-weight:900;letter-spacing:.1em;opacity:0}#title-screen .ship-card:hover:not(:disabled),#title-screen .ship-card.selected{border-color:#e6c77b;background:var(--parchment-grain),linear-gradient(112deg,#6c4c22d1,#113733f0 47%,#05181dfa);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 4px #05161bb8,inset 0 0 0 5px #f0d38b3d,0 11px 28px #00000047,0 0 18px #e6c77b14;transform:translateY(-1px)}#title-screen .ship-card.selected:after{content:"선택";opacity:1}#title-screen .ship-card:disabled:after{content:"잠김";opacity:1}#title-screen .ship-card:disabled{opacity:.5}#title-screen .ship-card-top,#title-screen .ship-card-copy,#title-screen .ship-stats{grid-column:1}#title-screen .ship-card-top{align-items:baseline;padding-right:42px}#title-screen .ship-card-top b{color:#f1dfb3;font-size:1rem;letter-spacing:.035em}#title-screen .ship-card-top small{color:#b89d67;font-size:.67rem}#title-screen .ship-card-copy{min-height:0;margin-top:7px;color:#e9e2ceab;font-size:.78rem;line-height:1.42}#title-screen .ship-stats{align-self:end;margin-top:10px}#title-screen .ship-stats i{color:#aa9672;font-size:.65rem}#title-screen .ship-stats i:before{background:#e6c77b24}#title-screen .ship-stats i:after{background:linear-gradient(90deg,#9e713f,#e6c77b)}#title-screen .ship-portrait{grid-column:2;grid-row:1 / 4;align-self:center;margin:0 auto}#title-screen .ship-portrait img{filter:sepia(.2) saturate(.9) drop-shadow(0 9px 8px rgba(0,0,0,.36))}#title-screen .title-footer{display:flex;margin:12px 2px 0;justify-content:flex-start;gap:5px 14px;flex-wrap:wrap;color:#b7cac08f;font-family:var(--font-ui);font-size:.64rem;line-height:1.35;text-align:left}#title-screen .title-footer span{white-space:nowrap}#title-screen .asset-loader{display:flex;width:max-content;max-width:100%;margin:8px 2px 0;color:#e9e2ce70}@media(max-width:1080px){#title-screen{align-items:start;overflow-y:auto}#title-screen .title-content{width:min(820px,calc(100vw - 24px));grid-template-columns:1fr;gap:14px}#title-screen .title-brand-panel{padding-block:clamp(20px,3.4vh,34px)}#title-screen .wordmark-wrap{max-width:590px}#title-screen .wordmark-wrap h1{font-size:clamp(3rem,7.2vw,4.35rem)}#title-screen .ship-select{grid-template-columns:repeat(3,minmax(0,1fr))}#title-screen .ship-card{display:block;min-height:165px;padding:14px}#title-screen .ship-card-top{padding-right:34px}#title-screen .ship-portrait{display:flex;width:110px;min-height:39px;margin:7px auto 4px}#title-screen .ship-card-copy{min-height:34px;margin-top:4px}}@media(max-width:720px){#title-screen{padding:8px}#title-screen .title-content{width:100%;gap:10px}#title-screen .title-brand-panel,#title-screen .title-fleet-panel{padding-inline:14px}#title-screen .title-mark{width:84px;height:84px}#title-screen .title-mark .title-emblem-orbit{width:80px;height:80px}#title-screen .title-mark .title-emblem-orbit:after{top:14px;right:14px;bottom:14px;left:14px;box-shadow:0 -26px 0 -25px var(--title-gold-light),0 26px 0 -25px var(--title-gold-light),26px 0 0 -25px var(--title-gold-light),-26px 0 0 -25px var(--title-gold-light)}#title-screen .title-mark .title-emblem-compass{width:56px;height:56px}#title-screen .title-mark .title-emblem-compass:after{width:39px;height:39px}#title-screen .title-mark img{width:55px;height:55px}#title-screen .wordmark-wrap h1{font-size:clamp(2.45rem,10.5vw,3.6rem)}#title-screen .title-tagline{white-space:normal}#title-screen .ship-select{grid-template-columns:1fr}#title-screen .ship-card{display:grid;min-height:116px;grid-template-columns:minmax(0,1fr) 104px;padding:13px 15px}#title-screen .ship-card-copy{min-height:0}#title-screen .ship-portrait{display:flex;grid-column:2;grid-row:1 / 4;width:96px;min-height:37px;margin:auto}#title-screen .title-fleet-heading{align-items:start;flex-direction:column;gap:4px}#title-screen .title-fleet-heading h2{white-space:normal}#title-screen .title-footer{display:none}}@media(max-width:480px){#title-screen .title-brand-panel,#title-screen .title-fleet-panel{padding:12px 10px}#title-screen .title-byline{width:min(260px,92%);gap:7px;font-size:.6rem}#title-screen .wordmark-wrap{max-width:100%;padding-inline:8px}#title-screen .wordmark-wrap h1{font-size:clamp(2rem,11.8vw,2.75rem);letter-spacing:.015em}#title-screen .wordmark-wrap h1>.wordmark-bridge{letter-spacing:.4em;text-indent:.4em}#title-screen .title-korean{margin-top:11px;font-size:1rem;letter-spacing:.22em;text-indent:.22em}#title-screen .brand-seal{right:1px;bottom:-3px;transform:scale(.78) rotate(-8deg)}#title-screen .title-tagline{max-width:310px;font-size:.78rem;word-break:keep-all}#title-screen .meta-line{max-width:320px;font-size:.68rem}#title-screen .title-menu{width:100%}#title-screen .title-menu button{min-height:43px}#title-screen .ship-card{display:block;min-height:105px}#title-screen .ship-portrait{display:none}#title-screen .ship-card-copy{margin-top:6px}#title-screen .asset-loader{margin-inline:auto}}@media(max-height:760px)and (min-width:1081px){#title-screen{padding-block:8px}#title-screen .title-brand-panel,#title-screen .title-fleet-panel{padding-block:12px}#title-screen .title-mark{width:80px;height:80px}#title-screen .title-mark .title-emblem-orbit{width:76px;height:76px}#title-screen .title-mark .title-emblem-orbit:after{top:13px;right:13px;bottom:13px;left:13px;box-shadow:0 -25px 0 -24px var(--title-gold-light),0 25px 0 -24px var(--title-gold-light),25px 0 0 -24px var(--title-gold-light),-25px 0 0 -24px var(--title-gold-light)}#title-screen .title-mark .title-emblem-compass{width:52px;height:52px}#title-screen .title-mark .title-emblem-compass:after{width:36px;height:36px}#title-screen .title-mark img{width:52px;height:52px}#title-screen .wordmark-wrap h1{font-size:clamp(2.4rem,3.5vw,3.45rem)}#title-screen .title-korean{margin-top:10px}#title-screen .title-menu{margin-top:9px;gap:6px}#title-screen .title-menu button{min-height:40px}#title-screen .ship-card{min-height:112px;padding-block:12px}#title-screen .title-footer{margin-top:8px}}.route-screen{--chart-ink: #272218;--chart-ink-soft: #4d4634;--chart-paper: #c29b59;background:linear-gradient(rgba(185,138,74,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,138,74,.035) 1px,transparent 1px),radial-gradient(circle at 50% 30%,rgba(190,148,75,.2),transparent 44%),#020b0fe6;background-size:42px 42px,42px 42px,auto,auto}.route-contrast-ink{color:var(--chart-ink)}.route-modal{width:min(1120px,100%);max-height:calc(100vh - 32px);padding:21px 27px 16px;overflow-x:hidden;border:2px solid #9a6d34;background-color:#b88e4c;background-image:linear-gradient(115deg,#ffe29d14,#311e112b),var(--parchment-grain),url(../assets/ui/parchment-panel.webp);background-position:center,center,center;background-size:auto,190px 190px,100% 100%;background-blend-mode:multiply,soft-light,normal;box-shadow:inset 0 0 0 4px #2b251b,inset 0 0 0 6px #b88b44,inset 0 0 0 8px #2e1f12c2,inset 0 0 58px #21130a59,0 32px 90px #000000b8;color:var(--chart-ink);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.route-modal:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:url(../assets/brand/bronze-sea-emblem.svg) 4% 52% / 230px no-repeat,repeating-radial-gradient(ellipse at 72% 44%,transparent 0 30px,rgba(52,45,31,.06) 31px 32px);content:"";opacity:.12;pointer-events:none}.route-modal:after{top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(67,45,22,.78);box-shadow:inset 0 0 0 2px #cb9d4f57}.route-frame-corner{position:absolute;z-index:3;width:33px;height:33px;border-color:#5d4020;pointer-events:none}.route-frame-corner:after{position:absolute;width:11px;height:11px;border:1px solid #805b2c;background:radial-gradient(circle,#d3a75a 0 18%,#4e351d 20% 48%,transparent 50%);content:"";transform:rotate(45deg)}.route-frame-corner-nw{top:13px;left:13px;border-top:3px double;border-left:3px double}.route-frame-corner-ne{top:13px;right:13px;border-top:3px double;border-right:3px double}.route-frame-corner-sw{bottom:13px;left:13px;border-bottom:3px double;border-left:3px double}.route-frame-corner-se{right:13px;bottom:13px;border-right:3px double;border-bottom:3px double}.route-frame-corner-nw:after{top:3px;left:3px}.route-frame-corner-ne:after{top:3px;right:3px}.route-frame-corner-sw:after{bottom:3px;left:3px}.route-frame-corner-se:after{right:3px;bottom:3px}.route-cartouche{position:relative;z-index:2;display:grid;grid-template-columns:76px minmax(0,1fr) 78px;min-height:91px;align-items:center;gap:16px;padding:6px 18px 8px;border-top:3px double rgba(78,51,22,.72);border-bottom:3px double rgba(78,51,22,.72);background:linear-gradient(90deg,transparent,rgba(255,232,174,.2) 18%,rgba(255,232,174,.2) 82%,transparent)}.route-heading-copy{min-width:0;text-align:center}.route-heading-copy .eyebrow{margin:0 0 2px;color:#67451f;font-family:var(--font-display);font-size:.69rem;font-weight:800;letter-spacing:.2em}.route-modal .route-heading-copy h2{margin:0;color:#251e14;font-family:var(--font-display);font-size:clamp(1.55rem,2.45vw,2.35rem);font-weight:800;letter-spacing:.025em;text-shadow:0 1px rgba(255,232,179,.5)}.route-heading-copy>p:last-child{margin:3px 0 0;color:#4d412e;font-family:var(--font-display);font-size:var(--type-caption);font-weight:700}.route-sea-emblem{width:70px;height:70px;border:3px double rgba(83,56,26,.72);border-radius:50%;background:linear-gradient(#b78e4e6b,#77532847),url(../assets/brand/bronze-sea-emblem.svg) center / 54px no-repeat;box-shadow:inset 0 0 0 3px #e8c7803d,0 2px #ffe7aa40;filter:sepia(.85) contrast(1.18) brightness(.62)}.route-compass-rose{position:relative;display:grid;width:70px;height:70px;border:1px solid rgba(75,50,24,.72);border-radius:50%;background:linear-gradient(45deg,transparent 49%,rgba(62,47,29,.32) 49% 51%,transparent 51%),linear-gradient(-45deg,transparent 49%,rgba(62,47,29,.32) 49% 51%,transparent 51%),radial-gradient(circle,transparent 44%,rgba(75,50,24,.56) 45% 47%,transparent 48%);color:#493119;place-items:center}.route-compass-rose:before,.route-compass-rose:after{position:absolute;background:#3f2a14a3;content:""}.route-compass-rose:before{width:1px;height:88%}.route-compass-rose:after{width:88%;height:1px}.route-compass-rose>i{position:absolute;z-index:2;top:-2px;color:#6d351f;font-family:var(--font-display);font-size:.62rem;font-style:normal;font-weight:900}.route-compass-rose>b{z-index:1;width:38px;height:52px;margin:0;background:linear-gradient(90deg,#703d28 0,#703d28 48%,#d5b36a 50%,#d5b36a);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);filter:drop-shadow(0 1px 0 rgba(255,232,179,.54))}.route-preview{position:relative;z-index:2;margin-top:12px;padding:9px 13px 10px;border:1px solid rgba(73,51,26,.72);background:var(--painter-grain),linear-gradient(100deg,#deba746b,#f6da9d2e,#70492321);background-blend-mode:multiply,normal;box-shadow:inset 0 0 0 3px #734d2221,0 1px #ffe4a66b;clip-path:polygon(6px 0,calc(100% - 9px) 0,100% 7px,calc(100% - 3px) 100%,8px calc(100% - 2px),0 calc(100% - 8px),2px 6px)}.route-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;text-align:left}.route-preview-heading span{color:#382719;font-family:var(--font-display);font-size:var(--type-caption);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.route-preview-heading span i{margin-right:5px;color:#873d2d;font-style:normal}.route-preview-heading strong{color:#57452b;font-size:var(--type-caption);font-weight:800}.route-rhumb-field{position:relative;min-height:105px;overflow:hidden;border-top:1px solid rgba(78,54,28,.32);border-bottom:1px solid rgba(78,54,28,.22);background:radial-gradient(ellipse at 16% 120%,rgba(74,62,39,.18) 0 17%,transparent 18%),radial-gradient(ellipse at 88% -35%,rgba(74,62,39,.13) 0 21%,transparent 22%)}.route-chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(77,62,38,.11) 24px 25px),repeating-linear-gradient(90deg,transparent 0 72px,rgba(77,62,38,.1) 73px 74px),repeating-radial-gradient(circle at 9% 54%,transparent 0 20px,rgba(64,53,35,.08) 21px 22px);opacity:.9;pointer-events:none}.route-ribbon{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(142px,1fr);min-height:103px;align-items:start;gap:14px;margin:0;padding:8px 9px 6px;list-style:none}.route-ribbon-node{position:relative;display:grid;grid-template-rows:49px minmax(0,1fr);min-width:0;padding:0 5px 3px;border:1px solid transparent;background:transparent;color:var(--chart-ink);place-items:center}.route-ribbon-node:not(:last-child):after{position:absolute;z-index:-1;top:26px;left:calc(50% + 23px);width:calc(100% - 26px);border-top:2px dashed rgba(73,47,23,.72);content:"";filter:drop-shadow(0 1px rgba(255,232,179,.34));transform:rotate(-1.5deg);transform-origin:left center}.route-ribbon-node:nth-child(2n):not(:last-child):after{transform:rotate(2deg)}.route-chart-node{position:relative;display:grid;width:42px;height:42px;border:2px solid #594326;border-radius:50%;background:#cea65ec7;box-shadow:inset 0 0 0 3px #593e1e1a,0 1px #ffe7ae9e;place-items:center}.route-chart-node i{color:#46331e;font-family:var(--font-display);font-size:1.3rem;font-style:normal;line-height:1}.route-ribbon-hint{position:absolute;z-index:3;top:-1px;left:calc(50% + 13px);display:grid;width:22px;height:22px;border:2px solid #68452a;border-radius:50%;background:#be9251;box-shadow:0 1px 3px #301e0f57;color:#4c3021;font-size:.66rem;font-style:normal;font-weight:900;line-height:1;place-items:center}.route-ribbon-hint-supply{border-color:#356052;color:#21483c}.route-ribbon-hint-chaos{border-color:#67476e;color:#513354}.route-node-copy{display:block;width:100%;min-width:0;text-align:center}.route-node-copy b{display:block;overflow:hidden;color:#31291c;font-size:var(--type-caption);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.route-node-copy small{display:block;margin-top:2px;color:#655943;font-size:.68rem;font-weight:800}.route-ribbon-node.current{color:#5f281c}.route-ribbon-node.current .route-chart-node{border:3px double #823c27;background:#d6ae62;box-shadow:0 0 0 4px #7e3a262b,0 3px 8px #4424134d;transform:scale(1.08)}.route-ribbon-node.current .route-node-copy b{color:#6b2f20}.route-ribbon-node.current .route-node-copy small:before{margin-right:3px;color:#833a28;content:"●"}.route-ribbon-elite{border-color:#4e5160}.route-ribbon-elite .route-chart-node{border-color:#4e5160;background:#9c9a88;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.route-ribbon-elite .route-chart-node i{color:#373845}.route-ribbon-supply{border-color:#386356}.route-ribbon-supply .route-chart-node{border-color:#386356;background:#99b59a}.route-ribbon-supply .route-chart-node i{color:#285044}.route-ribbon-event{border-color:#684968}.route-ribbon-event .route-chart-node{border-color:#684968;background:#b69aaf}.route-ribbon-event .route-chart-node i{color:#573552}.route-ribbon-boss{border-color:#813726;color:#6f2d20}.route-ribbon-boss .route-chart-node{border:3px double #542319;background:#8e4331;box-shadow:0 0 0 4px #712b1c2b,inset 0 0 0 2px #dfa86947}.route-ribbon-boss .route-chart-node i{color:#f0cf96;transform:scale(1.12)}.route-ribbon-boss .route-node-copy b{color:#6f2d20}.route-ribbon-harbor{border-color:#386356;color:#294f43}.route-ribbon-harbor .route-chart-node{border-color:#386356;border-style:double;background:#a6b69c}.route-ribbon-harbor .route-chart-node i{color:#294f43}.route-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:14px;padding:0 3px}.route-card{--route-accent: #68462b;--route-accent-deep: #51321f;--route-surface: rgba(96, 70, 37, .13);--paper-tilt: 0deg;min-height:344px;padding:18px 16px 12px;overflow:hidden;border:1px solid rgba(80,54,27,.85);background-color:#c89d57;background-image:linear-gradient(145deg,#ffe6a517,#3c23112b),var(--painter-grain),url(../assets/ui/parchment-panel.webp);background-size:auto,160px 160px,100% 100%;background-blend-mode:multiply,soft-light,normal;box-shadow:inset 0 0 0 4px #6f481f1a,inset 0 0 24px #3d23112e;color:var(--chart-ink);filter:drop-shadow(0 9px 7px rgba(38,23,13,.3));text-align:left;transform:rotate(var(--paper-tilt));animation-name:route-fragment-rise;animation-duration:.38s;animation-timing-function:var(--menu-ease)}.route-card:nth-child(1){--paper-tilt: -.32deg;clip-path:polygon(2% 1%,96% 0,100% 4%,99% 23%,100% 43%,98% 65%,100% 94%,95% 100%,69% 98%,43% 100%,19% 98%,3% 100%,0 93%,1% 65%,0 38%,1% 11%)}.route-card:nth-child(2){--paper-tilt: .24deg;clip-path:polygon(4% 0,28% 1%,51% 0,74% 2%,98% 1%,100% 8%,99% 31%,100% 67%,98% 96%,91% 99%,63% 98%,39% 100%,10% 98%,1% 100%,0 91%,1% 59%,0 27%,2% 5%)}.route-card:nth-child(3){--paper-tilt: -.18deg;clip-path:polygon(1% 5%,7% 1%,33% 2%,58% 0,81% 2%,98% 0,100% 10%,99% 39%,100% 71%,98% 98%,72% 99%,47% 98%,21% 100%,3% 97%,1% 88%,2% 62%,0 32%)}@keyframes route-fragment-rise{0%{opacity:0;transform:translateY(20px) rotate(var(--paper-tilt)) scale(.96)}to{opacity:1;transform:translateY(0) rotate(var(--paper-tilt)) scale(1)}}.route-card:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;background:repeating-radial-gradient(ellipse at 16% 18%,transparent 0 25px,color-mix(in srgb,var(--route-accent) 16%,transparent) 26px 27px),linear-gradient(104deg,transparent 0 49%,rgba(78,52,27,.08) 50%,transparent 51%);opacity:.52;transform:none;transition:opacity .16s var(--menu-ease)}.route-card:after{z-index:0;top:7px;right:7px;bottom:7px;left:7px;border:3px double color-mix(in srgb,var(--route-accent) 68%,transparent);background:none;content:"";mask:none;pointer-events:none}.route-card>*{position:relative;z-index:1}.route-card:hover:not(:disabled),.route-card:focus-visible{border-color:var(--route-accent-deep);background-color:#d1a75e;background-image:linear-gradient(145deg,#ffedbd26,#4c2b131c),var(--painter-grain),url(../assets/ui/parchment-panel.webp);box-shadow:inset 0 0 0 4px #6f481f1f,inset 0 0 28px #3d231121;filter:drop-shadow(0 14px 12px rgba(27,15,8,.42));transform:translateY(-4px) rotate(var(--paper-tilt)) scale(1.012)}.route-card:hover:not(:disabled):before,.route-card:focus-visible:before{left:0;opacity:.78}.route-card:focus-visible{outline:3px solid #f2d48e;outline-offset:3px}.route-card:focus-visible:after,.route-card:active:after{border:3px double var(--route-accent-deep);background:none;mask:none;animation:none}.route-card:active:not(:disabled){filter:brightness(.98) drop-shadow(0 5px 3px rgba(27,15,8,.38));transform:translateY(1px) rotate(var(--paper-tilt)) scale(.985)}.route-card .route-type{position:absolute;top:14px;right:18px;color:var(--route-accent-deep);font-family:var(--font-display);font-size:var(--type-caption);font-weight:900;letter-spacing:.08em}.route-card .route-type i{font-size:.64rem;font-style:normal}.route-card .keycap{position:absolute;top:11px;left:15px;display:flex;width:auto;height:29px;align-items:center;gap:6px;padding:2px 7px 2px 6px;border:1px solid rgba(70,47,25,.72);border-radius:0;background:#e5c17947;color:#3e2c1b}.route-card .keycap small{min-height:0;color:#624b2e;font-family:var(--font-display);font-size:.57rem;font-weight:900;letter-spacing:.06em}.route-card .keycap b{display:grid;width:19px;height:19px;margin:0;border:1px solid #4e351d;background:#4e351d;color:#f0d59a;font-size:.72rem;line-height:1;place-items:center}.route-archetype{display:flex;min-height:50px;align-items:center;justify-content:flex-start;gap:10px;margin:26px 0 1px}.route-archetype>i{display:grid;width:48px;height:48px;flex:0 0 auto;border:3px double var(--route-accent-deep);border-radius:50%;background:color-mix(in srgb,var(--route-accent) 15%,rgba(219,180,105,.5));box-shadow:inset 0 0 0 3px #e4c27c3d;color:var(--route-accent-deep);font-size:1.65rem;font-style:normal;line-height:1;place-items:center}.route-archetype small,.route-archetype b{display:block;min-height:0;margin:0;color:var(--route-accent-deep);font-family:var(--font-display);font-size:var(--type-caption);line-height:1.2}.route-archetype small{opacity:.72}.route-archetype b{margin-top:3px;color:#33291b;font-size:var(--type-body);font-weight:900}.route-card h3{margin:3px 0 7px;color:#241c13;font-family:var(--font-display);font-size:clamp(1.18rem,1.45vw,1.42rem);font-weight:900;letter-spacing:.025em;text-align:left}.route-card .route-summary-tag{display:flex;align-items:center;gap:7px;min-height:0;margin:0;padding:6px 8px;border-left:3px solid var(--route-accent);background:var(--route-surface);color:#3d3323;font-size:var(--type-caption);font-weight:900;line-height:1.25;white-space:nowrap}.route-summary-tag>i{color:var(--route-accent-deep);font-style:normal}.route-summary-tag>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.route-streak-meta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:54px;margin-top:8px;padding:6px 7px;border:1px solid rgba(82,57,30,.48);background:#6248281c;color:#3d3020;font-size:var(--type-caption);font-style:normal;font-weight:800;line-height:1.25}.route-streak-count{display:flex;align-items:center;gap:5px;padding:5px 6px;border:1px solid color-mix(in srgb,var(--route-accent-deep) 72%,transparent);background:color-mix(in srgb,var(--route-accent) 14%,transparent);color:var(--route-accent-deep);white-space:nowrap}.route-streak-count i{font-style:normal}.route-streak-count b,.route-details b,.route-meter b{display:inline;margin:0;font-size:inherit}.route-streak-multiplier{min-width:0;color:#4f422d;overflow-wrap:anywhere}.route-risk-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.route-meter{display:grid;grid-template-columns:1fr auto;gap:5px 7px;min-width:0;padding:6px 7px;border:1px solid rgba(110,49,36,.52);background:#823a2a1a;color:#682f24;font-size:var(--type-caption)}.route-meter>span{display:flex;align-items:center;gap:4px}.route-meter>span>i{font-style:normal}.route-meter strong{display:block;margin:0;color:inherit;font-size:inherit;white-space:nowrap}.route-reward{border-color:#4b4f2b94;background:#545b341a;color:#4c512c}.route-meter-track{display:block;grid-column:1 / -1;height:4px;overflow:hidden;border:1px solid currentColor;background:#43301c1a}.route-meter-track>i{display:block;width:calc(var(--meter) * 33.333%);height:100%;background:currentColor}.route-seal-action{display:flex;min-height:37px;align-items:center;justify-content:flex-end;gap:7px;margin-top:7px;color:var(--route-accent-deep)}.route-seal-action>b{display:inline;margin:0;color:var(--route-accent-deep);font-family:var(--font-display);font-size:.72rem;letter-spacing:.05em}.route-wax-seal{position:relative;display:grid;width:34px;height:34px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--route-accent-deep) 82%,#1f160f);border-radius:48% 52% 43% 57%/55% 44% 56% 45%;background:var(--route-accent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--route-accent) 72%,#e6ba71),0 2px 3px #2d180c57;color:#f0d49d;place-items:center;transition:transform .14s var(--menu-ease),filter .14s var(--menu-ease)}.route-wax-seal>i{font-size:.92rem;font-style:normal;line-height:1}.route-card:hover .route-wax-seal,.route-card:focus-visible .route-wax-seal{filter:brightness(1.06);transform:rotate(-8deg) scale(1.08)}.route-card:active .route-wax-seal{transform:rotate(-8deg) scale(.9)}.route-details{position:absolute;z-index:4;right:10px;bottom:10px;left:10px;padding:9px 10px;border:2px solid color-mix(in srgb,var(--route-accent) 68%,#b98a4a);background:var(--painter-grain),#231f19f7;box-shadow:0 8px 24px #0000007a;color:#f1e4c3;font-size:var(--type-caption);line-height:1.45;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s var(--menu-ease),transform .15s var(--menu-ease);visibility:hidden}.route-details b{color:#f1c879}.route-card:hover .route-details,.route-card:focus-visible .route-details{opacity:1;transform:translateY(0);visibility:visible}.route-combat{--route-accent: #8b3f30;--route-accent-deep: #672d23;--route-surface: rgba(117, 47, 34, .13);border-color:#672d23e6}.route-supply{--route-accent: #3f7462;--route-accent-deep: #2b5447;--route-surface: rgba(43, 92, 75, .12);border-color:#2b5447e6}.route-chaos{--route-accent: #715078;--route-accent-deep: #503756;--route-surface: rgba(91, 58, 98, .12);border-color:#503756e6}.route-key-hint{position:relative;z-index:2;margin:9px 0 0;color:#493b27;font-family:var(--font-display);font-weight:800}.route-key-hint kbd{display:inline-grid;width:21px;height:21px;margin-right:3px;border:1px solid #634522;background:#5b3e1d1f;box-shadow:inset 0 -2px #54361924;color:#382617;font:900 .68rem var(--font-ui);place-items:center}@media(prefers-reduced-motion:reduce){.route-card,.route-card:before,.route-card:after,.route-wax-seal{animation:none!important;transition:none!important}.route-details{transition:none!important}}@media(max-width:920px){.route-modal{padding-inline:21px}.route-cartouche{grid-template-columns:62px minmax(0,1fr) 62px;gap:10px}.route-sea-emblem,.route-compass-rose{width:58px;height:58px}.route-sea-emblem{background-size:44px}.route-ribbon{grid-auto-columns:minmax(132px,1fr);overflow-x:auto}.route-cards{gap:10px}.route-card{padding-inline:12px}.route-streak-meta{grid-template-columns:1fr;gap:4px}}@media(max-width:760px){.route-screen{padding:10px}.route-modal{max-height:calc(100vh - 20px);padding:16px 15px 13px}.route-cartouche{grid-template-columns:1fr;min-height:auto;padding-block:8px}.route-sea-emblem,.route-compass-rose{display:none}.route-preview-heading{align-items:flex-start;flex-direction:column;gap:4px}.route-ribbon{grid-auto-columns:minmax(118px,1fr);overflow-x:auto;padding-bottom:5px}.route-cards{grid-template-columns:1fr}.route-card{min-height:324px}}.local-leaderboard{min-width:0;border:1px solid rgba(185,138,74,.3);background:#031015ad;text-align:left}.title-leaderboard{margin-top:13px;padding:11px 12px 9px}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-heading .eyebrow{margin:0 0 2px;color:#e6c77b8f;font-size:.58rem;letter-spacing:.12em}.leaderboard-heading h3{margin:0;color:#ead9ad;font:700 .88rem var(--font-display);letter-spacing:.06em}.captain-name-input{display:grid;width:min(180px,46%);gap:2px;color:#e9e2ce80;font-size:.62rem}.captain-name-input input{width:100%;min-width:0;padding:5px 7px;border:1px solid rgba(101,193,177,.3);border-radius:2px;outline:0;background:#020d12b8;color:#dfe9df;font-size:.72rem}.captain-name-input input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #65c1b11a}.leaderboard-list{display:grid;gap:2px;margin:7px 0 0;padding:0;list-style:none}.leaderboard-list li{display:grid;min-width:0;padding:5px 7px;grid-template-columns:24px minmax(76px,1fr) auto minmax(124px,auto);align-items:center;gap:7px;background:#e9e2ce09;color:#e9e2ceb8;font-size:.69rem}.leaderboard-list li>b{color:#65c1b1b8;font-size:.62rem}.leaderboard-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list li>strong{color:#f0d38b;font-size:.76rem}.leaderboard-list li>small{color:#e9e2ce6b;text-align:right}.leaderboard-list .leaderboard-empty{display:block;padding-block:8px;color:#e9e2ce75;text-align:center}#title-screen .title-scene-shade{background:linear-gradient(90deg,#020b0fd1,#020b0f45 37%,#020b0f33 62%,#020b0fb8),linear-gradient(0deg,rgba(2,11,15,.92),transparent 49%,rgba(2,11,15,.46))}#title-screen .title-vignette{background:radial-gradient(ellipse at 52% 43%,transparent 10%,rgba(1,8,11,.18) 63%,rgba(1,8,11,.76) 100%),linear-gradient(90deg,rgba(1,8,11,.34),transparent 25% 72%,rgba(1,8,11,.4))}#title-screen .title-content{width:min(1320px,calc(100vw - 28px));grid-template-columns:minmax(410px,.78fr) minmax(680px,1.22fr);gap:clamp(16px,2.2vw,32px)}#title-screen .title-brand-panel{isolation:isolate;min-height:610px;justify-content:center;overflow:hidden;border:1px solid rgba(240,211,139,.62);background-color:#07191c;background-image:linear-gradient(145deg,#031014ba,#020c10e0),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:cover;box-shadow:inset 0 0 0 4px #031014e6,inset 0 0 0 5px #f0d38b4d,inset 0 0 50px #0009,0 24px 58px #0000006b;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);filter:none}#title-screen .title-brand-panel:before{position:absolute;z-index:-1;top:8px;right:8px;bottom:8px;left:8px;background:url(../assets/brand/bronze-sea-emblem.svg) 50% 15% / 300px no-repeat,repeating-radial-gradient(ellipse at 55% 63%,transparent 0 31px,rgba(230,199,123,.045) 32px 33px);content:"";opacity:.12;pointer-events:none}#title-screen .title-brand-panel:after{position:absolute;z-index:4;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(240,211,139,.34);box-shadow:inset 0 0 0 2px #031014b3;content:"";pointer-events:none}#title-screen .title-brand-panel>*{position:relative;z-index:1}#title-screen .title-menu{grid-template-columns:repeat(2,minmax(0,1fr))}#title-screen .title-fleet-panel{display:grid;padding:0;border:0;gap:10px;background:none;box-shadow:none;clip-path:none}#title-screen .title-fleet-panel:before,#title-screen .title-fleet-panel:after{content:none}#title-screen .title-progress-panel{position:relative;isolation:isolate;min-width:0;padding:15px 16px 13px;overflow:hidden;border:1px solid rgba(240,211,139,.68);background-color:#091b1d;background-image:linear-gradient(125deg,#031114bd,#020d11e6),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:cover;box-shadow:inset 0 0 0 4px #020e11e6,inset 0 0 0 5px #f0d38b4d,inset 0 0 38px #00000085,0 17px 38px #00000057;color:#f0e5c8;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);text-align:left}#title-screen .title-progress-panel:before{position:absolute;z-index:-1;top:8px;right:8px;bottom:8px;left:8px;background:url(../assets/brand/bronze-sea-emblem.svg) 96% 44% / 190px no-repeat,repeating-linear-gradient(116deg,transparent 0 76px,rgba(230,199,123,.04) 77px 78px);content:"";opacity:.13;pointer-events:none}#title-screen .title-progress-panel:after{position:absolute;z-index:4;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(230,199,123,.3);content:"";pointer-events:none}#title-screen .title-progress-panel>*{position:relative;z-index:1}#title-screen .title-record-heading{display:grid;min-height:44px;padding:0 4px 9px;border-bottom:1px solid rgba(240,211,139,.3);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}#title-screen .title-record-emblem{display:grid;width:38px;height:38px;border:1px solid rgba(240,211,139,.56);border-radius:50%;background:radial-gradient(circle,#e6c77b33,#041417c7 62%);box-shadow:inset 0 0 0 3px #030f12c7,0 0 12px #e6c77b29;place-items:center}#title-screen .title-record-emblem img{width:27px;height:27px;filter:sepia(.4) saturate(1.35) brightness(1.16)}#title-screen .title-record-heading .eyebrow{margin:0 0 1px;color:#bfa66c;font-size:.58rem;letter-spacing:.15em}#title-screen .title-record-heading h2{margin:0;color:#f5e8c2;font:700 1.16rem var(--font-display);letter-spacing:.09em}#title-screen .title-record-folio{padding:3px 6px;border:1px solid rgba(240,211,139,.34);color:#f0d38b8f;font:700 .65rem var(--font-display);letter-spacing:.12em;transform:rotate(-2deg)}#title-screen .title-record-stats{display:grid;margin:9px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#title-screen .title-record-stat{display:grid;min-width:0;min-height:78px;padding:9px 8px;border:1px solid rgba(185,138,74,.44);background:linear-gradient(130deg,#061c1fdb,#020e12bd);box-shadow:inset 0 0 0 2px #e6c77b0e;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:center;column-gap:8px}#title-screen .title-record-stat dt{overflow:hidden;color:#c9b47c;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}#title-screen .title-record-stat dd{display:flex;min-width:0;margin:0;align-items:baseline;gap:4px}#title-screen .title-record-stat dd strong{overflow:hidden;color:#fff0bf;font:800 clamp(1.15rem,1.8vw,1.55rem) var(--font-display);line-height:1;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.66);white-space:nowrap}#title-screen .title-record-stat dd span{color:#e9e2ce85;font-size:.56rem;font-weight:700;white-space:nowrap}#title-screen .title-record-symbol{display:grid;width:38px;height:38px;grid-row:1 / 4;place-items:center;font:800 .82rem var(--font-display)}#title-screen .record-wax{border:1px solid #9f5a45;border-radius:48% 52% 46% 54%;background:radial-gradient(circle at 38% 32%,#b86b50,#713629 62%,#46231e);box-shadow:2px 3px #3d211c,inset 0 0 0 3px #411b1766,inset 0 0 0 4px #e7a37733;color:#f0c39b;transform:rotate(-7deg)}#title-screen .record-medal{border:1px solid #e2c476;border-radius:50%;background:radial-gradient(circle,#d2ad61 0,#d2ad61 17%,#79532c 20%,#79532c 49%,#d1a85a 52%,#d1a85a 58%,#392819 61%);box-shadow:0 3px 7px #00000061,inset 0 1px #fff1bc73;color:#fff1b8}#title-screen .record-gauge{border:1px solid rgba(230,199,123,.68);background:linear-gradient(90deg,transparent 31%,rgba(230,199,123,.22) 32% 34%,transparent 35% 64%,rgba(230,199,123,.22) 65% 67%,transparent 68%),linear-gradient(180deg,#76532d,#2d271c);box-shadow:inset 0 0 0 3px #031215b8,0 3px 7px #00000057;color:#f2d88e;letter-spacing:.08em}#title-screen .title-upgrade-progress{position:relative;display:block;height:5px;overflow:hidden;grid-column:2;border:1px solid rgba(230,199,123,.2);background:repeating-linear-gradient(90deg,rgba(230,199,123,.08) 0 10px,transparent 10px 13px)}#title-screen .title-upgrade-progress i{position:absolute;inset:0 auto 0 0;width:var(--upgrade-progress, 0%);background:repeating-linear-gradient(90deg,#a9783b 0 10px,#e3c270 10px 11px,transparent 11px 13px);box-shadow:0 0 8px #e6c77b47}#title-screen .title-meta-traits{margin:7px 2px 0;color:#b9ddd4;font-size:.62rem;font-weight:700;letter-spacing:.06em}#title-screen .title-leaderboard{margin-top:8px;padding:8px 10px 7px;border-color:#b98a4a6b;background:#020f12b8;box-shadow:inset 0 0 0 2px #e6c77b0a}#title-screen .title-leaderboard .leaderboard-heading h3{color:#f0dfb5;font-size:.8rem}#title-screen .title-leaderboard .leaderboard-heading .eyebrow{color:#e6c77b85;font-size:.54rem}#title-screen .title-leaderboard .captain-name-input{width:min(160px,44%)}#title-screen .title-leaderboard .leaderboard-list{margin-top:5px}#title-screen .title-leaderboard .leaderboard-list li{min-height:25px;padding-block:3px}#title-screen .title-fleet-select{position:relative;min-width:0;padding:11px 13px 10px;border:1px solid rgba(185,138,74,.44);background:linear-gradient(120deg,#031216e0,#031216ad),var(--painter-grain);box-shadow:inset 0 0 0 3px #030f13c2,inset 0 0 0 4px #e6c77b1f,0 16px 34px #00000045}#title-screen .title-fleet-heading{margin:0 2px 7px;padding-bottom:7px}#title-screen .title-fleet-heading .eyebrow{font-size:.58rem}#title-screen .title-fleet-heading h2{font-size:1.1rem}#title-screen .ship-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#title-screen .ship-card{display:block;min-height:156px;padding:10px}#title-screen .ship-card-top{min-width:0;padding-right:30px}#title-screen .ship-card-top b{font-size:.78rem}#title-screen .ship-card-top small{overflow:hidden;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}#title-screen .ship-portrait{display:flex;width:90px;min-height:30px;margin:4px auto 2px}#title-screen .ship-card-copy{min-height:27px;margin-top:2px;font-size:.65rem;line-height:1.3}#title-screen .ship-starting-actives{margin-top:3px;overflow:hidden;color:#a9c8c1b8;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}#title-screen .ship-stats{margin-top:5px;gap:4px}#title-screen .ship-stats i{font-size:.54rem}#title-screen .title-footer{margin-top:7px;font-size:.56rem}#title-screen .asset-loader{margin-top:5px}@media(max-width:1160px){#title-screen .title-content{width:min(840px,calc(100vw - 24px));grid-template-columns:1fr}#title-screen .title-brand-panel{min-height:0}}@media(max-width:560px){#title-screen .title-record-heading{grid-template-columns:36px minmax(0,1fr)}#title-screen .title-record-folio{display:none}#title-screen .title-record-stats,#title-screen .ship-select{grid-template-columns:1fr}#title-screen .title-record-stat{min-height:68px}#title-screen .title-menu{grid-template-columns:1fr}#title-screen #start-button{grid-column:auto}}@media(max-height:760px)and (min-width:1081px){#title-screen .title-brand-panel{min-height:0}#title-screen .title-progress-panel{padding-block:11px 9px}#title-screen .title-record-stat{min-height:68px;padding-block:6px}#title-screen .ship-card{min-height:132px;padding-block:7px}#title-screen .ship-card-copy{min-height:19px}}.end-score{position:relative;display:grid;width:min(360px,100%);margin:16px auto 0;padding:11px 18px 13px;border-block:1px solid rgba(93,61,39,.32);color:#76563b}.end-score span{font-size:.68rem;font-weight:800;letter-spacing:.16em}.end-score strong{color:#452d1d;font:800 clamp(2.2rem,6vw,3.4rem) var(--font-display);line-height:1.08}.end-score em{position:absolute;top:8px;right:8px;padding:3px 6px;border:1px solid rgba(118,67,37,.48);color:#763e26;font-size:.62rem;font-style:normal;font-weight:900;transform:rotate(4deg)}.end-modal.new-record .end-score{animation:record-reveal .65s var(--menu-ease) both}.end-leaderboard{margin:-8px 0 20px;padding:11px 12px;border-color:#5d3d2747;background:#f2e4be57}.end-leaderboard .leaderboard-heading h3{color:#4d3422}.end-leaderboard .leaderboard-heading .eyebrow{color:#896d4d}.end-player-name{color:#684730;font-size:.72rem;font-weight:800}.end-leaderboard .leaderboard-list li{background:#f2e4be80;color:#5f4934}.end-leaderboard .leaderboard-list li>b{color:#7b5c3e}.end-leaderboard .leaderboard-list li>strong{color:#452d1d}.end-leaderboard .leaderboard-list li>small,.end-leaderboard .leaderboard-list .leaderboard-empty{color:#8a7255}.end-leaderboard .leaderboard-list li.current-run{outline:1px solid rgba(118,67,37,.62);background:#e6c77b66}@keyframes record-reveal{0%{opacity:.45;transform:scale(.96)}58%{transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:720px){.leaderboard-heading{align-items:flex-start}.leaderboard-list li{grid-template-columns:22px minmax(66px,1fr) auto}.leaderboard-list li>small{display:none}.title-leaderboard{margin-top:10px}}@media(prefers-reduced-motion:reduce){.end-modal.new-record .end-score{animation:none}}#title-screen{padding:clamp(14px,2.2vh,28px) clamp(18px,4vw,64px);overflow:hidden;place-items:center}#title-screen .title-scene-shade{background:linear-gradient(90deg,rgba(2,11,15,.32) 0%,rgba(2,11,15,.1) 30%,transparent 52% 76%,rgba(2,11,15,.12) 100%),linear-gradient(0deg,rgba(2,11,15,.28),transparent 38%,rgba(2,11,15,.08))}#title-screen .title-vignette{background:radial-gradient(ellipse at 50% 48%,transparent 30%,rgba(1,8,11,.04) 74%,rgba(1,8,11,.28) 100%),linear-gradient(90deg,rgba(1,8,11,.12),transparent 24% 76%,rgba(1,8,11,.12))}#title-screen .title-content{display:block;width:min(450px,calc(100vw - 36px));margin:0 auto;padding:0;background:none;text-align:center}#title-screen .title-brand-panel{width:100%;min-height:0;margin-inline:auto;padding:clamp(28px,5vh,46px) clamp(24px,2.6vw,34px);overflow:visible;border:1px solid rgba(240,211,139,.34);background:linear-gradient(145deg,#03101494,#020c1066),#030f1361;box-shadow:inset 0 0 0 3px #03101461,0 20px 48px #0003;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);filter:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#title-screen .title-brand-panel:before,#title-screen .title-brand-panel:after{content:none}#title-screen .title-mark{width:76px;height:76px;margin-bottom:8px}#title-screen .title-mark .title-emblem-orbit{width:72px;height:72px}#title-screen .title-mark .title-emblem-orbit:after{top:13px;right:13px;bottom:13px;left:13px;box-shadow:0 -24px 0 -23px var(--title-gold-light),0 24px 0 -23px var(--title-gold-light),24px 0 0 -23px var(--title-gold-light),-24px 0 0 -23px var(--title-gold-light)}#title-screen .title-mark .title-emblem-compass{width:50px;height:50px}#title-screen .title-mark .title-emblem-compass:after{width:35px;height:35px}#title-screen .title-mark img{width:50px;height:50px}#title-screen .title-byline{margin-block:6px 16px}#title-screen .wordmark-wrap{max-width:390px;padding:4px 8px 12px}#title-screen .wordmark-wrap h1{font-size:clamp(2.6rem,4vw,3.65rem);letter-spacing:.045em;line-height:.94}#title-screen .title-korean{margin-top:18px;font-size:1.08rem;line-height:1.5}#title-screen .title-tagline{margin:13px 0 7px;font-size:.86rem;letter-spacing:.04em;line-height:1.7}#title-screen .version-mark{margin-top:4px}#title-screen .title-menu{width:min(292px,100%);margin:24px auto 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#title-screen .title-menu button{min-height:46px}#title-screen #start-button{grid-column:1 / -1}#title-screen .title-credits{margin-top:10px}#title-screen .title-progress-line{display:flex;margin:12px 0 0;align-items:center;justify-content:center;gap:9px 16px;flex-wrap:wrap;color:#e9e2ce8f;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.06em;line-height:1.6}#title-screen .title-progress-line b{margin-left:3px;color:#dfc47e}#title-screen .title-progress-line #title-upgrade-progress{position:absolute;display:block;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.launch-screen{--launch-line: rgba(230, 199, 123, .34);padding:clamp(10px,2vw,24px);background:linear-gradient(#020b0fcc,#020b0fe6),url(../assets/keyart/bronze-sea-title-bg.webp) center / cover no-repeat;-webkit-backdrop-filter:blur(8px) saturate(.78);backdrop-filter:blur(8px) saturate(.78)}.launch-modal{isolation:isolate;width:min(1180px,100%);max-height:calc(100vh - clamp(20px,4vw,48px));padding:clamp(16px,2.1vw,26px);overflow:auto;border:1px solid rgba(240,211,139,.62);background:linear-gradient(135deg,#05191df2,#020e12f7),url(../assets/ui/parchment-panel.webp) center / cover;box-shadow:inset 0 0 0 4px #020e11e6,inset 0 0 0 5px #f0d38b2e,0 26px 70px #0000007a;color:#efe5ca;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}.launch-heading{display:grid;padding:0 4px 14px;border-bottom:1px solid var(--launch-line);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:13px}.launch-heading .eyebrow,.launch-section-heading .eyebrow{margin-bottom:3px;color:#bda76e;font-size:.62rem;letter-spacing:.17em}.launch-heading h2{margin:0;color:#f3e4bc;font:700 clamp(1.55rem,3vw,2.15rem) var(--font-display);letter-spacing:.04em}.launch-heading p:last-child{margin:4px 0 0;color:#9eb5af;font-size:.78rem}.launch-emblem{display:grid;width:54px;height:54px;border:1px solid rgba(240,211,139,.52);border-radius:50%;background:radial-gradient(circle,#e6c77b2e,#041417c2 65%);place-items:center}.launch-emblem img{width:38px;height:38px;filter:sepia(.35) saturate(1.3) brightness(1.12)}.launch-layout{display:grid;margin-top:14px;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:13px}.launch-fleet,.launch-screen .title-leaderboard{min-width:0;border:1px solid rgba(185,138,74,.38);background:#020f139e;box-shadow:inset 0 0 0 2px #e6c77b09}.launch-fleet{padding:12px}.launch-options{display:grid;min-width:0;gap:12px}.launch-section-heading{margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid rgba(230,199,123,.18)}.launch-section-heading h3{margin:0;color:#eddfba;font:700 1.05rem var(--font-display);letter-spacing:.035em}.launch-screen .ship-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:0}.launch-screen .ship-card{min-height:232px;padding:16px;border-color:#b98a4a7a;border-radius:0;background:linear-gradient(145deg,#0c2b2bf0,#031318f0);box-shadow:inset 0 0 0 3px #03111599}.launch-screen .ship-card:hover:not(:disabled),.launch-screen .ship-card.selected{border-color:#e6c77b;background:linear-gradient(145deg,#1c433bf5,#05181df5);box-shadow:inset 0 0 0 3px #03111594,inset 0 0 0 5px #e6c77b33,0 10px 28px #00000057}.launch-screen .ship-card.selected:after,.launch-screen .ship-card:disabled:after{position:absolute;top:0;right:0;padding:4px 8px;background:#c69c55;color:#172421;content:"선택";font-size:.58rem;font-weight:900}.launch-screen .ship-card:disabled:after{content:"잠김"}.launch-screen .ship-card-title{color:#fff0c5;font-size:clamp(1.05rem,1.35vw,1.2rem);font-weight:850;letter-spacing:.045em}.launch-screen .ship-card-subtitle{color:#c8b783;font-size:clamp(.74rem,.85vw,.82rem);font-weight:700;letter-spacing:.055em}.launch-screen .ship-card-description{color:#e7e1d0;font-size:clamp(.76rem,.9vw,.84rem);font-weight:600;line-height:1.55}.launch-screen .ship-starting-actives,.launch-screen .ship-stats i{font-size:.68rem}.launch-screen .ship-portrait{width:108px;min-height:40px;margin-block:8px 5px}.launch-screen .ship-card-description{min-height:58px;margin-top:7px}.launch-screen .title-footer{margin-top:10px;justify-content:flex-start;gap:4px 14px;flex-wrap:wrap;color:#aec5bf8c;font-size:.58rem}.launch-screen .asset-loader{margin-top:7px}.launch-screen .title-leaderboard{margin:0;padding:11px}.launch-screen .leaderboard-list li{grid-template-columns:22px minmax(64px,1fr) auto}.launch-screen .leaderboard-list li>small{display:none}.launch-actions{position:sticky;z-index:2;bottom:-1px;display:flex;margin-top:14px;padding-top:13px;border-top:1px solid var(--launch-line);justify-content:flex-end;gap:9px;background:linear-gradient(180deg,transparent,rgba(2,14,18,.98) 24%)}.launch-actions .text-button{min-width:170px;padding:11px 18px;border:1px solid rgba(230,199,123,.42);background:#04181ce0;color:#d8c797;font-weight:800}.launch-actions .primary-button{min-width:210px}.launch-screen button:focus-visible,.launch-screen input:focus-visible{outline:2px solid #f0d38b;outline-offset:2px}@media(max-width:920px){.launch-layout,.launch-options{grid-template-columns:1fr}}@media(max-width:680px){#title-screen{padding:12px;place-items:center}#title-screen .title-content{width:min(390px,100%)}#title-screen .title-brand-panel{padding:22px 18px}#title-screen .title-mark{margin-bottom:5px}#title-screen .title-byline{margin-block:4px 12px}#title-screen .wordmark-wrap h1{font-size:clamp(2.25rem,12vw,3rem)}#title-screen .title-korean{margin-top:14px}#title-screen .title-menu{margin-top:18px}.launch-screen{padding:7px}.launch-modal{max-height:calc(100vh - 14px);padding:14px 11px}.launch-heading{grid-template-columns:44px minmax(0,1fr);gap:9px}.launch-emblem{width:42px;height:42px}.launch-emblem img{width:30px;height:30px}.launch-screen .ship-select,.launch-options{grid-template-columns:1fr}.launch-screen .ship-card{min-height:154px}.launch-screen .ship-portrait{width:90px;min-height:30px;margin-block:4px 2px}.launch-screen .ship-card-copy{min-height:0}.launch-screen .title-footer{display:none}.launch-actions .text-button,.launch-actions .primary-button{min-width:0;flex:1}}@media(max-height:720px)and (min-width:921px){.launch-screen .ship-card{min-height:174px;padding-block:8px}.launch-screen .ship-portrait{margin-block:3px 1px}.launch-screen .ship-card-copy{min-height:32px}}@media(prefers-reduced-motion:reduce){.launch-screen .ship-card,.launch-screen button{transition:none!important}}#end-screen{padding:clamp(8px,2vh,20px);overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(185,138,74,.14),transparent 42%),linear-gradient(#020b0fc2,#020b0feb)}#end-screen .end-modal{isolation:isolate;display:grid;width:min(880px,100%);height:min(640px,calc(100vh - 24px));max-height:calc(100vh - 24px);padding:22px 26px 18px;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;border:1px solid #775037;border-radius:0;background-image:linear-gradient(#e8d8ae14,#6b48281a),url(../assets/ui/parchment-panel.webp);background-position:center;background-size:100% 100%;box-shadow:inset 0 0 0 4px #4b3020,inset 0 0 0 6px #e6c77bad,inset 0 0 42px #48281547,0 34px 90px #000000ad;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);color:#34281d;text-align:center}#end-screen .end-modal:before{position:absolute;z-index:-1;top:10px;right:10px;bottom:10px;left:10px;border-block:1px solid rgba(117,80,55,.42);box-shadow:inset 0 1px #e6c77b61,inset 0 -1px #e6c77b61;content:"";pointer-events:none}#end-screen .end-modal:after{z-index:4;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(83,54,34,.38)}#end-screen.visible .end-modal{animation:testament-unfurl .36s var(--menu-ease) both;transform-origin:50% 12%}.end-heading{position:relative;min-width:0;padding:0 94px 8px;border-bottom:1px solid rgba(93,61,39,.3)}.end-heading:after{position:absolute;right:0;bottom:3px;left:0;height:1px;background:#e6c77b85;content:""}#end-screen .end-heading .eyebrow{margin:0 0 2px;color:#775037;font-size:.62rem;letter-spacing:.2em}#end-screen .end-heading h2{margin:0;color:#432c1d;font:800 clamp(1.55rem,3vw,2.35rem) var(--font-display);line-height:1.08}#end-screen .end-heading #end-copy{display:-webkit-box;max-width:670px;margin:5px auto 0;overflow:hidden;color:#5b4935;font:700 .78rem/1.45 var(--font-display);word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.end-motto{display:flex;margin:5px 0 0;align-items:center;justify-content:center;gap:9px;color:#6f432d;font-family:Georgia,Times New Roman,serif;font-size:.68rem;font-weight:800;letter-spacing:.2em}.end-motto small{padding-left:9px;border-left:1px solid rgba(93,61,39,.34);color:#80684c;font:700 .58rem var(--font-ui);letter-spacing:.08em}.testament-seal{z-index:5;top:16px;right:24px;width:78px;height:78px;border:0;background:radial-gradient(circle at 35% 26%,rgba(255,184,146,.4),transparent 22%),radial-gradient(circle,#bd4a3d 0,#bd4a3d 42%,#8e302b 72%,#68231f);box-shadow:inset 0 0 0 3px #59181461,inset 0 0 0 7px #efa77f1f,0 8px 12px #361c1457;clip-path:polygon(48% 0,61% 5%,72% 2%,80% 12%,92% 16%,94% 29%,100% 40%,95% 52%,98% 64%,88% 73%,85% 87%,71% 90%,61% 99%,48% 95%,36% 100%,26% 91%,12% 88%,10% 75%,1% 65%,5% 52%,0 40%,8% 29%,7% 17%,21% 12%,29% 3%);color:#efd0a0;transform:rotate(-7deg);animation:end-seal-stamp .12s .28s var(--combat-ease) both}.testament-seal:before{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:3px double rgba(246,203,157,.58);border-radius:50%;content:""}.testament-seal span{z-index:1;margin-top:-8px;font:800 1.05rem var(--font-display);text-shadow:0 1px rgba(85,24,21,.8)}.testament-seal i{z-index:1;bottom:17px;font:800 .56rem var(--font-ui);letter-spacing:.11em}.end-record-layout{display:grid;min-height:0;grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);gap:10px}.end-voyage-record,.end-leaderboard{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(93,61,39,.3);background:#f4e5be66;box-shadow:inset 0 0 0 2px #f6eaca38}.end-voyage-record{display:grid;padding:8px;grid-template-rows:auto auto auto minmax(0,1fr);gap:6px}#end-screen .end-score{width:100%;margin:0;padding:7px 12px 8px;border:1px solid rgba(93,61,39,.3);background:linear-gradient(135deg,#e6c77b38,#8b5d350f);box-shadow:inset 0 0 0 2px #fff4d542}#end-screen .end-score span{color:#76563b;font-size:.6rem;letter-spacing:.2em}#end-screen .end-score strong{color:#452d1d;font-size:clamp(2rem,5vw,2.8rem);line-height:.98;text-shadow:0 1px rgba(255,244,213,.55)}#end-screen .end-rank-value{margin-top:4px;color:#6d442c;font-size:.72rem;font-weight:900;letter-spacing:.05em}.end-medals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.end-medals>div{position:relative;display:grid;min-width:0;min-height:48px;padding:5px 7px 5px 34px;align-content:center;border:1px solid rgba(93,61,39,.26);background:#f6e8c380;text-align:left}.end-medals>div:before{position:absolute;left:7px;display:grid;width:20px;height:20px;place-items:center;border:2px double #8b673f;border-radius:50%;color:#805431;content:"◆";font-size:.52rem;transform:rotate(-5deg)}.end-medals span{color:#80684c;font-size:.55rem;font-weight:800;letter-spacing:.08em}.end-medals strong{overflow:hidden;color:#4d3422;font:800 .88rem var(--font-display);text-overflow:ellipsis;white-space:nowrap}.end-medals strong b{font:inherit}#end-screen .end-run-seed{width:100%;min-height:34px;margin:0;padding:4px 5px 4px 9px;border-color:#5d3d2747;background:#f2e4be8a}#end-screen .end-run-seed span{font-size:.64rem}#end-screen .end-run-seed .seed-copy-button{padding:4px 8px;font-size:.6rem}#end-screen .run-stats{display:grid;min-height:0;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch;gap:2px;background:transparent}#end-screen .run-stats div{min-width:0;min-height:38px;padding:4px 3px;background:#f2e4be8f}#end-screen .run-stats span{margin-bottom:2px;color:#80684c;font-size:.52rem;line-height:1.1}#end-screen .run-stats b{overflow:hidden;color:#4d3422;font-size:.68rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}#end-screen .end-leaderboard{position:relative;display:grid;margin:0;padding:9px 10px;grid-template-rows:auto minmax(0,1fr);align-content:start}#end-screen .end-leaderboard .leaderboard-heading h3{font-size:.82rem}#end-screen .end-leaderboard .leaderboard-list{min-height:0;margin-top:5px;gap:2px}#end-screen .end-leaderboard .leaderboard-list li{min-height:0;padding:4px 6px;grid-template-columns:22px minmax(62px,1fr) auto minmax(104px,auto);gap:5px;font-size:.64rem}.end-actions{display:grid;width:min(760px,100%);margin:0 auto;grid-template-columns:minmax(220px,1fr) minmax(0,auto) minmax(0,auto);gap:6px 8px}.end-actions p{margin:0;grid-column:1 / -1;color:#705941;font-size:.62rem;font-weight:700;line-height:1.2}#end-screen .end-actions .primary-button{width:100%;min-width:0;margin:0;padding:10px 22px;border:1px solid #6e482e;background:linear-gradient(180deg,#e0bd6b,#a87535);box-shadow:0 5px 14px #452a184d,inset 0 1px #fff5ca94;color:#2d241a;font-size:.9rem;letter-spacing:.08em}.end-secondary-button{min-width:0;padding:8px 13px;border:1px solid rgba(93,61,39,.42);background:#f2e4be42;color:#745a40;cursor:pointer;font-size:.65rem;font-weight:800;transition:border-color .16s var(--combat-ease),color .16s var(--combat-ease),background .16s var(--combat-ease)}.end-secondary-button:hover,.end-secondary-button:focus-visible{border-color:#70472f;background:#f2e4be94;color:#432c1d}@keyframes testament-unfurl{0%{opacity:0;transform:translateY(12px) scaleY(.94)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes end-seal-stamp{0%{opacity:0;transform:translateY(-18px) scale(1.2) rotate(-14deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-7deg)}}@media(max-width:700px){#end-screen{align-items:center;padding:6px;overflow:hidden}#end-screen .end-modal{height:calc(100vh - 12px);max-height:calc(100vh - 12px);padding:13px 12px 11px;gap:6px}.end-heading{padding:0 64px 5px 4px;text-align:left}#end-screen .end-heading h2{font-size:clamp(1.25rem,7vw,1.65rem)}#end-screen .end-heading #end-copy{margin-top:3px;font-size:.66rem;line-height:1.35}.end-motto{justify-content:flex-start;gap:5px;font-size:.54rem;letter-spacing:.11em}.end-motto small{padding-left:5px;font-size:.5rem}.testament-seal{top:12px;right:12px;width:56px;height:56px}.testament-seal span{margin-top:-6px;font-size:.76rem}.testament-seal i{bottom:12px;font-size:.43rem}.testament-seal:before{top:8px;right:8px;bottom:8px;left:8px}.end-record-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px}.end-voyage-record{padding:5px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px}#end-screen .end-score{grid-row:span 2;padding:5px 8px;align-content:center}#end-screen .end-score strong{font-size:clamp(1.7rem,10vw,2.25rem)}.end-medals{grid-template-columns:1fr;gap:3px}.end-medals>div{min-height:31px;padding:2px 5px 2px 27px}.end-medals>div:before{left:5px;width:16px;height:16px;font-size:.42rem}.end-medals span{font-size:.48rem}.end-medals strong{font-size:.7rem}#end-screen .end-run-seed,#end-screen .run-stats{grid-column:1 / -1}#end-screen .run-stats div{min-height:31px;padding-block:3px}#end-screen .run-stats span{font-size:.47rem}#end-screen .run-stats b{font-size:.6rem}#end-screen .end-leaderboard{padding:6px 7px}#end-screen .end-leaderboard .leaderboard-heading h3{font-size:.72rem}#end-screen .end-leaderboard .leaderboard-heading .eyebrow{display:none}#end-screen .end-leaderboard .leaderboard-list{margin-top:4px}#end-screen .end-leaderboard .leaderboard-list li{padding:3px 5px;grid-template-columns:19px minmax(54px,1fr) auto;font-size:.58rem}#end-screen .end-leaderboard .leaderboard-list li>small{display:none}#end-screen .end-leaderboard .leaderboard-list li:nth-child(n+4){display:none}.end-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:4px 5px}.end-actions p{font-size:.52rem}#end-screen .end-actions .primary-button{padding:8px 12px;font-size:.78rem}.end-secondary-button{padding:6px 8px;font-size:.54rem}}@media(max-height:620px){#end-screen .end-modal{padding-block:12px 10px;gap:5px}.end-heading{padding-bottom:4px}#end-screen .end-heading h2{font-size:1.35rem}#end-screen .end-heading #end-copy{margin-top:2px;font-size:.64rem;line-height:1.25}.end-motto{margin-top:2px}.end-voyage-record{padding:5px;gap:4px}#end-screen .end-score{padding-block:4px}#end-screen .end-score strong{font-size:1.9rem}.end-medals>div{min-height:36px}#end-screen .run-stats div{min-height:31px}#end-screen .end-leaderboard{padding-block:6px}#end-screen .end-leaderboard .leaderboard-list li{padding-block:3px}#end-screen .end-leaderboard .leaderboard-list li:nth-child(n+4){display:none}.end-actions p{font-size:.54rem}#end-screen .end-actions .primary-button{padding-block:7px}}@media(prefers-reduced-motion:reduce){#end-screen.visible .end-modal,#end-screen .testament-seal,#end-screen .end-modal.new-record .end-score{animation:none!important}}