*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;overscroll-behavior:none;background:#1d1a1b;height:100%;margin:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif}#app{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#app.rot{transform-origin:0 0;width:100vh;height:100vw;transform:translate(100vw)rotate(90deg)}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}#touch{position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui .hit{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;border:0}.hud-time{letter-spacing:1px;text-shadow:0 2px #3a2418,0 0 6px #00000080;font-size:40px;font-weight:800;position:absolute;top:6px;left:50%;transform:translate(-50%)}.hud-soon{color:#ffe9a8;white-space:nowrap;background:#3a2418c7;border-radius:16px;padding:4px 16px;font-size:20px;font-weight:800;position:absolute;top:56px;left:50%;transform:translate(-50%)}.hud-life{gap:6px;display:flex;position:absolute;top:10px;left:14px}.hud-life i{width:30px;height:28px;clip-path:path("M15 27 C 3 18 0 12 0 8 C 0 3 4 0 8 0 C 11 0 14 2 15 5 C 16 2 19 0 22 0 C 26 0 30 3 30 8 C 30 12 27 18 15 27 Z");filter:drop-shadow(0 2px #3a2418);background:#e8584a;display:block}.hud-life i.off{background:#ffffff47}.hud-coin{text-shadow:0 2px #3a2418;align-items:center;gap:6px;font-size:24px;font-weight:800;display:flex;position:absolute;top:12px;right:76px}.hud-coin b{background:radial-gradient(circle at 35% 35%,#fff2a0,#f2b422 60%,#b8780c);border:2px solid #7a4a0c;border-radius:50%;width:24px;height:24px;display:block}.hud-pause{background:#3a2418b3;border-radius:16px;justify-content:center;align-items:center;gap:7px;width:56px;height:56px;display:flex;position:absolute;top:6px;right:8px}.hud-pause i{background:#fff;border-radius:3px;width:8px;height:24px;display:block}.stick{width:160px;height:160px;position:absolute;bottom:12px;left:12px}.stick .base{background:#ffffff29;border:3px solid #ffffff73;border-radius:50%;width:128px;height:128px;position:absolute;top:16px;left:16px}.stick .knob{background:#fffc;border-radius:50%;width:56px;height:56px;position:absolute;top:52px;left:52px;box-shadow:0 3px #3a241899}.tap-mark{opacity:.8;border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute}.arrow{filter:drop-shadow(0 0 3px #3a2418);border-bottom:26px solid #ffd34a;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;margin:-13px 0 0 -14px;position:absolute}.arrow.thunder{border-bottom-color:#fff7a0}.arrow.crash{border-bottom-color:#ff8a5a}.arrow.hole{border-bottom-color:#c8a080}.flash{opacity:0;background:#fffbe0;position:absolute;inset:0}.screen{padding:16px 24px max(16px, env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.screen .head{text-align:center;text-shadow:0 3px #3a2418;font-size:34px;font-weight:800}.screen .mid{text-shadow:0 2px #3a2418;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.screen .foot{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.screen.dim{background:#1e14109e}.btn{color:#3a2418;background:#f6e7c8;border-radius:18px;min-width:160px;min-height:56px;padding:10px 22px;font-size:22px;font-weight:800;box-shadow:0 5px #a9784c}.btn:active{transform:translateY(3px);box-shadow:0 2px #a9784c}.btn.alt{background:#8cc0a4;box-shadow:0 5px #4f7d66}.title{background:radial-gradient(at 50% 30%,#f6dfb2 0%,#e9a96f 55%,#7d4a3a 100%)}.title .logo{color:#fff6e0;text-shadow:0 5px #a24a32,0 9px #3a2418;letter-spacing:3px;margin-top:6px;font-size:64px;font-weight:900}.title .sub{color:#fff;margin-top:6px;font-size:18px}.title .looks{gap:18px;display:flex}.title .look{color:#3a2418;border-radius:20px;width:230px;min-height:96px;padding:12px;font-size:20px;font-weight:800;box-shadow:0 6px #3a24188c}.title .look.l1{background:linear-gradient(#fff3d8,#f3d7a6)}.title .look.l2{color:#ffdca8;background:linear-gradient(#5d5552,#33302f)}.title .look small{opacity:.8;margin-top:4px;font-size:14px;font-weight:600;display:block}.stamp{color:#ffffffd9;text-shadow:0 1px #3a2418;pointer-events:none;font-size:13px;position:absolute;bottom:6px;right:10px}.result-row{justify-content:space-between;gap:18px;min-width:260px;display:flex}