*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0b0b12;color:#eee;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:1.5rem;text-align:center}.hidden{display:none!important}#screen-start{background:radial-gradient(ellipse at 50% 30%,#1b1b33,#0b0b12 70%)}#screen-start h1{font-size:2.4rem;letter-spacing:.04em}.tagline{color:#aab;max-width:26rem}.hint{color:#667;font-size:.85rem}button{font:inherit;border:1px solid #445;border-radius:999px;background:#141423bf;color:#eee;padding:.7rem 1.4rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation}button.primary{background:linear-gradient(135deg,#6c5ce7,#b84ce7);border:none;font-weight:600;padding:.9rem 2rem;font-size:1.05rem}button:active{transform:scale(.97)}#screen-capture,#screen-dance{justify-content:space-between;pointer-events:none}#screen-capture button,#screen-dance button{pointer-events:auto}.top-banner{margin-top:env(safe-area-inset-top,0);background:#0a0a14b3;border-radius:12px;padding:.8rem 1rem;max-width:30rem;font-size:.95rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bottom-bar{display:flex;gap:.8rem;margin-bottom:calc(env(safe-area-inset-bottom,0) + .5rem)}#countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:7rem;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(108,92,231,.9);background:#00000059}.hud{margin-top:env(safe-area-inset-top,0);display:flex;gap:1rem;background:#0a0a1499;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-variant-numeric:tabular-nums;color:#9fa8ff}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;background:#05050ad9;z-index:10}.spinner{width:42px;height:42px;border:4px solid #333;border-top-color:#6c5ce7;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}