body{background:#1c2f5e}.is-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is{flex-direction:column;align-items:center;padding:6px 8px 20px;font-family:DotGothic16,system-ui,sans-serif;display:flex}.is-hud{color:#f4e2b0;justify-content:center;gap:14px;margin:0 0 6px;font-size:13px;display:flex}.is-hud b{color:#f2c94c;font-size:16px}.is-hud small{opacity:.85;margin-left:2px;font-size:11px}.is-stage{justify-content:center;width:100%;max-width:480px;display:flex;position:relative}#is-canvas{image-rendering:pixelated;touch-action:manipulation;background:#f4e2b0;border-radius:6px;outline:none;display:block;box-shadow:0 4px 18px #00000073}#is-canvas:focus-visible{outline-offset:2px;outline:2px solid #f2c94c}.is-loading{text-align:center;color:#3a2a1a;font-size:14px;position:absolute;top:40%;left:0;right:0}.is-back,.is-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}.is-snd{cursor:pointer;touch-action:manipulation;margin-left:6px}.is-snd[aria-pressed=true]{color:#14244a;background:#c9a227}.is-snd[aria-pressed=false]{opacity:.75;text-decoration:line-through}.is-panel{text-align:center;color:#fff8e6;background:#1c2f5edb;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.is-panel[hidden]{display:none}.is-logo{letter-spacing:.12em;color:#f2c94c;text-shadow:3px 3px #6e1e24,-1px -1px #20202a,1px -1px #20202a,-1px 1px #20202a;margin:0;font-size:34px;font-weight:400}.is-howto{text-align:left;max-width:21em;margin:0;font-size:13px;line-height:1.8}.is-howto b{color:#f2c94c;font-weight:400}.is-progress-line{margin:0;font-size:13px}.is-progress-line b{color:#f2c94c;font-size:16px;font-weight:400}.is-keys{opacity:.8;margin:0;font-size:11px}.is-show{aspect-ratio:192/150;width:min(300px,78%);height:auto;image-rendering:pixelated;background:#f4e2b0;border:2px solid #20202a;border-radius:4px;display:block;box-shadow:0 0 0 2px #c9a227,3px 3px 0 2px #20202a}.is-show--howto{width:min(240px,66%)}.is-title-btns{justify-content:center;gap:8px;width:100%;max-width:320px;display:flex}.is-title-btns .is-btn{white-space:nowrap;flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px}.is-howto-box{z-index:5;background:#1c2f5ef5}.is-panel-h{letter-spacing:.1em;margin:0;font-size:22px;font-weight:400}.is-clear-h{color:#f2c94c;text-shadow:3px 3px #6e1e24;font-size:28px}.is-btn{cursor:pointer;color:#20202a;min-width:200px;font:inherit;letter-spacing:.06em;background:#f2c94c;border:2px solid #20202a;border-radius:4px;padding:10px 18px;font-size:16px;box-shadow:inset -3px -3px #a8741e,inset 3px 3px #f4e2b0,0 3px #20202a}.is-btn:active{transform:translateY(2px);box-shadow:inset -3px -3px #a8741e,inset 3px 3px #f4e2b0,0 1px #20202a}.is-btn--sub{background:#e8e6dc;padding:7px 14px;font-size:14px;box-shadow:inset -3px -3px #8a8a96,inset 3px 3px #fff,0 3px #20202a}.is-btn[hidden]{display:none}.is-btn:focus-visible,.is-cell:focus-visible,.is-ctrl:focus-visible{outline-offset:3px;outline:2px solid #f2c94c}.is-grid{grid-template-columns:repeat(5,52px);gap:8px;display:grid}.is-cell{cursor:pointer;color:#20202a;height:52px;font:inherit;background:#e8e6dc;border:2px solid #20202a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset -2px -2px #8a8a96}.is-cell b{font-size:18px;font-weight:400;line-height:1.1}.is-cell small{color:#a8741e;letter-spacing:-.05em;font-size:9px}.is-cell.is-done{background:#f4e2b0}.is-cell:disabled{color:#b8b8c0;cursor:default;box-shadow:none;background:#5c5c6e}.is-stars{color:#f2c94c;letter-spacing:.1em;margin:0;font-size:28px}.is-result{margin:0;font-size:14px}.is-result b{color:#f2c94c;font-size:22px;font-weight:400}.is-marks{text-align:left;margin:0;padding:0;font-size:13px;list-style:none}.is-marks li{opacity:.55}.is-marks li:before{content:"－ "}.is-marks li.is-ok{opacity:1;color:#b0d870}.is-marks li.is-ok:before{content:"★ ";color:#f2c94c}.is-new{color:#ff9d8a;margin:0;animation:.8s steps(2,end) infinite isPulse}.is-new[hidden]{display:none}.is-controls{justify-content:center;gap:6px;width:100%;max-width:420px;margin-top:8px;display:flex}.is-ctrl{cursor:pointer;color:#20202a;min-width:0;min-height:40px;font:inherit;white-space:nowrap;background:#e8e6dc;border:2px solid #20202a;border-radius:4px;flex:1 1 0;padding:6px 4px;font-size:14px;box-shadow:inset -2px -2px #8a8a96,0 2px #20202a}.is-ctrl:active{transform:translateY(1px)}.is-ctrl:disabled{opacity:.45;cursor:default}.is-callout{text-align:center;pointer-events:none;color:#fff8e6;opacity:0;background:#20202ad1;border-radius:4px;padding:6px 8px;font-size:15px;position:absolute;top:6%;left:8px;right:8px}.is-callout.is-on{animation:2.6s ease-out forwards isCallout}@keyframes isCallout{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes isPulse{50%{opacity:.5}}.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-mine a,.rk-line a{color:#f2c94c}#is-rank-list{justify-content:center;width:100%;display:flex}@media (height<=700px){.is-panel{gap:7px}.is-show{width:min(240px,66%)}}@media (width<=360px){.is-grid{grid-template-columns:repeat(5,46px);gap:6px}.is-cell{height:46px}.is-ctrl{font-size:12px}}@media (prefers-reduced-motion:reduce){.is-new{animation:none}.is-callout.is-on{animation-duration:3.4s}}