*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#f4e7cf;background:#182e33;color-scheme:dark}body{margin:0;position:fixed;inset:0;overflow:hidden}#game{position:absolute;left:50%;top:50%;margin-left:-180px;margin-top:-320px;width:360px;height:640px;overflow:hidden;transform-origin:center;background:#243b40;user-select:none}canvas,.screen{position:absolute;inset:0;width:100%;height:100%}canvas{display:block;touch-action:none}[hidden]{display:none!important}.screen{pointer-events:none;text-align:center}button{pointer-events:auto;touch-action:manipulation;cursor:pointer;border:0;font:inherit;font-weight:700;min-height:52px}button:focus-visible{outline:3px solid #e8b765;outline-offset:4px}button:active{transform:translateY(3px)}.brand-mark{color:#c1ad8d;font-size:14px;letter-spacing:7px;margin-top:43px}h1{font-size:36px;letter-spacing:.02em;margin:20px 12px 12px;line-height:1.3}.rule{font-size:14px;color:#ded5c3;margin:0 20px;line-height:1.6}.hero{position:absolute;left:24px;top:202px;width:312px;height:240px;object-fit:contain}.title-bonus{position:absolute;top:442px;width:100%;font-size:13px;color:#e7c686;margin:0}.title-bottom{position:absolute;top:493px;left:30px;right:30px}.chips{display:flex;justify-content:center;gap:28px;color:#d2c5ab;font-size:12px;margin-bottom:18px}.primary{width:100%;height:58px;border-radius:18px;background:#edc87c;color:#283f42;font-size:18px;box-shadow:0 5px 0 #9c8050}.secondary{background:transparent;color:#ded4be;font-size:15px;padding:14px 28px;margin:15px auto}.mark-note{font-size:11px;color:#b3c0b9;margin:18px 0 0}.hud{position:absolute;top:23px;left:26px;right:26px;display:flex;justify-content:space-between;text-align:left}.hud span{display:block;font-size:11px;color:#c1cbc0}.hud strong{font-size:31px;font-variant-numeric:tabular-nums}.clock{text-align:right}.timer{position:absolute;top:84px;left:26px;right:26px;height:4px;background:#446065;border-radius:3px;overflow:hidden}.timer i{display:block;height:100%;width:100%;background:#edc87c;transform-origin:left}.progress{position:absolute;top:102px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:12px;color:#cbd3c7}.progress b{color:#f4e7cf}.arena-label{position:absolute;top:137px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:11px;color:#c0cdc4}#combo{color:#edc87c}#feedback{position:absolute;top:570px;left:12px;right:12px;margin:0;font-size:14px;font-weight:600;color:#f1dbb2;line-height:20px}.bonus-hint{position:absolute;top:602px;width:100%;margin:0;font-size:12px;color:#c4cbb9}.result{background:#243b40f5;padding:0 30px}.result-mark{font-size:66px;color:#e7b975;margin:18px 0 0;line-height:1.2}.result h2{font-size:28px;margin:14px 0 22px}.result-label{font-size:12px;color:#d1cbb7}#result-score{display:block;font-size:66px;line-height:1.35;color:#efcd8b;font-variant-numeric:tabular-nums}.result-stats{display:grid;grid-template-columns:1fr auto;gap:15px;text-align:left;font-size:14px;color:#c5cebf;padding:22px 12px 32px}.result-stats b{color:#f3e4ca}html[lang="en"] h1{font-size:38px}@media(prefers-reduced-motion:reduce){button:active{transform:none}}