:root{--bg0:#0b1026;--bg1:#1a1448;--accent:#ffd23f;--accent2:#ff5d8f;--good:#34d399;--bad:#f87171;--ink:#f5f7ff;--muted:#9aa3c7;--card:#ffffff0f;--card-border:#ffffff24}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(120% 120% at 50% 0%, var(--bg1) 0%, var(--bg0) 60%);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:640px;min-height:100vh;margin:0 auto;padding:20px 16px 48px;display:flex}.hud{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.lives{letter-spacing:2px;filter:drop-shadow(0 2px 4px #0006);font-size:22px}.hud-box{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:12px;min-width:78px;padding:6px 12px}.hud-box .label{color:var(--muted);letter-spacing:1px;font-size:10px}.hud-box .val{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.combo .val{color:var(--accent)}.timerbar{background:#ffffff1a;border-radius:99px;height:10px;margin-bottom:18px;overflow:hidden}.timerbar>span{background:linear-gradient(90deg, var(--good), var(--accent));border-radius:99px;height:100%;transition:width .1s linear;display:block}.timerbar.warn>span{background:linear-gradient(90deg, var(--accent2), var(--bad))}.qcard{background:var(--card);border:1px solid var(--card-border);border-radius:20px;margin-bottom:18px;padding:22px 18px;animation:.32s cubic-bezier(.2,1.3,.4,1) pop;box-shadow:0 18px 40px #00000059}.qno{color:var(--accent);letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700}.qtext{font-size:21px;font-weight:800;line-height:1.6}.blank{border-bottom:3px dashed var(--accent);min-width:56px;color:var(--accent);text-align:center;margin:0 2px;padding:0 8px;display:inline-block}.choices{gap:12px;display:grid}.choice{appearance:none;border:1px solid var(--card-border);color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:14px;padding:16px;font-family:inherit;font-size:18px;font-weight:700;transition:transform 80ms,background .15s,border .15s}.choice:active{transform:scale(.97)}@media (hover:hover){.choice:hover:not(:disabled){border-color:var(--accent);background:#ffffff1f}}.choice:disabled{cursor:default}.choice.correct{border-color:var(--good);background:#34d39938;animation:.4s flash}.choice.wrong{border-color:var(--bad);background:#f8717138;animation:.4s shake}.reveal{background:#ffd23f1a;border:1px solid #ffd23f4d;border-radius:14px;margin-top:16px;padding:14px;font-size:14px;line-height:1.6;animation:.3s pop}.reveal b{color:var(--accent)}.combo-pop{color:var(--accent);text-shadow:0 4px 18px #ff5d8fb3;pointer-events:none;z-index:50;font-size:40px;font-weight:900;animation:.7s forwards comboPop;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.btn{appearance:none;cursor:pointer;color:#1a1030;background:linear-gradient(135deg, var(--accent), #ffb03f);border:none;border-radius:14px;padding:16px 22px;font-family:inherit;font-size:18px;font-weight:800;transition:transform 80ms,filter .15s;box-shadow:0 10px 24px #ffb03f59}.btn:active{transform:translateY(2px)scale(.99)}.btn.ghost{color:var(--ink);border:1px solid var(--card-border);box-shadow:none;background:0 0}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.logo{letter-spacing:3px;color:var(--muted);font-size:13px}.title{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;filter:drop-shadow(0 4px 14px #ff5d8f4d);-webkit-background-clip:text;background-clip:text;font-size:40px;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}.rules li{margin:2px 0}.rank{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:92px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.4,.4,1) pop}.bigscore{font-variant-numeric:tabular-nums;font-size:52px;font-weight:900}.subline{color:var(--muted);font-size:14px}.best{color:var(--accent);font-weight:800}.footer{text-align:center;color:var(--muted);margin-top:22px;font-size:11px;line-height:1.6}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes flash{0%,to{box-shadow:0 0 #34d39900}40%{box-shadow:0 0 0 6px #34d39959}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-40%)scale(.5)}30%{opacity:1;transform:translate(-50%,-55%)scale(1.1)}to{opacity:0;transform:translate(-50%,-75%)scale(1)}}