body{background:#1c2f5e}.ru-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ru{box-sizing:border-box;flex-direction:column;align-items:center;min-height:calc(100dvh - 72px);padding:8px 8px 24px;display:flex}.ru.is-playing,.ru-stage{touch-action:none}.ru-stage{touch-action:none;justify-content:center;display:flex;position:relative}#ru-canvas{image-rendering:pixelated;touch-action:none;background:#8cc4f0;border-radius:6px;outline:none;display:block;box-shadow:0 4px 18px #00000073}.ru-loading{text-align:center;color:#f4e9c8;font-size:14px;position:absolute;top:40%;left:0;right:0}.ru-back,.ru-snd{color:#e7d5a2;white-space:nowrap;background:0 0;border:1px solid #c9a227;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:13px;text-decoration:none}.ru-snd{cursor:pointer;touch-action:manipulation;margin-left:6px}.ru-snd[aria-pressed=true]{color:#14244a;background:#c9a227}.ru-snd[aria-pressed=false]{opacity:.75;text-decoration:line-through}.ru-panel{box-sizing:border-box;text-align:center;color:#fff8e6;background:#101a349e;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:16px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex;position:absolute;top:0;left:0;right:0}.ru-panel[hidden]{display:none}.ru-logo{letter-spacing:.06em;color:#ffd84a;text-shadow:3px 3px #3a3a4a,5px 5px #1b1b26;margin:0;font-size:30px;font-weight:400;line-height:1.1}.ru-logo small{letter-spacing:.4em;color:#fff8e6;text-shadow:2px 2px #1b1b26;margin-top:4px;font-size:13px;display:block}.ru-howto{text-align:left;background:#101a34b8;border:2px solid #c9a227;border-radius:4px;margin:0;padding:10px 14px 10px 30px;font-size:13px;line-height:1.8}.ru-howto b{color:#ffd84a;font-weight:400}.ru-keys{opacity:.85;margin:0;font-size:11px}.ru-demo-fig{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.ru-demo{width:240px;height:150px;image-rendering:pixelated;background:#8cc4f0;border:2px solid #c9a227;border-radius:4px;display:block}@media (width>=700px) and (height>=700px){.ru-demo{width:320px;height:200px}}#ru-demo{width:288px;height:180px}@media (width>=700px) and (height>=700px){#ru-demo{width:384px;height:240px}}.ru-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.ru-demo-fig figcaption{color:#ffd84a;text-shadow:2px 2px #1b1b26;min-height:1.4em;font-size:13px}#ru-title{gap:7px;padding:10px 12px}#ru-title .ru-logo{font-size:24px}#ru-howto{background:#101a34eb;justify-content:flex-start;gap:8px;padding:10px 12px}#ru-howto .ru-howto{padding:6px 10px 6px 26px;font-size:12px;line-height:1.6}.ru-best{margin:0;font-size:13px}.ru-best b{color:#ffd84a;font-size:16px;font-weight:400}.ru-over-h{letter-spacing:.08em;color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:24px;font-weight:400}.ru-score-line{margin:0;font-size:18px}.ru-score-line b{color:#ffd84a;font-size:40px;font-weight:400}.ru-record{color:#ff9d8a;margin:0;animation:.8s steps(2,end) infinite ruPulse}.ru-tally{text-align:left;background:#101a3499;border:1px solid #c9a22799;grid-template-columns:1fr 1fr;gap:2px 14px;margin:0;padding:6px 12px;font-size:12px;list-style:none;display:grid}.ru-tally b{color:#ffd84a;float:right;margin-left:6px;font-weight:400}.ru-btn{cursor:pointer;min-width:168px;font:inherit;letter-spacing:.1em;color:#1b1b26;background:#ffd84a;border:0;padding:10px 18px 12px;font-size:17px;box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.ru-btn:active{transform:translate(2px,2px);box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26}.ru-btn--sub{background:#cfe6ef;min-width:132px;padding:8px 14px 10px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.ru-btn:focus-visible{outline-offset:5px;outline:2px solid #fff8e6}.ru-callout{text-align:center;pointer-events:none;color:#fff8e6;letter-spacing:.06em;opacity:0;text-shadow:2px 2px #1b1b26,0 0 8px #0009;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;font-size:20px;position:absolute;top:24%;left:0;right:0}.ru-callout.is-gold{color:#ffe36b;font-size:24px}.ru-callout.is-stage{color:#ffd84a;font-size:18px}.ru-callout.is-hit{color:#ff9d8a;font-size:18px}.ru-over-why{background:#101a34b8;border:2px solid #ff9d8a;border-radius:4px;max-width:30em;margin:0;padding:6px 12px}.ru-over-why[hidden]{display:none}.ru-over-why p{margin:0;line-height:1.5}.ru-over-why-t{color:#ff9d8a;font-size:15px}.ru-over-tip{color:#fff8e6;font-size:12px}.ru-callout.is-on{animation:1.6s ease-out forwards ruCallout}@keyframes ruCallout{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes ruPulse{50%{opacity:.5}}.ru-link{cursor:pointer;font:inherit;color:#cfe6ef;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.ru-panel--rank{background:#101a34eb;justify-content:flex-start}.ru-r-title{letter-spacing:.08em;color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:22px;font-weight:400}.ru-r-box{justify-content:center;width:100%;font-size:13px;line-height:1.7;display:flex}.rk-list{text-align:left;width:100%;max-width:340px;margin:0;padding:0;font-size:13px;list-style:none}.rk-row{border-bottom:1px dashed #fff8e640;grid-template-columns:2.2em 1fr auto auto;align-items:baseline;gap:6px;padding:4px 6px;display:grid}.rk-row.is-me{background:#f2c94c38}.rk-rank,.rk-score{color:#f2c94c;text-align:right}.rk-score{min-width:4em}.rk-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rk-stage{opacity:.8;font-size:11px}.rk-empty,.rk-mine,.rk-line{margin:0;font-size:13px}.rk-line{color:#b0d870;min-height:1.2em}.rk-line:empty{display:none}.rk-mine a,.rk-line a{color:#f2c94c;font-size:12px}@media (prefers-reduced-motion:reduce){.ru-callout.is-on{animation-duration:2.4s}.ru-record{animation:none}}