#sd-game *{margin:0;padding:0;box-sizing:border-box}#sd-game{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:linear-gradient(135deg,#eef4fb,#d8e6f3);color:#16273a;width:100%;max-width:720px;padding:20px 14px 24px;border-radius:16px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}#sd-game h1{font-size:2em;margin-bottom:6px;text-align:center;color:#123a63;text-shadow:2px 2px 0 #fff}#sd-game .sd-subtitle{font-size:1em;line-height:1.6;margin-bottom:14px;text-align:center;color:#26425f}#sd-game .sd-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;width:100%}#sd-game .sd-stat{background:#fff;border:2px solid #123a63;border-radius:10px;padding:6px 11px;font-size:.92em;color:#16273a;white-space:nowrap}#sd-game .sd-stat strong{font-variant-numeric:tabular-nums;font-size:1.08em}#sd-game .sd-stage{position:relative;width:100%;max-width:100%;border:3px solid #123a63;border-radius:12px;overflow:hidden;min-height:200px;background:#b9c3cc;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}#sd-game .sd-stage:focus-visible{outline:4px solid #d2691e;outline-offset:2px}#sd-game canvas{display:block;width:100%;height:auto;aspect-ratio:2 / 1}#sd-game .sd-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center;background:#091c30d1;color:#fff}#sd-game .sd-overlay[hidden]{display:none}#sd-game .sd-overlay h2{font-size:1.5em;line-height:1.3;color:#ffd97a;text-shadow:1px 1px 0 #06182b}#sd-game .sd-overlay p{font-size:.95em;line-height:1.6;max-width:30em}#sd-game .sd-overlay .sd-result-line{font-size:1.05em;font-weight:700;font-variant-numeric:tabular-nums}#sd-game .sd-newrecord{display:inline-block;background:#ffd97a;color:#06182b;font-weight:700;border-radius:999px;padding:1px 10px;font-size:.88em;letter-spacing:.04em}#sd-game .sd-primary{min-height:52px;min-width:180px;padding:12px 26px;font-size:1.1em;font-weight:700;font-family:inherit;color:#06182b;background:#ffd97a;border:3px solid #06182b;border-radius:10px;cursor:pointer}#sd-game .sd-primary:hover{background:#ffe9ae}#sd-game .sd-primary:focus-visible{outline:4px solid #fff;outline-offset:2px}#sd-game .sd-controls{display:flex;gap:10px;width:100%;margin-top:12px}#sd-game .sd-key{flex:1 1 0;min-height:64px;min-width:44px;padding:10px 6px;font-family:inherit;font-size:1.05em;font-weight:700;line-height:1.35;color:#fff;background:#1d5182;border:3px solid #0d2c4c;border-radius:12px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#sd-game .sd-key .sd-key-sub{display:block;font-size:.72em;font-weight:400;opacity:.9}#sd-game .sd-key:hover{background:#266196}#sd-game .sd-key:active,#sd-game .sd-key.is-held{background:#0d2c4c;transform:translateY(2px)}#sd-game .sd-key:focus-visible{outline:4px solid #d2691e;outline-offset:2px}#sd-game .sd-status{margin-top:10px;min-height:1.6em;font-size:.9em;line-height:1.6;color:#26425f;text-align:center}#sd-game .sd-howto{width:100%;margin-top:14px;padding:12px 14px;background:#ffffffb8;border-radius:10px}#sd-game .sd-howto h2{font-size:1.05em;margin-bottom:6px;color:#123a63}#sd-game .sd-howto ul{margin-left:1.1em}#sd-game .sd-howto li{font-size:.88em;line-height:1.7;color:#26425f}#sd-game kbd{display:inline-block;padding:1px 6px;margin:0 1px;font-family:inherit;font-size:.9em;background:#fff;border:1px solid #7d99b5;border-bottom-width:2px;border-radius:4px}#sd-game .sd-note{margin-top:12px;font-size:.82em;line-height:1.6;color:#3d5c7c;text-align:center}@media(max-width:420px){#sd-game{padding:16px 8px 20px}#sd-game h1{font-size:1.6em}#sd-game .sd-subtitle{font-size:.92em}#sd-game .sd-stat{font-size:.84em;padding:5px 9px}#sd-game .sd-overlay{gap:6px;padding:10px}#sd-game .sd-overlay h2{font-size:1.15em;line-height:1.2}#sd-game .sd-overlay p{font-size:.82em;line-height:1.5}#sd-game .sd-primary{min-height:46px;min-width:150px;padding:9px 20px;font-size:1em}}@media(prefers-reduced-motion:reduce){#sd-game .sd-key:active,#sd-game .sd-key.is-held{transform:none}}
