:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);--font-ui:"Nunito Sans", "Avenir Next", "Trebuchet MS", sans-serif;--font-display:"Cormorant Garamond", "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--hud-accent:#8de3d0;--liquid-gold:#f0c56b;--liquid-gold-deep:#b9852c;--serene-blue:#7db9d8;--organic-green:#6ea58f;--ink:#fef6dc;--ink-soft:#fef6dcd6;--panel-border:#ebd28f42;--panel-shadow:0 24px 56px #01081375;color:var(--ink);background:radial-gradient(circle at 18% 12%,#f0c56b4d,#0000 24%),radial-gradient(circle at 82% 18%,#7db9d838,#0000 28%),radial-gradient(circle at 32% 84%,#6ea58f29,#0000 30%),linear-gradient(#17313d 0%,#143248 32%,#081320 100%)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;font-family:var(--font-ui);background:radial-gradient(circle at top,#f0c56b2e,#0000 30%),radial-gradient(circle at 12% 24%,#6ea58f1f,#0000 24%),radial-gradient(circle at 82% 16%,#7db9d824,#0000 26%),linear-gradient(#162f3c 0%,#0e2233 38%,#071019 100%);position:relative}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{opacity:.9;background:linear-gradient(120deg,#ffecc70d,#0000 24%),radial-gradient(circle at 22% 78%,#6ea58f1a,#0000 26%)}body:after{opacity:.28;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.intro-open canvas{filter:blur(2px)saturate(.84)brightness(.9)}.farewell-open canvas{filter:blur(1.5px)saturate(.88)brightness(.82)}.completion-open canvas{filter:blur(1.5px)saturate(.9)brightness(.84)}.scene-transitioning canvas{filter:blur(3px)saturate(1.12)brightness(.72);opacity:.62}canvas{transition:filter .22s,opacity .22s;display:block}.hud-layer{pointer-events:none;--card-glow:color-mix(in srgb, var(--hud-accent) 26%, transparent);position:fixed;inset:0}.hud-card{border:1px solid var(--panel-border);box-shadow:var(--panel-shadow), 0 0 0 1px #fff4dc14 inset, 0 0 42px var(--card-glow);-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);background:linear-gradient(#112931e0,#08131ee6),radial-gradient(circle at 100% 0,#f0c56b14,#0000 34%),#070c17b8;border-radius:34px 42px 30px 46px;position:absolute;overflow:hidden}.hud-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, #fff7e51f, transparent 34%), radial-gradient(circle at top right, #f0c56b29, transparent 30%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--hud-accent) 18%, transparent), transparent 42%);pointer-events:none;position:absolute;inset:1px}.hud-card:after{content:"";background:radial-gradient(circle, #f0c56b42, transparent 62%), radial-gradient(circle at 65% 62%, color-mix(in srgb, var(--hud-accent) 28%, transparent), transparent 72%);pointer-events:none;border-radius:58% 42% 63% 37%;width:118px;height:82px;position:absolute;top:-18px;right:-14px}.hud-card>*{z-index:1;position:relative}.hud-card strong,.hud-card b{font-weight:700}.hud-header{pointer-events:auto;scrollbar-width:thin;scrollbar-color:#f0c56b6b transparent;border-radius:20px 24px 18px;width:min(352px,100vw - 36px);max-height:calc(100vh - 170px);padding:14px;top:18px;left:18px;overflow:auto}.hud-eyebrow-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-title{font-size:.74rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.26em;opacity:.76;color:#f8dfa2cc}.hud-stage{background:linear-gradient(135deg, #f0c56b33, color-mix(in srgb, var(--hud-accent) 22%, transparent));letter-spacing:.1em;text-transform:uppercase;color:#fff6e2;border:1px solid #f8e2b547;border-radius:999px;padding:5px 9px;font-size:.66rem;box-shadow:inset 0 0 0 1px #fff2d414}.hud-player{color:#ffecbff0;background:linear-gradient(135deg,#f0c56b14,#7db9d814);border:1px solid #f6ddaa24;border-radius:18px 24px 19px;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;font-size:.8rem;display:inline-flex}.hud-player-swatch{width:.8rem;height:.8rem;box-shadow:0 0 0 1px #ffffff29, 0 0 18px color-mix(in srgb, var(--hud-accent) 48%, transparent);border-radius:999px;display:inline-block}.hud-charm-line{letter-spacing:.06em;text-transform:uppercase;color:#ffeeceeb;background:linear-gradient(135deg,#f0c56b2e,#6ea58f1f);border:1px solid #fae5b52e;border-radius:16px 22px 18px 20px;align-items:center;gap:8px;width:fit-content;margin-top:9px;padding:6px 10px;font-size:.72rem;display:inline-flex}.hud-charm-line:before{content:"";background:radial-gradient(circle at 35% 35%,#ffffffdb,#0000 42%),linear-gradient(135deg,#fff7de,#ffd38b 48%,#8de3d0 100%);border-radius:46% 54% 52% 48%;width:.72rem;height:.72rem;box-shadow:0 0 0 1px #fffaea24,0 0 16px #ffdc9d57}.hud-valley-stats{background:radial-gradient(circle at left, color-mix(in srgb, var(--hud-accent) 18%, transparent), transparent 48%), #ffffff0b;color:#ddf7efd1;letter-spacing:.04em;border:1px solid #d2eee61f;border-radius:16px 22px 18px 20px;width:fit-content;max-width:100%;margin-top:8px;padding:7px 12px;font-size:.75rem;line-height:1.35}.hud-valley-stats[hidden]{display:none}.hud-region{font-family:var(--font-display);font-variation-settings:"SOFT" 120;letter-spacing:.02em;margin-top:11px;font-size:1.42rem;font-weight:800;line-height:.98}.hud-copy{color:var(--ink-soft);margin-top:10px;font-size:.84rem;line-height:1.45}.hud-progress-label{letter-spacing:.11em;text-transform:uppercase;color:#d7eaffb8;margin-top:11px;font-size:.68rem}.hud-progress{background:#fff8e914;border-radius:999px;height:10px;margin-top:9px;overflow:hidden;box-shadow:inset 0 1px 3px #00000042}.hud-progress>span{border-radius:inherit;background:linear-gradient(90deg,#6ea58f 0%,#7db9d8 42%,#f0c56b 100%);width:0%;height:100%;transition:width .22s;display:block;box-shadow:0 0 22px #f0c56b57}.hud-journey{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--hud-accent) 20%, transparent), transparent 34%), linear-gradient(135deg, #fff8e511, #ffffff06);border:1px solid #ffeec91a;border-radius:18px 22px 16px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;margin-top:11px;padding:10px;display:grid}.hud-journey-ring{--journey-angle:0deg;background:radial-gradient(circle at center, #0d1d26f0 0 55%, transparent 56%), conic-gradient(from -38deg, var(--liquid-gold) 0deg, color-mix(in srgb, var(--hud-accent) 88%, white 12%) var(--journey-angle), #ffffff1c var(--journey-angle) 360deg);width:68px;height:68px;box-shadow:inset 0 0 0 1px #fff7df1f, 0 0 28px color-mix(in srgb, var(--hud-accent) 20%, transparent);border-radius:42% 58% 49% 51%;align-content:center;place-items:center;display:grid}.hud-journey-percent{font-family:var(--font-display);color:#fff7de;font-size:1.16rem;line-height:1}.hud-journey-label{letter-spacing:.08em;text-transform:uppercase;color:#ddeeebb8;margin-top:2px;font-size:.5rem}.hud-journey-body{min-width:0}.hud-journey-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.hud-journey-stat{background:#ffffff0b;border:1px solid #fff1d114;border-radius:12px 15px 11px;min-width:0;padding:7px 8px}.hud-journey-stat.is-active{background:linear-gradient(135deg,#7db9d824,#6ea58f1f);border-color:#b9e2e02e}.hud-journey-stat.is-done{background:linear-gradient(135deg,#f0c56b33,#6ea58f1f);border-color:#fce5b53d}.hud-journey-stat strong,.hud-journey-stat span,.hud-journey-stat small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hud-journey-stat strong{font-family:var(--font-display);color:#fff6dd;font-size:.92rem;line-height:1}.hud-journey-stat span{letter-spacing:.08em;text-transform:uppercase;color:#ffecbfc2;margin-top:3px;font-size:.58rem}.hud-journey-stat small{display:none}.hud-details-toggle{appearance:none;color:#fff5ddeb;width:100%;min-height:34px;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#f0c56b1f,#7db9d814),#ffffff0a;border:1px solid #f4dba829;border-radius:14px 18px 13px;margin-top:10px;font-size:.74rem;font-weight:900}.hud-details-toggle:after{content:" +"}.hud-details-toggle.is-open:after{content:" -"}.hud-details-panel{transition:opacity .14s,max-height .16s;display:grid;overflow:hidden}.hud-details-panel.is-collapsed{opacity:0;pointer-events:none;max-height:0}.hud-details-panel:not(.is-collapsed){opacity:1;max-height:560px}.hud-world-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.hud-world-node{--world-accent:#8de3d0;background:radial-gradient(circle at top, color-mix(in srgb, var(--world-accent) 18%, transparent), transparent 58%), #ffffff0a;border:1px solid #fff0d312;border-radius:16px 20px 14px;gap:4px;min-width:0;padding:7px 6px;display:grid}.hud-world-node.is-active{border-color:color-mix(in srgb, var(--world-accent) 38%, #fff5d71f)}.hud-world-node.is-done{background:radial-gradient(circle at top, color-mix(in srgb, var(--world-accent) 30%, transparent), transparent 58%), #f0c56b14;border-color:#fae0ac38}.hud-world-orb{background:radial-gradient(circle at 35% 28%, #ffffffe6, transparent 34%), var(--world-accent);width:14px;height:14px;box-shadow:0 0 16px color-mix(in srgb, var(--world-accent) 52%, transparent);border-radius:999px}.hud-world-label,.hud-world-stage{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hud-world-label{color:#fff6dfe6;font-size:.68rem;font-weight:800}.hud-world-stage{letter-spacing:.1em;text-transform:uppercase;color:#d8eaeca3;font-size:.56rem}.hud-world-meter{background:#ffffff1c;border-radius:999px;height:4px;display:block;overflow:hidden}.hud-world-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--world-accent), var(--liquid-gold));height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--world-accent) 45%, transparent);display:block}.hud-tasks{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.hud-task-item{background:#fffaed0a;border:1px solid #f8e4be14;border-radius:13px 17px 12px;align-items:center;gap:10px;min-height:34px;padding:7px 10px;display:flex}.hud-task-item.is-active{background:linear-gradient(135deg,#6ea58f3d,#7db9d829);border-color:#b1e4d042}.hud-task-item.is-done{background:linear-gradient(135deg,#f0c56b2e,#6ea58f1f);border-color:#f4d29038}.hud-task-dot{background:#fff3;border-radius:999px;flex:none;width:11px;height:11px;box-shadow:0 0 0 1px #ffffff14}.hud-task-item.is-active .hud-task-dot{background:#7fb7a6;box-shadow:0 0 18px #6ea58f8f}.hud-task-item.is-done .hud-task-dot{background:#f0c56b;box-shadow:0 0 18px #f0c56b80}.hud-task-text{color:#fef6dcdb;font-size:.82rem}.hud-help-toggle{z-index:4;pointer-events:auto;appearance:none;background:radial-gradient(circle at 24% 18%, #ffffff3d, transparent 30%), linear-gradient(135deg, #f0c56b47, color-mix(in srgb, var(--hud-accent) 22%, #7db9d824)), #07101ad1;color:#fff8e6;min-height:40px;box-shadow:0 16px 34px #02071252, 0 0 28px color-mix(in srgb, var(--hud-accent) 22%, transparent);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid #fff1cf33;border-radius:999px 999px 999px 28px;padding:0 15px;font-size:.84rem;font-weight:900;transition:transform .14s,border-color .14s,filter .14s;position:absolute;top:18px;right:18px}.hud-help-toggle:hover,.hud-help-toggle.is-open{filter:saturate(1.08);border-color:#ffeec75c;transform:translateY(-1px)}.hud-corner{pointer-events:auto;transform-origin:100% 0;border-radius:22px 18px 24px;width:min(292px,100vw - 36px);padding:15px;transition:opacity .16s,transform .16s;top:68px;right:18px}.hud-corner.is-collapsed{opacity:0;pointer-events:none;transform:translate(18px,-12px)scale(.96)}.hud-corner-copy{color:#eaf3f7d1;margin-top:10px;font-size:.88rem;line-height:1.55}.hud-controls-grid{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hud-control-chip{color:#fff3d8e6;letter-spacing:.04em;background:linear-gradient(135deg,#f0c56b17,#7db9d814);border:1px solid #f4d6991f;border-radius:14px 18px;align-items:center;min-height:32px;padding:7px 10px;font-size:.78rem;display:inline-flex}.hud-credits-link{color:#fff4df;pointer-events:auto;background:linear-gradient(135deg,#f0c56b24,#7db9d81a),#ffffff0b;border:1px solid #f4dba82e;border-radius:14px 18px 13px;justify-content:center;align-items:center;min-height:36px;margin-top:14px;padding:8px 12px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.hud-credits-link:hover{filter:saturate(1.08);border-color:#ffe8c14d}.hud-portal{color:#c5ffdfeb;background:linear-gradient(135deg,#6ea58f2e,#7db9d81f),radial-gradient(circle at 100% 0,#f0c56b1f,#0000 42%);border:1px solid #c1e0d82e;border-radius:18px 22px 17px 21px;margin-top:14px;padding:12px 13px;font-size:.84rem;line-height:1.55}.hud-buttons{pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.hud-buttons button{appearance:none;color:#fff4df;width:100%;min-height:46px;font:inherit;text-align:center;cursor:pointer;background:linear-gradient(135deg,#f0c56b1f,#7db9d81a),#ffffff0a;border:1px solid #f4dba833;border-radius:22px 28px 18px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;line-height:1.2;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,filter .12s;display:inline-flex}.hud-buttons button:hover{filter:saturate(1.06);background:linear-gradient(135deg,#f0c56b2e,#7db9d829),#ffffff14;border-color:#ffe8c147;transform:translateY(-1px)}.hud-buttons button[aria-pressed=true]{background:linear-gradient(135deg,#f0c56b47,#6ea58f38);border-color:#fce9bc57;box-shadow:0 12px 24px #070e1e3d,inset 0 0 0 1px #fff6dd14}.hud-reset-button{grid-column:1/-1}.hud-prompt{text-align:center;background:linear-gradient(135deg,#10252ee6,#08121cf0),radial-gradient(circle at top,#f0c56b1f,#0000 42%);border:1px solid #f6e0b52e;border-radius:24px 30px 22px;min-width:min(620px,100vw - 36px);padding:15px 20px;font-size:.94rem;line-height:1.45;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 18px 34px #060d1957,inset 0 0 0 1px #fff5de0f}.hud-prompt.is-hidden{opacity:0;transform:translate(-50%,14px)}.dialogue-panel{--dialogue-accent:#f3d08b;background:linear-gradient(135deg, #0f242deb, #09121cf0), radial-gradient(circle at top left, color-mix(in srgb, var(--dialogue-accent) 24%, transparent), transparent 34%);border:1px solid #f7e2b738;border-radius:30px 38px 28px 40px;width:min(680px,100vw - 36px);padding:18px 20px;transition:opacity .18s,transform .18s;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #040a145c,inset 0 0 0 1px #fff7e40f}.dialogue-panel:after{content:"";background:radial-gradient(circle at 30% 30%, #fff8e352, transparent 26%), radial-gradient(circle, color-mix(in srgb, var(--dialogue-accent) 30%, transparent), transparent 68%);pointer-events:none;border-radius:58% 42% 60% 40%;width:68px;height:68px;position:absolute;top:14px;right:16px}.dialogue-panel.is-hidden{opacity:0;transform:translate(-50%,14px)}.dialogue-speaker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;color:#fce6b7d6;text-shadow:0 0 14px color-mix(in srgb, var(--dialogue-accent) 22%, transparent);font-size:.8rem}.dialogue-subtitle{letter-spacing:.12em;text-transform:uppercase;color:#d2eaf0ad;white-space:pre-line;margin-top:4px;font-size:.74rem}.dialogue-line{color:#faf7eeeb;white-space:pre-line;margin-top:9px;font-size:1rem;line-height:1.72}.toast-line{letter-spacing:.04em;color:#f7dea7d1;min-height:1.1rem;margin-top:10px;font-size:.81rem}.intro-overlay{z-index:1000;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);visibility:visible;background:radial-gradient(circle at top,#ffdd972e,#0000 28%),radial-gradient(circle at 82% 18%,#8de3d029,#0000 24%),#0408108f;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:fixed;inset:0}.intro-overlay.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.intro-panel{scrollbar-width:thin;scrollbar-color:#f0c56b6b transparent;background:linear-gradient(#122832f5,#070c16f0);border:1px solid #f6e0b62e;border-radius:24px 30px 22px;width:min(430px,100vw - 24px);max-height:calc(100vh - 24px);padding:18px;overflow:auto;box-shadow:0 26px 70px #0206177a,0 0 64px #6ea58f1a}.intro-kicker{font-size:.76rem;font-family:var(--font-display);font-variation-settings:"SOFT" 100;letter-spacing:.22em;text-transform:uppercase;color:#ffe6b0b8}.intro-title{font-family:var(--font-display);font-variation-settings:"SOFT" 125;margin:7px 0 0;font-size:clamp(1.55rem,3vw,2rem);line-height:.94}.intro-copy{color:#fff4dbd1;margin:8px 0 0;font-size:.92rem;line-height:1.4}.intro-route-note{color:#e6faeddb;background:linear-gradient(135deg,#f0c56b1a,#8de3d017),#ffffff09;border:1px solid #fff5db14;border-radius:16px 20px 14px;margin-top:10px;padding:9px 11px;font-size:.84rem;line-height:1.38}.intro-fields{grid-template-columns:minmax(0,1fr) 96px;align-items:end;gap:10px;margin-top:12px;display:grid}.intro-chip-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.intro-chip{color:#eef5ffd6;letter-spacing:.04em;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px 18px;align-items:center;min-height:32px;padding:7px 11px;font-size:.77rem;display:inline-flex}.intro-story{background:linear-gradient(135deg,#f0c56b14,#7db9d80f),#ffffff0a;border:1px solid #fff5dc14;border-radius:22px 28px 20px;margin-top:16px;padding:16px 18px}.intro-story-kicker{letter-spacing:.18em;text-transform:uppercase;color:#ffe9b8b8;font-size:.72rem}.intro-story p{color:#f7f1e3db;margin:10px 0 0;line-height:1.7}.intro-field{margin-top:18px;display:block}.intro-fields .intro-field{margin-top:0}.intro-field span{letter-spacing:.12em;text-transform:uppercase;color:#ffecbfb8;margin-bottom:6px;font-size:.72rem;display:block}.intro-field input[type=text],.intro-field input[type=color]{color:#fff4d9;width:100%;font:inherit;background:#ffffff14;border:1px solid #fff1cf24;border-radius:14px 18px;padding:10px 12px}.intro-field input[type=text]:focus,.intro-field input[type=color]:focus{border-color:#aaeed875;outline:none;box-shadow:0 0 0 4px #8de3d01f}.intro-field input[type=color]{height:44px;padding:6px}.intro-swatches{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:8px;margin-top:10px;display:grid}.intro-swatch{appearance:none;background:radial-gradient(circle at 35% 35%, #ffffff8c, transparent 28%), var(--swatch-color);width:100%;min-height:34px;box-shadow:0 0 0 1px #ffffff1f, 0 0 20px color-mix(in srgb, var(--swatch-color) 46%, transparent);cursor:pointer;border:none;border-radius:12px 16px;transition:transform .12s,box-shadow .12s}.intro-swatch:hover{transform:translateY(-1px)scale(1.02)}.intro-swatch.is-selected{box-shadow:0 0 0 2px #fff7e1b3, 0 0 26px color-mix(in srgb, var(--swatch-color) 58%, transparent)}.intro-preview-wrap{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff0f;border-radius:24px 30px 22px;margin-top:14px;padding:12px}.intro-preview{--intro-accent:#f5d48b;background:radial-gradient(circle at 24% 46%, color-mix(in srgb, var(--intro-accent) 80%, white 20%), transparent 16%), radial-gradient(circle at 72% 32%, #ffffff2e, transparent 18%), linear-gradient(135deg, #ffffff1a, #ffffff05), linear-gradient(180deg, #111a32bd, #090e1beb);width:100%;min-height:96px;box-shadow:inset 0 0 0 1px #ffffff14, 0 0 34px color-mix(in srgb, var(--intro-accent) 32%, transparent);border-radius:28px 34px 24px;flex-direction:column;justify-content:flex-end;padding:14px;display:flex}.intro-preview-name{font-size:1.18rem;font-family:var(--font-display);font-variation-settings:"SOFT" 120;letter-spacing:.04em;font-weight:700}.intro-preview-caption{text-transform:uppercase;letter-spacing:.18em;color:#fff2d5b8;margin-top:6px;font-size:.78rem}.intro-tips{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.intro-tips span{background:linear-gradient(135deg, color-mix(in srgb, var(--intro-accent,#8de3d0) 16%, transparent), #ffffff0a), #ffffff0b;color:#ebf7f5e0;border:1px solid #fff1cf1a;border-radius:11px 14px 10px;align-items:center;min-height:28px;padding:5px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.intro-narration{background:linear-gradient(135deg,#6ea58f2e,#7db9d81f),radial-gradient(circle at 100% 0,#f0c56b1f,#0000 46%);border:1px solid #c8e6db29;border-radius:16px 20px 14px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 11px;display:flex}.intro-narration-status{color:#f3f7f1e6;margin:0;font-size:.8rem;line-height:1.35}.intro-narration-actions{flex:none;gap:8px;margin-top:0;display:flex}.intro-narration-actions button,.farewell-actions button,.completion-actions button{appearance:none;color:#fff4d9;min-height:36px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff1cf24;border-radius:14px 18px 13px;padding:0 12px;font-weight:700;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,opacity .12s}.intro-narration-actions button:disabled,.farewell-actions button:disabled,.completion-actions button:disabled{opacity:.55;cursor:default}.intro-narration-actions button:not(:disabled):hover,.farewell-actions button:not(:disabled):hover,.completion-actions button:not(:disabled):hover{border-color:#ffffff38;transform:translateY(-1px)}.intro-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.intro-actions button{appearance:none;color:#fff4d9;min-height:40px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff1cf24;border-radius:14px 18px 13px;flex:130px;padding:0 14px;font-weight:700;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s}.intro-actions button:hover{border-color:#ffffff38;transform:translateY(-1px)}.intro-actions button[type=submit]{background:linear-gradient(135deg,#f0c56b47,#6ea58f38)}.intro-review-button{background:linear-gradient(135deg,#8bcdbf2e,#719cce29)}.farewell-overlay{z-index:980;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at top,#f0c56b29,#0000 28%),radial-gradient(circle at 82% 16%,#7db9d824,#0000 24%),#03070f99;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:fixed;inset:0}.farewell-overlay.is-hidden{opacity:0;pointer-events:none}.farewell-panel{background:linear-gradient(#122832f5,#070c16f0);border:1px solid #f6e0b62e;border-radius:32px 40px 28px 38px;width:min(480px,100vw - 24px);padding:24px;box-shadow:0 24px 64px #02061775,0 0 48px #7db9d81f}.farewell-kicker{font-size:.74rem;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#ffe6b0b8}.farewell-title{font-family:var(--font-display);margin:12px 0 0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:.98}.farewell-copy{color:#fff4dbd6;margin:12px 0 0;line-height:1.7}.farewell-destination{color:#d6f5e9eb;background:linear-gradient(135deg,#6ea58f24,#7db9d81a);border:1px solid #cce5df24;border-radius:18px 24px 16px 22px;margin-top:14px;padding:12px 14px}.farewell-status{color:#ffeabce0;min-height:1.4em;margin:14px 0 0}.farewell-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.farewell-souvenir-button{background:radial-gradient(circle at 24% 18%,#ffffff2e,#0000 32%),linear-gradient(135deg,#8de3d03d,#f0c56b2e)!important}.farewell-actions button:last-child{background:linear-gradient(135deg,#f0c56b47,#6ea58f38)}.completion-overlay{z-index:975;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 24% 16%,#8de3d02e,#0000 28%),radial-gradient(circle at 76% 20%,#f0c56b29,#0000 24%),#03070f94;place-items:center;padding:24px;transition:opacity .18s;display:grid;position:fixed;inset:0}.completion-overlay.is-hidden{opacity:0;pointer-events:none}.completion-panel{background:linear-gradient(#153031f5,#080e18f0);border:1px solid #f6e0b633;border-radius:30px 38px 28px 36px;width:min(520px,100vw - 24px);padding:24px;box-shadow:0 24px 64px #02061775,0 0 48px #8de3d024}.completion-kicker{font-size:.74rem;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#ffe6b0b8}.completion-title{font-family:var(--font-display);margin:12px 0 0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1}.completion-copy{color:#fff4dbd6;margin:12px 0 0;line-height:1.7}.completion-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.completion-actions button:nth-child(2){background:linear-gradient(135deg,#f0c56b47,#6ea58f38)}.hud-buttons button:focus-visible,.hud-help-toggle:focus-visible,.hud-credits-link:focus-visible,.intro-actions button:focus-visible,.intro-narration-actions button:focus-visible,.farewell-actions button:focus-visible,.completion-actions button:focus-visible,.intro-swatch:focus-visible,.intro-field input:focus-visible{outline-offset:3px;outline:3px solid #fff0ccf0}.jam-badge{z-index:10000;color:#111827;font-family:var(--font-ui);background:#ffffffeb;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;position:fixed;bottom:12px;right:12px;box-shadow:0 14px 30px #050b193d}@media (width<=720px){.hud-header{width:calc(100vw - 24px);max-height:calc(100vh - 190px);top:12px;left:12px;right:12px}.hud-help-toggle{min-height:40px;padding-inline:15px;top:12px;right:12px}.hud-corner{width:min(320px,100vw - 24px);inset:64px 12px auto auto}.hud-journey{grid-template-columns:80px minmax(0,1fr)}.hud-journey-ring{width:74px;height:74px}.hud-world-track{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-prompt{min-width:calc(100vw - 24px);padding-inline:16px;bottom:58px}.dialogue-panel{width:calc(100vw - 24px);bottom:114px}.intro-panel{padding:22px}.intro-title{font-size:1.82rem}.intro-fields{grid-template-columns:1fr}.intro-narration{flex-direction:column;align-items:stretch}.intro-actions,.intro-narration-actions,.farewell-actions{flex-direction:column}.hud-buttons{grid-template-columns:1fr}.jam-badge{font-size:12px;bottom:8px;right:8px}}