*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{height:100%;overscroll-behavior:none}body{background:#0d0d11;color:#f2f2f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:manipulation}#app{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:20px}h1{font-size:clamp(48px,14vw,72px);font-weight:800;letter-spacing:-.03em;background:linear-gradient(120deg,#7c6cff,#ff5da2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p{color:#b7b7c4;font-size:17px;line-height:1.5;max-width:340px}.hint{font-size:14px;color:#7c7c8c}button.primary{appearance:none;border:none;border-radius:999px;padding:20px 44px;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(120deg,#7c6cff,#ff5da2);box-shadow:0 8px 32px #7c6cff59;cursor:pointer}button.primary:active{transform:scale(.97)}button.ghost{appearance:none;background:none;border:none;color:#7c7c8c;font-size:15px;text-decoration:underline;cursor:pointer;padding:8px}.position{font-size:clamp(80px,30vw,140px);font-weight:800;line-height:1}.badge{display:inline-block;padding:6px 16px;border-radius:999px;background:#1d1d26;color:#b7b7c4;font-size:14px}.badge.warn{background:#3a3110;color:#ffd45e}.ring{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#7c6cff calc(var(--p, 0) * 1turn),#26262f 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%)}.ring .inner{font-size:44px;font-weight:800}#stage{position:fixed;inset:0;touch-action:none;background:radial-gradient(circle at 50% 60%,#17121f,#0d0d11 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#stage .timebar{position:fixed;top:0;left:0;height:6px;width:100%;transform-origin:left;background:linear-gradient(90deg,#7c6cff,#ff5da2)}.touch-dot{position:fixed;width:72px;height:72px;border-radius:50%;border:2px solid rgba(124,108,255,.8);background:#7c6cff26;transform:translate(-50%,-50%);pointer-events:none}.overlay{position:fixed;inset:0;background:#0d0d11e0;backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;text-align:center;padding:24px}.bigclaim{width:min(78vw,340px);aspect-ratio:1;border-radius:50%;border:none;font-size:44px;font-weight:800;color:#fff;background:linear-gradient(140deg,#7c6cff,#ff5da2);box-shadow:0 0 80px #ff5da273;cursor:pointer;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}