:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eff8ff;background:#04070d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,rgba(46,124,171,.18),transparent 30%),linear-gradient(180deg,#09111f,#04070d 72%);overflow-x:hidden}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:14px}.hero-copy,.stage-card,.control-bar{border:1px solid rgba(196,231,255,.12);background:linear-gradient(180deg,#0f1826d1,#060a12b8);box-shadow:0 18px 54px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:18px}.eyebrow,.overlay-kicker{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border-radius:999px;background:#5fb9e624;color:#a6e2ff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1,.overlay-content h2{margin:0;max-width:13ch;font-size:clamp(2.6rem,5.5vw,5.4rem);line-height:.95;letter-spacing:-.05em}.hero-copy p,.overlay-content p,.control-copy p{margin:0;max-width:54ch;color:#e1eff8cc;line-height:1.6;font-size:1rem}.status-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.status-pill{padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(211,238,255,.08);color:#edf8ffe0;font-size:.92rem}.stage-card{position:relative;width:min(100%,560px);height:min(78vh,760px);min-height:560px;margin:0 auto;border-radius:32px;overflow:hidden;touch-action:none}.shake-canvas{width:100%;height:100%;display:block}.overlay-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#05091033,#05091080)}.overlay-content{width:min(100%,480px);border-radius:28px;padding:28px;background:#060a12b8;border:1px solid rgba(198,235,255,.12);box-shadow:0 22px 48px #0000004d;display:flex;flex-direction:column;gap:16px}.overlay-content h2{font-size:clamp(2rem,4vw,3.1rem);max-width:10ch}.overlay-actions,.control-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.ghost-button{border-radius:999px;border:1px solid transparent;padding:14px 20px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.primary-button{width:100%;background:linear-gradient(135deg,#9be7ff,#58b9ff);color:#04111d;font-weight:800;font-size:1rem}.ghost-button{background:#ffffff0a;border-color:#d3eeff1f;color:#eef9ff}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.control-bar{width:min(100%,560px);margin:0 auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:center;align-items:center}.control-copy{display:flex;flex-direction:column;gap:8px}.control-copy h3{margin:0;font-size:1.1rem}@media (max-width: 980px){.app-shell{justify-content:flex-start;padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.stage-card{height:calc(100vh - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;border-radius:24px}.control-bar{flex-direction:row;align-items:center}}