:root{--bg: #0a0e27;--bg2: #161b40;--ink: #f5f7ff;--muted: #9aa3c7;--accent: #22d3ee;--accent2: #f472b6;--gold: #fde047;--ok: #34d399;--err: #fb7185;--frame: #2a3270;--radius: 16px;--maxw: 520px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#243089 0%,transparent 60%),linear-gradient(180deg,var(--bg2) 0%,var(--bg) 60%);background-attachment:fixed;min-height:100%;overflow-x:hidden}#app{min-height:100dvh}.screen{min-height:100dvh;max-width:var(--maxw);margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:center;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brand{font-weight:800;letter-spacing:.4em;font-size:14px;color:var(--accent);text-indent:.4em}.title-pixel{font-family:"Press Start 2P",monospace;font-size:clamp(26px,9vw,42px);line-height:1.4;margin:4px 0;background:linear-gradient(180deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(34,211,238,.35)}.title-pixel.small{font-size:clamp(18px,6vw,26px)}.tagline{color:var(--muted);font-size:16px;line-height:1.5;margin:0}.fineprint{color:var(--muted);font-size:12px;opacity:.7;margin:0}.btn{font-family:Inter,sans-serif;font-weight:800;font-size:17px;border:none;border-radius:var(--radius);padding:16px 22px;cursor:pointer;transition:transform .08s ease,filter .15s ease;color:#08122b}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);box-shadow:0 8px 30px #f472b659}.btn.primary:hover{filter:brightness(1.06)}.btn.big{font-size:19px;padding:18px 24px}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--frame)}.bar{height:8px;width:100%;background:var(--frame);border-radius:99px;overflow:hidden;margin-bottom:4px}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .35s ease;border-radius:99px}.step{font-size:12px;color:var(--muted);letter-spacing:.1em;font-weight:600}.prompt-label{font-size:24px;font-weight:800;line-height:1.3}.hint{color:var(--gold);font-size:14px;margin-top:-6px}.answer{font-family:Inter,sans-serif;font-size:20px;font-weight:600;width:100%;padding:16px 18px;border-radius:var(--radius);border:2px solid var(--frame);background:#ffffff0a;color:var(--ink);text-align:center;outline:none}.answer::placeholder{color:var(--muted);opacity:.6}.answer:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee33}.err{color:var(--err);font-size:14px;font-weight:600}.egg{color:var(--gold);font-size:14px;font-weight:800;min-height:1.2em;line-height:1.3;animation:fade .3s ease}.sound-toggle{position:fixed;top:max(12px,env(safe-area-inset-top));right:14px;z-index:40;width:42px;height:42px;border-radius:50%;border:2px solid var(--frame);background:#0a0e27b3;font-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gate-title{font-size:24px;font-weight:800;margin:0}.gate-sub{color:var(--muted);margin:-6px 0 4px}.gate .answer{text-align:left}.consent{display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;color:var(--muted)}.consent input{width:20px;height:20px;accent-color:var(--accent)}.loader-text{font-size:22px;font-weight:800;margin:0}.loader-sub{color:var(--muted);margin:0;font-size:14px}.spinner{width:64px;height:64px;margin:0 auto;border:6px solid var(--frame);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal-screen{justify-content:center;gap:16px;position:relative;overflow:hidden}.reveal-screen:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(38% 55% at 30% 12%,rgba(34,211,238,.12),transparent 60%),radial-gradient(38% 55% at 70% 12%,rgba(244,114,182,.12),transparent 60%);animation:sweep 6s ease-in-out infinite alternate}@keyframes sweep{0%{transform:translate(-6%) rotate(-1deg)}to{transform:translate(6%) rotate(1deg)}}.reveal{position:relative;z-index:1}.curtains{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;display:flex}.curtain-l,.curtain-r{width:50.5%;height:100%;background:repeating-linear-gradient(90deg,#6b0d18 0,#6b0d18 14px,#8c1420 14px,#8c1420 28px);transition:transform 1.1s cubic-bezier(.7,0,.3,1)}.curtain-l{box-shadow:inset -24px 0 50px #0000008c}.curtain-r{box-shadow:inset 24px 0 50px #0000008c}.curtains.open .curtain-l{transform:translate(-101%)}.curtains.open .curtain-r{transform:translate(101%)}.curtains.gone{display:none}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.confetti i{position:absolute;top:-12vh;width:9px;height:14px;opacity:.92;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(118vh) rotate(720deg)}}.reveal{display:flex;flex-direction:column;gap:16px;width:100%}.stage{display:flex;justify-content:center}.slide-frame{position:relative;width:min(88vw,380px);border-radius:14px;border:3px solid var(--frame);box-shadow:0 12px 50px #00000080,inset 0 0 0 2px #22d3ee26;overflow:hidden}.slide-frame.deck{display:flex;flex-direction:column;background:#0d1230}.slide-header{flex:0 0 auto;padding:7px 12px;background:linear-gradient(90deg,var(--accent),var(--accent2));display:flex;align-items:center;min-height:30px}.slide-title{font-family:"Press Start 2P",monospace;font-size:10px;color:#08122b;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-footer{flex:0 0 auto;padding:5px 12px;display:flex;justify-content:space-between;align-items:center;background:#0a0e27;border-top:2px solid var(--frame);font-size:11px;font-weight:800;color:var(--muted)}.slide-brand{color:var(--accent);letter-spacing:.12em}.slide-art{width:100%;aspect-ratio:1 / 1;position:relative;display:grid;place-items:center;background:#0d1230;opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .25s ease}.slide-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 50%,transparent 60%,rgba(0,0,0,.35) 100%)}.slide-art.show{opacity:1;transform:none}.slide-art img.pixel{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.text-card{font-family:"Press Start 2P",monospace;font-size:clamp(16px,6vw,28px);color:var(--gold);padding:18px;text-align:center;line-height:1.5;text-shadow:2px 2px 0 #00000080}.beat-card{font-size:64px;opacity:.85}.slide-word{position:absolute;bottom:10px;left:0;right:0;font-family:"Press Start 2P",monospace;font-size:12px;color:#fff;text-shadow:2px 2px 0 #000;pointer-events:none}.caption{font-size:18px;font-weight:600;line-height:1.45;min-height:3.2em;display:flex;align-items:center;justify-content:center}.reveal-bar{height:6px;width:100%;background:var(--frame);border-radius:99px;overflow:hidden}.reveal-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s linear}.reveal-controls{display:flex;justify-content:center}.cta-inline{display:flex;flex-direction:column;gap:12px;margin-top:6px;animation:fade .4s ease}.cta-line{font-size:18px;font-weight:800;margin:0}.share{display:flex;flex-direction:column;gap:10px;align-items:center;margin:2px 0 4px}.share-status{font-size:15px;font-weight:700;color:var(--muted);margin:0}.share-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-row .btn{padding:12px 18px;font-size:15px}