:root{color-scheme:dark;--ivory:#f7ead3;--gold:#e9ad5a;--night:#100e24;--edge:rgba(247,221,171,.35)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--night);color:var(--ivory)}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:2px solid #ffe3a4;outline-offset:3px}#experience{position:relative;isolation:isolate;height:100svh;min-height:480px;overflow:hidden;background:radial-gradient(ellipse at 52% 53%,#343152 0,#17152b 56%,#0d0c1d 100%)}#theater{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.grain{position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:screen;background:repeating-linear-gradient(87deg,transparent 0 7px,rgba(231,208,169,.04) 7px 8px)}.masthead{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(20px,3.4vw,43px) clamp(18px,4.7vw,72px);pointer-events:none;text-shadow:0 2px 9px #090817}.brand{white-space:nowrap;letter-spacing:.25em;font-size:clamp(10px,.9vw,13px);font-weight:700}.brand-star{color:var(--gold);font-size:15px;letter-spacing:0;margin-right:11px}.edition{font-size:10px;letter-spacing:.22em;color:#d8c8ab;white-space:nowrap}.edition-dot{color:var(--gold);margin:0 .45em}.opening{position:absolute;top:16%;left:50%;width:min(90%,580px);transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:2;transition:opacity .9s,transform .9s;text-shadow:0 3px 28px #05051a}.opening.faded{opacity:0;transform:translate(-50%,-17px)}.opening-kicker{font-size:11px;letter-spacing:.42em;color:#f6c47b}.opening-line{font-family:Georgia,serif;font-style:italic;font-size:clamp(20px,2.5vw,39px);font-weight:400;letter-spacing:.012em}.center-message{position:absolute;top:21%;left:50%;z-index:3;transform:translate(-50%,-5px);width:min(90vw,760px);text-align:center;font-family:Georgia,serif;font-size:clamp(26px,4.8vw,72px);line-height:1.05;letter-spacing:-.04em;color:#fff0d4;text-shadow:0 4px 28px #080617,0 2px 7px #080617;opacity:0;pointer-events:none;transition:opacity 1.2s,transform 1.2s}.center-message.visible{opacity:1;transform:translate(-50%,0)}.center-message::before{content:"";position:absolute;z-index:-1;inset:-40px -25px;background:radial-gradient(ellipse,rgba(13,10,31,.93),rgba(13,10,31,.70) 48%,transparent 77%);pointer-events:none}.center-message small{display:block;margin-top:1.5em;color:#f4d19a;font:600 10px Arial,sans-serif;letter-spacing:.35em;text-transform:uppercase}#experience.finished .stage-label{opacity:0}.js-fallback{position:fixed;inset:auto 1rem 1rem;z-index:12;padding:1rem;background:#1b1629;color:#f7ead3;font:16px Georgia,serif;text-align:center}.stage-label{position:absolute;left:50%;bottom:calc(clamp(155px,20vh,210px) + 18px);transform:translateX(-50%);z-index:2;font-size:9px;font-weight:700;letter-spacing:.26em;white-space:nowrap;color:#f7d8a0;text-shadow:0 2px 9px #050510;opacity:.75;pointer-events:none}.stage-arrow{font-size:16px;margin-left:5px}.interface{position:absolute;left:50%;bottom:max(13px,env(safe-area-inset-bottom));z-index:4;width:min(950px,calc(100% - 36px));transform:translateX(-50%);padding:14px 18px 13px;background:linear-gradient(145deg,rgba(20,16,33,.89),rgba(19,16,33,.95));border:1px solid rgba(242,201,144,.33);border-radius:3px;box-shadow:0 14px 50px rgba(1,0,15,.7),inset 0 1px rgba(255,229,189,.08);backdrop-filter:blur(12px)}.scene-progress{display:flex;align-items:center;gap:13px;color:#cbb8a4;font-size:10px;font-weight:bold;letter-spacing:.17em;font-variant-numeric:tabular-nums}.progress-label{min-width:115px;white-space:nowrap;color:#eebf80}.progress-rule{display:block;flex:1;height:1px;background:rgba(214,190,159,.38)}#progressFill{display:block;width:0;height:2px;position:relative;top:-.5px;background:#f8cb83;box-shadow:0 0 12px #f1bd68;transition:width .3s}.progress-total{white-space:nowrap;color:#cabaa8}.instruction-line{display:flex;align-items:baseline;gap:11px;margin:10px 0 13px}.instruction-line p{margin:0;font-family:Georgia,serif;font-size:clamp(15px,1.8vw,20px);line-height:1.3}.instruction-spark{font-size:17px;color:var(--gold)}.control-row{display:flex;justify-content:space-between;align-items:stretch;gap:10px}.section-controls,.utility-controls{display:flex;gap:8px}.section-controls{flex:1}.section-button,.utility-button{min-height:45px;border:1px solid var(--edge);border-radius:2px;background:rgba(231,164,84,.08);color:#f7ead3;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.section-button:hover,.utility-button:hover{background:rgba(231,164,84,.22);border-color:#f6ca8c}.section-button:active,.utility-button:active{transform:translateY(1px)}.section-button{width:min(200px,50%);padding:0 13px;text-align:left;white-space:nowrap;letter-spacing:.13em;font-size:10px;font-weight:700}.section-button.complete{background:rgba(240,173,92,.22);border-color:#e9b375}.button-marker{color:#f5bc70;font-size:16px;margin-right:9px}kbd{float:right;color:#d8bf9f;border:1px solid rgba(240,207,157,.3);padding:3px 5px;font:9px Arial,sans-serif}.utility-controls{margin-left:auto}.utility-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 11px;font-size:10px;letter-spacing:.1em;white-space:nowrap}.utility-button>span:first-child{color:#edb76c;font-size:20px;letter-spacing:0}.help{margin:11px 0 0;color:#b7a9a3;font-size:10px;letter-spacing:.07em;line-height:1.35}.screenreader{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(max-width:650px){.masthead{padding:17px 16px}.edition{font-size:9px;letter-spacing:.09em}.edition-dot{display:none}.opening{top:15%}.stage-label{bottom:calc(184px + max(10px,env(safe-area-inset-bottom)));font-size:8px}.interface{width:calc(100% - 20px);padding:12px;bottom:max(10px,env(safe-area-inset-bottom))}.scene-progress{font-size:9px;gap:7px}.progress-label{min-width:105px}.instruction-line{margin:9px 0 10px}.control-row{flex-wrap:wrap}.section-controls{width:100%;flex:auto}.section-button{flex:1;width:50%;min-height:48px;font-size:9px;padding:0 8px}.button-marker{margin-right:4px}.utility-controls{width:100%;margin:0}.utility-button{flex:1;min-height:34px;font-size:9px}.utility-button>span:first-child{font-size:15px}.help{font-size:9px;margin-top:8px}.desktop-help{display:none}.center-message{top:16%}.brand{font-size:9px;letter-spacing:.16em}.brand-star{margin-right:4px}}
@media(max-width:365px){.edition{font-size:8px}.section-button{letter-spacing:.06em}.help{font-size:8.5px}.interface{padding:10px}.brand{font-size:8px}.center-message{top:16%}}
@media(max-height:640px){.opening{top:12%}.stage-label{display:none}.interface{padding-top:9px;padding-bottom:9px}.help{margin-top:5px}.instruction-line{margin:7px 0}.section-button{min-height:38px}.center-message{top:30%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}