:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#354756;background:#edf6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:auto;padding:24px 18px}button{font:inherit;cursor:pointer;touch-action:manipulation}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b9cfdf;padding-bottom:12px;font-size:13px}.quiet{background:none;border:0;color:#5b7386;font-size:13px;padding:8px}.heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 16px}.heading h1{font-size:34px;letter-spacing:-1.5px;margin:0}.heading>span{font-size:13px;color:#66849a}.game{background:#fff;border:1px solid #b9cfdf;border-radius:10px;overflow:hidden}.stats{display:grid;grid-template-columns:1fr 1fr .75fr;gap:16px;padding:18px 20px}.stats small{display:block;color:#6b8191;font-size:12px;margin-bottom:5px}.stats strong{font-size:28px;font-variant-numeric:tabular-nums}.stats span{font-size:12px;margin-left:3px}.viewport{position:relative;border-top:1px solid #d2e3ed;border-bottom:1px solid #d2e3ed}canvas{display:block;width:100%;height:auto;background:#dcedf7}.cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#edf6fbef}.start-card{text-align:center;padding:12px}.start-card img{width:150px;height:125px;object-fit:contain}.start-card h2{font-size:25px;margin:5px 0 8px;letter-spacing:-1px}.start-card p{font-size:14px;line-height:1.7;color:#5b7386;margin:8px 0 16px}.primary{background:#5285a7;color:white;border:0;border-radius:6px;font-weight:800;padding:14px 24px;font-size:16px}.secondary{background:#eaf2f7;color:#354756;border:1px solid #bfd3e0;border-radius:6px;padding:14px;font-size:14px}.feedback{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;font-size:13px;color:#607b8f;min-height:48px}.feedback #level{white-space:nowrap;font-weight:800}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 18px}.controls button{background:#dcebf4;border:1px solid #adc9dc;border-bottom:4px solid #9bbacf;color:#354756;border-radius:8px;padding:17px 8px}.controls button:last-child{background:#f5e5e3;border-color:#dbb8b2;border-bottom-color:#c99e97}.controls b{display:block;font-size:19px}.controls span{display:block;font-size:12px;margin-top:6px;color:#6b8191}.controls button:active{transform:translateY(2px);border-bottom-width:2px}button:focus-visible{outline:3px solid #354756;outline-offset:3px}button:disabled{opacity:.55;cursor:default}#bonus{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:52px;font-weight:900;color:#5285a7;text-shadow:0 2px white,2px 0 white,-2px 0 white;pointer-events:none}.under{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6b8191;margin:14px 0}#result{padding:0 20px 18px;text-align:center}#result h2{font-size:30px;color:#5285a7;margin:12px 0}#summary{font-size:14px;color:#6b8191}.result-actions{display:flex;gap:10px}.result-actions button{flex:1}#shareStatus{font-size:13px;overflow-wrap:anywhere}#challenge{background:#dcebf4;padding:14px;font-size:14px;border-radius:6px}footer{font-size:12px;line-height:1.8;color:#6b8191;margin-top:24px}[hidden]{display:none!important}@media(max-width:400px){main{padding:16px 12px}.heading h1{font-size:29px}.heading>span{font-size:12px}.stats{padding:14px}.stats strong{font-size:25px}.start-card img{width:105px;height:86px}.start-card h2{font-size:22px}.start-card p{font-size:12px;margin-bottom:10px}.start-card .primary{padding:12px 20px;font-size:14px}.controls b{font-size:17px}.feedback{font-size:12px}.result-actions{flex-direction:column}}

#result{position:fixed;inset:0;z-index:20;background:#35475680;backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;overflow-y:auto}.result-sheet{width:min(100%,460px);background:#f8fcff;border:2px solid #b9cfdf;border-radius:20px;padding:24px 22px;box-shadow:0 15px 65px #243d5533;text-align:center;margin:auto}.result-kicker{display:block;font-size:13px;letter-spacing:2px;color:#6b8191;font-weight:800}.result-cat{width:180px;height:145px;object-fit:contain;display:block;margin:12px auto 0}.result-count strong{display:block;font-size:82px;line-height:1.1;font-weight:900;color:#354756;font-variant-numeric:tabular-nums}.result-count span{display:block;font-size:16px;color:#607b8f;margin-top:5px}#result h2{font-size:28px;margin:20px 0 8px;line-height:1.3}#resultQuote{font-size:15px;line-height:1.6;color:#526f85;margin:0 0 12px}#recordBadge{display:inline-block;background:#fbe5a6;color:#705929;border-radius:30px;font-size:15px;font-weight:900;padding:8px 16px;margin-top:12px}#summary{border-top:1px dashed #bfd3e0;padding-top:12px;font-size:13px}.result-actions{margin-top:20px}#shareStatus:empty{display:none}@media(max-height:700px){.result-cat{width:120px;height:95px;margin-top:6px}.result-count strong{font-size:64px}.result-sheet{padding:18px}#result h2{margin-top:12px;font-size:25px}}

.leaderboard{border-top:1px solid #b9cfdf;margin-top:28px}.rank-header{display:flex;align-items:center;justify-content:space-between}.rank-header h2{font-size:19px}#ranklist{list-style:none;padding:0;margin:0}#ranklist li{display:grid;grid-template-columns:65px 1fr auto;gap:8px;padding:14px 0;border-top:1px solid #d2e3ed;font-size:14px}.rank-names{overflow-wrap:anywhere}.rank-number,#rankstatus{color:#6b8191;font-size:13px}.score-form{display:flex;gap:8px;margin-top:18px}.score-form input{min-width:0;flex:1;border:1px solid #b9cfdf;border-radius:5px;padding:12px;font-size:14px}.rank-submit{border:0;background:#5285a7;color:white;border-radius:5px;padding:12px;font-size:13px;font-weight:800}.save-status{font-size:12px;color:#6b8191}.top5-callout{background:#fbe5a6;color:#705929;border-radius:8px;padding:14px;margin-top:18px}.top5-callout strong{display:block;font-size:24px}.top5-callout span{font-size:12px}#scoreSubmit:empty{display:none}@media(max-width:380px){.score-form{flex-direction:column}}

.decision-track{height:6px;margin:0 16px 14px;background:#e4edf3;border-radius:4px;overflow:hidden}#decisionFill{height:100%;background:#d69d76;transform-origin:left;transform:scaleX(1)}