:root{--bg0:#07131f;--bg1:#0e2a44;--accent:#4fd1ff;--accent2:#ffd23f;--good:#34d399;--bad:#fb7185;--ink:#eef6ff;--muted:#93aec6;--card:#ffffff0f;--card-border:#ffffff26}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(130% 130% at 50% 0%, var(--bg1) 0%, var(--bg0) 65%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;overflow-x:hidden}.wrap{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:16px 16px 36px;display:flex}.hud{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hud .box{text-align:center;min-width:70px}.hud .label{color:var(--muted);letter-spacing:1px;font-size:10px}.hud .val{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.time .val{color:var(--accent2)}.combo .val{color:var(--accent)}.timerbar{background:#ffffff1a;border-radius:99px;height:8px;margin-bottom:18px;overflow:hidden}.timerbar>span{background:linear-gradient(90deg, var(--good), var(--accent2));height:100%;transition:width .2s linear;display:block}.timerbar.warn>span{background:linear-gradient(90deg, var(--bad), var(--accent2))}.qcard{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.qmark{letter-spacing:2px;color:var(--muted);font-size:13px}.qbox{background:var(--card);border:1px solid var(--card-border);border-radius:20px;width:100%;padding:30px 20px;font-size:24px;font-weight:800;line-height:1.6;animation:.22s pop;box-shadow:0 18px 40px #00000059}.qbox.flash-good{border-color:var(--good);background:#34d3992e}.qbox.flash-bad{border-color:var(--bad);background:#fb71852e}.verdict{min-height:24px;font-size:18px;font-weight:900}.verdict.ok{color:var(--good)}.verdict.ng{color:var(--bad)}.judge{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.jbtn{appearance:none;cursor:pointer;color:#061018;border:none;border-radius:16px;padding:22px 10px;font-family:inherit;font-size:22px;font-weight:900;transition:transform 70ms,filter .15s}.jbtn:active{transform:scale(.96)}.jbtn.real{background:linear-gradient(135deg, var(--good), #6ee7b7)}.jbtn.fake{background:linear-gradient(135deg, var(--bad), #fda4af)}.jbtn small{opacity:.8;margin-top:2px;font-size:12px;font-weight:700;display:block}.jbtn:disabled{opacity:.45}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.logo{letter-spacing:3px;color:var(--muted);font-size:12px}.title{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900;line-height:1.15}.lead{color:var(--muted);max-width:380px;font-size:15px;line-height:1.8}.rules{text-align:left;background:var(--card);border:1px solid var(--card-border);border-radius:16px;max-width:400px;padding:16px 18px;font-size:14px;line-height:1.9}.bignum{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:80px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.4,.4,1) pop}.subline{color:var(--muted);font-size:14px;line-height:1.7}.best{color:var(--accent2);font-weight:800}.btn{appearance:none;cursor:pointer;color:#061018;background:linear-gradient(135deg, var(--accent), var(--accent2));border:none;border-radius:14px;padding:16px 26px;font-family:inherit;font-size:18px;font-weight:800;transition:transform 80ms;box-shadow:0 10px 24px #4fd1ff4d}.btn:active{transform:translateY(2px)scale(.99)}.btn.ghost{color:var(--ink);border:1px solid var(--card-border);box-shadow:none;background:0 0}.footer{text-align:center;color:var(--muted);margin-top:16px;font-size:11px;line-height:1.6}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}