.iw-game.iw-compare-shell{background:#1c2421}.compare-game{--cg-ink:#eff2e8;--cg-muted:#b0beb2;--cg-accent:#dcee95;--cg-coral:#f3977e;color:var(--cg-ink);letter-spacing:0;background:#252d29;flex-direction:column;max-width:620px;min-height:100dvh;margin:0 auto;display:flex}.cg-task{color:#becabd;text-align:center;background:#1c2421;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:6px 10px;font-size:12px;display:flex}.cg-icon{width:44px;min-width:44px;height:44px;color:inherit;background:#d4e5cf05;border:1px solid #c3d1c125;border-radius:50%;place-items:center;transition:background .15s;display:grid}.cg-icon:hover{background:#d4e5cf18}.cg-icon:disabled{opacity:.35}.compare-game button:focus-visible{outline:3px solid var(--cg-coral);outline-offset:3px}.cg-hud{flex-shrink:0;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:1px 23px 12px;display:grid}.cg-target-count{color:var(--cg-accent);align-items:center;gap:9px;display:flex}.cg-target-count strong{font-variant-numeric:tabular-nums;font:700 25px Arial}.cg-target-count strong span{color:var(--cg-muted);font-size:13px;font-weight:400}.cg-timer{text-align:center;font-variant-numeric:tabular-nums;font:500 24px Arial}.cg-timer.is-low{color:var(--cg-coral)}.cg-score{justify-content:flex-end;align-items:baseline;gap:7px;display:flex}.cg-score>span{color:var(--cg-muted);font-size:10px}.cg-score strong{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font:600 22px Arial}.cg-progress-track{background:#a4c4ac20;flex-shrink:0;height:2px}.cg-progress-track>span{background:var(--cg-accent);height:100%;transition:width .1s linear;display:block}.cg-view{background:#1c2421;flex:none;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.cg-stage{isolation:isolate;width:min(100%,max(120px,calc((100dvh - 236px - env(safe-area-inset-bottom)) * .75)));touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0;max-width:620px;position:relative}.cg-stage:focus-visible{outline:2px solid var(--cg-accent);outline-offset:-2px}.cg-art{background:#3c504a;position:absolute;inset:0;overflow:hidden}.cg-art>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.cg-original{z-index:3;transition:opacity .11s linear}.cg-base{z-index:0}.cg-repair-clip{z-index:1;pointer-events:none;position:absolute;overflow:hidden}.cg-repair{width:100%;height:100%;animation:.28s cubic-bezier(.2,.8,.2,1) both cg-repair-in;position:relative;overflow:hidden}.cg-repair img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.cg-photo-state{z-index:6;color:#f1f7ee;pointer-events:none;background:#21382bec;border-radius:2px;justify-content:center;align-items:center;gap:5px;min-width:59px;padding:5px 9px;font-size:11px;display:flex;position:absolute;top:12px;left:12px}.is-reference .cg-photo-state{background:var(--cg-accent);color:#263b2b}.cg-marker{z-index:4;pointer-events:auto;background:0 0;border:1.5px solid #f4ffc590;border-radius:43%;min-width:0;min-height:0;padding:0;animation:.24s both cg-mark-in;position:absolute}.cg-marker>span{background:var(--cg-accent);color:#2f4831;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:-7px;right:-5px;box-shadow:0 1px 4px #14221f55}.cg-marker.is-missing{border:2px dashed #f4af77}.cg-marker.is-missing>span{background:#f4af77}.cg-feedback{z-index:7;pointer-events:none;text-shadow:0 1px 3px #10271ed0,0 1px 5px #10271ed0;white-space:nowrap;font:800 23px Arial;animation:.65s both cg-point;position:absolute;transform:translate(-50%,-50%)}.cg-feedback-hit{color:#edffa4}.cg-feedback-miss{color:#ffc1a6;font-size:18px}.cg-feedback-repeat{color:#f0f7d5}.cg-cursor{z-index:9;color:#fff;filter:drop-shadow(0 0 2px #17291e);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.cg-controls{min-height:86px;padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));flex-shrink:0;align-items:center;gap:12px;display:flex}.cg-compare-group{background:var(--cg-accent);color:#243b28;border-radius:6px;flex:1;max-width:400px;display:flex;overflow:hidden}.cg-compare{height:55px;color:inherit;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;flex:1;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.cg-compare.is-active{background:#effcb9}.cg-compare>span{text-align:center;min-width:64px}.cg-pin{touch-action:manipulation;border-left:1px solid #57693835;place-items:center;width:48px;min-width:48px;display:grid}.cg-pin.is-active{background:#b5cb6d}.cg-pin.is-active svg{fill:#354e3a30}.cg-end{color:#c4d0c1;border:1px solid #adc0a52b;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:67px;height:55px;font-size:11px;display:flex}.cg-end:hover{background:#bed1b811}.cg-cover{z-index:20;cursor:default;background:#283831;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.cg-cover>svg{color:#b9d99b}.cg-cover h2{font-size:21px;font-weight:600}.cg-primary{background:var(--cg-accent);color:#253a28;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:700;display:flex}.cg-primary:hover{background:#ecf8b4}.cg-loading-line{background:#819775;width:95px;height:2px;position:relative;overflow:hidden}.cg-loading-line:after{content:"";background:var(--cg-accent);animation:1s ease-in-out infinite cg-loading;position:absolute;inset:0}.cg-result{color:#293e32;background:#eef1e8;flex-shrink:0;padding:21px 20px 24px}.cg-result-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.cg-result-heading>div>span{color:#687766;font-size:10px}.cg-result h2{outline:none;margin:5px 0;font-size:24px}.cg-result-score{color:#3e6243;font:800 38px Arial}.cg-result-score small{margin-left:4px;font-size:12px;font-weight:400}.cg-result-facts{border-bottom:1px solid #bccbbb;justify-content:space-between;gap:17px;padding:13px 0 18px;font-size:12px;display:flex}.cg-result-facts b{font-variant-numeric:tabular-nums;font-weight:600}.cg-result-actions{align-items:center;gap:10px;padding-top:16px;display:flex}.cg-result-actions>.cg-primary{color:#f1f6e7;background:#30573e;flex:1}.cg-result .cg-icon{border-color:#aab9a480}.cg-explanation{border-top:1px solid #c5cebf;align-items:flex-start;gap:8px;margin-top:17px;padding-top:12px;display:flex}.cg-explanation p{padding:5px 0;font-size:13px;line-height:1.8}.cg-explanation .cg-icon{border:0}.cg-data{border-top:1px solid #c5cebf;margin-top:17px;font-size:12px}.cg-data summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;list-style:none;display:flex}.cg-data summary::-webkit-details-marker{display:none}.cg-data[open] summary svg{rotate:90deg}.cg-data dl{grid-template-columns:1fr 1fr;gap:12px;margin:7px 0 17px;display:grid}.cg-data dl>div{justify-content:space-between;gap:10px;display:flex}.cg-data dt{color:#637a65}.cg-data dd{font-variant-numeric:tabular-nums;margin:0}.cg-download{color:#305c41;align-items:center;gap:7px;min-height:44px;text-decoration:underline;display:flex}.cg-save-warning{color:#f9d3ba;background:#42362e;margin:0;padding:8px 16px;font-size:12px}.cg-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare-game.is-finished{min-height:100dvh}.cg-briefing{text-align:left;cursor:default;overscroll-behavior:contain;width:100%;max-width:430px;max-height:100%;padding:18px;overflow-y:auto}.cg-briefing>span{color:#cadba0;letter-spacing:1px;font-size:10px}.cg-briefing h2{margin:7px 0}.cg-briefing>p{color:#c5d2c0;font-size:12px;line-height:1.7}.cg-briefing ol{color:#e1e8d8;margin:12px 0;padding-left:19px;font-size:12px;line-height:1.8}.cg-briefing li+li{margin-top:8px}.cg-briefing .cg-primary{width:100%;margin-top:16px}.cg-briefing small{color:#b3c3aa;margin-top:10px;font-size:10px;line-height:1.7;display:block}.cg-review-list,.cg-learning{border-top:1px solid #c5cebf;margin-top:20px;padding-top:15px}.cg-review-list h3,.cg-learning h3{margin:0 0 7px;font-size:15px}.cg-review-list p,.cg-learning p{color:#58705c;margin:7px 0 12px;font-size:12px;line-height:1.8}.cg-review-list>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cg-review-list button{text-align:left;background:#f6f8ef;border:1px solid #becbb7;border-radius:4px;justify-content:space-between;align-items:center;gap:7px;min-height:48px;padding:10px;font-size:12px;display:flex}.cg-review-list button[aria-pressed=true]{background:#dbe7cb;border-color:#30573e}.cg-review-list small{color:#5a715c;flex-shrink:0;font-size:10px}.cg-learning ol{margin:8px 0;padding-left:19px;font-size:12px;line-height:1.9}.cg-learning li+li{margin-top:5px}.cg-review-list button:focus-visible,.cg-briefing button:focus-visible{outline-offset:3px;outline:2px solid #8f6923}@media (max-width:359px){.cg-review-list>div{grid-template-columns:1fr}.cg-briefing{padding:12px}.cg-briefing ol{margin:8px 0;font-size:11px;line-height:1.7}.cg-briefing li+li{margin-top:5px}.cg-briefing .cg-primary{margin-top:10px}}@keyframes cg-repair-in{0%{clip-path:circle(0%)}to{clip-path:circle(80%)}}@keyframes cg-mark-in{0%{opacity:0;scale:1.15}to{opacity:1;scale:1}}@keyframes cg-point{0%{opacity:0;translate:0 7px;scale:.85}20%{opacity:1;translate:0;scale:1}70%{opacity:1}to{opacity:0;translate:0 -32px}}@keyframes cg-loading{0%{transform:translate(-110%)}to{transform:translate(110%)}}@media (min-width:700px){.compare-game{max-width:640px}.cg-controls{justify-content:center}.is-finished .cg-result{width:100%;max-width:640px;margin:0 auto}}@media (max-height:680px){.cg-controls{min-height:74px;padding:9px 12px}.cg-hud{padding-bottom:8px}.cg-stage{width:min(100%,max(120px,calc((100dvh - 207px - env(safe-area-inset-bottom)) * .75)))}}.compare-game:not(.is-finished) .cg-marker{pointer-events:none}.is-time-up .cg-compare-group{opacity:.4}.is-time-up .cg-end{background:var(--cg-accent);color:#243b28;border-color:var(--cg-accent)}.is-time-up .cg-timer{animation:none}.cg-review-switch{border-bottom:1px solid #bdcaba;gap:23px;margin-bottom:17px;display:flex}.cg-review-switch button{color:#687766;border-bottom:2px solid #0000;align-items:center;gap:7px;min-height:44px;padding:7px 0;font-size:12px;display:flex}.cg-review-switch button[aria-pressed=true]{color:#30573e;border-color:#30573e;font-weight:700}.cg-marker.is-selected{outline-offset:4px;outline:2px solid #fff}.cg-marker.is-missing{background:#ffca9412;border-color:#ffaf73}.cg-review-detail{border-top:1px solid #c5cebf;margin-top:18px}.cg-detail-heading{justify-content:space-between;align-items:center;gap:8px;padding-top:5px;display:flex}.cg-detail-heading strong{font-size:14px}.cg-detail-heading .cg-icon{border:0}.cg-detail-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cg-detail-pair figure{min-width:0;margin:0}.cg-detail-pair figcaption{color:#5a705d;padding:0 0 7px;font-size:11px}.cg-detail-pair figure>div{aspect-ratio:10/7;background:#809887;border:1px solid #b0bfab;position:relative;overflow:hidden}.cg-detail-pair img{pointer-events:none;max-width:none;position:absolute}.cg-review-detail>p{margin-top:11px;font-size:12px;line-height:1.8}.cg-scene-cover{padding:8px 12px}.cg-scene-picker{overscroll-behavior:contain;touch-action:pan-y;width:100%;max-width:500px;max-height:100%;padding:15px;overflow-y:auto}.cg-scene-picker>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.cg-scene-picker h2{font-size:18px}.cg-scene-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.cg-scene-options>button{color:#263a2d;text-align:left;background:#e7edde;border:2px solid #0000;border-radius:3px;min-width:44px;min-height:44px;padding:4px}.cg-scene-options>button[aria-current=true]{border-color:#e1ee92}.cg-scene-options img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto}.cg-scene-options span{overflow-wrap:anywhere;flex-direction:column;padding:6px 2px 3px;font-size:11px;font-weight:600;line-height:1.5;display:flex}.cg-scene-options small{color:#72846b;margin-bottom:4px;font:600 9px Arial}@media (max-height:480px){.cg-scene-picker{padding:6px}.cg-scene-picker>div:first-child{margin-bottom:8px}.cg-scene-options>button{align-items:center;gap:6px;display:flex}.cg-scene-options img{flex-shrink:0;width:32px;height:auto}.cg-scene-options span{min-width:0;padding:2px 0}.cg-scene-options small{margin-bottom:2px}}.compare-game.is-reference:not(.is-finished) .cg-marker{visibility:hidden;pointer-events:none}.cg-photo-state{transition:background-color .14s,color .14s}.cg-result{animation:.24s ease-out both cg-result-in}.cg-review-detail{animation:.18s ease-out both cg-result-in}.cg-cover{animation:.15s ease-out both cg-cover-in}@keyframes cg-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cg-cover-in{0%{opacity:.75}to{opacity:1}}@media (prefers-reduced-motion:reduce){.compare-game *,.compare-game :before,.compare-game :after{transition:none!important;animation:none!important}.cg-loading-line:after{transform:none}.cg-repair{clip-path:none}.cg-result,.cg-review-detail{opacity:1;transform:none}}.cg-briefing-rules{color:#dbe6d5;flex-wrap:wrap;justify-content:center;gap:7px 14px;margin:16px 0;font-size:12px;display:flex}.cg-briefing-rules>span{white-space:nowrap}.cg-result-save-warning{color:#58390f;background:#fff0d8;border:1px solid #936331;border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.6;display:flex}.cg-result-save-warning>span{flex:1;min-width:150px}.cg-result-save-warning>button{color:#fff8eb;background:#58390f;border-radius:4px;min-height:44px;padding:8px 14px;font-weight:600}.cg-result-save-warning>button:disabled{opacity:.5}.cg-art-content{transform-origin:0 0;position:absolute;inset:0}.cg-art-content>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.cg-stage.is-zoomed{touch-action:none;cursor:grab}.cg-stage.is-zoomed:active{cursor:grabbing}.cg-zoom{z-index:10;color:#eff2e8;touch-action:manipulation;cursor:pointer;background:#21382bed;border:1px solid #dcee9580;border-radius:5px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid;position:absolute;top:8px;right:8px}.cg-zoom[aria-pressed=true]{color:#243b28;background:#dcee95}.cg-zoom:disabled{opacity:.45;cursor:default}@media (min-width:568px) and (max-height:480px){.compare-game{--cg-landscape-height:calc(100dvh - max(58px,calc(53px + env(safe-area-inset-top))) - env(safe-area-inset-bottom));max-width:840px;height:100dvh;min-height:0;padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto 50px 44px 2px minmax(110px,1fr);grid-template-columns:minmax(0,1.15fr) minmax(220px,1fr);display:grid}.compare-game>[data-testid=game-header]{grid-area:1/1/auto/-1}.cg-view{height:var(--cg-landscape-height);grid-area:2/1/6;align-self:start}.cg-stage{width:min(100%,calc(var(--cg-landscape-height) * .75));max-width:none}.cg-hud{grid-area:2/2;gap:8px;padding:6px 12px}.cg-target-count{gap:5px}.cg-target-count strong,.cg-timer{font-size:22px}.cg-score{gap:4px}.cg-score strong{font-size:20px}.cg-task{flex-direction:column;grid-area:3/2;justify-content:center;gap:3px;padding:4px 8px}.cg-progress-track{grid-area:4/2;margin:0 12px}.cg-controls{flex-direction:column;grid-area:5/2;justify-content:flex-start;align-self:start;align-items:stretch;gap:10px;min-height:0;padding:12px}.cg-compare-group{flex:none;width:100%;max-width:none}.cg-compare{gap:8px;min-width:0;font-size:14px}.cg-pin{min-height:55px}.cg-end{flex-direction:row;gap:8px;width:100%;height:44px;min-height:44px;font-size:12px}.compare-game.is-finished{grid-template-rows:auto 50px 44px 2px minmax(110px,1fr) auto;height:auto;min-height:100dvh}.compare-game.is-finished .cg-result{grid-area:6/1/auto/-1;max-width:none}.cg-save-warning{grid-column:1/-1}}
.iw-game.iw-rhythm-shell{color:#f4f6ee;background:#111b1d}.rhythm-game{--rh-mint:#8de5c9;--rh-coral:#ff977e;--rh-yellow:#e6ee91;isolation:isolate;color:#f4f6ee;letter-spacing:0;background:#152427;flex-direction:column;max-width:620px;min-height:100dvh;margin:auto;display:flex;position:relative;overflow:hidden}.rh-backdrop{object-fit:cover;z-index:-2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rhythm-game:before{content:"";z-index:-1;pointer-events:none;background:#10232640;position:absolute;inset:0}.rh-icon{width:44px;min-width:44px;height:44px;color:inherit;background:#e4fff604;border:1px solid #c0ddd62b;border-radius:50%;place-items:center;display:grid}.rh-icon:hover{background:#e4fff616}.rhythm-game button:focus-visible{outline:3px solid var(--rh-yellow);outline-offset:4px}.rh-hud{background:#112326ba;flex-shrink:0;grid-template-columns:1fr 1.2fr 1fr;align-items:center;height:62px;padding:7px 23px;display:grid}.rh-combo{align-items:baseline;gap:5px;display:flex}.rh-combo strong{color:var(--rh-mint);font-variant-numeric:tabular-nums;font:800 31px Arial}.rh-combo small{font-size:16px}.rh-combo>span{color:#b2cdc6;font:700 8px Arial}.rh-score{flex-direction:column;align-items:center;display:flex}.rh-score>strong{font-variant-numeric:tabular-nums;font:700 26px Arial}.rh-score>span{color:var(--rh-yellow);margin-top:3px;font:500 10px Arial}.rh-time{text-align:right;font-variant-numeric:tabular-nums;color:#c4d4d1;font:600 21px Arial}.rh-notice-slot{background:#1225289c;flex-shrink:0;justify-content:center;align-items:center;height:65px;padding:5px 16px;display:flex}.rh-task{color:#c2d1ca;align-items:center;gap:8px;font-size:12px;display:flex}.rh-task>svg{color:var(--rh-mint)}.rh-notice{color:#233c36;background:#ecf4e9;border-radius:6px;align-items:center;gap:10px;width:100%;max-width:420px;height:55px;padding:7px 11px;animation:.24s both rh-notice-in;display:flex;box-shadow:0 4px 16px #091c2444}.rh-notice-icon{color:#e5f3de;background:#315e56;border-radius:6px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.rh-notice.is-call .rh-notice-icon{background:#bb644c}.rh-notice>div{flex-direction:column;gap:2px;min-width:0;display:flex}.rh-notice strong{font-size:12px;line-height:1.2}.rh-notice>div>span{font-size:11px;line-height:1.3}.rh-notice>small{color:#697e70;white-space:nowrap;align-self:flex-start;margin-left:auto;font-size:8px}.rh-notice-wave{align-items:center;gap:3px;height:27px;margin-right:2px;display:flex}.rh-notice-wave i{background:#b46d58;width:3px;height:17px;animation:.6s ease-in-out infinite alternate rh-wave}.rh-notice-wave i:nth-child(2){height:26px;animation-delay:-.2s}.rh-notice-wave i:nth-child(3){animation-delay:-.4s}.rh-field-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.rh-field{width:min(100%,calc((100dvh - 258px - env(safe-area-inset-bottom)) * .72));aspect-ratio:.72;touch-action:none;isolation:isolate;-webkit-user-select:none;user-select:none;outline:0;max-width:620px;position:relative}.rh-field:focus-visible{outline-offset:-1px;outline:1px solid #b4dec148}.rh-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rh-route line{stroke:#d4f4e538;stroke-width:.4px;stroke-dasharray:.7 1.9;vector-effect:non-scaling-stroke}.rh-note{--note-color:var(--rh-mint);touch-action:none;width:66px;height:66px;opacity:var(--arrival);background:0 0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.rh-note-1{--note-color:var(--rh-coral)}.rh-note-2{--note-color:var(--rh-yellow)}.rh-note-body{border:3px solid var(--note-color);color:#f9fff2;pointer-events:none;background:#162c2eef;border-radius:50%;place-items:center;font:800 25px Arial;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #193638,0 0 0 2px #0b1e2166}.rh-note.is-next .rh-note-body{background:color-mix(in srgb,var(--note-color) 22%,#122b2d);box-shadow:inset 0 0 0 4px #153539,0 0 19px #abc9b51a}.rh-approach{border:2px solid var(--note-color);transform:scale(var(--approach));opacity:.75;pointer-events:none;border-radius:50%;display:block;position:absolute;inset:0}.rh-note:focus-visible{outline-offset:5px;outline:3px solid #fff}.rh-feedback{z-index:35;pointer-events:none;white-space:nowrap;text-shadow:0 2px 5px #071c21;font:900 17px Arial;animation:.55s ease-out both rh-hit;position:absolute;transform:translate(-50%,-50%)}.rh-grade-perfect{color:var(--rh-mint)}.rh-grade-good{color:var(--rh-yellow)}.rh-grade-ok{color:#d8e9ec}.rh-grade-miss,.rh-grade-stray{color:var(--rh-coral)}.rh-count{color:#f0f6dd;pointer-events:none;place-items:center;font:900 96px Arial;animation:.5s both rh-count;display:grid;position:absolute;inset:0}.rh-cover{z-index:40;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11252ddb;flex-direction:column;justify-content:center;align-items:center;padding:20px 12px;display:flex;position:absolute;inset:0}.rh-record{background:repeating-radial-gradient(circle,#1d373d 0 3px,#30474b 4px 5px,#152c32 6px 7px);border:2px solid #425d62;border-radius:50%;place-items:center;width:132px;height:132px;margin-bottom:25px;display:grid;position:relative;box-shadow:5px 8px #06182135}.rh-record>span{background:var(--rh-coral);border:4px solid #e2b298;border-radius:50%;position:absolute;inset:38px;box-shadow:0 0 0 6px #112a31}.rh-record>svg{color:#243e42;width:25px;position:relative}.rh-song-kicker{color:#b3d4c8;font:600 8px Arial}.rh-cover h2{margin:10px 0 7px;font-size:27px}.rh-cover p{color:var(--rh-yellow);flex-direction:column;gap:8px;font:600 11px Arial;display:flex}.rh-cover p>span{color:#9eb9b5;font:400 10px Arial}.rh-play{background:var(--rh-mint);color:#203a3a;border-radius:50%;place-items:center;width:68px;height:68px;min-height:68px;margin-top:24px;padding:0;transition:transform .12s,background .12s;display:grid;box-shadow:0 5px #386b61}.rh-play>svg:not(.rh-loading){margin-left:3px}.rh-play:hover{background:#b9f8e1}.rh-play:active{transform:translateY(3px);box-shadow:0 2px #386b61}.rh-error{color:#ffc7b8;margin-top:15px;font-size:12px}.rh-early{color:#c0cec6;align-items:center;gap:7px;min-height:44px;margin-top:10px;font-size:12px;display:flex}.rh-loading{animation:1s linear infinite rh-spin}.rh-footer{height:63px;padding:0 19px;padding-bottom:max(9px,env(safe-area-inset-bottom));background:#102326e8;flex-shrink:0}.rh-track{background:#94b8ac25;height:3px;margin:0 0 7px;overflow:hidden}.rh-track>span{background:var(--rh-mint);height:100%;display:block}.rh-footer>div:last-child{justify-content:space-between;align-items:center;gap:9px;display:flex}.rh-footer>div>span{color:#a9c1b6;align-items:center;gap:6px;font:600 8px Arial;display:flex}.rh-equalizer{align-items:center;gap:3px;height:20px;display:flex}.rh-equalizer>i{background:var(--rh-coral);border-radius:1px;width:3px}.rh-result{background:#12282ce8;flex-direction:column;flex:1;align-items:center;padding:30px 24px 35px;display:flex}.rh-result-mark{width:70px;height:70px;color:var(--rh-mint);border:1px solid #97d7be77;border-radius:50%;place-items:center;margin:8px 0 17px;display:grid}.rh-result>span{color:#a6c3b6;font-size:11px}.rh-result h2{outline:0;margin:9px 0 10px;font-size:27px}.rh-result-score{color:#e9efb4;margin:8px 0 23px;font:800 60px Arial}.rh-result-score>small{color:#c5d9c8;margin-left:9px;font-size:12px;font-weight:400}.rh-result-stats{border-block:1px solid #91b7a93d;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;padding:18px 0;display:grid}.rh-result-stats>div{flex-direction:column;align-items:center;gap:8px;display:flex}.rh-result-stats strong{white-space:nowrap;font:700 23px Arial}.rh-result-stats strong small{color:#adcbc2;font-size:12px;font-weight:400}.rh-result-stats span{color:#b2c9bd;font-size:11px}.rh-grades{grid-template-columns:repeat(2,1fr);gap:15px 24px;width:100%;padding:23px 0;display:grid}.rh-grades>span{color:#c1d6cd;align-items:center;gap:7px;font:500 10px Arial;display:flex}.rh-grades i{background:currentColor;border-radius:50%;width:5px;height:5px}.rh-grades b{margin-left:auto;font-size:14px}.rh-result-actions{align-items:center;gap:13px;width:100%;padding:14px 0;display:flex}.rh-primary{background:var(--rh-mint);color:#1d403a;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 15px;font-size:14px;font-weight:700;display:flex}.rh-data{border-top:1px solid #91b7a93d;width:100%;margin-top:10px;font-size:12px}.rh-data summary{cursor:pointer;color:#c1d5c9;justify-content:space-between;align-items:center;min-height:48px;list-style:none;display:flex}.rh-data summary::-webkit-details-marker{display:none}.rh-data[open] summary svg{rotate:90deg}.rh-phases{gap:12px;padding:8px 0 15px;display:grid}.rh-phases>div{grid-template-columns:62px 1fr 38px;align-items:center;gap:12px;font-size:11px;display:grid}.rh-phases>div>div{background:#70989033;height:5px}.rh-phases i{background:var(--rh-mint);height:100%;display:block}.rh-phases>div:nth-child(2) i{background:var(--rh-coral)}.rh-phases>div:nth-child(3) i{background:var(--rh-yellow)}.rh-phases b{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.rh-data dl{justify-content:space-between;gap:18px;font-size:11px;display:flex}.rh-data dl>div{gap:10px;display:flex}.rh-data dt{color:#a2c0b3}.rh-data dd{margin:0}.rh-download{min-height:44px;color:var(--rh-mint);align-items:center;gap:8px;font-size:12px;text-decoration:underline;display:flex}.rh-save-error{color:#fff1d9;z-index:50;background:#714337;padding:8px 16px;font-size:12px}.rh-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes rh-hit{0%{opacity:1;translate:0;scale:.8}20%{scale:1.1}to{opacity:0;translate:0 -35px;scale:1}}@keyframes rh-count{0%{opacity:1;scale:1.1}to{opacity:.4;scale:.9}}@keyframes rh-notice-in{0%{opacity:0;translate:0 -9px}to{opacity:1;translate:0}}@keyframes rh-wave{to{scale:1 .4}}@keyframes rh-spin{to{rotate:360deg}}@media (min-width:700px){.rhythm-game{max-width:640px}.rh-field{max-width:500px}.rh-note{width:74px;height:74px}.rh-result{padding-inline:56px}}@media (max-height:720px){.rh-hud{height:54px;padding:3px 18px}.rh-notice-slot{height:59px;padding:2px 12px}.rh-footer{height:63px}.rh-field{width:min(100%,calc((100dvh - 234px - env(safe-area-inset-bottom)) * .72))}.rh-note{width:59px;height:59px}.rh-record{width:96px;height:96px;margin-bottom:14px}.rh-record>span{inset:23px}.rh-cover h2{font-size:23px}.rh-play{width:60px;height:60px;min-height:60px;margin-top:17px}.rh-result{padding-top:15px}.rh-result-score{font-size:49px}.rh-result-mark{margin-top:0}}@media (prefers-reduced-motion:reduce){.rhythm-game *{transition:none!important;animation:none!important}.rh-approach{border-style:dashed}.rh-count{font-size:70px}}.rh-notice{touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(var(--swipe-x,0),var(--swipe-y,0));opacity:var(--swipe-opacity,1);will-change:transform;gap:9px;padding:5px 6px 5px 10px}.rh-notice-copy{flex:1;min-width:0}.rh-notice-copy>span{overflow-wrap:anywhere}.rh-dismiss{color:#375e54;touch-action:manipulation;background:#345d5210;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;display:grid}.rh-dismiss:hover{background:#345d5225}.rh-hangup{color:#fff3eb;background:#cf624e}.rh-hangup:hover{background:#b64f3d}.rh-notice.is-leaving{pointer-events:none;animation:.18s ease-in both rh-notice-out}.rh-notice-slot{z-index:60;position:relative;overflow:visible}@keyframes rh-notice-out{to{opacity:0;translate:0 -30px}}.rh-note.is-on-beat .rh-note-body{background:color-mix(in srgb,var(--note-color) 42%,#122b2d);box-shadow:inset 0 0 0 4px #153539,0 0 16px #d7f9dd38}.rh-equalizer{justify-content:space-between;width:43px}.rh-equalizer>i{width:5px}.rh-route path{fill:none;stroke:#d4f4e540;stroke-width:1.5px;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.rh-route path.is-next{stroke:#d8f6d88a;animation:1s linear infinite rh-route-flow}.rh-feedback:not(.rh-grade-miss):not(.rh-grade-stray):before{content:"";pointer-events:none;border:2px solid;border-radius:50%;width:66px;height:66px;animation:.4s ease-out both rh-impact;position:absolute;top:50%;left:50%}@keyframes rh-route-flow{to{stroke-dashoffset:-20px}}@keyframes rh-impact{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@media (prefers-reduced-motion:reduce){.rh-feedback:before{display:none;animation:none!important}}.rh-difficulty{background:#081c20a6;border:1px solid #547369;border-radius:5px;gap:3px;margin-top:18px;padding:3px;display:flex}.rh-difficulty button{color:#bed1c8;border-radius:3px;width:68px;min-height:44px;font-size:12px}.rh-difficulty button[aria-pressed=true]{background:var(--rh-mint);color:#17382e;font-weight:700}.rh-note{width:48px;height:48px}.rh-note-body{border-width:2px;font-size:20px}.rh-record{width:108px;height:108px;margin-bottom:12px}.rh-record>span{inset:28px}@media (min-width:700px){.rh-note{width:56px;height:56px}}@media (max-height:720px){.rh-note{width:44px;height:44px}.rh-cover{padding-block:10px}.rh-record{width:76px;height:76px;margin-bottom:5px}.rh-record>span{inset:17px}.rh-record>svg{width:20px}.rh-difficulty{margin-top:12px}.rh-difficulty button{min-height:44px}.rh-cover h2{margin-top:6px;font-size:21px}.rh-play{margin-top:15px}}.rh-note{aspect-ratio:1;width:17%;min-width:44px;max-width:80px;height:auto;min-height:44px;max-height:80px}.rh-ranking-note{color:#b9cabb;max-width:340px;margin:18px auto 0;font-size:12px;line-height:1.8}.rh-ranking-note a{color:#d0e9b3;text-underline-offset:4px}.rhythm-game.is-ranking{height:100dvh;min-height:0}.rhythm-game.is-ranking .rh-backdrop{height:100%}.rh-view{flex:1;min-height:0;animation:.18s ease-out both rh-view-in}.rh-play-view,.rh-ranking-view{flex-direction:column;display:flex}.rh-ranking-view{overflow:hidden}.rh-note-layer{pointer-events:none;position:absolute;inset:0}.rh-note-layer .rh-note{pointer-events:auto}.rh-note-layer[inert] .rh-note{pointer-events:none}.rh-note-layer[inert] .rh-route path{animation-play-state:paused}.rh-cover{opacity:1;visibility:visible;transition:opacity .16s,visibility}.rh-cover.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility 0s .16s}.rh-track>span{transform-origin:0;width:100%;transform:scaleX(0)}.rh-equalizer>i{transform-origin:50%;opacity:.4;height:18px;transform:scaleY(.2222)}.rh-notice{transition:transform .16s ease-out,opacity .16s ease-out}.rh-notice[data-dragging=true],.rh-notice.is-leaving{transition:none}@keyframes rh-view-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.rh-view{animation:none}.rh-cover,.rh-notice{transition:none}.rh-count{animation:none}.rh-equalizer>i{opacity:.6!important;transform:scaleY(.4)!important}}.rh-cover.is-paused{padding:0}.rh-quality{color:#c3d7cf;touch-action:manipulation;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:108px;min-height:44px;padding:5px 8px;font-size:12px;display:inline-flex}.rh-quality>span{background:#233e3e;border:1px solid #7e9c93;border-radius:20px;width:28px;height:16px;display:block;position:relative}.rh-quality>span:after{content:"";background:#b1c3bd;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}.rh-quality[aria-pressed=true]>span{background:#8de5c9;border-color:#8de5c9}.rh-quality[aria-pressed=true]>span:after{background:#153b32;transform:translate(12px)}.rh-footer .rh-ranking-entry{min-height:44px;padding:5px 8px;text-decoration:none}.rh-cover:not(.is-paused){touch-action:pan-y;overscroll-behavior:contain;justify-content:flex-start;overflow-y:auto}.rh-cover:not(.is-paused)>*{flex-shrink:0}.rh-cover:not(.is-paused)>.rh-record{margin-top:auto}.rh-cover:not(.is-paused)>.rh-play{margin-bottom:auto}.rh-cover.is-paused [data-testid=game-pause]{touch-action:pan-y;overscroll-behavior:contain;max-height:100%;overflow-y:auto}.rh-cover.is-paused [data-testid=game-pause]>*{flex-shrink:0}.rh-cover .rh-error{max-width:260px;line-height:1.6}.rhythm-game[data-quality=light] .rh-route path{stroke-dasharray:none;opacity:.65;animation:none}.rhythm-game[data-quality=light] .rh-feedback:before{display:none}.rhythm-game[data-quality=light] .rh-note-body,.rhythm-game[data-quality=light] .rh-notice{box-shadow:none}.rhythm-game[data-quality=light] .rh-feedback{text-shadow:none;animation:.55s ease-out both rh-light-feedback}.rhythm-game[data-quality=light] .rh-equalizer>i{opacity:.6!important;transform:scaleY(.4)!important}.rhythm-game[data-quality=light] .rh-cover{-webkit-backdrop-filter:none;backdrop-filter:none;background:#11252df7}.rh-save-error p{margin:0;line-height:1.6}.rh-save-error button{color:#482d24;background:#fff1d9;border-radius:5px;justify-content:center;align-items:center;min-height:44px;margin-top:6px;padding:8px 14px;font-weight:700;display:inline-flex}@keyframes rh-light-feedback{0%,65%{opacity:1}to{opacity:0}}@media (max-height:720px){.rh-cover:not(.is-paused)>.rh-record{display:none}.rh-cover .rh-play{margin-top:12px}}@media (max-height:480px){.rh-cover{width:min(100vw - 32px,340px);left:50%;right:auto;transform:translate(-50%)}.rh-cover.is-paused [data-testid=game-pause]{grid-template-columns:1fr 1fr;align-items:start;gap:6px;width:100%;padding:6px;display:grid}.rh-cover.is-paused [data-testid=game-pause]>h2{grid-column:1/-1;font-size:18px}.rh-cover.is-paused .rh-early{min-height:44px;margin-top:4px}}@media (max-height:480px) and (min-width:600px){.rh-cover:not(.is-paused){flex-flow:wrap;place-content:center;gap:12px;padding:10px}.rh-cover:not(.is-paused)>h2{display:none}.rh-cover:not(.is-paused)>.rh-difficulty,.rh-cover:not(.is-paused)>.rh-play{margin:0}.rh-cover:not(.is-paused)>.rh-error{flex-basis:100%;margin-top:0}}@media (orientation:landscape) and (max-height:480px) and (min-width:480px){.rhythm-game:not(.is-finished):not(.is-ranking){grid-template-rows:auto 54px minmax(59px,1fr) 63px;grid-template-columns:minmax(240px,1fr) auto;max-width:1000px;height:100dvh;min-height:100dvh;display:grid}.rhythm-game:not(.is-finished):not(.is-ranking)>[data-testid=game-header]{grid-area:1/1;min-width:0}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-play-view{display:contents}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-hud{grid-area:2/1;min-width:0}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-notice-slot{grid-area:3/1;align-self:stretch;min-width:0;height:auto;padding-inline:12px}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-field-wrap{width:min(calc(100vw - 240px),calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .72));height:100%;padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);box-sizing:border-box;background:#10232666;grid-area:1/2/5}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-field{flex-shrink:0;width:100%}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-footer{grid-area:4/1;min-width:0;padding-inline:12px}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-cover{flex-flow:column;justify-content:center;gap:8px;width:100%;padding:10px 6px;left:0;right:0;transform:none}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-cover:not(.is-paused)>h2{display:block}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-cover:not(.is-paused)>.rh-play{margin:6px 0 0}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-cover.is-paused [data-testid=game-pause]{gap:8px;padding:6px;display:flex}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-notice{gap:6px;height:auto;min-height:55px;padding-inline:8px}.rhythm-game:not(.is-finished):not(.is-ranking) .rh-notice>small{display:none}}.rh-size-notice{text-align:center;color:#f4f6ee;background:#192e30;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}
.rh-board{z-index:2;color:#ecf2e9;scrollbar-width:thin;overscroll-behavior:contain;background:linear-gradient(160deg,#102c2deb,#17282df5);flex:1;min-height:0;padding:22px clamp(16px,4vw,40px) 40px;position:relative;overflow:auto}.rb-heading{color:#88a6a1;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;font:11px monospace;display:flex}.rh-board button,.rh-board a{touch-action:manipulation}.rh-board h2{outline:none;align-items:center;gap:12px;margin:24px 0 8px;font-size:clamp(24px,5vw,34px);display:flex}.rb-intro,.rb-rule,.rb-form p,.rb-personal p{color:#adc1b9;font-size:13px;line-height:1.8}.rb-back,.rb-text,.rb-list-head button,.rb-empty button,.rb-error button{color:#bcdfbf;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:38px;display:inline-flex}.rb-tabs{background:#ffffff09;border:1px solid #91c0b330;border-radius:12px;gap:4px;margin:22px 0;padding:4px;display:flex}.rb-tabs button{color:#bacac2;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;flex:1;padding:12px 4px}.rb-tabs button[aria-selected=true]{color:#18382e;background:#b9dcae;font-weight:700}.rb-personal{border-bottom:1px solid #a5c0b529;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:22px 0;display:flex}.rb-personal>span{color:#b8cbbf;font-size:12px}.rb-personal>strong{font-variant-numeric:tabular-nums;margin-left:auto;font-size:27px}.rb-personal small{margin-left:8px;font-size:12px;font-weight:400}.rb-personal p{width:100%;margin:0}.rb-gate{text-align:center;max-width:400px;margin:auto;padding:35px 0}.rb-gate h3{font-size:21px}.rb-gate p{color:#b8cbbf;font-size:14px;line-height:1.9}.rb-gate .rb-text{margin:12px auto;display:block}.rb-primary{font:inherit;cursor:pointer;background:#bedeb1;border:0;border-radius:8px;justify-content:center;align-items:center;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex;color:#19392d!important}.rh-board button:disabled{opacity:.5;cursor:wait}.rb-form{margin:24px 0}.rb-form>label{margin-bottom:10px;font-size:14px;display:block}.rb-form label span{color:#a1b8ad;margin-left:8px;font-size:12px}.rb-form>div{flex-wrap:wrap;gap:10px;display:flex}.rb-form input{color:#1a3a32;letter-spacing:.14em;background:#e8f0de;border:1px solid #b2ccaf;border-radius:8px;width:148px;padding:10px 12px;font:700 23px monospace}.rb-list-head{justify-content:space-between;align-items:center;display:flex}.rb-list-head h3{margin:16px 0;font-size:20px}.rb-own{background:#b4dca90d;border-left:3px solid #bddaab;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;font-size:13px;display:flex}.rb-own strong{color:#c8e7b8;font-size:24px}.rb-own span{margin-left:auto}.rb-table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%;font-size:14px}.rb-table th{color:#a1b8ad;padding:14px 6px;font-size:11px;font-weight:400}.rb-table td{border-top:1px solid #91b9a826;padding:15px 6px}.rb-table td:nth-child(2){letter-spacing:.06em;font-family:monospace}.rb-table tr[data-own=true]{background:#bdddaa12}.rb-table small{color:#badcaf;letter-spacing:0;font-size:10px}.rb-empty{color:#aac1b4;padding:24px 0;font-size:14px;line-height:1.8}.rb-error{color:#f8c1b9;background:#e8a39a12;border-radius:8px;padding:12px;font-size:14px;line-height:1.8}.rb-error button{text-decoration:underline;display:block}.rb-success{color:#bee2ac;font-size:14px}.rh-board :is(button,input,a):focus-visible{outline-offset:3px;outline:3px solid #f3d38b}.rh-ranking-entry{color:var(--rh-mint);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:12px;font-size:13px;text-decoration:underline}.rh-ranking-note .rh-ranking-entry{display:inline-block}.participant-loading{text-align:center;color:#274336;background:#f4f6f2;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.participant-loading button{color:#fff;font:inherit;background:#274336;border:0;border-radius:8px;padding:12px 24px}@media (max-width:380px){.rb-extra{display:none}.rb-form>div>*{flex:1}.rb-heading{letter-spacing:0;font-size:10px}.rb-own span{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.rh-board *{scroll-behavior:auto!important}}.rb-update-status{color:#adc1b9;min-height:28px;font-size:12px}.rb-list-body{overflow-anchor:none}.rb-placeholder{gap:16px;padding:22px 0;display:grid}.rb-placeholder i{background:#bdddaa0d;border-radius:4px;height:22px}.rb-placeholder i:nth-child(2n){width:82%}.rb-rules{color:#b8cbbf;border-top:1px solid #91c0b330;margin-top:16px;font-size:13px;line-height:1.7}.rb-rules summary{cursor:pointer;min-height:44px;padding:10px 0}.rb-rules p{margin:6px 0 12px}.rb-rules summary:focus-visible{outline-offset:3px;outline:2px solid #bedeb1}