[data-slot=key-sound-rhythm-workspace]{container:key-sound-rhythm/size}[data-slot=key-sound-rhythm-game]{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:1rem;min-height:100%;display:grid}[data-slot=key-sound-rhythm-background]{z-index:-1;border-radius:inherit;pointer-events:none;background-color:#04060a;position:absolute;inset:0;overflow:hidden}[data-slot=key-sound-rhythm-background] img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block;position:absolute;left:0}[data-slot=key-sound-rhythm-background-lights]{top:0;-webkit-mask-image:linear-gradient(#000 28%,#0000 64%);mask-image:linear-gradient(#000 28%,#0000 64%)}[data-slot=key-sound-rhythm-background-floor]{bottom:0;-webkit-mask-image:linear-gradient(#0000 55%,#000 74%);mask-image:linear-gradient(#0000 55%,#000 74%)}[data-slot=key-sound-rhythm-background]:after{content:"";background:linear-gradient(#04060a1f,#04060a38 55%,#04060a14);position:absolute;inset:0}[data-slot=key-sound-rhythm-info]{flex-direction:column;gap:.5rem;min-width:0;display:flex}[data-slot=key-sound-rhythm-stage]{grid-template-rows:auto auto;align-content:start;gap:.5rem;min-width:0;display:grid}[data-slot=key-sound-rhythm-playfield]{grid-template-rows:auto 24rem;align-content:start;gap:.5rem;min-width:0;display:grid}[data-slot=key-sound-rhythm-pads]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;display:grid}[data-slot=key-sound-rhythm-pad]{min-height:4rem}[data-slot=key-sound-rhythm-settings]{grid-template-columns:minmax(0,1fr) minmax(5.5rem,.52fr);gap:.5rem;display:grid}[data-slot=key-sound-rhythm-results]{grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem;display:grid}[data-slot=key-sound-rhythm-results] .key-sound-rhythm-stat-value{overflow-wrap:anywhere}@container key-sound-rhythm (max-width:35.999rem){[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-playfield]{grid-template-rows:auto min(24rem,max(10rem,100cqh - 10.625rem))}[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-note-highway]{height:100%;min-height:10rem}}@container key-sound-rhythm (min-width:36rem) and (max-width:55.999rem){[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-playfield]{grid-template-rows:auto min(24rem,max(10rem,100cqh - 6.25rem))}[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-note-highway]{height:100%;min-height:10rem}}[data-slot=key-sound-rhythm-playback-controls] button{overflow-wrap:anywhere}@container key-sound-rhythm (min-width:36rem){[data-slot=key-sound-rhythm-pads]{grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding-inline:1px}[data-slot=key-sound-rhythm-pads]>div{min-width:0;padding-inline:.1875rem}}@container key-sound-rhythm (min-width:56rem){[data-slot=key-sound-rhythm-game]{grid-template-columns:minmax(0,1fr) 21.375rem;align-items:stretch}[data-slot=key-sound-rhythm-info]{grid-area:1/2/3}[data-slot=key-sound-rhythm-stage]{display:contents}[data-slot=key-sound-rhythm-playfield]{grid-area:1/1}[data-slot=key-sound-rhythm-results]{flex:1;grid-template-rows:repeat(2,minmax(4rem,1fr)) auto}[data-slot=key-sound-rhythm-pads]{grid-area:2/1}[data-slot=key-sound-rhythm-footer]{margin-top:auto}}@container key-sound-rhythm (min-width:56rem) and (max-height:43.999rem){[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-game]{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;height:100%;min-height:0}[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-info]{overscroll-behavior:contain;min-height:0;overflow-y:auto}[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-playfield]{grid-template-rows:auto minmax(10rem,1fr);min-height:0}[data-slot=key-sound-rhythm-workspace][data-browser-surface=true][data-challenge-active=true] [data-slot=key-sound-rhythm-note-highway]{height:100%;min-height:10rem}}@container key-sound-rhythm (min-width:56rem) and (min-height:44rem){[data-slot=key-sound-rhythm-game]{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.5rem 1rem}[data-slot=key-sound-rhythm-info]{display:contents}[data-slot=key-sound-rhythm-controls]{border-bottom:1px solid #ffffff1a;grid-area:1/1/auto/-1;padding-bottom:.5rem}[data-slot=key-sound-rhythm-toolbar]{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:start}[data-slot=key-sound-rhythm-chart],[data-slot=key-sound-rhythm-key-bindings-toggle]{min-height:2.75rem}[data-slot=key-sound-rhythm-playfield]{grid-area:2/1;grid-template-rows:auto 24rem}[data-slot=key-sound-rhythm-results]{grid-area:2/2/4;grid-template-rows:repeat(2,7.5rem) minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:stretch}[data-slot=key-sound-rhythm-stat-card]{grid-template-rows:auto auto;align-content:center;padding:.875rem}[data-slot=key-sound-rhythm-results] .key-sound-rhythm-stat-value{font-size:2rem;line-height:2.25rem}[data-slot=key-sound-rhythm-judgement-counts]{background:#00000024;border-top:1px solid #ffffff14;grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.75rem .5rem}[data-slot=key-sound-rhythm-judgement-counts]>div{align-content:center;min-height:2rem}[data-slot=key-sound-rhythm-pads]{grid-area:3/1;min-height:8rem}[data-slot=key-sound-rhythm-pad-hint]{clip:auto;clip-path:none;color:#a1a1aa;overflow-wrap:anywhere;white-space:normal;width:auto;height:auto;margin:.375rem 0 0;font-size:.625rem;line-height:.875rem;position:static;overflow:visible}[data-slot=key-sound-rhythm-footer]{flex-wrap:wrap;grid-area:5/1/auto/-1;justify-content:space-between;gap:.5rem 1.5rem;margin-top:0;display:flex}}
[data-slot=key-sound-rhythm-season-result-dialog].key-sound-rhythm-season-result{color:#ebe7de;background:#15191d;border:1px solid #41484f;border-top:5px solid #ddf542;border-radius:4px;gap:0;width:min(760px,100dvw - 32px);max-width:760px;max-height:calc(100dvh - 32px);padding:20px 26px 16px;transition-property:opacity;overflow-y:auto}.key-sound-rhythm-result-heading{text-align:start;gap:0}.key-sound-rhythm-result-season{color:#ddf542;letter-spacing:3px;padding-right:20px;font-size:9px;font-weight:800}.key-sound-rhythm-result-level{color:#aeb5bd;margin:8px 0 4px;font-size:12px}.key-sound-rhythm-result-title{color:#ebe7de;letter-spacing:normal;font-size:27px;font-weight:800;line-height:1.3}.key-sound-rhythm-result-subtitle{color:#aeb5bd;margin-top:4px;font-size:12px}.key-sound-rhythm-result-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;margin:10px 0;display:grid}.key-sound-rhythm-result-stars{justify-content:center;align-items:center;gap:4px;height:98px;display:flex}.key-sound-rhythm-result-star{fill:#232a30;stroke:#57616a;stroke-width:2.2px;stroke-linejoin:round;flex:none;width:70px;height:70px;position:relative}.key-sound-rhythm-result-star:nth-child(2){width:86px;height:86px;top:-6px}.key-sound-rhythm-result-star[data-earned=true]{fill:#ddf542;stroke:#ebe7de;filter:drop-shadow(0 0 7px #ddf54240);animation:.8s cubic-bezier(.2,.7,.25,1) both key-sound-rhythm-result-star-land}.key-sound-rhythm-result-star-shine{fill:#ffffd9;stroke:none;opacity:.7}.key-sound-rhythm-result-score-card{color:#111115;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);background:#ebe7de;min-width:0;padding:11px 18px}.key-sound-rhythm-result-score-card>p{color:#62696f;letter-spacing:2px;font-size:10px;font-weight:800}.key-sound-rhythm-result-score-value{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.key-sound-rhythm-result-score-value>strong{font-variant-numeric:tabular-nums;font-size:43px;font-weight:800;line-height:1.18}.key-sound-rhythm-result-record{color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);background:#fe4164;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:800;line-height:1.5}.key-sound-rhythm-result-metrics{text-align:center;background:#1e2429;border:1px solid #353d44;border-top:4px solid #ddf542;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:9px;padding:8px 3px;display:grid}.key-sound-rhythm-result-metrics>div{min-width:0;padding:0 4px}.key-sound-rhythm-result-metrics>div+div{border-left:1px solid #353d44}.key-sound-rhythm-result-metrics dd{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;line-height:1.4}.key-sound-rhythm-result-metrics small{color:#aeb5bd;font-size:12px;font-weight:400}.key-sound-rhythm-result-metrics dt{color:#aeb5bd;overflow-wrap:anywhere;margin-top:5px;font-size:9px}.key-sound-rhythm-result-ranking{background:#191f24;border:1px solid #353d44;margin-top:12px;font-size:12px}.key-sound-rhythm-result-ranking>header{border-bottom:1px solid #353d44;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.key-sound-rhythm-result-ranking h3{font-size:12px;font-weight:700}.key-sound-rhythm-result-ranking header>span{color:#ddf542}.key-sound-rhythm-result-ranking-row{color:#aeb5bd;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;padding:4px 12px;display:grid}.key-sound-rhythm-result-ranking-row+.key-sound-rhythm-result-ranking-row{border-top:1px solid #ffffff09}.key-sound-rhythm-result-ranking-row.is-mine{color:#ebe7de;background:#fe41641a;box-shadow:inset 3px 0 #fe4164}.key-sound-rhythm-result-ranking-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-sound-rhythm-result-ranking-row strong{font-variant-numeric:tabular-nums;font-size:14px}.key-sound-rhythm-result-ranking-row.is-mine strong{color:#ddf542}.key-sound-rhythm-result-ranking-empty{color:#aeb5bd;padding:12px}.key-sound-rhythm-result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 8px;display:grid}.key-sound-rhythm-result-actions .key-sound-rhythm-result-action{min-width:0;height:auto;min-height:42px;box-shadow:none;white-space:normal;border-radius:2px;padding:8px 12px;font-size:13px;font-weight:800}.key-sound-rhythm-result-actions .is-secondary{color:#ebe7de;background:#1b2126;border:1px solid #515961}.key-sound-rhythm-result-actions .is-secondary:hover{background:#262c32}.key-sound-rhythm-result-actions .is-primary,.key-sound-rhythm-result-actions .is-share{color:#fff;background:#fe4164;border:1px solid #fe4164}.key-sound-rhythm-result-actions .is-primary:hover,.key-sound-rhythm-result-actions .is-share:hover{background:#ff607e}.key-sound-rhythm-result-cost{font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.key-sound-rhythm-result-cost svg{color:#f3d38b;fill:#f3d38b;width:13px;height:13px}@keyframes key-sound-rhythm-result-star-land{0%{opacity:0;transform:translateY(-45px)scale(1.75)rotate(-18deg)}38%{opacity:1;transform:translateY(3px)scale(.82)rotate(5deg)}65%{opacity:1;transform:translateY(-5px)scale(1.13)rotate(-3deg)}85%{opacity:1;transform:translateY(1px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:600px){[data-slot=key-sound-rhythm-season-result-dialog].key-sound-rhythm-season-result{padding:20px 16px 16px}.key-sound-rhythm-result-main{grid-template-columns:minmax(0,1fr)}.key-sound-rhythm-result-score-value{justify-content:center}.key-sound-rhythm-result-score-card>p{text-align:center}.key-sound-rhythm-result-actions{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.key-sound-rhythm-result-star[data-earned=true]{animation:none}}.s2-web-access-status{color:#a1a1aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;font-size:14px;display:flex;position:absolute;inset:0}.s2-web-placeholder-pad{background:#0e0f14;border:1px solid #ffffff26;border-radius:2px;place-items:center;height:100%;min-height:64px;display:grid}.s2-web-quota{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:8px;font-size:12px;display:flex}.s2-web-quota[hidden]{display:none}.s2-web-quota label{align-items:center;gap:8px;display:flex}.s2-web-lanes{display:grid;position:absolute;inset:0}.s2-web-lanes>div{border-inline-end:1px solid #ffffff0e;position:relative;overflow:hidden}.s2-web-note{color:#050810;z-index:30;border:1px solid #fff5;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:28px;padding-inline:8px;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%,-100%)}.s2-web-hit-window{pointer-events:none;z-index:20;border-block:1px dashed #6ee7b7e6;position:absolute;inset-inline:0}.s2-web-good-window{pointer-events:none;z-index:10;background:#34d3991a;position:absolute;inset-inline:0}.s2-web-perfect-window{pointer-events:none;z-index:20;background:#fcd34d33;border-block:2px solid #fde68a;position:absolute;inset-inline:0}.s2-web-passed-mask{inset-inline:0;pointer-events:none;z-index:35;background:#0009;position:absolute;bottom:0}.s2-web-hit-line{pointer-events:none;z-index:40;background:#fb7185e6;height:2px;position:absolute;inset-inline:16px;transform:translateY(-50%)}.s2-web-hit-line:before,.s2-web-hit-line:after{content:"";background:#fda4af;width:1px;height:10px;position:absolute;top:-4px}.s2-web-hit-line:before{left:-1px}.s2-web-hit-line:after{right:-1px}.s2-web-start{z-index:50;border-radius:2px;min-width:150px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.s2-web-judgement{top:68%;pointer-events:none;z-index:45;justify-content:center;display:flex;position:absolute;inset-inline:0}.s2-web-judgement>span{color:#fde68ae6;text-shadow:0 1px #030712f2,1px 2px #f59e0b38;align-items:center;gap:6px;min-height:28px;padding:0 8px;animation:.1s ease-out s2-judgement-enter;display:inline-flex}.s2-web-judgement [data-feedback=good]{color:#6ee7b7d9;text-shadow:0 1px #030712f2,1px 2px #10b98133}.s2-web-judgement [data-feedback=miss]{color:#fecdd3cc;text-shadow:0 1px #030712f2,1px 2px #f43f5e33}.s2-web-judgement strong{letter-spacing:.06em;font-size:15px;line-height:1}.s2-web-judgement-slashes{align-items:center;gap:2px;margin-inline-end:2px;display:inline-flex}.s2-web-judgement-slashes i{opacity:.75;background:currentColor;width:2px;height:14px;transform:skew(-12deg)}.s2-web-judgement-slashes i+i{opacity:.3;width:1px;height:10px}.s2-web-judgement-combo{font-variant-numeric:tabular-nums;border-inline-start:1px solid #ffffff25;padding-inline-start:6px;font:600 11px monospace}.s2-web-judgement-combo small{opacity:.7;font-size:8px;font-weight:500}.s2-web-judgement-mark{opacity:.6;font:14px monospace}@keyframes s2-judgement-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.s2-web-judgement>span{animation:none}}.s2-web-preparing{background:color-mix(in srgb,var(--background,#0b0c10)58%,transparent);z-index:50;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-inline:16px;display:flex;position:absolute;inset:0}.s2-web-preparing-status{color:#f4f4f5;text-align:center;justify-content:center;align-items:center;min-height:80px;font-size:14px;font-weight:600;display:flex}.s2-web-formal-countdown{border:1px solid color-mix(in srgb,var(--primary,#ff3b62)60%,transparent);background:color-mix(in srgb,var(--background,#0b0c10)90%,transparent);width:80px;height:80px;color:var(--primary,#ff3b62);border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-weight:600;line-height:40px;display:flex}.s2-web-preparing button{min-height:36px;font-size:12px}.s2-web-status{color:#a6adb5;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding-block:12px;font-size:12px;display:flex}.s2-web-confirm{background:#15191d!important;border-color:#42484d!important;border-radius:3px!important}.s2-web-confirm>div:last-of-type{justify-content:flex-end;gap:12px;display:flex}@container key-sound-rhythm (min-width:56rem){[data-sequence-source=season-two]>.s2-web-star-progress{grid-area:3/1}}@container key-sound-rhythm (min-width:56rem) and (min-height:44rem){[data-sequence-source=season-two]{grid-template-rows:repeat(6,auto)}[data-sequence-source=season-two]>.s2-web-star-progress{grid-row:4}}