:root{font-family:Georgia,Times New Roman,serif;color:#f9f1dc;background:#17142b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100dvh;background:radial-gradient(circle at 50% 12%,rgba(255,196,104,.17),transparent 31rem),linear-gradient(155deg,#201937,#15132a 58%,#0d1024)}button,input,select{font:inherit}button,select{min-height:48px}button{min-width:48px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffcf70;outline-offset:3px}.app{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom));overflow-x:hidden;background:radial-gradient(circle at 50% 12%,rgba(255,196,104,.17),transparent 31rem),linear-gradient(155deg,#201937,#15132a 58%,#0d1024)}.masthead{text-align:center;margin:0 auto 18px;max-width:590px}.eyebrow{display:inline-block;color:#ffc861;font:800 .72rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.masthead h1,.gallery-copy h1{margin:5px 0;font-size:clamp(2.2rem,12vw,4.5rem);font-weight:700;line-height:.92;letter-spacing:-.055em;text-wrap:balance}.masthead p{margin:9px auto 0;color:#d8cde5;font:500 .98rem/1.45 ui-sans-serif,system-ui,sans-serif}.error-banner{display:grid;gap:3px;margin:0 auto 14px;padding:13px 15px;max-width:650px;border:1px solid #f18c83;border-radius:16px;color:#fff5ec;background:#711f3694;font:500 .9rem/1.4 ui-sans-serif,system-ui,sans-serif}.creator{display:grid;gap:12px;max-width:650px;margin:0 auto}.editor-card{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:linear-gradient(145deg,#ffffff17,#ffffff09);box-shadow:0 17px 45px #04031238}.card-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.step-number{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;color:#241729;background:#ffc861;font:900 .9rem/1 ui-sans-serif,system-ui,sans-serif}.card-heading h2{margin:0;font-size:1.2rem}.card-heading p{margin:3px 0 0;color:#c8bed5;font:500 .82rem/1.35 ui-sans-serif,system-ui,sans-serif}.editor-card>label,.select-row label{color:#eee4f2;font:700 .78rem/1.3 ui-sans-serif,system-ui,sans-serif}input,select{width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#191329;background:#fff8e9}input{min-height:50px;padding:10px 12px;font:650 1rem/1.25 ui-sans-serif,system-ui,sans-serif}select{display:block;height:50px;min-height:50px;padding:8px 32px 8px 10px;appearance:none;-webkit-appearance:none;font:650 .92rem/1.25 ui-sans-serif,system-ui,sans-serif}.field-note{display:block;margin-top:5px;text-align:right;color:#bdb1ca;font:600 .72rem/1 ui-sans-serif,system-ui,sans-serif}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented button,.secondary-button,.quiet-button{border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#f7ecf5;background:#ffffff12;font:750 .85rem/1 ui-sans-serif,system-ui,sans-serif}.segmented button.selected{border-color:#ffc861;color:#23162a;background:#ffc861}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.select-row label{position:relative}.select-row label:after{content:"⌄";position:absolute;right:11px;bottom:13px;color:#6b3d45;font:900 1rem/1 ui-sans-serif,system-ui,sans-serif;pointer-events:none}.creator-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.primary-button,.secondary-button{padding:8px 11px}.primary-button{border:0;border-radius:13px;color:#211426;background:linear-gradient(135deg,#ffc861,#ff9e66);box-shadow:0 9px 24px #ffa05738;font:900 .88rem/1.1 ui-sans-serif,system-ui,sans-serif}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{cursor:default;opacity:.58}.inline-error,.share-status{margin:-3px 4px 0;font:650 .8rem/1.35 ui-sans-serif,system-ui,sans-serif}.inline-error{color:#ffaea6}.share-status{min-height:1.2em;color:#d9cce2}.theatre{position:relative;isolation:isolate;width:min(100%,690px);min-height:485px;margin:0 auto;padding:51px 15px 15px;overflow:hidden;border:6px solid #75413f;border-radius:28px 28px 19px 19px;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(#272047,#15152f 68%,#351f31 68%);box-shadow:0 24px 60px #03021173,inset 0 0 0 2px #bc7761}.theatre:after{content:"";position:absolute;z-index:-1;left:3%;right:3%;bottom:77px;height:45px;background:radial-gradient(ellipse,rgba(255,192,95,.22),transparent 68%);filter:blur(7px)}.proscenium{position:absolute;z-index:5;inset:0 0 auto;height:45px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff2d7;background:linear-gradient(#9d584b,#66363c);box-shadow:0 5px #48233a;font:800 .61rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em}.proscenium b{color:#ffc861;font-size:.9rem}.curtain{position:absolute;z-index:1;top:44px;bottom:75px;width:42px;background:repeating-linear-gradient(90deg,#7e3345 0 8px,#a64b50 8px 15px);opacity:.82}.curtain-left{left:0;border-radius:0 0 30px}.curtain-right{right:0;border-radius:0 0 0 30px}.door-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(7px,2.7vw,18px);min-height:286px;padding:12px clamp(25px,7vw,48px) 0;perspective:700px}.door-button{position:relative;min-width:0;min-height:245px;padding:0;border:0;border-radius:70px 70px 5px 5px;color:#2a1530;background:transparent;touch-action:manipulation}.door-button:before{content:"";position:absolute;inset:1px;border:7px solid #e9cba5;border-bottom-width:12px;border-radius:70px 70px 5px 5px;background:#17152b;box-shadow:inset 0 0 0 3px #543749,0 11px #2a1930}.door-art{position:absolute;inset:13px 13px 19px;display:block}.door-shadow{position:absolute;inset:5px;border-radius:54px 54px 2px 2px;background:#090b1b}.door-leaf{position:absolute;inset:5px;transform-origin:left center;border:2px solid rgba(255,255,255,.24);border-radius:54px 54px 2px 2px;background:linear-gradient(145deg,#d78163,#7c3f50 62%,#572d43);box-shadow:inset -11px 0 18px #260c2057;transition:transform .56s cubic-bezier(.18,.74,.18,1),opacity .42s ease,border-radius .42s ease}.door-2 .door-leaf{background:linear-gradient(145deg,#e0b55c,#9b613a 62%,#663b38)}.door-3 .door-leaf{background:linear-gradient(145deg,#639997,#345e6d 62%,#29394f)}.door-panel{position:absolute;left:21%;right:21%;height:27%;border:2px solid rgba(255,244,215,.38);border-radius:40px 40px 3px 3px}.door-panel-top{top:21%}.door-panel-bottom{bottom:17%;border-radius:3px}.door-knob{position:absolute;right:12%;top:55%;width:13px;height:13px;border-radius:50%;background:#ffd27c;box-shadow:0 0 0 3px #371b2d6b}.door-surprise{position:absolute;inset:5px;display:grid;place-items:center;overflow:hidden;border-radius:54px 54px 2px 2px;color:#ffe4a5;opacity:0;transition:opacity .22s ease .11s}.door-step{position:absolute;left:50%;bottom:-1px;translate:-50% 0;color:#e8cfbd;font:800 .55rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.door-button.opened .door-surprise{opacity:1}.door-button.opened.outcome-reveal .door-leaf{transform:translate(-38%) scaleX(.14) skewY(-5deg)}.door-button.opened.outcome-bird .door-leaf{transform:translate(17%,-62%) rotate(24deg) scale(.53);border-radius:80% 12%}.door-button.opened.outcome-mouse .door-leaf{transform:translateY(35%) scale(.36);border-radius:50% 50% 3px 3px}.door-button.opened.outcome-confetti .door-leaf{transform:rotateX(78deg) translateY(-18%);transform-origin:top center}.door-button.opened.outcome-accordion .door-leaf{transform:scaleX(.19) skewY(-13deg);transform-origin:center}.paper-bird{font:900 4.2rem/1 ui-sans-serif,system-ui,sans-serif;transform:rotate(-15deg);animation:bird-float 1.4s ease-in-out infinite alternate}.mouse-door,.accordion{padding:7px 8px;border:2px solid #ffcc75;border-radius:7px 7px 2px 2px;font:900 .58rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}.reveal-glow{font-size:3.4rem;animation:reveal-pulse 1.2s ease-in-out infinite alternate}.confetti{position:absolute;inset:10%}.confetti i{position:absolute;width:8px;height:20px;background:#ffc861;animation:confetti-fall 1.5s ease-in-out infinite}.confetti i:nth-child(1){left:8%;top:18%;rotate:17deg}.confetti i:nth-child(2){left:30%;top:52%;rotate:-25deg;background:#80cec3;animation-delay:-1s}.confetti i:nth-child(3){right:12%;top:22%;rotate:40deg;background:#ff8e85;animation-delay:-.5s}.confetti i:nth-child(4){right:34%;bottom:8%;rotate:-12deg;background:#efe8ff;animation-delay:-.8s}.confetti i:nth-child(5){left:48%;top:8%;rotate:70deg;background:#b59aff;animation-delay:-.2s}.note-reveal{position:relative;z-index:4;width:min(90%,480px);max-height:0;margin:0 auto;padding:0 16px;overflow:hidden;transform:translateY(18px) rotate(-1deg);opacity:0;border-radius:3px;color:#25172a;background:#fff4d6;box-shadow:0 13px #0e0a1e4d;transition:max-height .42s ease,padding .42s ease,opacity .3s ease,transform .42s ease}.note-reveal.note-visible{max-height:170px;padding:14px 16px 16px;transform:translateY(0) rotate(-1deg);opacity:1}.note-kicker{color:#9c4e49;font:900 .58rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.15em}.note-reveal p{margin:6px 0 0;font-size:clamp(1.05rem,4.8vw,1.45rem);line-height:1.2;overflow-wrap:anywhere}.theatre-footer{position:relative;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px}.theatre-status{margin:0;color:#e6d9e9;font:650 .78rem/1.35 ui-sans-serif,system-ui,sans-serif}.theatre-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.quiet-button{padding:7px 10px}.theatre-share-status{grid-column:1 / -1;min-height:1.1em;margin:0;color:#e6d9e9;font:650 .76rem/1.35 ui-sans-serif,system-ui,sans-serif}footer{margin:18px auto 0;max-width:620px;text-align:center;color:#9489a3;font:600 .68rem/1.4 ui-sans-serif,system-ui,sans-serif}.gallery-app{min-height:520px;display:grid;grid-template-rows:auto 1fr;align-content:start;gap:10px;padding-top:23px}.gallery-copy{text-align:center}.gallery-copy h1{font-size:clamp(2.6rem,12vw,4.4rem)}.gallery-app .theatre{min-height:365px;padding-top:49px;transform:scale(.96);transform-origin:top center}.gallery-app .door-row{min-height:285px}.theatre-inert{pointer-events:none}.theatre-inert .door-button:disabled{opacity:1}.theatre-inert .door-button:nth-child(1) .door-leaf{animation:door-breathe 3.2s ease-in-out infinite}.theatre-inert .door-button:nth-child(2) .door-leaf{animation:door-breathe 3.2s ease-in-out -.9s infinite}.theatre-inert .door-button:nth-child(3) .door-leaf{animation:door-breathe 3.2s ease-in-out -1.8s infinite}@keyframes door-breathe{0%,to{transform:rotateY(0)}50%{transform:rotateY(-8deg)}}@keyframes bird-float{to{transform:translateY(-9px) rotate(8deg)}}@keyframes reveal-pulse{to{transform:scale(1.2) rotate(9deg);filter:drop-shadow(0 0 9px #ffc861)}}@keyframes confetti-fall{50%{transform:translateY(12px) rotate(50deg)}}@media(max-width:480px){.app{padding-inline:9px}.masthead{margin-bottom:13px}.masthead h1{font-size:2.9rem}.select-row{grid-template-columns:1fr}.creator-actions{grid-template-columns:1fr 1fr}.primary-button{grid-column:1 / -1}.theatre{min-height:450px;padding-inline:7px;border-width:4px}.door-row{min-height:264px;padding-inline:21px;gap:5px}.door-button{min-height:225px}.door-art{inset-inline:8px}.curtain{width:27px}.theatre-footer{grid-template-columns:1fr}.theatre-actions{justify-content:flex-end}}@media(min-width:560px)and (max-height:520px)and (min-aspect-ratio:4 / 3)and (max-aspect-ratio:3 / 1){.app{width:100%;max-width:980px;min-height:100dvh;padding:8px 12px}.masthead{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;max-width:none;margin:0 0 7px;text-align:left}.masthead .eyebrow,.masthead p{display:none}.masthead h1{margin:0;font-size:1.65rem}.creator{grid-template-columns:1.25fr 1fr 1.2fr;max-width:none;gap:8px}.editor-card{min-height:178px;padding:10px}.card-heading{gap:7px;margin-bottom:7px}.step-number{flex-basis:29px;width:29px;height:29px}.card-heading h2{font-size:.96rem}.card-heading p{font-size:.66rem}input{min-height:48px}.select-row{gap:5px}.creator-actions{grid-column:1 / -1;grid-template-columns:1.5fr 1fr 1fr}.share-status{grid-column:1 / -1}.theatre{min-height:326px;padding-top:45px}.door-row{min-height:213px;padding:6px 90px 0}.door-button{min-height:190px}.door-art{inset:9px 13px 15px}.theatre-footer{margin-top:6px}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}