:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#e5e7eb;background:#0b1220}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1f2937,#0b1220 55%)}.app{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{width:min(640px,100%);border-radius:18px;padding:22px;background:#111827e0;border:1px solid #334155;box-shadow:0 20px 60px #02061773}h1{margin:0;font-size:34px}.subtitle{margin:6px 0 16px;color:#93c5fd}.ruleBox{border:1px solid #475569;border-radius:12px;padding:12px 14px;background:#0f172ab3}.ruleBox h2{margin:0 0 8px;font-size:16px}.ruleBox ul{margin:0;padding-left:20px;color:#cbd5e1}.statusText{margin:14px 0;font-weight:700;letter-spacing:.03em}.tapArea{width:100%;height:220px;border-radius:16px;border:0;font-size:40px;font-weight:900;color:#f8fafc;cursor:pointer;transition:transform .12s ease}.tapArea:active{transform:scale(.99)}.tapArea.wait{background:linear-gradient(135deg,#dc2626,#7f1d1d)}.tapArea.go{background:linear-gradient(135deg,#16a34a,#166534)}.hud{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hud span{border-radius:10px;text-align:center;padding:8px 10px;background:#1e293b;color:#cbd5e1;font-weight:600}.action{margin-top:16px;border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;color:#0f172a;background:#facc15}.resultBlock{margin-top:14px}.resultBlock p{margin:6px 0}@media(max-width:640px){h1{font-size:28px}.tapArea{height:180px;font-size:34px}.hud{grid-template-columns:1fr}}