:root{color:#fff3d6;font-synthesis:none;text-rendering:optimizelegibility;background:#152238;font-family:Noto Sans TC,PingFang TC,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%,#8bc7d829,#0000 35%),#152238;min-height:100vh}button,input{font:inherit}.app-shell{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:24px;display:grid}.app-shell h1{color:#f2b84b;margin:0;font-size:clamp(2rem,8vw,4.5rem)}.app-shell p{color:#d6e8e2;margin:0}.eyebrow{letter-spacing:.16em;color:#8bc7d8!important}.credit{font-size:.9rem;color:#fff3d6!important;margin-top:20px!important}:root{--navy:#152238;--ink:#222b3a;--paper:#fff3d6;--teal:#2f8f83;--amber:#f2b84b;--coral:#e4775b;--mist:#8bc7d8;--green:#79a85b;--line:#fff3d624}button{cursor:pointer;border:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.home-screen{min-height:100vh;position:relative;overflow:hidden}.app-shell:has(>.game-screen){padding:0;display:block}.game-screen{flex-direction:column;height:100dvh;min-height:100vh;display:flex;position:relative;overflow:hidden}@supports (height:100dvh){.game-screen{min-height:100dvh}}.home-screen{background:linear-gradient(#152238 0%,#1b3145 100%);align-content:center;gap:28px;padding:48px 20px 24px;display:grid}.home-copy,.district-map,.credit{z-index:2;width:100%;max-width:980px;margin-inline:auto;position:relative}.home-copy{text-align:center}.eyebrow,.card-kicker,.header-kicker{color:var(--mist);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.76rem}.home-copy h1{color:var(--paper);letter-spacing:-.08em;margin:10px 0;font-size:clamp(2.2rem,9vw,5.6rem);line-height:1}.home-tagline{color:var(--amber);margin:0;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700}.home-description{color:#d2e4df;max-width:560px;margin:14px auto 0;line-height:1.7}.home-actions{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.home-start{min-width:160px}.install-button{min-height:44px;color:var(--paper);background:var(--teal);border:1px solid #8bc7d88c;padding:10px 14px;font-weight:800}.install-button:hover{background:#3aa99b}.offline-status{border-left:3px solid var(--mist);text-align:center;background:#2e5360;margin:12px auto 0;padding:8px 12px;font-size:.78rem;color:#d8f3ec!important}.game-offline-status{width:min(100%,390px)}.district-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.district-card{min-height:156px;color:var(--paper);text-align:left;border:1px solid var(--line);background-color:#294057;background-position:50%;background-size:cover;align-content:end;gap:5px;padding:14px;transition:transform .16s,background .16s;display:grid;box-shadow:0 8px #102039}.district-card--1{--repair-image:url(/assets/repairs/bell-tower.webp);background-image:linear-gradient(#1522381a,#152238ed),url(/assets/district-postcards/district-1.png)}.district-card--2{--repair-image:url(/assets/repairs/salt-market.webp);background-image:linear-gradient(#15223814,#152238ed),url(/assets/district-postcards/district-2.png)}.district-card--3{--repair-image:url(/assets/repairs/medicine-alley.webp);background-image:linear-gradient(#1522381f,#152238f0),url(/assets/district-postcards/district-3.png)}.district-card--4{--repair-image:url(/assets/repairs/pressure-tower.webp);background-image:linear-gradient(#1522380f,#152238eb),url(/assets/district-postcards/district-4.png)}.district-card--5{--repair-image:url(/assets/repairs/help-harbor.webp);background-image:linear-gradient(#1522380f,#152238eb),url(/assets/district-postcards/district-5.png)}.district-card:hover:not(:disabled){background-color:#35546a;transform:translateY(-5px)}.district-card.is-locked{opacity:.45;filter:saturate(.5)}.district-card:not(.is-restored):not(.is-locked){filter:saturate(.65)brightness(.78)}.district-number{color:var(--amber);font:700 1.5rem/1 monospace}.district-name{font-size:1.05rem;font-weight:800}.district-subtitle{color:#b9d6d2;font-size:.75rem}.district-stars{color:var(--amber);font-size:.85rem}.district-card-status{color:#b9d6d2;font-size:.68rem}.district-card.is-restored{border-color:#f2b84bb8}.district-card.is-restored:before{content:"✦";z-index:2;color:var(--amber);position:absolute;top:10px;right:12px}.district-card.is-restored:after{content:"";z-index:0;background:var(--repair-image) center / cover no-repeat;mix-blend-mode:screen;opacity:.42;pointer-events:none;position:absolute;inset:0}.district-card{position:relative}.district-card>*{z-index:1;position:relative}.credit{color:#fff3d6a6;text-align:center;font-size:.78rem}.game-screen{background:var(--navy);color:var(--paper)}.game-header{border-bottom:1px solid var(--line);z-index:5;background:#152238f2;flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:6px 12px;display:flex;position:relative}.game-header h2{margin:1px 0 0;font-size:1.05rem;line-height:1.15}.game-header .header-kicker{font-size:.66rem}.icon-button{width:44px;height:44px;color:var(--paper);background:#253c53;font-size:1.35rem}.icon-button:hover{background:#35546a}.game-layout{width:min(100%,520px);min-height:0;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));z-index:2;flex-direction:column;flex:1;gap:6px;margin:0 auto;display:flex;position:relative}.game-hud{flex:none;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(50px,1fr));align-items:stretch;gap:6px;margin:0;display:grid}.goal-panel,.hud-stat{border:1px solid var(--line);background:#20364d;min-height:40px;padding:3px 8px}.goal-panel{gap:2px;display:grid}.goal-panel strong{color:var(--amber);font-size:1.05rem;line-height:1.1}.hud-label,.hud-stat span{color:#b9d6d2;font-size:.66rem;line-height:1.2}.hud-stat{place-items:center;min-width:50px;display:grid}.hud-stat strong{color:var(--paper);font:700 1rem monospace}.timer-stat strong{color:var(--amber)}.timer-stat.is-urgent{border-color:var(--coral);animation:.76s ease-in-out infinite alternate timer-pulse}.timer-stat.is-urgent strong{color:var(--coral)}.timer-stat.is-urgent span{color:#ffd1c6}@keyframes timer-pulse{0%{box-shadow:0 0 #e4775b00}to{box-shadow:0 0 0 3px #e4775b33}}.card-saved{margin:14px 0 0;font-size:.82rem;font-weight:800;color:var(--teal)!important}.education-next{color:var(--paper);border-left:4px solid var(--amber);background:#20364d;gap:10px;margin-top:12px;padding:14px;display:grid}.education-next-label{font-size:.84rem;color:#c7dfd9!important;margin:0!important;line-height:1.45!important}.education-next-actions{flex-wrap:wrap;gap:8px;display:flex}.education-next-actions .primary-button{flex:210px}.education-next-actions .secondary-button{flex:0 auto}.game-canvas{background:0 0;flex:1;width:100%;min-height:300px;margin:0 auto}.game-canvas canvas{max-width:100%;image-rendering:pixelated;border:1px solid var(--line);display:block;box-shadow:0 8px #0d1728}.renderer-status{z-index:4;width:min(100% - 24px,366px);color:var(--paper);border-left:3px solid var(--coral);text-align:center;background:#542d3a;padding:8px 12px;font-size:.8rem;position:absolute;top:64px;left:50%;transform:translate(-50%)}.boss-warning{left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:4;color:#ffd39b;border-left:3px solid var(--coral);white-space:nowrap;background:#542d3a;padding:8px 12px;font-size:.78rem;position:absolute;transform:translate(-50%)}.companion-avatar{width:42px;height:42px;image-rendering:pixelated;background:#20364d url(/assets/sprites/companion-doudou/doudou-1.png) 50%/contain no-repeat;flex:none;display:block}.energy-bar{background:#182a44;height:7px;display:block;overflow:hidden}.energy-bar i{background:var(--amber);width:0;height:100%;transition:width .18s;display:block}.item-icon{width:42px;height:42px;image-rendering:pixelated;background-color:#20364d;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;display:block}.item-icon--telescope{background-image:url(/assets/item-icons/item-1.png)}.item-icon--flavor-pack{background-image:url(/assets/item-icons/item-2.png)}.item-icon--medicine-list{background-image:url(/assets/item-icons/item-3.png)}.item-icon--pressure-shield{background-image:url(/assets/item-icons/item-4.png)}.item-icon--help-badge{background-image:url(/assets/item-icons/item-5.png)}.text-button{min-height:44px;color:var(--mist);background:0 0;justify-self:start;padding:10px 12px;text-decoration:underline}.story-layer,.settings-layer{z-index:10;background:#0d1728c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.story-panel,.settings-panel{width:min(100%,470px);max-width:470px;max-height:min(82vh,680px);color:var(--ink);background:var(--paper);margin:0;padding:22px;position:relative;inset:auto;overflow:auto;box-shadow:8px 8px #0d172880}.story-panel h3,.education-card h3,.settings-panel h3{margin:5px 0 14px;font-size:1.55rem}.story-panel p,.education-card p,.failure-card p,.cardbook-panel p,.about-panel p{color:var(--ink);line-height:1.65}.story-panel .card-kicker,.education-card .card-kicker,.failure-card .card-kicker,.cardbook-panel .card-kicker,.about-panel .card-kicker{color:var(--teal)}.story-panel .story-quote{color:var(--teal);font-weight:700}.education-card .education-message,.cardbook-entry .education-message{color:var(--teal)}.education-card .education-disclaimer{color:#68717a}.story-actions{align-items:center;gap:14px;margin-top:16px;display:flex}.primary-button{min-height:48px;color:var(--ink);background:var(--amber);padding:0 20px;font-weight:800}.primary-button:hover{background:#ffd16b}.settings-panel{color:var(--paper);background:#223a51}.panel-heading{justify-content:space-between;align-items:center;display:flex}.toggle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;display:flex}.toggle-row input{opacity:0;position:absolute}.toggle-track{background:#476076;width:44px;height:24px;padding:3px;display:block}.toggle-track:after{content:"";background:var(--paper);width:18px;height:18px;transition:transform .16s;display:block}.toggle-row input:checked+.toggle-track{background:var(--teal)}.toggle-row input:checked+.toggle-track:after{transform:translate(20px)}.settings-credit{color:#b9d6d2;font-size:.78rem}.education-layer{z-index:10;max-width:none;box-shadow:none;background:#0d1728b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.education-card{width:min(100%,460px);color:var(--ink);background:var(--paper);padding:24px;box-shadow:8px 8px #0d172899}.education-message{color:var(--teal);font-size:1.15rem;font-weight:800}.education-more{color:#59646c;border-top:1px solid #222b3a24;border-bottom:1px solid #222b3a24;margin:12px 0}.education-more summary{color:var(--teal);cursor:pointer;padding:10px 0;font-weight:800}.education-more p{margin:0 0 12px}.education-action{border-left:4px solid var(--amber);background:#ffe7b0;gap:5px;margin:18px 0;padding:12px;display:grid}.education-action span{color:#795d2a;text-transform:uppercase;font-size:.74rem;font-weight:800}.education-disclaimer{color:#68717a;font-size:.74rem}.failure-layer{z-index:11;background:#0d1728b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.failure-card{width:min(100%,420px);color:var(--ink);background:var(--paper);padding:24px;box-shadow:8px 8px #0d172899}.failure-card h3{margin:6px 0 12px;font-size:1.6rem}.failure-card p{line-height:1.65}.failure-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.secondary-button{min-height:44px;color:var(--paper);background:var(--teal);padding:0 14px;font-weight:800}.cardbook-layer{z-index:12;background:#0d1728c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cardbook-panel{width:min(100%,720px);max-height:min(88vh,760px);color:var(--ink);background:var(--paper);padding:24px;overflow:auto;box-shadow:8px 8px #0d1728a6}.cardbook-panel .panel-heading{color:var(--ink)}.cardbook-panel .icon-button{color:var(--paper)}.cardbook-intro{color:#59646c;line-height:1.6}.cardbook-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cardbook-entry{border-left:4px solid var(--teal);background:#f7e5bd;padding:14px}.cardbook-entry h3{margin:5px 0 8px}.cardbook-entry p{line-height:1.55}.cardbook-entry .cardbook-action{color:#795d2a;font-size:.82rem}.cardbook-empty{color:#68717a;padding:24px 0}.about-layer{z-index:13;background:#0d1728c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.about-panel{width:min(100%,520px);color:var(--ink);background:var(--paper);padding:24px;box-shadow:8px 8px #0d1728a6}.about-panel p{line-height:1.65}.about-boundary{color:var(--ink);border-left:4px solid var(--amber);background:#ffe7b0;margin:18px 0;padding:12px;font-weight:800}.about-credits{border-left:4px solid var(--teal);background:#f7e5bd;gap:6px;margin:18px 0;padding:14px;display:grid}.about-credits p{margin:0}.final-credit-banner{width:min(100%,980px);color:var(--paper);background:#20364d;border:1px solid #f2b84b94;gap:4px;margin:0 auto;padding:16px 20px;display:grid;box-shadow:8px 8px #102039}.final-credit-banner strong{color:var(--amber)}.final-credit-banner span{color:#c7dfd9;font-size:.82rem}.challenge-card{width:min(100%,980px);color:var(--paper);background:linear-gradient(135deg,#314264,#2e5360);border:1px solid #f2b84b66;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:18px 20px;display:flex;box-shadow:8px 8px #102039}.challenge-card h2{margin:5px 0 6px}.challenge-card p{color:#c7dfd9;max-width:620px;margin:0;line-height:1.55}.challenge-card .primary-button{flex:none}.earned-stars{letter-spacing:.14em;font-size:1.15rem;color:#9a6a12!important}@media (width<=720px){.district-map{grid-template-columns:repeat(2,1fr)}.district-card:last-child{grid-column:span 2}.home-screen{padding-top:34px}.home-copy h1{font-size:2.65rem}.home-actions{flex-wrap:wrap}.cardbook-list{grid-template-columns:1fr}.challenge-card{flex-direction:column;align-items:stretch}.challenge-card .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell.large-text .game-screen{font-size:1.08rem}.app-shell.large-text .game-header h2{font-size:1.35rem}.app-shell.large-text .story-panel p,.app-shell.large-text .education-card p,.app-shell.large-text .settings-panel,.app-shell.large-text .cardbook-panel{line-height:1.8}.app-shell.high-contrast{--navy:#000;--ink:#000;--paper:#fff;--teal:#00b8a9;--amber:#ffe000;--coral:#ff7058;--mist:#a8ecff;--line:#ffffff73}.app-shell.high-contrast .home-screen,.app-shell.high-contrast .game-screen{background:#000}.app-shell.high-contrast .district-card,.app-shell.high-contrast .goal-panel,.app-shell.high-contrast .hud-stat,.app-shell.high-contrast .game-header,.app-shell.high-contrast .game-canvas{border-color:#fff}.app-shell.high-contrast .district-card.is-locked{opacity:.7;filter:grayscale()}.app-shell.high-contrast .home-description,.app-shell.high-contrast .district-subtitle,.app-shell.high-contrast .district-card-status,.app-shell.high-contrast .hud-label,.app-shell.high-contrast .hud-stat span{color:#fff}.app-shell.high-contrast .timer-stat.is-urgent{border-color:var(--coral)}.support-icon{width:42px;height:42px;color:var(--amber);background:#2e5360;border:1px solid #f2b84b8c;flex:none;place-items:center;font-size:1.5rem;display:grid}.education-card{max-height:92vh;overflow:auto}.education-more section,.cardbook-entry details section{border-top:1px solid #222b3a1f;margin-top:12px;padding-top:10px}.education-more section h4,.cardbook-entry details section h4{color:var(--ink);margin:0 0 5px;font-size:.88rem}.education-more section p,.cardbook-entry details section p{margin-bottom:0}.support-choice{color:#59646c;background:#f7e5bd;gap:8px;margin-top:16px;padding:14px;display:grid}.support-choice h4{color:var(--ink);margin:-2px 0 0;font-size:1.08rem}.support-choice-intro{font-size:.78rem;color:#717b80!important;margin:0!important;line-height:1.45!important}.support-card-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.support-choice-card{min-height:84px;color:var(--ink);text-align:left;background:#ead09a;border:1px solid #222b3a29;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.support-choice-card:hover,.support-choice-card.is-selected{color:var(--paper);background:var(--teal)}.support-choice-card strong,.support-choice-card small{display:block}.support-choice-card small{color:#59646c;margin-top:4px;font-size:.72rem;line-height:1.35}.support-choice-card:hover small,.support-choice-card.is-selected small{color:#d8f3ec}.support-choice-card b{color:#795d2a;white-space:nowrap;align-self:start;font-size:.68rem}.support-choice-card:hover b,.support-choice-card.is-selected b{color:var(--amber)}.support-choice-icon{color:#9a6a12;font-size:1.25rem}.support-choice-card:hover .support-choice-icon,.support-choice-card.is-selected .support-choice-icon{color:var(--amber)}.support-choice>small{color:#717b80;font-size:.74rem}@media (width<=430px){.support-card-options{grid-template-columns:1fr}}.skill-bar{flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.skill-slot{min-height:62px;color:var(--paper);border:1px solid var(--line);background:#253c53;align-content:center;justify-items:center;gap:4px;padding:6px 4px 8px;transition:background .14s,transform .14s;display:grid;position:relative}.skill-slot:hover{background:#35546a}.skill-slot:active{transform:translateY(1px)}.skill-slot .slot-icon{width:34px;height:34px}.skill-slot .support-icon,.skill-slot .slot-icon--restart{place-items:center;font-size:1.35rem;display:grid}.slot-icon--restart{color:var(--mist);border:1px solid var(--line);background:#20364d}.slot-label{white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.1}.slot-badge{color:#152238;background:var(--amber);padding:1px 5px;font:700 .62rem/1.4 monospace;position:absolute;top:4px;right:4px}.skill-slot[data-state=ready]{border-color:#f2b84bd9;box-shadow:inset 0 0 0 1px #f2b84b59}.skill-slot[data-state=used]{opacity:.55}.skill-slot[data-state=used] .slot-badge{color:var(--paper);background:#5d6b7c}.skill-slot[data-state=charging] .slot-badge{color:var(--paper);background:#314264}.skill-slot--companion .energy-bar{height:4px;position:absolute;bottom:3px;left:6px;right:6px}.skill-slot.is-open{border-color:var(--paper);background:#35546a}.skill-slot--restart{color:var(--mist)}.skill-popover{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:6;color:var(--ink);background:var(--paper);gap:6px;padding:12px 14px;display:grid;position:absolute;box-shadow:6px 6px #0d172899}.skill-popover:after{content:"";background:var(--paper);width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.skill-popover-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-popover-head strong{font-size:1.05rem}.skill-popover-close{width:36px;height:36px;color:var(--ink);background:#ead9b1;font-size:1.2rem}.skill-popover{text-align:left}.skill-popover p{margin:0;line-height:1.5;color:var(--ink)!important}.skill-popover-description{font-size:.95rem}.skill-popover-hint{font-size:.82rem;color:#59646c!important}.skill-popover-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.skill-popover-status{color:#3d6b64;font-size:.8rem;font-weight:700}.skill-popover-use{min-width:96px}.skill-popover-use:disabled{opacity:.5}.app-shell.high-contrast .skill-slot,.app-shell.high-contrast .skill-popover{border:1px solid #fff}@media (height<=640px){.game-canvas{min-height:240px}.skill-slot{min-height:56px}}.island-total{color:#b9d6d2;margin:0 0 4px;font-size:1rem}.island-total strong{color:var(--amber);font-size:1.15rem}.earned-score{color:#59646c;gap:2px;margin:-6px 0 10px;font-size:1rem;display:grid}.earned-score.is-record{color:#795d2a;font-weight:800}.education-resources{border-left:4px solid var(--teal);background:#f7e5bd;margin:16px 0 0;padding:12px 14px}.education-resources h4,.feedback-resources h4{color:var(--ink);margin:0 0 8px;font-size:.92rem}.resource-links{gap:9px;margin:0;padding:0;list-style:none;display:grid}.resource-links li{gap:3px;display:grid}.resource-links a{color:var(--teal);font-weight:800;line-height:1.35}.resource-links a span{color:#9a6a12;margin-left:5px;display:inline-block}.resource-links small{color:#59646c;font-size:.72rem;line-height:1.45}.feedback-layer{z-index:14;background:#0d1728d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.feedback-panel{width:min(100%,470px);max-height:92vh;color:var(--ink);background:var(--paper);text-align:left;padding:24px;overflow:auto;box-shadow:8px 8px #0d1728a6}.feedback-panel--wide{width:min(100%,680px)}.feedback-panel h3{margin:5px 0 10px;font-size:1.45rem}.feedback-intro{color:#59646c!important;line-height:1.6!important}.feedback-field{color:var(--ink);gap:6px;margin-top:16px;font-weight:800;display:grid}.feedback-field textarea,.feedback-field select{width:100%;min-height:44px;color:var(--ink);background:#fffaf0;border:1px solid #222b3a4d;padding:10px}.feedback-field textarea{resize:vertical}.feedback-field small,.feedback-privacy,.feedback-transport-status{font-size:.75rem;color:#68717a!important;line-height:1.45!important}.feedback-rating{border:0;border-top:1px solid #222b3a24;min-width:0;margin:16px 0 0;padding:10px 0 0}.feedback-rating legend,.feedback-matrix legend{color:var(--ink);padding:0;font-weight:800}.feedback-rating-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.feedback-rating-options label{min-height:54px;color:var(--ink);text-align:center;cursor:pointer;background:#ead9b1;border:1px solid #222b3a2e;place-items:center;gap:2px;padding:5px 2px;display:grid}.feedback-rating-options input{opacity:0;position:absolute}.feedback-rating-options label:has(input:checked){color:var(--paper);background:var(--teal);border-color:var(--teal)}.feedback-rating-options label:focus-within{outline:3px solid var(--amber);outline-offset:2px}.feedback-rating-options span{font-size:1.05rem;font-weight:900}.feedback-rating-options small{font-size:.62rem;line-height:1.1}.feedback-error{font-size:.76rem;color:var(--coral)!important;margin:5px 0 0!important}.feedback-consent{color:var(--ink);align-items:flex-start;gap:8px;margin-top:16px;font-size:.8rem;line-height:1.45;display:flex}.feedback-consent input{flex:none;width:20px;height:20px}.feedback-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.feedback-actions .primary-button{flex:190px}.feedback-matrix{border:0;border-top:1px solid #222b3a24;margin:16px 0 0;padding:12px 0 0}.feedback-matrix-row{grid-template-columns:minmax(90px,1fr) 3fr;align-items:center;gap:8px;margin-top:9px;display:grid}.feedback-matrix-row>span{color:var(--ink);font-size:.78rem;font-weight:800}.feedback-rating--compact{border:0;margin:0;padding:0}.feedback-rating--compact legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.feedback-rating--compact .feedback-rating-options{gap:3px;margin:0}.feedback-rating--compact .feedback-rating-options small{display:none}.feedback-resources{border-top:1px solid #222b3a24;margin-top:18px;padding-top:12px}.final-feedback-banner{width:min(100%,980px);color:var(--paper);background:linear-gradient(135deg,#314264,#2e5360);border:1px solid #f2b84b66;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:16px 20px;display:flex;box-shadow:8px 8px #102039}.final-feedback-banner div{gap:5px;display:grid}.final-feedback-banner strong{color:var(--amber)}.final-feedback-banner span{color:#c7dfd9;font-size:.82rem}.final-feedback-banner .secondary-button{flex:none}@media (width<=720px){.final-feedback-banner{flex-direction:column;align-items:stretch}.final-feedback-banner .secondary-button{width:100%}.feedback-matrix-row{grid-template-columns:1fr;gap:4px}.feedback-rating-options label{min-height:48px}}.feedback-rating--compact .feedback-rating-options label{min-height:44px}.feedback-panel textarea:focus-visible,.feedback-panel select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.home-avatar{text-align:left;justify-content:center;align-items:center;gap:14px;max-width:650px;margin:14px auto 0;display:flex}.home-avatar img{object-fit:cover;width:76px;height:76px;image-rendering:pixelated;border:2px solid var(--amber);background:#20364d;flex:none}.home-avatar .home-description{margin:0}.avatar-onboarding{z-index:4;width:min(100%,980px);color:var(--ink);margin:0 auto;position:relative}.avatar-onboarding article{background:var(--paper);border-left:5px solid var(--amber);width:min(100%,640px);margin:0 auto;padding:20px;box-shadow:8px 8px #102039}.avatar-onboarding h2{margin:5px 0 8px;font-size:1.4rem}.avatar-onboarding p{color:#59646c;line-height:1.55}.avatar-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.avatar-style-button{min-height:78px;color:var(--ink);text-align:left;background:#ead9b1;border:2px solid #0000;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.avatar-style-button[aria-pressed=true]{color:var(--paper);background:var(--teal);border-color:var(--amber)}.avatar-style-button img{object-fit:cover;width:48px;height:48px;image-rendering:pixelated;background:#20364d}.avatar-style-button strong,.avatar-style-button small{display:block}.avatar-style-button small{color:inherit;opacity:.82;margin-top:3px;font-size:.68rem;line-height:1.25}.avatar-settings{border-top:1px solid var(--line);margin:12px 0;padding-top:10px}.settings-panel .avatar-style-button{grid-template-columns:38px minmax(0,1fr);min-height:64px}.settings-panel .avatar-style-button img{width:38px;height:38px}.settings-panel .secondary-button{width:100%}.story-track{touch-action:pan-y}.story-heading{align-items:center;gap:12px;margin-bottom:10px;display:flex}.story-heading>img{object-fit:cover;width:58px;height:58px;image-rendering:pixelated;border:2px solid var(--amber);background:#20364d;flex:none}.story-heading h3,.story-heading .card-kicker{margin-bottom:0}.story-card{min-height:350px}.story-card img{aspect-ratio:16/9;object-fit:cover;width:100%;image-rendering:pixelated;background:#20364d;border:1px solid #222b3a29;display:block}.story-card .story-speaker{color:#795d2a;letter-spacing:.08em;margin:10px 0 3px;font-size:.78rem;font-weight:900}.story-card>p:last-child{margin:0}.story-pagination{color:#59646c;justify-content:center;align-items:center;gap:14px;margin-top:12px;font:700 .8rem monospace;display:flex}.story-pagination .icon-button{width:44px;height:44px;color:var(--ink);background:#ead9b1}.story-pagination .icon-button:disabled{opacity:.45}.story-actions{flex-wrap:wrap}.education-extras{margin:14px 0}.education-extra-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:7px;display:grid}.education-extra-button{min-height:86px;color:var(--ink);text-align:left;background:#f7e5bd;border:1px solid #222b3a29;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.education-extra-button:hover{border-color:var(--teal)}.education-extra-button img{object-fit:cover;width:54px;height:54px;image-rendering:pixelated;background:#20364d}.life-card-art{aspect-ratio:4/3;object-fit:cover;width:100%;image-rendering:pixelated;background:#20364d;border:1px solid #222b3a29;display:block}.cardbook-entry .life-card-art{margin:8px 0}.education-extra-button strong,.education-extra-button small{display:block}.education-extra-button small{color:#59646c;margin-top:4px;font-size:.7rem;line-height:1.3}.education-extra-layer{z-index:22;background:#0d1728d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.education-extra-panel{width:min(100%,440px);max-height:88vh;color:var(--ink);background:var(--paper);text-align:left;padding:22px;overflow:auto;box-shadow:8px 8px #0d1728a6}.education-extra-panel>img{aspect-ratio:16/9;object-fit:cover;width:100%;image-rendering:pixelated;background:#20364d}.education-extra-panel h3{margin:5px 0 10px}.education-extra-panel p{color:var(--ink);line-height:1.65}.life-tool-steps{gap:8px;margin:14px 0;display:grid}.life-tool-step{min-height:48px;color:var(--ink);border-left:4px solid var(--amber);text-align:left;background:#ead9b1;padding:10px 12px;font-weight:800}.life-tool-step[aria-pressed=true]{color:var(--paper);background:var(--teal);border-left-color:var(--green);opacity:1}.rescue-card{border-top:5px solid var(--amber)}@media (width<=520px){.avatar-style-grid,.education-extra-grid,.settings-panel .avatar-style-grid{grid-template-columns:1fr}.story-card{min-height:310px}.story-panel,.settings-panel,.education-card,.education-extra-panel{padding:18px}.home-avatar{align-items:flex-start}}@media (width<=350px){.game-hud{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(46px,1fr));gap:4px}.goal-panel,.hud-stat{padding-inline:5px}.story-layer,.settings-layer,.education-layer,.education-extra-layer{padding:10px}}