:root{--primary:#333;--on-primary:#fff;--primary-text:#333;--bg:#fff;--ink:#1d1d1f;--muted:#6b6b70;--line:#06c755;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif}#app{max-width:480px;height:100vh;background:var(--bg);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen[data-scene=play]{overflow:hidden}.scene{min-height:100%;padding:max(56px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.scene.message p{color:var(--muted)}.logo{object-fit:contain;mix-blend-mode:multiply;max-width:160px;max-height:72px}.logo-text{color:var(--primary-text);font-size:22px;font-weight:800}.title{color:var(--primary-text);word-break:auto-phrase;margin:8px 0 0;font-size:26px;font-weight:800;line-height:1.3}.reward{background:var(--primary);color:var(--on-primary);border-radius:999px;margin:0;padding:8px 16px;font-size:15px;font-weight:700}.preview{width:100%;height:120px;margin:8px 0;position:relative}.preview .float{width:84px;height:84px;animation:2.4s ease-in-out infinite bob;position:absolute}.preview .f0{top:20px;left:calc(50% - 150px)}.preview .f1{animation-delay:-.8s;top:0;left:calc(50% - 42px)}.preview .f2{animation-delay:-1.6s;top:26px;left:calc(50% + 66px)}@keyframes bob{50%{transform:translateY(12px)rotate(6deg)}}.howto{margin:0;font-size:14px;line-height:1.6}.howto.sub{color:var(--muted);font-size:13px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px #0000002e}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.btn.primary:disabled{opacity:.6}.btn.big{width:100%;max-width:320px;margin-top:8px;padding:16px;font-size:19px}.btn.ghost{color:var(--muted);background:0 0;font-weight:500;text-decoration:underline}.btn.line{background:var(--line);color:#fff}.actions .btn{white-space:nowrap;padding:14px 12px}.mute{top:max(10px, env(safe-area-inset-top));z-index:10;width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;right:10px;box-shadow:0 1px 4px #00000026}.demo-badge{left:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:10;color:#fff;pointer-events:none;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute}.scene.play{padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.play-canvas{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;display:block}.hud{top:max(10px, env(safe-area-inset-top));pointer-events:none;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex;position:absolute;left:12px;right:60px}.hud-label{color:var(--muted);font-size:12px;font-weight:700}.hud-score{color:var(--primary-text);font-size:28px;font-weight:800}.hud-spacer{flex:1}.hud-time{font-size:28px;font-weight:800}.hud-time:after{content:"秒";margin-left:2px;font-size:13px}.hud-time.hurry{color:#d33}.label{color:var(--muted);margin:0;font-weight:700}.score{color:var(--primary-text);font-variant-numeric:tabular-nums;margin:0;font-size:72px;font-weight:900;line-height:1}.unit{margin:0 0 12px;font-weight:700}.note{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.code{border:3px dashed var(--primary);border-radius:var(--radius);letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all;-webkit-touch-callout:default;background:#fff;width:100%;max-width:320px;margin:4px 0;padding:16px 20px;font-size:34px;font-weight:900}.actions{gap:12px;width:100%;max-width:320px;display:flex}.actions .btn{flex:1;min-width:0}.copy-status{min-height:1.4em;color:var(--primary-text);margin:0;font-size:14px;font-weight:700}.scene.form{text-align:left;align-items:stretch}.scene.form h2{text-align:center;margin:0 0 8px;font-size:20px;line-height:1.4}.field-label{font-size:13px;font-weight:700}.scene.form input[type=email]{background:#fff;border:2px solid #d0d0d5;border-radius:12px;width:100%;padding:14px;font-size:16px}.scene.form input[type=email]:focus{border-color:var(--primary);outline:none}.consent{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.consent input{width:22px;height:22px;accent-color:var(--primary);flex:none;margin:2px 0 0}.error{color:#d33;min-height:1.2em;margin:0;font-size:13px;font-weight:700}.scene.form .btn.big{align-self:center}