@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f9f4e9;font-synthesis:none;--night:#07101f;--panel:#091222d6;--panel-solid:#111c2e;--paper:#f3ead8;--ink:#1f2733;--gold:#f6c877;--gold-light:#ffe7ad;--teal:#70d3c2;--rose:#e68b9e;--muted:#b7c0cd;--line:#ffffff21;background:#07101f;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}.game-shell,.invitation-screen,.loading-screen{min-height:100vh;isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}.city-backdrop{z-index:-2;background:#07101f;position:fixed;inset:0}.city-image{background-image:linear-gradient(90deg,#040a17d6 0%,#050c197a 33%,#040a141f 70%),linear-gradient(#0000 58%,#030812ad),url(/art/dvoe-city-hero-v1.png);background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate breathe;position:absolute;inset:-2%;transform:scale(1.025)}.city-backdrop:after{content:"";background:radial-gradient(circle at 72% 38%,#0000 0 18%,#0308120f 48%,#0308128c 100%),linear-gradient(#02071033,#02071075);position:absolute;inset:0}.stars{opacity:.42;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.4px);background-size:83px 83px;animation:24s linear infinite star-drift;position:absolute;inset:0}.mist{filter:blur(54px);opacity:.12;background:#b8d9ff;border-radius:50%;width:60vw;height:20vh;position:absolute}.mist-one{animation:22s ease-in-out infinite alternate mist;top:58%;left:-15vw}.mist-two{animation:28s ease-in-out 3s infinite alternate-reverse mist;top:22%;right:-20vw}.topbar{height:88px;padding:max(18px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) 16px max(32px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050a16b8,#050a1629);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:baseline;gap:14px;display:flex}.brand-mark{letter-spacing:.16em;color:var(--paper);font:400 clamp(26px,3vw,38px)/1 Prata,serif}.brand-subtitle{color:#cdd5df;letter-spacing:.13em;text-transform:uppercase;font-size:12px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a12218f;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:10px 15px;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px}.connection{border:1px solid var(--line);color:#d5dbe5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a12218f;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:10px 15px;font-size:13px;display:inline-flex}.connection i{background:#f1b06a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px}.connection.online i{background:#6ae0ae}.play-layout{grid-template-columns:minmax(0,1fr) minmax(340px,430px);min-height:calc(100dvh - 88px);display:grid}.story-stage{flex-direction:column;justify-content:flex-end;gap:28px;min-width:0;padding:7vh clamp(28px,5vw,84px) 6vh;display:flex;position:relative}.world-layer{z-index:0;background:#07111f;position:absolute;inset:0;overflow:hidden}.world-layer canvas{touch-action:pan-y;display:block}.story-stage.puzzle-active .world-layer canvas{touch-action:none}.flat-world{background:linear-gradient(90deg,#040a17b8,#040a170d),url(/art/dvoe-city-hero-v1.png) 50%/cover;position:absolute;inset:0}.world-loading{color:#dce4ee;place-items:center;display:grid}.world-loading span{background:#07111fb8;border-radius:999px;padding:9px 14px}.world-vignette{z-index:1;pointer-events:none;background:linear-gradient(#0000 44%,#03081280 78%,#030812f0);position:absolute;inset:0}.stage-copy{z-index:2;pointer-events:none;text-shadow:0 2px 22px #000000b8;max-width:650px;position:relative}.eyebrow,.panel-kicker,.task-label{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.stage-copy h1{letter-spacing:-.04em;text-wrap:balance;max-width:12ch;margin:0;font:400 clamp(46px,6.8vw,104px)/.97 Prata,serif}.stage-copy>p:last-child{color:#e4e7ec;max-width:55ch;margin:22px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.65}.chapter-ribbon{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#09101de6,#121b2ab8);border:1px solid #f6c87761;border-radius:4px 18px 18px 4px;grid-template-columns:auto 1fr;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content;padding:13px 19px;display:grid;position:relative;box-shadow:0 16px 50px #0000003d}.world-message{z-index:3;color:#dffbf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07111fe0;border:1px solid #65dda959;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:10px 15px;font-size:13px;position:absolute;top:22px;left:50%;translate:-50%}.world-toolbar{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.world-toolbar span,.world-toolbar button{color:#e8edf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07111fc2;border:1px solid #ffffff29;border-radius:999px}.world-toolbar span{padding:9px 14px;font-size:12px}.world-toolbar button{pointer-events:auto;min-height:48px;color:var(--gold-light);padding:9px 16px}.world-toolbar-actions{pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.world-toolbar-actions button{pointer-events:auto}.puzzle-expand-button{background:#533c22e0!important;border-color:#f6c8777a!important}.story-stage.exploring{z-index:30;min-height:100dvh;padding:0;position:fixed;inset:0}.story-stage.exploring .stage-copy,.story-stage.exploring .chapter-ribbon{display:none}.story-stage.exploring .world-vignette{background:linear-gradient(#03081247,#0000 28% 72%,#03081259)}.world-open{overflow:hidden}.story-stage.puzzle-active .stage-copy,.story-stage.puzzle-active .chapter-ribbon{display:none}.story-stage.puzzle-active .world-vignette{background:radial-gradient(circle,#0000 45%,#02080d42 100%)}.story-stage.puzzle-expanded{z-index:31;min-height:100dvh;padding:0;position:fixed;inset:0}.story-stage.puzzle-expanded .world-vignette{background:radial-gradient(circle,#0000 55%,#02080d59 100%)}.puzzle-open{overflow:hidden}.quality-glyph{min-width:24px;color:var(--gold-light);letter-spacing:.04em;place-items:center;font-size:11px;font-weight:800;display:grid}.chapter-ribbon span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.chapter-ribbon strong{font:400 17px/1.3 Prata,serif}.quest-panel{overscroll-behavior:contain;background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);border-left:1px solid #ffffff1f;align-self:stretch;min-height:0;padding:28px;overflow-y:auto;box-shadow:-30px 0 80px #00000038}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.panel-head h2{margin:0;font:400 30px/1.1 Prata,serif}.panel-kicker{color:#9faabc;margin-bottom:7px}.partner-badge{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:7px 11px;font-size:13px;display:flex}.partner-badge span{background:#657084;border-radius:50%;width:8px;height:8px}.partner-badge span.online{background:#65dda9;box-shadow:0 0 9px #65dda9cc}.phase-content{padding:26px 0 max(28px, env(safe-area-inset-bottom))}.phase-content h3{margin:0 0 11px;font:400 27px/1.2 Prata,serif}.muted{color:var(--muted);font-size:14px;line-height:1.62}.participant-list{gap:10px;margin:24px 0;display:grid}.participant-card{border:1px solid var(--line);background:#ffffff09;border-radius:15px;grid-template-columns:46px 1fr 10px;align-items:center;gap:12px;min-height:68px;padding:10px 15px 10px 10px;display:grid}.participant-card .avatar{width:46px;height:46px;color:var(--gold-light);background:linear-gradient(145deg,#2d4d64,#17283d);border-radius:13px;place-items:center;font:400 20px Prata,serif;display:grid}.participant-card div{flex-direction:column;gap:4px;display:flex}.participant-card small{color:#909caf}.participant-card>i{background:#647084;border-radius:50%;width:9px;height:9px}.participant-card.ready{background:#66dda912;border-color:#66dda954}.participant-card.ready>i{background:#65dda9;box-shadow:0 0 10px #65dda9b3}.primary-button,.secondary-button,.text-button,.hint-toggle{border:0;min-height:50px}.primary-button{color:#17202d;background:linear-gradient(135deg,#ffe7ad,#efb65e);border-radius:14px;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:18px;padding:13px 18px;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 32px #e8ad5033,inset 0 1px #ffffffbf}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 38px #e8ad504d,inset 0 1px #ffffffbf}.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.secondary-button{width:100%;color:var(--gold-light);background:#f6c87714;border:1px solid #f6c87752;border-radius:12px;padding:11px 14px}.text-button{width:100%;color:var(--muted);text-underline-offset:4px;background:0 0;text-decoration:underline}.door-board{height:260px;margin:20px auto 10px;position:relative}.door-outline{border:3px solid #f6c87780;border-bottom:0;border-radius:80px 80px 0 0;position:absolute;inset:12px 21% 0;box-shadow:inset 0 0 38px #f6c87717,0 0 24px #f6c87714}.door-outline:after{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 12px var(--gold);border-radius:50%;position:absolute;top:54%;right:20px}.door-mark{width:50px;height:50px;color:var(--gold-light);background:#0d1a2ceb;border:1px solid #f6c8778c;border-radius:50%;position:absolute;box-shadow:0 0 24px #f6c8772e}.door-mark.marked{background:var(--gold);color:#142033}.mark-1{bottom:18%;left:17%}.mark-2{top:0;left:calc(50% - 25px)}.mark-3{bottom:18%;right:17%}.shared-progress{background:#ffffff14;border-radius:999px;height:5px;margin:18px 0 3px;overflow:hidden}.shared-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold));height:100%;transition:width .35s;display:block}.bell-control{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#f6c8771f,#0000 52%),#ffffff06;border-radius:22px;align-content:center;place-items:center;gap:10px;width:100%;min-height:210px;margin:22px 0;display:grid}.bell-control svg{fill:#f6c8771a;width:86px;stroke:var(--gold);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.bell-control.active svg{filter:drop-shadow(0 0 18px #f6c87799);transform:rotate(8deg)}.private-clue{background:#45948f14;border:1px solid #70d3c240;border-radius:15px;margin:18px 0;padding:16px 17px}.private-clue>span{color:var(--teal);text-transform:uppercase;letter-spacing:.13em;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.private-clue p{margin:7px 0;line-height:1.5}.puzzle-briefing{gap:10px;margin:17px 0 20px;display:grid}.puzzle-story{border-left:3px solid var(--gold);color:#e8e3d8;background:linear-gradient(90deg,#f6c8771f,#f6c87706);border-radius:0 14px 14px 0;margin:0;padding:15px 17px;line-height:1.58}.puzzle-story b{color:var(--gold-light)}.puzzle-objective{background:#45948f12;border:1px solid #70d3c23d;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:12px 14px;display:grid}.puzzle-objective span,.puzzle-role span{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.puzzle-objective strong{color:#edf8f4;font-size:13px;line-height:1.4}.puzzle-role{color:var(--muted);grid-template-columns:auto 1fr;gap:10px;margin:0;padding:3px 2px;font-size:12px;line-height:1.45;display:grid}.puzzle-role span{white-space:nowrap}.puzzle-how{border:1px solid var(--line);background:#ffffff06;border-radius:14px;overflow:hidden}.puzzle-how-toggle{width:100%;min-height:46px;color:var(--gold-light);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:flex}.puzzle-how-toggle:after{content:"+";color:var(--gold);margin-left:auto;font-size:20px;font-weight:400}.puzzle-how.open .puzzle-how-toggle:after{content:"−"}.puzzle-how ol{gap:8px;margin:0;padding:0 14px 12px;list-style:none;display:grid}.puzzle-how li{color:#d8dee7;grid-template-columns:27px 1fr;align-items:center;gap:9px;font-size:12px;line-height:1.45;display:grid}.puzzle-how li b{width:27px;height:27px;color:var(--gold);border:1px solid #f6c87759;border-radius:50%;place-items:center;display:grid}.puzzle-how-body>p{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:11px 14px 13px;font-size:11px;line-height:1.5}.puzzle-how-body>p b{color:#dfe9e7}.p01-progress{background:#040f1961;border:1px solid #f6c8772e;border-radius:12px;grid-template-columns:1fr auto;gap:4px 12px;margin:18px 0 -9px;padding:11px 13px;display:grid}.p01-progress span{color:var(--muted);font-size:11px}.p01-progress strong{color:var(--gold-light);font-size:11px}.p01-progress small{color:#aeb8c6;grid-column:1/-1;font-size:10px;line-height:1.4}.p01-progress.complete{background:#45948f14;border-color:#70d3c259}.p01-progress.complete strong{color:var(--teal)}.p01-board{background:#0000001a;border:1px solid #f6c8771f;border-radius:17px;padding:8px}.slot-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.puzzle-slot{background:linear-gradient(145deg,#f6c87712,#ffffff05);border:1px solid #f6c87740;border-radius:13px;min-width:0;min-height:94px;position:relative}.puzzle-slot.targetable:not(:disabled){border-color:var(--gold);box-shadow:inset 0 0 0 1px #f6c8772e,0 0 18px #f6c87714}.puzzle-slot>small{color:#8e9bad;font-size:10px;position:absolute;top:7px;left:9px}.empty-slot{color:#6d798d;font-size:26px;font-weight:300}.piece{place-items:center;gap:3px;display:grid}.piece b{color:var(--gold);text-shadow:0 0 15px #f6c87766;font-size:26px;line-height:1}.piece small{color:#d8dde5;font-size:9px}.piece-with-image{width:100%}.piece-with-image img{aspect-ratio:59/96;object-fit:cover;background:#f7f2eb;border:1px solid #f6c87757;border-radius:4px;width:min(42px,68%);margin:0 auto 3px;display:block;box-shadow:0 5px 12px #00000047}.puzzle-slot .piece-with-image img{width:min(47px,72%)}.piece.dimmed{opacity:.74}.piece-heart b{color:var(--rose)}.piece-moon b{color:#d8d1ff}.piece-paw b{color:var(--teal)}.piece-tray{justify-content:space-between;align-items:center;gap:12px;padding:13px 0 5px;display:flex}.piece-tray>span{color:var(--muted);font-size:12px}.piece-tray>div{gap:8px;display:flex}.piece-button{border:1px solid var(--line);background:#ffffff09;border-radius:12px;min-width:70px;min-height:68px;padding:7px}.piece-button.selected{border-color:var(--gold);background:#f6c8771c;transform:translateY(-2px)}.confirm-row{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.ready-dots{gap:5px;margin-top:18px;display:flex}.ready-dots span{border:1px solid var(--line);color:#8591a4;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.ready-dots span.ready{color:#0c1c20;background:#65dda9;border-color:#65dda9}.hint-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.hint-toggle{color:var(--gold-light);background:0 0;align-items:center;gap:9px;padding:8px 0;display:flex}.hint-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px}.hint-body{gap:9px;padding:10px 0;display:grid}.hint-body p{color:var(--muted);grid-template-columns:26px 1fr;gap:9px;margin:0;font-size:13px;line-height:1.5;display:grid}.hint-body p b{width:24px;height:24px;color:var(--gold);background:#f6c87724;border-radius:50%;place-items:center;display:grid}.memory-date{color:var(--gold);letter-spacing:.12em;font-size:13px}.memory-frame{background:radial-gradient(circle at 50% 18%,#f6c8771f,#0000 55%),#081321;border:1px solid #f6c87757;border-radius:20px;max-height:58vh;margin:16px 0;padding:10px;position:relative;overflow:hidden;box-shadow:0 22px 52px #0000006b,inset 0 0 0 1px #ffffff06}.memory-frame:after{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:10px;box-shadow:inset 0 0 28px #09132121}.memory-frame img{object-fit:contain;image-rendering:auto;border-radius:12px;width:100%;max-height:calc(58vh - 20px);display:block}.memory-dialog{border:1px solid var(--line);background:var(--night);border-radius:16px;width:min(960px,96vw);max-height:94dvh;padding:16px}.memory-dialog::backdrop{background:#000000db}.memory-dialog img{width:100%;height:auto;margin-top:16px;display:block}.memory-dialog>button{background:var(--panel-solid);position:sticky;top:0}.finale-home,.finale-music,.finale-notes,.finale-epilogue{padding-bottom:max(30px,env(safe-area-inset-bottom))}.finale-photo{background:#0b1725;border:1px solid #f6c87747;border-radius:18px;margin:17px 0;overflow:hidden;box-shadow:0 18px 40px #0000004d}.finale-photo img{object-fit:contain;width:100%;max-height:42vh;display:block}.finale-wait{gap:8px;margin:14px 0;display:flex}.finale-wait span{border:1px solid var(--line);min-width:68px;color:var(--muted);text-align:center;border-radius:999px;padding:8px 12px;font-size:11px}.finale-wait span.ready{color:#bff7de;background:#65dda91f;border-color:#65dda9}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.record-card{border:1px solid var(--line);text-align:center;background:linear-gradient(145deg,#f6c87712,#ffffff06);border-radius:18px;align-content:start;justify-items:center;gap:10px;min-width:0;min-height:228px;padding:15px 12px;display:grid}.record-card.open{border-color:#f6c8776b;box-shadow:inset 0 0 28px #f6c87712}.record-card strong{color:#fff0d0;font-size:13px}.record-card small{min-height:35px;color:var(--muted);font-size:10px;line-height:1.45}.record-card button{min-height:48px;color:var(--gold-light);background:#f6c8771a;border:1px solid #f6c87759;border-radius:11px;padding:8px 11px;font-size:11px}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#202330 0 5px,#0b0d14 6px 8px);border-radius:50%;place-items:center;width:98px;transition:transform .5s;display:grid;box-shadow:0 12px 24px #00000061}.record-card.open .vinyl{transform:rotate(18deg)}.vinyl i{aspect-ratio:1;background:#e9d4aa;border:8px solid #be7f75;border-radius:50%;width:29px}.music-settings{background:#0716216b;border:1px solid #70d3c233;border-radius:17px;gap:13px;margin:18px 0;padding:15px;display:grid}.music-settings>div>span,.music-settings legend{color:#d7e8e5;font-size:12px;font-weight:700}.music-settings fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.music-settings legend{grid-column:1/-1;margin-bottom:8px}.music-settings fieldset button{border:1px solid var(--line);color:#e9edf3;background:#ffffff0a;border-radius:12px;min-height:48px}.music-settings fieldset button.selected{border-color:var(--gold);color:var(--gold-light);background:#f6c87726}.empty-music,.music-ready,.dance-card{background:linear-gradient(135deg,#382330b3,#091c28bf);border:1px solid #f6c87740;border-radius:17px;gap:10px;margin-top:16px;padding:18px;display:grid}.empty-music p,.music-ready p,.dance-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.dance-card{text-align:center}.dance-card audio{width:100%;min-height:48px}.dance-lights{color:var(--gold);letter-spacing:.3em;text-shadow:0 0 16px #f6c877b3;font-size:25px}.music-skip{justify-items:center;gap:8px;margin-top:4px;display:grid}.music-skip .secondary-button{width:min(100%,420px)}.music-skip .finale-wait{margin:2px 0 0}.finale-notes label{color:#f0dfbd;gap:9px;margin:18px 0;font-size:13px;line-height:1.45;display:grid}.finale-notes textarea{resize:vertical;color:#f6f1e9;width:100%;min-height:132px;caret-color:var(--gold);background:#050d18a8;border:1px solid #f6c87740;border-radius:14px;padding:14px;font:15px/1.55 Manrope,sans-serif}.finale-notes textarea:focus{outline-offset:2px;outline:2px solid #f6c8778c}.note-count{color:var(--muted);text-align:right;font-size:11px}.note-count.over{color:#ffbdca}.sealed-note{color:#281c20;background:linear-gradient(145deg,#e3c999,#b3846c);border:1px solid #f6c8774d;border-radius:18px;place-items:center;gap:8px;min-height:210px;margin:22px 0;font:24px Prata,serif;display:grid;box-shadow:0 20px 42px #00000047}.sealed-note:before{content:"✦";font-size:42px}.sealed-note span{letter-spacing:.06em;text-transform:uppercase;font:700 11px Manrope,sans-serif}.final-line{color:var(--gold-light);margin:14px 0 22px;font:30px/1.25 Prata,serif}.revealed-notes{gap:12px;margin:20px 0;display:grid}.revealed-notes article{background:linear-gradient(145deg,#faebca1f,#ffffff06);border:1px solid #f6c87738;border-radius:15px;padding:18px}.revealed-notes strong{color:var(--gold-light)}.revealed-notes p{color:#eef1f0;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.6}.empty-answer{color:var(--muted);font-style:italic}.album-head{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:12px;margin:28px 0 12px;padding-top:18px;display:flex}.album-head span{color:#f7ead0;font:22px Prata,serif}.album-head small{color:var(--muted)}.final-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.final-album button{border:1px solid var(--line);color:#f5ead6;text-align:left;background:#0c1725;border-radius:14px;min-width:0;min-height:150px;padding:0;overflow:hidden}.final-album img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.final-album span{padding:10px 11px;font-size:11px;display:block}.finale-dialog[open]{z-index:20;position:fixed;inset:2dvh auto auto 50%;overflow:auto;translate:-50%}.finale-dialog h4{color:var(--gold-light);margin:15px 0 5px;font:24px Prata,serif}.finale-dialog p{color:var(--muted)}@media (max-width:430px){.record-grid{grid-template-columns:1fr}.record-card{text-align:left;grid-template-columns:92px 1fr;place-items:center start;min-height:132px}.record-card .vinyl{grid-row:1/4;width:80px}.music-settings{padding:12px}.final-album{grid-template-columns:1fr}.final-line{font-size:25px}}@media (min-width:1024px) and (min-height:561px){.play-layout{height:calc(100dvh - 88px);min-height:0}.story-stage{gap:20px;min-height:0;padding-block:30px}.stage-copy h1{font-size:clamp(44px,5.4vw,82px)}.quest-panel{scrollbar-width:thin;scrollbar-color:#66778a transparent}}.error-toast{color:#ffd7df;background:#4c1726f2;border:1px solid #e68b9e59;border-radius:12px;padding:12px 14px;font-size:13px;position:sticky;bottom:10px}.route-progress{grid-template-columns:1fr auto;align-items:center;gap:10px;margin:10px 0 2px;display:grid}.route-progress>div{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.route-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold));height:100%;transition:width .35s;display:block}.route-progress small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0;display:grid}.choice-grid button,.program-line button,.order-editor button{border:1px solid var(--line);color:#e9edf3;background:#ffffff0b;border-radius:12px;min-height:48px}.choice-grid button.selected{border-color:var(--gold);color:var(--gold-light);background:#f6c87729;box-shadow:inset 0 0 0 2px #f6c87714}.program-editor{gap:12px;margin:14px 0;display:grid}.program-line{border:1px dashed #f6c87747;border-radius:14px;flex-wrap:wrap;gap:7px;min-height:58px;padding:10px;display:flex}.program-line button{min-height:38px;color:var(--gold-light);padding:7px 10px}.clock-editor{border:1px solid var(--line);background:#050c186b;border-radius:16px;gap:11px;margin:15px 0;padding:18px;display:grid}.clock-editor strong{text-align:center;color:var(--gold-light);font-variant-numeric:tabular-nums;font:400 44px/1 Prata,serif}.clock-editor input{width:100%;accent-color:var(--gold)}.order-editor{gap:8px;margin:15px 0;display:grid}.order-editor>div{border:1px solid var(--line);background:#ffffff09;border-radius:13px;grid-template-columns:1fr 48px 48px;align-items:center;gap:7px;min-height:54px;padding:7px 8px 7px 14px;display:grid}.order-editor button{min-height:40px}.postcard-grid,.sign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.postcard-grid>button,.sign-grid>div{border:1px solid var(--line);color:#e9edf3;text-align:left;background:#ffffff09;border-radius:13px;gap:5px;min-height:104px;padding:11px;display:grid}.postcard-grid>button.selected{border-color:var(--gold);background:#f6c87726}.postcard-grid span,.sign-grid small{color:var(--muted);font-size:11px}.sign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sign-grid button,.sign-grid select{border:1px solid var(--line);color:#eef2f6;background:#111c2e;border-radius:9px;min-height:38px;padding:5px}.mini-map{aspect-ratio:1;grid-template-columns:repeat(7,1fr);gap:3px;width:min(260px,100%);margin:12px auto;display:grid}.mini-map i{opacity:.3;background:#142436;border-radius:3px;position:relative}.mini-map i.visible{opacity:1;background:#263a4a}.mini-map i.open{background:#65dda98c;box-shadow:0 0 8px #65dda93d}.mini-map i.player:after{content:"";background:var(--gold);box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;inset:25%}.maze-sign{color:var(--gold-light);background:#f6c87712;border:1px solid #f6c87747;border-radius:10px;padding:10px 12px}.direction-pad{grid-template-columns:repeat(3,54px);justify-content:center;gap:7px;margin:12px 0;display:grid}.direction-pad button{border:1px solid var(--line);min-height:50px;color:var(--gold-light);background:#ffffff0d;border-radius:12px;font-size:22px}.direction-pad button:first-child,.direction-pad button:last-child{grid-column:2}.plate-board,.cable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.plate-board>button,.cable-grid button{border:1px solid var(--line);min-height:88px;color:var(--gold-light);background:#ffffff0a;border-radius:13px;place-items:center;gap:5px;display:grid}.plate-board>button span,.cable-grid button span{font-size:34px;transition:transform .18s;display:block}.plate-board .choice-grid{grid-column:1/-1}.visual-clue{border-top:1px solid #70d3c22e;gap:8px;min-width:0;margin-top:14px;padding-top:12px;display:grid;overflow:hidden}.visual-clue>strong{color:#dff4ef;font-size:12px}.visual-clue svg{width:100%;max-height:170px;overflow:visible}.visual-clue svg rect,.visual-clue svg polygon,.visual-clue svg path{fill:#70d3c20f;stroke:#83d7ca;stroke-width:2px}.visual-clue svg polyline{fill:none;stroke:#f6c877;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.visual-clue svg text{fill:#f4e5c7;text-anchor:middle;font:700 11px Manrope,sans-serif}.visual-clue small{color:var(--muted);line-height:1.5}.edge-clues{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.edge-clues p{border:1px solid #70d3c22e;border-radius:9px;gap:3px;margin:0;padding:9px;display:grid}.edge-clues b{color:#fff0cd;font-size:11px}.edge-clues span{color:#bfe5dd;font-size:10px}@media (max-width:430px){.postcard-grid,.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.invitation-screen{padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));place-items:center;display:grid}.invitation-card{-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:#08101ed1;border:1px solid #ffffff24;border-radius:28px;width:min(520px,100%);padding:clamp(26px,5vw,52px);box-shadow:0 40px 100px #0000007a}.invitation-card h1{letter-spacing:-.035em;max-width:10ch;margin:0;font:400 clamp(38px,7vw,62px)/1.04 Prata,serif}.invitation-card>p:not(.eyebrow,.form-error){color:#cbd3de;line-height:1.65}.invitation-card label{color:#dce1e8;gap:8px;margin-top:28px;font-size:13px;display:grid}.invitation-card input{color:#fff;background:#ffffff0e;border:1px solid #ffffff2e;border-radius:13px;width:100%;min-height:54px;padding:0 15px;font-size:16px}.invitation-card small{color:#8f9bad;margin-top:18px;line-height:1.5;display:block}.form-error{color:#ffbdca;font-size:13px}.release-countdown{background:#f6c87712;border:1px solid #f6c87747;border-radius:14px;gap:5px;margin-top:15px;padding:15px;display:grid}.release-countdown span,.release-countdown small{color:var(--muted);font-size:11px}.release-countdown strong{color:var(--gold-light);font-variant-numeric:tabular-nums;font:24px Prata,serif}.loading-screen{color:#dce4ee;align-content:center;place-items:center;gap:20px;display:grid}.loader-mark{letter-spacing:.18em;font:400 42px Prata,serif;position:relative}.loader-mark span{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:1.4s infinite pulse;position:absolute;top:-7px;right:-15px;box-shadow:0 0 18px 6px #f6c87759}.loading-screen p{color:#aeb8c6}.organizer-login h1{max-width:13ch}.admin-back{color:var(--muted);margin-top:18px;font-size:12px;display:inline-block}.admin-shell{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#edf1f3;background:radial-gradient(circle at 80% 0,#38707733,#0000 35%),#08111f}.admin-shell>header,.admin-shell>main{width:min(1180px,100%);margin-inline:auto}.admin-shell>header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.admin-shell>header h1{margin:0;font:clamp(34px,5vw,60px)/1.05 Prata,serif}.admin-shell>header>div:last-child{gap:8px;display:flex}.admin-shell a.secondary-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.admin-shell>main{gap:18px;display:grid}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-stats article,.admin-panel{border:1px solid var(--line);background:#0f1d2dc7;border-radius:18px;box-shadow:0 18px 42px #0003}.admin-stats article{gap:7px;min-height:132px;padding:18px;display:grid}.admin-stats span,.admin-stats small{color:var(--muted);font-size:11px}.admin-stats strong{color:var(--gold-light);font:22px/1.25 Prata,serif}.admin-panel{padding:20px}.admin-title{justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px;display:flex}.admin-title h2,.danger-zone h2{margin:3px 0 0;font:27px Prata,serif}.admin-title>span{color:var(--muted);font-size:12px}.admin-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-players article{background:#70d3c20b;border:1px solid #70d3c22e;border-radius:13px;gap:5px;padding:15px;display:grid}.admin-players span{color:#bff7de;font-size:12px}.admin-players small{color:var(--muted)}.admin-media{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-media>div{border:1px solid var(--line);border-radius:11px;grid-template-columns:10px 1fr;align-items:center;gap:3px 9px;min-width:0;padding:11px;display:grid}.admin-media i{background:#e8899b;border-radius:50%;grid-row:1/3;width:8px;height:8px}.admin-media .available i{background:#65dda9}.admin-media span{color:#e8edf0;text-overflow:ellipsis;font-size:11px;overflow:hidden}.admin-media small{color:var(--muted);font-size:9px}.admin-success{color:#bff7de;background:#65dda917;border:1px solid #65dda94d;border-radius:12px;width:min(1180px,100%);margin:0 auto 16px;padding:13px 15px}.danger-zone{border-color:#e8899b38}.danger-zone p:not(.task-label){color:var(--muted);line-height:1.6}.danger-zone code{color:#ffd1da}.danger-zone input{color:#fff;background:#0a1525;border:1px solid #e8899b47;border-radius:11px;width:100%;min-height:50px;margin:8px 0 12px;padding:0 13px;font-size:16px}.danger-zone button{color:#ffd7df;background:#77243666;border:1px solid #e8899b6b;border-radius:11px;min-height:48px;padding:10px 15px}@media (max-width:760px){.admin-shell{padding-inline:14px}.admin-shell>header{flex-direction:column;align-items:start}.admin-stats,.admin-media{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.admin-stats,.admin-players,.admin-media{grid-template-columns:1fr}.admin-shell>header>div:last-child{width:100%}.admin-shell>header>div:last-child>*{flex:1}}@media (max-width:1023px){.game-shell{overflow:auto}.play-layout{grid-template-rows:minmax(300px,42svh) auto;grid-template-columns:1fr;min-height:calc(100dvh - 78px)}.topbar{height:78px;padding-inline:20px}.story-stage{min-height:42svh;padding:36px 22px 28px}.stage-copy h1{font-size:clamp(44px,11vw,78px)}.stage-copy>p:last-child{font-size:16px}.quest-panel{border-left:0;border-top:1px solid var(--line);padding:24px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-radius:26px 26px 0 0;overflow:visible}.city-image{background-position:62%}}@media (max-width:599px){.brand-subtitle,.desktop-only{display:none}.topbar{height:68px;padding:11px 14px}.brand-mark{font-size:27px}.icon-button{justify-content:center;min-width:48px;padding:10px}.connection{min-width:48px;max-width:154px;min-height:44px;padding:8px 11px;font-size:10px}.play-layout{grid-template-rows:minmax(250px,34svh) auto;min-height:calc(100dvh - 68px)}.story-stage{gap:17px;min-height:34svh;padding:24px 17px 20px}.stage-copy h1{font-size:clamp(36px,12vw,56px)}.stage-copy>p:last-child{display:none}.eyebrow{margin-bottom:8px;font-size:9px}.chapter-ribbon{grid-template-columns:1fr;gap:4px;width:100%;padding:10px 13px}.chapter-ribbon strong{font-size:14px}.quest-panel{padding-top:20px}.phase-content{padding-top:21px}.phase-content h3{font-size:24px}.slot-board{gap:5px}.puzzle-slot{min-height:82px}.piece b{font-size:22px}.piece small{font-size:8px}.piece-tray{flex-direction:column;align-items:flex-start}.piece-button{min-width:74px}.puzzle-story{font-size:13px}.puzzle-objective,.puzzle-role{grid-template-columns:1fr;gap:5px}.puzzle-how-toggle{min-height:48px}.piece-with-image img{width:min(39px,65%)}.puzzle-slot .piece-with-image img{width:min(43px,70%)}.door-board{height:230px}.world-toolbar{top:10px;left:10px;right:10px}.world-toolbar span{display:none}.world-toolbar button{margin-left:auto;padding-inline:13px;font-size:12px}.world-toolbar-actions{width:100%}.story-stage.puzzle-active:not(.puzzle-expanded){min-height:max(310px,40svh)}:is(.story-stage.puzzle-active:not(.puzzle-expanded):has(canvas[data-scene-puzzle=p14]),.story-stage.puzzle-active:not(.puzzle-expanded):has(canvas[data-scene-puzzle=p15])){min-height:max(400px,58svh)}:is(.story-stage.puzzle-active:has(canvas[data-scene-puzzle=p14]) .scene-interaction-badge,.story-stage.puzzle-active:has(canvas[data-scene-puzzle=p15]) .scene-interaction-badge){font-size:11px;line-height:1.35}.story-stage.puzzle-expanded .world-toolbar-actions button:last-child{display:none}}@media (orientation:landscape) and (max-height:560px){.game-shell{overflow:hidden}.topbar{height:62px;padding-block:8px}.play-layout{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(330px,43%);height:calc(100dvh - 62px);min-height:0}.story-stage{min-height:0;padding:22px 30px}.quest-panel{border-left:1px solid var(--line);border-top:0;border-radius:0;padding-block:18px;overflow-y:auto}.stage-copy h1{font-size:clamp(39px,7vw,70px)}.stage-copy>p:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes breathe{0%{transform:scale(1.025)translate(0,0)}to{transform:scale(1.055)translate(-.4%,.3%)}}@keyframes star-drift{to{transform:translate(16px,8px)}}@keyframes mist{0%{transform:translate(-4%)scale(.9)}to{transform:translate(12%)scale(1.1)}}@keyframes pulse{50%{opacity:.45;transform:scale(.7)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-stage{gap:16px;padding:28px 32px}.stage-copy h1{max-width:17ch;font-size:clamp(36px,3.6vw,58px);line-height:1.07}.stage-copy>p:last-child{max-width:49ch;margin-top:12px;font-size:14px;line-height:1.5}.world-toolbar button{min-height:48px}.scene-interaction-badge{z-index:2;color:#c8e6e0;letter-spacing:.01em;pointer-events:none;background:#091c27c2;border:1px solid #77d9d252;border-radius:999px;max-width:min(470px,100% - 40px);padding:9px 13px;font-size:11px;position:absolute;top:67px;left:20px;box-shadow:0 8px 22px #00000029}.scene-interaction-badge span{vertical-align:middle;background:#77d9d2;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #77d9d2e6}.world-explorer{z-index:3;pointer-events:none;position:absolute;inset:0}.world-place-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#112534d1;border:1px solid #d2e5f326;border-radius:18px;width:min(295px,28vw);padding:20px;position:absolute;top:94px;left:24px;box-shadow:0 12px 36px #05162526}.world-place-card .eyebrow{margin-bottom:12px;font-size:9px}.world-place-card h2{margin:0;font:400 29px/1.1 Prata,serif}.world-place-card p:not(.eyebrow){color:#c5d5dd;margin:12px 0 0;font-size:13px;line-height:1.65}.world-place-card small{color:#ebd5ad;border-top:1px solid #c7dae522;margin-top:16px;padding-top:12px;font-size:11px;line-height:1.6;display:block}.world-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#0c1e2deb;border:1px solid #b4d4e52b;border-radius:20px;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:10px;display:flex;position:absolute;bottom:48px;left:50%;translate:-50%;box-shadow:0 16px 36px #0004}.world-controls button,.world-controls select{color:#f3ecdf;background:#284556;border:1px solid #b4d4e52b;border-radius:12px;min-height:48px;padding:8px 14px;font-size:13px}.world-controls button:hover,.world-controls select:hover{background:#36566a;border-color:#f5ce83}.world-controls button.chosen{color:#243c4b;background:#ecd1a3;border-color:#ecd1a3}.world-controls button:disabled{opacity:.4}.world-destination{gap:8px;display:flex}.world-destination label{min-width:0}.world-destination select{cursor:pointer;text-overflow:ellipsis;width:205px}.world-camera-buttons{border-left:1px solid #aec9d62b;align-items:center;gap:8px;padding-left:16px;display:flex}.world-camera-buttons button{min-width:48px;padding-inline:6px;font-size:24px;line-height:1}.world-camera-buttons span{text-align:center;color:#bdcfd9;font-variant-numeric:tabular-nums;width:43px;font-size:11px}.world-legend{color:#d4e3e9;letter-spacing:.03em;text-shadow:0 1px 6px #122534;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);font-size:10px;display:flex;position:absolute;bottom:20px;left:50%;translate:-50%}.world-legend i{background:#f4ce8c;border-radius:50%;width:6px;height:6px}.world-legend span{color:#a9c1d0;margin-left:15px}@media (max-width:760px){.scene-interaction-badge{max-width:calc(100% - 24px);padding:7px 10px;font-size:9px;top:56px;left:12px}.world-place-card{width:min(330px,100% - 32px);padding:14px 16px;top:78px;left:16px}.world-place-card h2{font-size:23px}.world-place-card .eyebrow{margin-bottom:6px}.world-place-card p:not(.eyebrow){margin-top:7px;font-size:11px}.world-place-card small{margin-top:8px;padding-top:8px;font-size:10px}.world-controls{border-radius:17px;flex-direction:column;gap:8px;width:min(370px,100% - 24px);padding:8px;bottom:40px}.world-destination{width:100%}.world-destination>button{flex-shrink:0;padding-inline:10px}.world-destination label{flex:1}.world-destination select{width:100%}.world-camera-buttons{border-left:0;justify-content:space-between;width:100%;padding-left:0}.world-legend{font-size:9px;bottom:16px}.world-legend span{display:none}.story-stage{gap:12px;padding:22px 18px}.stage-copy h1{font-size:clamp(30px,7vw,44px)}.stage-copy>p:last-child,.stage-copy .eyebrow{display:none}}@media (max-height:580px) and (orientation:landscape){.world-place-card{display:none}.world-controls{flex-direction:row;width:max-content;bottom:16px}.world-legend{display:none}}
