.stage{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,#8fd3ff,#c9f0ff);-webkit-user-select:none;user-select:none}.stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.85}.stage>video.hidden{display:none}.stage>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.hud>*{pointer-events:auto}.icon-button,.prompt,.round-progress{background:#ffffffeb;border:none;border-radius:999px;box-shadow:0 4px #00000026;color:var(--color-text);font:inherit;font-weight:800}.icon-button{flex-shrink:0;width:56px;height:56px;font-size:1.6rem;cursor:pointer}.prompt{padding:8px 28px;font-size:clamp(1.4rem,4vw,2.5rem);cursor:pointer}.target{display:inline-block;min-width:1.4em;color:var(--color-primary);font-size:1.3em}.round-progress{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:1.3rem}.round-progress .bar{width:clamp(60px,12vw,140px);height:14px;border-radius:999px;background:#e8e2f8;overflow:hidden}.round-progress .fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd23f,#ff6b35);transition:width .3s ease-out}.notice{position:absolute;bottom:16px;left:50%;z-index:2;transform:translate(-50%);max-width:calc(100% - 32px);margin:0;padding:8px 16px;border-radius:12px;background:#ffffffe6;text-align:center}.overlay{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:88px 16px 16px;overflow-y:auto;background:#1d1a3959}.panel{width:100%;max-width:520px;padding:32px 24px;border-radius:32px;background:var(--color-card);box-shadow:0 10px 0 var(--color-card-shadow);text-align:center}.panel.wide{max-width:760px}.panel h1{margin:0 0 8px;color:var(--color-primary);font-size:2.5rem}.panel p{font-size:1.25rem;line-height:1.5}.panel .tip,.panel .hint{font-size:1rem;opacity:.75}.big-emoji{font-size:5rem}.spin{animation:bob 1s ease-in-out infinite alternate}@keyframes bob{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary,.secondary{padding:14px 28px;border:none;border-radius:999px;font:inherit;font-size:1.3rem;font-weight:800;cursor:pointer}.primary{background:var(--color-accent);color:#fff;box-shadow:0 6px 0 var(--color-accent-shadow)}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--color-accent-shadow)}.secondary{background:#eee;color:var(--color-text);box-shadow:0 6px #ccc}:root{--color-bg: #fff7e8;--color-text: #1d1a39;--color-primary: #6c3ce1;--color-accent: #ff6b35;--color-accent-shadow: #c94a1c;--color-card: #ffffff;--color-card-shadow: #f0d9b5}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}