:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-night:#0f1c2e;--color-night-deep:#081121;--color-gold:#f2c464;--color-fog:#cbb9e8;--color-text:#eef2fa;--color-coral:#f06f5f;--color-teal:#37b8a4}*{box-sizing:border-box}html,body{background:var(--color-night-deep);width:100%;height:100%;color:var(--color-text);margin:0;padding:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:16px}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.rotate-hint,.unsupported-page{text-align:center;max-width:min(90vw,32rem);padding:1.5rem 2rem;line-height:1.6}.rotate-hint{font-size:1.1rem}.unsupported-page h1{color:var(--color-gold);margin:0 0 .75rem;font-size:1.25rem}.unsupported-page p{color:var(--color-fog);margin:0}.battlefield{background:linear-gradient(180deg, var(--color-night) 0%, var(--color-night-deep) 100%);width:100%;height:100%;position:relative}.phaser-mount{width:100%;height:100%}.phaser-mount canvas{margin:0 auto;display:block}.is-hidden{display:none!important}.app-version{color:var(--color-fog);opacity:.7;pointer-events:none;font-size:.75rem;position:absolute;bottom:.5rem;right:.5rem}.battle-hud{pointer-events:none;background:linear-gradient(#081121d9 0%,#08112100 100%);gap:1rem;padding:.5rem .75rem;font-size:1rem;display:flex;position:absolute;top:0;left:0;right:0}.hud-boss-status{color:#e1d5f5;text-align:center;text-shadow:0 2px 5px #081121;gap:.3rem;width:min(34rem,44vw);display:grid;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.hud-boss-status.is-exposed{color:#fff2b5}.hud-boss-bar{background:#241b3de6;border:1px solid #e1d5f5cc;border-radius:999px;height:12px;overflow:hidden;box-shadow:0 0 14px #8d79b573}.hud-boss-bar-fill{background:linear-gradient(90deg,#6f548f,#cbb9e8);height:100%;transition:width .12s linear,background .18s}.hud-boss-status.is-exposed .hud-boss-bar{border-color:#ffe27ae6;box-shadow:0 0 18px #f2c464b8}.hud-boss-status.is-exposed .hud-boss-bar-fill{background:linear-gradient(90deg,#e98752,#ffe27a)}.hud-build{flex-wrap:wrap;gap:.35rem;max-width:min(58rem,72vw);display:flex;position:absolute;top:2.55rem;left:.75rem}.hud-build:empty{display:none}.hud-build-chip{color:#fff2b5;background:#081121d1;border:1px solid #f2c4647a;border-radius:999px;padding:.2rem .5rem;font-size:.78rem;box-shadow:0 3px 10px #00000047}.hud-combat-status{flex-wrap:wrap;gap:.4rem;display:flex;position:absolute;top:4.85rem;left:.75rem}.hud-combat-status:empty{display:none}.hud-combat-status-chip{color:#bffcf1;background:#08202adb;border:1px solid #74e3d29e;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:700;box-shadow:0 0 14px #74e3d224}.hud-weapon-stats{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;max-width:min(38rem,76vw);display:flex;position:absolute;top:3.85rem;right:.75rem}.hud-weapon-stat{color:#e9f8ff;font-variant-numeric:tabular-nums;background:#081121d1;border:1px solid #ffffff38;border-radius:.4rem;padding:.2rem .45rem;font-size:.76rem}.hud-wave,.hud-light,.hud-score{color:var(--color-text)}.hud-reward-progress{background:#f2c46433;border-radius:4px;align-self:center;width:120px;height:8px;overflow:hidden}.hud-reward-progress-fill{background:var(--color-gold);height:100%}.shop-panel{background:var(--color-night);color:var(--color-text);flex-direction:column;gap:1rem;padding:1rem;display:flex}.shop-section{margin-bottom:1rem}.shop-section-title{color:var(--color-gold);margin:0 0 .5rem;font-size:1rem}.shop-row{flex-wrap:wrap;align-items:center;gap:.75rem;padding-block:.35rem;display:flex}.shop-row-icon{object-fit:contain;filter:drop-shadow(0 4px 6px #00000047);flex:0 0 52px;width:52px;height:52px}.shop-row-name{min-width:6rem}.shop-row-cost,.shop-row-owned{color:var(--color-gold)}.shop-weapon-stats{color:#bffcf1;font-variant-numeric:tabular-nums;flex:25rem;font-size:.82rem}.shop-equip{align-items:center;gap:.25rem;min-height:48px;display:inline-flex}.shop-equip input[type=radio]{width:24px;height:24px}.harbor-scene{color:#153c3b;background:linear-gradient(#134c480e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#134c480b 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 90% 0,#f4a94f4d,#0000 32rem),#f7edce;width:100%;height:100%;padding:clamp(1rem,3vw,2.5rem);overflow-y:auto}.harbor-hero{isolation:isolate;background:radial-gradient(circle at 87% 25%,#ffc4603d,#0000 17rem),linear-gradient(120deg,#0b252e,#0f5853 72%,#17695f);border:1px solid #fff0b53d;border-radius:1.65rem;grid-template-columns:minmax(0,1.18fr) minmax(19rem,.82fr);align-items:center;max-width:78rem;min-height:18rem;margin:0 auto 1.5rem;padding:clamp(1.4rem,3vw,2.7rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1.4rem 3.5rem #193e3938}.harbor-hero:before{z-index:-1;content:"";opacity:.18;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.5%,#ffffff1f 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#ffffff1a 50%,#0000 50.5%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.harbor-hero-copy{z-index:2;position:relative}.harbor-title{color:#fff0ae;letter-spacing:.02em;text-wrap:balance;text-shadow:0 .2rem 1rem #00000040;max-width:none;margin:0 0 .75rem;font-size:clamp(2.2rem,4.5vw,4.1rem);line-height:1.03}.harbor-title span{white-space:nowrap;display:block}.harbor-subtitle{color:#d9eeea;max-width:32rem;margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.75}.harbor-hero-visual{align-self:stretch;min-height:15rem;position:relative}.harbor-agency-desk,.harbor-character{object-fit:contain;object-position:bottom;pointer-events:none;position:absolute;bottom:-2.8rem}.harbor-agency-desk{opacity:.92;filter:drop-shadow(0 .9rem .8rem #00000040);width:min(76%,19rem);max-height:94%;left:-1rem}.harbor-character{filter:drop-shadow(0 1rem .8rem #00000052);width:min(53%,13.5rem);max-height:116%;right:1%}.harbor-wallet{color:#fff2b5;font-variant-numeric:tabular-nums;background:#08232be6;border:1px solid #f2c4649e;border-radius:999px;width:fit-content;padding:.55rem .9rem;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 0 20px #f2c4641f}.harbor-wallet:before{content:"◈";color:var(--color-gold);margin-right:.45rem}.harbor-chapter-list{margin-inline:auto;counter-reset:agency-case;grid-template-columns:repeat(3,minmax(15rem,1fr));gap:1rem;max-width:78rem;margin-bottom:1.5rem;display:grid}.harbor-chapter-row{color:#153c3b;counter-increment:agency-case;background:#fff8df;border:1px solid #465c4b38;border-radius:.35rem .85rem .85rem;grid-template-columns:1fr auto;align-items:center;gap:.85rem;padding:.8rem;transition:transform .16s,box-shadow .16s;display:grid;position:relative;transform:rotate(-.25deg);box-shadow:0 .75rem 1.6rem #374b3e26}.harbor-chapter-row:nth-child(2n){transform:rotate(.35deg)}.harbor-chapter-row:before{content:"CASE " counter(agency-case, decimal-leading-zero);color:#fff4c3;letter-spacing:.08em;background:#17695f;border-radius:.35rem .35rem 0 0;min-width:4.8rem;padding:.18rem .65rem;font-size:.68rem;font-weight:900;position:absolute;top:-.78rem;left:-1px}.harbor-chapter-image{aspect-ratio:16/9;object-fit:cover;filter:saturate(.88)contrast(1.04);border-radius:.65rem;grid-column:1/-1;width:100%}.harbor-chapter-title{grid-column:1/-1;font-size:1.08rem;font-weight:900}.harbor-chapter-status{color:#d45e42;text-align:left;min-width:3rem}.harbor-chapter-row button{color:#fff;background:#e85f4e;border:0;border-radius:999px;min-width:48px;min-height:48px;padding:.5rem 1.25rem;font-weight:800;box-shadow:0 .25rem #a43e33}.harbor-chapter-row button:disabled{cursor:not-allowed;opacity:.45}.harbor-shop{max-width:78rem;color:var(--color-text);background:linear-gradient(145deg,#0b252e,#103f43);border:1px solid #fff0b533;border-radius:1.25rem;margin:0 auto 1.5rem;padding:clamp(.85rem,2vw,1.4rem);box-shadow:0 1rem 2.6rem #193e3933}.education-hub{max-width:78rem;color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490a 0 1px, transparent 1px 26px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem 2rem;margin:0 auto 4rem;padding:clamp(1.15rem,2.5vw,1.8rem);display:grid;position:relative;box-shadow:0 1.2rem 2.8rem #00000047,inset 0 0 0 5px #d6b56826}.education-hub-kicker{color:var(--storybook-coral-dark);letter-spacing:.12em;font-size:.74rem;font-weight:900}.education-hub h2{color:var(--storybook-teal);margin:.25rem 0 .45rem;font-family:Noto Serif TC,Songti TC,serif;font-size:clamp(1.3rem,2.3vw,1.8rem)}.education-hub-copy p,.education-hub-credit{margin:0;line-height:1.65}.education-hub-actions{justify-items:end;gap:.65rem;display:grid}.education-hub-open{color:#fff9e6;background:var(--storybook-coral);min-height:48px;box-shadow:0 .22rem 0 var(--storybook-coral-dark);cursor:pointer;border:1px solid #8f332d;border-radius:.45rem;padding:.7rem 1.1rem;font-weight:900}.education-hub-credit{color:#365f59;font-size:.82rem;font-weight:800}.education-hub-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04161ce6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.education-hub-overlay[hidden]{display:none}.education-hub-dialog{width:min(56rem,100%);max-height:min(88vh,52rem);color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490a 0 1px, transparent 1px 26px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.55rem;padding:clamp(1rem,3vw,1.8rem);overflow-y:auto;box-shadow:0 2rem 5rem #0000008c}.education-hub-dialog-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.education-hub-dialog-header h2{margin-right:1rem}.education-hub-close{width:48px;height:48px;color:var(--storybook-ink);cursor:pointer;background:#fffaf0;border:1px solid #235b5473;border-radius:999px;flex:0 0 48px;padding:0;font-size:1.65rem;font-weight:900}.education-hub-open:focus-visible,.education-hub-close:focus-visible,.education-resource-list a:focus-visible{outline-offset:3px;outline:3px solid #dc604d6b}.education-hub-boundary{border-left:4px solid var(--storybook-coral);background:#dc604d1a;margin:.9rem 0 1.15rem;padding:.8rem .9rem;font-weight:800;line-height:1.6}.education-resource-section{background:#fffae6c2;border:1px solid #1f655d47;border-radius:.35rem;margin-top:1rem;padding:.9rem}.education-resource-section h3{color:var(--storybook-teal);margin:0;font-size:1.05rem}.education-resource-intro{color:#42635f;margin:.3rem 0 .75rem;font-size:.82rem}.education-resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.education-resource-item{background:#fff9e8;border:1px solid #a47c3b57;border-radius:.3rem;align-content:start;gap:.3rem;padding:.7rem .8rem;display:grid}.education-resource-item a{color:var(--storybook-teal);font-weight:900;line-height:1.45}.education-resource-item a span{color:var(--storybook-coral-dark)}.education-resource-item small{color:#526964;line-height:1.55}.life-card-panel .education-resource-section{margin-bottom:.7rem}.life-card-panel .education-resource-list{grid-template-columns:1fr}@media (width<=700px){.education-hub{grid-template-columns:1fr}.education-hub-actions{justify-items:start}.education-resource-list{grid-template-columns:1fr}}.harbor-shop-wallet-bar{z-index:6;pointer-events:none;justify-content:flex-end;margin-bottom:.75rem;display:flex;position:sticky;top:.75rem}.harbor-shop-wallet-bar .harbor-wallet{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081121f0;box-shadow:0 8px 24px #00000052,0 0 20px #f2c46429}@media (width<=840px){.harbor-hero{grid-template-columns:minmax(0,1fr) minmax(12rem,.6fr)}.harbor-title{font-size:clamp(2rem,6vw,3.6rem)}.harbor-chapter-list{grid-template-columns:repeat(2,minmax(13rem,1fr))}}@media (width<=600px){.harbor-hero{grid-template-columns:1fr}.harbor-hero-visual{min-height:12rem}.harbor-chapter-list{grid-template-columns:1fr}}.life-card-overlay{z-index:10;background:#081121eb;justify-content:center;align-items:center;padding:.5rem;display:flex;position:fixed;inset:0}.life-card-panel{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background:var(--color-night);max-width:min(90vw,28rem);max-height:calc(100dvh - 1rem);color:var(--color-text);border:1px solid #f2c46466;border-radius:.75rem;padding:1.5rem 2rem;line-height:1.6;overflow-y:auto}.life-card-heading{color:var(--color-gold);margin:0 0 .75rem;font-size:1.1rem}.life-card-illustration{object-fit:contain;background:#fff8e7;border-radius:1rem;width:min(100%,16rem);max-height:34vh;margin:0 auto 1rem;display:block}.life-card-topic{color:#fff1bd;margin:0 0 .4rem;font-size:1.5rem}.life-card-message{margin:0 0 .5rem;font-size:1.05rem}.life-card-more{gap:.65rem;margin:.85rem 0;display:grid}.life-card-more[hidden]{display:none}.life-card-section{background:#ffffff0b;border-left:3px solid #f2c4649e;border-radius:.35rem;padding:.7rem .8rem}.life-card-section h4{color:var(--color-gold);letter-spacing:.06em;margin:0 0 .2rem;font-size:.86rem}.life-card-section p{color:var(--color-fog);margin:0}.life-card-safety{color:#d6dfec;background:#43bccd17;border:1px solid #63d6df47;border-radius:.45rem;margin:0;padding:.7rem .8rem;font-size:.82rem}.life-card-source{color:#98a9bd;margin:0;font-size:.75rem}.life-card-action{color:#fff1bd;background:#f2c4641a;border-radius:.45rem;margin:0 0 1rem;padding:.65rem .8rem}.life-card-buttons{background:linear-gradient(180deg, #0f1c2e00, var(--color-night) 24%);z-index:1;flex-wrap:wrap;gap:.5rem;margin:0 -2rem;padding:.75rem 2rem 1.5rem;display:flex;position:sticky;bottom:-1.5rem}.life-card-buttons button{min-height:48px;padding:.5rem 1rem}@media (height<=540px) and (orientation:landscape){.life-card-panel{max-width:min(94vw,46rem);padding:.75rem 1rem;line-height:1.45}.life-card-heading{margin-bottom:.35rem;font-size:.9rem}.life-card-illustration{display:none}.life-card-topic{margin-bottom:.2rem;font-size:1.2rem}.life-card-message{margin-bottom:.25rem;font-size:.92rem}.life-card-more{gap:.4rem;margin:.4rem 0}.life-card-section,.life-card-safety{padding:.45rem .6rem}.life-card-action{margin-bottom:.5rem;padding:.45rem .6rem}.life-card-buttons{margin:0 -1rem;padding:.5rem 1rem .75rem;bottom:-.75rem}}.story-overlay{pointer-events:none;z-index:11;position:absolute;inset:0}.story-opening{pointer-events:auto;background:radial-gradient(circle at 18% 32%,#52d0be33,#0000 28rem),linear-gradient(135deg,#08131ff7,#0a373af0);position:absolute;inset:0;overflow:hidden}.story-briefing{grid-template-rows:auto 1fr;grid-template-columns:minmax(12rem,.75fr) minmax(28rem,1.7fr);align-items:end;gap:0 1.5rem;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,3.5rem) 1.25rem;display:grid;position:absolute;inset:0}.story-briefing:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.story-briefing-title{z-index:1;color:#fff0b0;text-shadow:0 3px 18px #00000073;grid-column:1/-1;align-self:start;max-width:18ch;margin:0;font-size:clamp(1.65rem,4.3vw,3.5rem);line-height:1.05;position:relative}.story-briefing-character{z-index:1;object-fit:contain;object-position:bottom;filter:drop-shadow(0 1.1rem 1rem #0000005c);justify-self:center;width:min(100%,19rem);max-height:76vh;position:relative}.story-briefing-dossier{z-index:1;color:#173c3c;background:repeating-linear-gradient(0deg,#455e550a 0 1px,#0000 1px 26px),#fff5d5;border:1px solid #56411f57;border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:.75rem;padding:clamp(1rem,2vw,1.5rem);display:grid;position:relative;transform:rotate(-.35deg);box-shadow:0 1.5rem 3.5rem #00000057}.story-briefing-item{background:#fff6;border:1px dashed #23686357;border-radius:.7rem;padding:.85rem}.story-briefing-item h3{color:#d04e3f;letter-spacing:.08em;margin:0 0 .45rem;font-size:clamp(.72rem,1.5vw,.9rem)}.story-briefing-item p{margin:0;font-size:clamp(.84rem,1.45vw,1rem);font-weight:700;line-height:1.55}.story-briefing-enter{color:#fff;background:#e85f4e;border:0;border-radius:999px;grid-column:1/-1;justify-self:end;font-weight:900;box-shadow:0 .4rem #9d3d32}.story-opening-dialogue{grid-template-columns:minmax(12rem,.7fr) minmax(22rem,1.3fr);align-items:end;gap:1rem;padding:clamp(1rem,3vw,2rem) clamp(1rem,6vw,5rem) 1.5rem;display:grid;position:absolute;inset:0}.story-opening-text,.story-closing-text{color:#173c3c;text-align:left;cursor:pointer;background:#fff5d5;border:1px solid #5240216b;border-radius:.85rem;max-width:min(86vw,42rem);margin:0 0 1.5rem;padding:clamp(1rem,2.5vw,1.6rem);font-size:clamp(1rem,2vw,1.2rem);font-weight:700;line-height:1.7;box-shadow:0 1.25rem 3rem #00000052}.story-speaker-portrait{object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 15px #00000059);justify-self:center;width:min(100%,19rem);max-height:82vh}.story-speaker-portrait.is-listening{opacity:.72;filter:grayscale(.25)drop-shadow(0 12px 15px #00000059)}.story-opening button{pointer-events:auto;min-height:48px;padding:.5rem 1.25rem}.story-opening>[data-testid=story-opening-skip]{z-index:3;color:#fff1bd;background:#081121c7;border:1px solid #fff1bd80;border-radius:999px;position:absolute;top:.8rem;right:.8rem}.story-closing{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=760px),(height<=540px){.story-briefing{grid-template-columns:minmax(7rem,.42fr) minmax(0,1.58fr);gap:0 .65rem;padding:.6rem .75rem}.story-briefing-title{max-width:26ch;font-size:clamp(1.25rem,4.5vw,2rem)}.story-briefing-character{max-height:68vh}.story-briefing-dossier{gap:.4rem;padding:.65rem}.story-briefing-item{padding:.5rem}.story-briefing-item p{font-size:clamp(.68rem,1.8vw,.88rem);line-height:1.4}.story-opening-dialogue{grid-template-columns:minmax(7rem,.42fr) minmax(0,1.58fr);padding:.75rem 1rem}.story-speaker-portrait{max-height:72vh}.story-opening-text{margin-bottom:.5rem}}.story-hint-toast{color:var(--color-gold);white-space:nowrap;background:#081121e6;border:1px solid #f2c46480;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;position:absolute;top:3.5rem;left:50%;transform:translate(-50%)}.story-narration{width:min(24rem,100vw - 1.7rem);color:var(--color-text);pointer-events:auto;background:linear-gradient(145deg,#0f1c2ef7,#142c3df2);border:1px solid #63d6df9e;border-radius:.75rem;padding:.8rem .9rem;animation:.22s ease-out story-narration-enter;position:absolute;top:5.25rem;right:.85rem;box-shadow:0 .75rem 2rem #00000057}.story-narration-close{width:2.2rem;height:2.2rem;color:var(--storybook-ink);cursor:pointer;background:#fffae4eb;border:1px solid #235b546b;border-radius:999px;padding:0;font-size:1.45rem;font-weight:900;line-height:1;position:absolute;top:.4rem;right:.45rem}.story-narration-close:hover,.story-narration-close:focus-visible{border-color:var(--storybook-coral);color:var(--storybook-coral-dark);outline:3px solid #cf5b4a3d}.story-narration-eyebrow{color:#75e1e8;letter-spacing:.12em;font-size:.72rem;font-weight:800}.story-narration-title{color:#fff1bd;margin:.15rem 0 .3rem;font-size:1.02rem}.story-narration-context,.story-narration-insight,.story-narration-action{margin:.25rem 0 0;font-size:.82rem;line-height:1.5}.story-narration-context{color:#f1f5fa}.story-narration-insight{color:#c6e9ed}.story-narration-action{color:#ffe29a;font-weight:700}.story-narration.is-boss .story-narration-context{color:#ffe5dd;font-size:.94rem;font-weight:700}@keyframes story-narration-enter{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:translate(0)}}@media (height<=520px){.story-narration{width:min(22rem,44vw);max-height:calc(100vh - 9rem);padding:.55rem .7rem;top:4.5rem;overflow:hidden}.story-narration-context,.story-narration-insight,.story-narration-action{font-size:.72rem;line-height:1.35}}.action-bar{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.action-bar-items,.action-bar-reward{pointer-events:auto;align-items:center;gap:.5rem;display:flex}.action-bar-item-button,.action-bar-reward-button{background:var(--color-night);min-width:48px;min-height:48px;color:var(--color-text);border:1px solid #f2c46466;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:1rem;display:inline-flex}.action-bar-item-icon{object-fit:contain;width:24px;height:24px}.action-bar-item-button.is-auto{border-color:var(--color-fog);box-shadow:inset 0 0 0 2px #cbb9e880}.action-bar-item-button.is-depleted,.action-bar-reward-button:disabled{opacity:.4}.battle-menu{z-index:9;pointer-events:none;position:absolute;inset:0}.battle-pause-button{color:#fff2b5;pointer-events:auto;background:#081121e6;border:1px solid #f2c46494;border-radius:.65rem;min-width:88px;min-height:48px;padding:.5rem .85rem;position:absolute;top:.55rem;right:.75rem;box-shadow:0 4px 18px #00000047}.battle-pause-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#040b16d1;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.battle-pause-overlay[hidden]{display:none}.battle-pause-panel{width:min(92vw,24rem);color:var(--color-text);background:linear-gradient(155deg, #13263e, var(--color-night-deep));text-align:center;border:1px solid #f2c46494;border-radius:1rem;gap:.75rem;padding:1.5rem;display:grid;box-shadow:0 20px 70px #00000080}.battle-pause-panel h2{color:var(--color-gold);margin:0 0 .25rem}.battle-pause-panel button{border-radius:.6rem;min-height:48px}.battle-pause-panel button:last-child{color:#ffd8cf;background:#551f1f9e;border-color:#ff8f7180}.card-draw-overlay{z-index:8;background:#081121d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-draw-panel{text-align:center;max-width:min(94vw,58rem);padding:1.75rem 2rem}.card-draw-title{color:var(--color-gold);text-shadow:0 0 20px #f2c46466;margin:0 0 1rem;font-size:1.65rem}.card-draw-cards{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.card-draw-card{background:radial-gradient(circle at 50% 5%, #f2c46429, transparent 45%), linear-gradient(160deg, #13263e, var(--color-night-deep));width:min(250px,26vw);min-width:190px;min-height:230px;color:var(--color-text);cursor:pointer;border:2px solid #f2c46475;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.15rem;font-size:1rem;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;overflow:hidden;box-shadow:0 16px 32px #00000052}.card-draw-card:hover,.card-draw-card:focus-visible{border-color:var(--color-gold);outline:none;transform:translateY(-7px)scale(1.025);box-shadow:0 18px 42px #0000006b,0 0 24px #f2c46438}.card-draw-card.is-selected{border-color:#fff2b5;transform:scale(1.06);box-shadow:0 0 0 3px #f2c46438,0 0 42px #f2c46494}.card-draw-card:disabled{opacity:.5}.card-draw-card-icon{object-fit:contain;align-self:center;width:84px;height:84px}.card-draw-card-glyph{color:#fff2b5;background:radial-gradient(circle,#f2c46440,#f2c4640a 68%);border:1px solid #f2c46485;border-radius:50%;align-self:center;place-items:center;width:84px;height:84px;font-size:2.4rem;line-height:1;display:grid;box-shadow:0 0 24px #f2c4642e}.card-draw-card-name{color:var(--color-gold);font-size:1.25rem}.card-draw-card-badge{color:#dbe8f5;letter-spacing:.04em;background:#081121a3;border:1px solid #ffffff47;border-radius:999px;align-self:center;padding:.25rem .65rem;font-size:.78rem;font-weight:700}.card-draw-card-badge.is-connector{color:#bffcf1;border-color:#74e3d2b8;box-shadow:0 0 18px #74e3d229}.card-draw-card-badge.is-aux{color:#fff2b5;border-color:#f2c464b8}.card-draw-card-desc{color:var(--color-fog);text-wrap:balance;line-height:1.5}:root{--storybook-night:#061b23;--storybook-night-soft:#0b3036;--storybook-teal:#0d4b48;--storybook-teal-bright:#1b7067;--storybook-paper:#f2e3b9;--storybook-paper-light:#fff6d8;--storybook-paper-shadow:#d4b979;--storybook-ink:#173d3b;--storybook-brass:#c79747;--storybook-coral:#dc604d;--storybook-coral-dark:#9e3e33}.harbor-scene{color:var(--storybook-ink);background:radial-gradient(circle at 14% 8%, #fff0bb29, transparent 28rem), linear-gradient(#eed79b0d 1px, transparent 1px), linear-gradient(90deg, #eed79b0a 1px, transparent 1px), var(--storybook-night-soft);background-size:auto,32px 32px,32px 32px,auto}.harbor-hero{background:var(--storybook-night);border:2px solid #e1be70b8;border-radius:1.15rem;min-height:clamp(23rem,43vw,34rem);padding:0;display:block;box-shadow:0 1.5rem 3.6rem #00000061,inset 0 0 0 4px #07232ab8}.harbor-hero:before{display:none}.harbor-hero-copy{z-index:2;width:min(43rem,53%);color:var(--storybook-paper-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061b23d4;border:1px solid #e6c67b73;border-radius:.75rem;padding:clamp(1.1rem,2.8vw,2.25rem);position:absolute;top:50%;left:clamp(1rem,4vw,3.4rem);transform:translateY(-50%);box-shadow:0 1rem 2.4rem #0000004d}.harbor-title{color:#fff0b7;text-shadow:0 .2rem 1rem #00000057;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:clamp(2rem,4.6vw,4rem);line-height:1.08}.harbor-subtitle{color:#e4f1e8;line-height:1.8}.harbor-hero-visual{min-height:0;position:absolute;inset:0}.harbor-home-art{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.harbor-chapter-list{background:repeating-linear-gradient(0deg, #314d3f0b 0 1px, transparent 1px 27px), var(--storybook-paper-shadow);border:2px solid #8a682f;border-radius:.65rem;gap:1.2rem;padding:clamp(1rem,2.2vw,1.75rem);position:relative;box-shadow:0 1.4rem 3rem #0000004d}.harbor-chapter-row,.harbor-chapter-row:nth-child(2n){color:var(--storybook-ink);background:linear-gradient(90deg, #18514a0a, transparent 30%), var(--storybook-paper-light);border:1px solid #9a7a3e;border-radius:.35rem;grid-template-columns:auto 1fr auto;gap:.65rem .8rem;padding:.75rem;transform:none;box-shadow:0 .65rem 1.3rem #40301633,inset 0 0 0 4px #d7bb792e}.harbor-chapter-row:before{display:none}.harbor-chapter-row:hover{transform:translateY(-.25rem);box-shadow:0 1rem 1.8rem #00000045,inset 0 0 0 4px #d7bb792e}.harbor-chapter-number{color:#fff0b7;background:var(--storybook-teal);letter-spacing:.09em;border-radius:.2rem;grid-column:1/-1;width:fit-content;margin-bottom:-.15rem;padding:.2rem .55rem;font-size:.7rem;font-weight:900}.harbor-chapter-image{filter:saturate(.94)contrast(1.03);border:1px solid #5e431973;border-radius:.35rem}.harbor-chapter-title{color:var(--storybook-ink);grid-column:1/-1;font-family:Noto Serif TC,Songti TC,serif;font-size:1.15rem}.harbor-chapter-row button,.story-briefing-enter,.life-card-buttons button{color:#fff9e6;background:var(--storybook-coral);box-shadow:0 .22rem 0 var(--storybook-coral-dark);border:1px solid #8f332d;border-radius:.45rem;font-weight:900}.harbor-shop{background:radial-gradient(circle at 92% 12%, #ffd67d1f, transparent 20rem), var(--storybook-night-soft);border:2px solid #e1be709e;border-radius:.85rem;box-shadow:0 1.5rem 3.4rem #00000057}.harbor-shop .shop-panel{background:0 0;gap:.8rem;padding:0}.harbor-shop .shop-section{color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #1e4e4609 0 1px, transparent 1px 26px), var(--storybook-paper);border:1px solid #a58348;border-radius:.4rem;margin:0;padding:.9rem 1rem;box-shadow:inset 0 0 0 4px #fff8da4d}.harbor-shop .shop-section-title{color:var(--storybook-teal);font-family:Noto Serif TC,Songti TC,serif;font-size:1.15rem}.harbor-shop .shop-row+.shop-row{border-top:1px dashed #4c604d47}.harbor-shop .shop-row-cost,.harbor-shop .shop-row-owned{color:#92572e;font-weight:800}.harbor-shop .shop-weapon-stats{color:#285d57}.harbor-shop button{color:#fff8dd;background:var(--storybook-teal);border:1px solid #9c6f2f;border-radius:.4rem;min-height:48px}.harbor-wallet:before{content:"";margin:0}.story-opening,.life-card-overlay,.card-draw-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04161ceb}.story-scene-backdrop{z-index:0;object-fit:cover;opacity:.47;filter:saturate(.82)contrast(1.06);width:100%;height:100%;position:absolute;inset:0}.story-opening:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#04181f80,#04181f1f 54%,#04181f75);position:absolute;inset:0}.story-briefing,.story-opening-dialogue,.story-closing>:not(.story-scene-backdrop){z-index:1;position:relative}.story-briefing:before{display:none}.story-briefing-title{color:#fff0b7;font-family:Noto Serif TC,Songti TC,serif}.story-briefing-dossier,.story-opening-text,.story-closing-text{color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490b 0 1px, transparent 1px 27px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.4rem;box-shadow:0 1.4rem 3.2rem #0006,inset 0 0 0 5px #d9bb732b}.story-briefing-item{background:#fffae4b8;border-color:#1b675e57;border-radius:.25rem}.story-briefing-item h3{color:var(--storybook-coral)}.story-opening>[data-testid=story-opening-skip]{color:#fff0b7;background:#062229e6;border-color:#ecca7eb3}.story-hint-toast,.story-narration{color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490a 0 1px, transparent 1px 25px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.35rem;box-shadow:0 .8rem 2rem #00000057}.story-hint-toast{color:var(--storybook-teal);font-weight:900}.story-narration.is-boss{background:repeating-linear-gradient(0deg,#78332b0a 0 1px,#0000 1px 25px),#ffe5ce;border-color:#ad4f42}.story-narration-eyebrow,.story-narration-title,.story-narration-context,.story-narration-insight,.story-narration-action,.story-narration.is-boss .story-narration-eyebrow,.story-narration.is-boss .story-narration-context{color:var(--storybook-ink)}.story-narration-eyebrow,.story-narration.is-boss .story-narration-eyebrow,.story-narration-action{font-weight:900}.story-narration.is-boss .story-narration-eyebrow{color:var(--storybook-coral-dark)}.story-narration-title{color:var(--storybook-teal)}.battle-hud{background:linear-gradient(#051c23f0,#051c23ad 70%,#0000);border-bottom:1px solid #d6ad5b59;min-height:3.2rem}.hud-build-chip,.hud-combat-status-chip,.hud-weapon-stat{color:#fff0b7;background:#062329e6;border-color:#cfa34e9e;border-radius:.3rem}.action-bar-item-button,.action-bar-reward-button,.battle-pause-button{color:#fff3c8;background:#062329ed;border-color:#d8b15fb8;border-radius:.4rem;box-shadow:0 .35rem .9rem #00000047}.battle-pause-overlay{background:#03151bdb}.battle-pause-panel{color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490a 0 1px, transparent 1px 26px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.45rem}.battle-pause-panel h2{color:var(--storybook-teal)}.life-card-overlay{z-index:12}.life-card-panel{max-width:min(92vw,36rem);color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490a 0 1px, transparent 1px 27px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.45rem;box-shadow:0 1.8rem 4rem #0000007a,inset 0 0 0 6px #d6b56826}.life-card-heading{color:var(--storybook-coral);letter-spacing:.06em;font-weight:900}.life-card-illustration{background:#fff7dd;border:1px solid #8c652c6b;border-radius:.35rem}.life-card-topic{color:var(--storybook-teal);font-family:Noto Serif TC,Songti TC,serif}.life-card-section{border-left-color:var(--storybook-brass);background:#fffae6b8;border-radius:.25rem}.life-card-section h4,.life-card-section p,.life-card-message,.life-card-action,.life-card-safety,.life-card-source{color:var(--storybook-ink)}.life-card-question{border-left-color:var(--storybook-teal-bright)}.life-card-safety{background:#2f7f7417;border-color:#1f655d57}.life-card-action{background:#d6ad5b21;border:1px solid #c797476b}.life-card-buttons{background:linear-gradient(180deg, #fff6d800, var(--storybook-paper-light) 26%)}.card-draw-panel{background:#07252be6;border:2px solid #d7ae57b8;border-radius:.55rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 1.8rem 4rem #00000073}.card-draw-title{color:#fff0b7;text-shadow:none;font-family:Noto Serif TC,Songti TC,serif}.card-draw-card{color:var(--storybook-ink);background:repeating-linear-gradient(0deg, #2a56490a 0 1px, transparent 1px 26px), var(--storybook-paper-light);border:2px solid #a47c3b;border-radius:.45rem;box-shadow:0 1rem 2rem #00000057,inset 0 0 0 5px #d6b56824}.card-draw-card:hover,.card-draw-card:focus-visible,.card-draw-card.is-selected{border-color:#e0b35c;box-shadow:0 1.2rem 2.6rem #0000006b,0 0 0 3px #e1b55c33,inset 0 0 0 5px #d6b56824}.card-draw-card-icon{filter:drop-shadow(0 .4rem .5rem #34302033);width:96px;height:96px}.card-draw-card:not(.has-character){justify-content:center;min-height:180px}.card-draw-card-name{color:var(--storybook-teal);font-family:Noto Serif TC,Songti TC,serif;font-weight:900}.card-draw-card-badge,.card-draw-card-badge.is-connector,.card-draw-card-badge.is-aux{color:#fff5d4;background:var(--storybook-teal);box-shadow:none;border-color:#1c5c5461}.card-draw-card-badge.is-connector{background:#287f74}.card-draw-card-badge.is-aux{background:#a86935}.card-draw-card-desc{color:#335f59}@media (width<=840px){.harbor-hero{min-height:25rem}.harbor-hero-copy{width:min(36rem,60%)}}@media (width<=600px){.harbor-scene{padding:.75rem}.harbor-hero{min-height:31rem}.harbor-home-art{object-position:68% center}.harbor-hero-copy{width:auto;padding:1rem;inset:auto .75rem .75rem;transform:none}.harbor-title span{white-space:normal}.harbor-chapter-list{padding:.85rem}.card-draw-card{width:min(92vw,17rem);min-height:0}}