@font-face{font-family:Show;src:url(/fonts/LilitaOne-Regular.ttf)format("truetype");font-weight:900;font-display:swap}:root{--ink:#292348;--ivory:#fff4d9;--coral:#ff7a74;--cyan:#71dfd8;--gold:#ffd366;--purple:#6860af;--stroke:3px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#252444;font-family:Avenir Next,Trebuchet MS,Arial,sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.65;cursor:default}#stage{width:100%;height:100%;position:fixed;inset:0}.screen-texture{display:none}.hidden{display:none!important}.masthead{top:max(18px, env(safe-area-inset-top));left:max(28px, env(safe-area-inset-left));right:max(28px, env(safe-area-inset-right));z-index:12;pointer-events:none;align-items:center;gap:15px;display:flex;position:fixed}.masthead>*{pointer-events:auto}.brand{border:3px solid var(--ink);color:var(--ivory);background:var(--purple);letter-spacing:-2px;border-radius:13px;padding:6px 10px 8px 9px;font:900 28px/.95 Show,Arial Black,sans-serif;text-decoration:none;transform:rotate(-5deg);box-shadow:0 4px #17182e,inset 0 2px #ffffff70}.brand span{color:var(--gold);margin-left:1px}.on-air{border:2px solid var(--ink);background:var(--ivory);letter-spacing:.2px;box-shadow:0 2px 0 var(--ink);border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:900;display:flex}.on-air i{background:var(--coral);border-radius:50%;width:8px;height:8px;display:block;box-shadow:inset 0 1px #fff9}.on-air span{letter-spacing:.2px;border-left:1px solid #29234830;padding-left:7px;font-size:14px}.header-buttons{gap:10px;margin-left:auto;display:flex}.icon-button{border:3px solid var(--ink);background:var(--ivory);border-radius:14px;place-content:center;width:44px;height:44px;padding:0;font-size:22px;font-weight:900;transition:transform .1s,box-shadow .1s;display:grid;box-shadow:0 4px #181931,inset 0 2px #fff}.icon-button:hover{background:#fffdf2}.icon-button:active{transform:translateY(3px);box-shadow:0 1px #181931}@media (width<=360px) and (aspect-ratio<=1){.masthead .on-air{display:none!important}}.menu{z-index:3;width:min(440px,38vw);position:fixed;top:17%;left:6%}.logo-lockup{width:fit-content;margin:0 0 29px;position:relative;transform:rotate(-4deg)}.kicker{color:var(--ink);justify-content:center;align-items:center;gap:8px;margin:0 13px 10px;font-weight:900;display:flex}.kicker span{background:var(--gold);border:3px solid var(--ink);letter-spacing:.2px;border-radius:11px;padding:6px 14px;font-size:14px;box-shadow:0 4px #1c1a35}.kicker i{color:var(--gold);-webkit-text-stroke:2px var(--ink);font-size:22px;font-style:normal}h1{text-align:center;letter-spacing:-5px;filter:drop-shadow(0 7px #1d1b3d);width:fit-content;margin:0;font:900 clamp(60px,7.5vw,105px)/.86 Show,Arial Black,sans-serif}h1>span{-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;display:block}.logo-havoc{color:var(--ivory);text-shadow:0 3px #ddcbbb}.logo-o{color:var(--cyan);display:inline-block;transform:rotate(11deg)}h1>.logo-tonight{color:var(--gold);text-shadow:0 3px #d89643;letter-spacing:-3px;margin-top:8px;font-size:.7em}.logo-bang{color:var(--coral);margin-left:4px;display:inline-block;transform:rotate(10deg)}.logo-stars{color:var(--gold);-webkit-text-stroke:2px var(--ink);pointer-events:none;font-size:30px;position:absolute;top:63px;left:-15px}.logo-stars>span{color:var(--cyan);font-size:22px;position:absolute;top:21px;left:clamp(300px,32vw,420px)}.menu-actions{width:100%}.primary{width:100%;min-height:58px;color:var(--ivory);background:var(--coral);border:var(--stroke) solid var(--ink);text-align:left;letter-spacing:.2px;text-shadow:0 2px #9b464b;box-shadow:0 7px 0 #9b464b, 0 10px 0 var(--ink), inset 0 3px 0 #ffc7b5;border-radius:19px;justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;font:900 17px/1.1 Show,Arial Black,sans-serif;transition:transform .13s,filter .13s,box-shadow .13s;display:flex}.primary:hover{filter:brightness(1.07);box-shadow:0 9px 0 #9b464b, 0 12px 0 var(--ink), inset 0 3px 0 #ffc7b5;transform:translateY(-2px)}.primary:active{box-shadow:0 1px 0 #9b464b, 0 4px 0 var(--ink), inset 0 3px 0 #ffc7b5;transform:translateY(6px)}.play-symbol{background:var(--ivory);width:34px;height:34px;color:var(--ink);border:2px solid var(--ink);text-shadow:none;border-radius:50%;flex:0 0 34px;place-content:center;padding-left:2px;font-size:15px;display:grid;box-shadow:0 2px #9b464b}.featured-play{border-radius:22px;gap:12px;min-height:100px;padding:11px 15px 12px 9px}.feature-icon{flex:0 0 70px;width:70px;display:block;transform:rotate(-7deg)}.feature-icon svg{filter:drop-shadow(0 3px #9b464b);width:100%;height:73px;display:block;overflow:visible}.feature-copy{flex:1;display:block}.feature-copy small{letter-spacing:.2px;color:#592e4e;text-shadow:none;margin-bottom:6px;font:900 14px/1.2 Avenir Next,Arial,sans-serif;display:block}.feature-copy strong{letter-spacing:-.6px;white-space:nowrap;font-size:clamp(19px,2.1vw,27px);display:block}.feature-copy em{color:#592e4e;text-shadow:none;margin-top:7px;font:800 14px/1.2 Avenir Next,Arial,sans-serif;display:block}.secondary-row{gap:12px;margin-top:22px;display:flex}.secondary{min-height:50px;color:var(--ink);background:var(--ivory);border:3px solid var(--ink);text-align:center;box-shadow:0 5px 0 #afa0bd, 0 8px 0 var(--ink), inset 0 2px 0 #fff;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font:900 16px/1.2 Show,Arial Black,sans-serif;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.secondary:hover{background:#fffdf2;transform:translateY(-2px)}.secondary:active{box-shadow:0 1px 0 #afa0bd, 0 4px 0 var(--ink);transform:translateY(4px)}.secondary-row .secondary{text-align:left;flex:1;padding:10px 8px}.secondary-row .secondary small{color:#554467;margin-top:4px;font:800 16px/1.2 Avenir Next,Arial,sans-serif;display:block}.button-symbol{background:var(--gold);border:2px solid var(--ink);border-radius:9px;flex:0 0 30px;place-content:center;width:30px;height:30px;font-size:17px;display:grid}.secondary-row .secondary:last-child .button-symbol{background:var(--cyan)}.menu-notes{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.menu-notes b{color:var(--ivory);text-shadow:0 2px 2px #191832;margin-left:7px;font-size:14px}.mini-pad{border:2px solid var(--ink);border-radius:7px;place-content:center;width:22px;height:22px;font-size:10px;display:grid;box-shadow:0 2px #141831}.coral{background:var(--coral)}.cyan{background:var(--cyan)}.gold{background:var(--gold)}.host-tag{z-index:2;text-align:center;position:fixed;bottom:16%;right:10%;transform:rotate(4deg)}.host-tag>span{background:var(--gold);border:2px solid var(--ink);letter-spacing:.2px;border-radius:7px 7px 0 0;width:fit-content;margin:auto;padding:4px 13px;font-size:14px;font-weight:900;display:block}.host-tag strong{background:var(--ivory);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:12px;align-items:center;gap:13px;padding:6px 17px;font:900 22px/1 Show,Arial Black,sans-serif;display:flex}.host-tag strong span{color:#dc9353;font-size:17px}.host-tag i{color:var(--ivory);text-shadow:0 2px 2px var(--ink);margin-top:8px;font-size:14px;font-style:normal;font-weight:900;display:block}.sticker,#menu-footer{display:none!important}.panel,.intro,.round-end{border:4px solid var(--ink);background:var(--ivory);box-shadow:0 6px 0 #b9a5c9, 0 10px 0 var(--ink), inset 0 3px 0 #fff;border-radius:26px}.panel{z-index:25;scrollbar-color:#b8a7ce transparent;scrollbar-width:thin;width:min(650px,100% - 48px);max-height:calc(100dvh - 54px);padding:33px 34px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.panel:before{display:none}#app:has(.panel:not(.results):not(.hidden)):after{content:"";z-index:20;pointer-events:none;background:#17172e66;position:fixed;inset:0}.panel h2,.intro h2{letter-spacing:-1.3px;margin:10px 0 12px;font:900 38px/1.05 Show,Arial Black,sans-serif}.panel p{font-size:14px;font-weight:650;line-height:1.5}.eyebrow{letter-spacing:.2px;color:#554467;font-size:14px;font-weight:900}.close{background:var(--coral);border:2px solid var(--ink);width:34px;height:34px;box-shadow:0 2px 0 var(--ink);border-radius:50%;place-content:center;font:900 25px/1 Arial,sans-serif;display:grid;position:absolute;top:12px;right:12px}.close:active{box-shadow:none;transform:translateY(2px)}.panel-description{color:#625675;max-width:480px}.practice-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.practice-card{border:3px solid var(--ink);text-align:left;background:#e5def0;border-radius:16px;min-height:109px;padding:15px 15px 18px;transition:transform .12s;position:relative;box-shadow:0 4px #a095b6,inset 0 2px #fff8}.practice-card:hover{background:#eee7f9;transform:translateY(-2px)}.practice-card:active{transform:translateY(3px)}.practice-card.featured-card{background:var(--cyan);box-shadow:0 4px #449995,inset 0 2px #fff8}.practice-card b{letter-spacing:-.5px;margin:11px 0 6px;font:900 18px/1.15 Show,Arial Black,sans-serif;display:block}.practice-card small{letter-spacing:.2px;color:#554467;font-size:14px;font-weight:900;display:block}.card-num{letter-spacing:.2px;font-size:14px;font-weight:900}.card-arrow{color:#8474a0;font-size:15px;position:absolute;top:11px;right:13px}.featured-card .card-arrow{color:#267e81}.intro{z-index:9;width:min(340px,31vw);padding:27px 24px 25px;position:fixed;top:19%;left:5%;transform:rotate(-2deg)}.intro-number{background:var(--gold);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:7px 12px;font-size:14px;font-weight:900;position:absolute;top:-16px;right:15px;transform:rotate(4deg)}.intro h2{margin-bottom:7px;font-size:35px}.jp-title{color:#554467;letter-spacing:.2px;margin:0 0 8px;font-size:14px;font-weight:800}.instruction-art{background:#dad8f0;border:2px solid #a597bb;border-radius:17px;justify-content:center;align-items:center;gap:12px;height:91px;margin:14px 0;display:flex;position:relative;overflow:hidden}.instruction-sock{width:49px;color:var(--coral);display:block;transform:rotate(-13deg)}.instruction-sock svg{height:58px;display:block}.instruction-arrow{color:#8476b4;font-size:30px}.instruction-machine{width:78px;transform:rotate(4deg)}.instruction-machine svg{height:78px;display:block}.instruction-art i{color:#b59151;font-size:22px;font-style:normal;position:absolute;top:12px;right:17px}.intro:not([data-challenge=laundry]) .instruction-art,.intro:not([data-challenge=laundry]) .demo-buttons b{display:none}.intro-rule{margin:15px 0 9px;font-size:16px;font-weight:850;line-height:1.4}.intro-tip{color:#554467;margin:0 0 15px;font-size:16px;font-weight:700;line-height:1.45}.demo-buttons{align-items:center;gap:9px;margin:15px 0 21px;display:flex}.demo-buttons>span{border:2px solid var(--ink);background:var(--coral);height:39px;box-shadow:0 4px 0 #9b464b, 0 6px 0 var(--ink);border-radius:10px;flex:0 0 42px;place-content:center;padding-bottom:7px;font-size:20px;display:grid;position:relative}.demo-buttons>span:nth-child(2){background:var(--cyan);box-shadow:0 4px 0 #429b96, 0 6px 0 var(--ink)}.demo-buttons>span:nth-child(3){background:var(--gold);box-shadow:0 4px 0 #c4964a, 0 6px 0 var(--ink)}.demo-buttons small{font-size:14px;font-weight:900;position:absolute;bottom:3px;right:4px}.demo-buttons b{color:#554467;max-width:85px;font-size:14px;line-height:1.3}.intro .primary{border-radius:14px;min-height:48px;padding:10px 16px;font-size:16px}.hud{z-index:3;left:5%;right:5%;top:max(82px, calc(env(safe-area-inset-top) + 65px));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:fixed}.round-title{background:var(--ivory);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:17px;padding:10px 16px}.round-title>span{letter-spacing:.2px;color:#554467;font-size:14px;font-weight:900}.round-title h2{letter-spacing:-.8px;margin:5px 0 0;font:900 clamp(21px,2.6vw,32px)/1.1 Show,Arial Black,sans-serif}.hud-numbers{align-items:center;gap:12px;display:flex}.score{background:var(--purple);min-width:112px;color:var(--ivory);border:3px solid var(--ink);text-align:center;border-radius:16px;padding:8px 15px;box-shadow:0 4px #17172e,inset 0 2px #b0a4d980}.score small{letter-spacing:.2px;font-size:14px;font-weight:900;display:block}.score strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;font:900 28px/1.15 Show,Arial Black,sans-serif}.timer{background:var(--gold);border:3px solid var(--ink);border-radius:24px;flex-direction:column;flex:0 0 70px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 4px #17172e,inset 0 3px #fff9}.timer span{letter-spacing:-1px;font-variant-numeric:tabular-nums;font:900 31px/.9 Show,Arial Black,sans-serif}.timer small{letter-spacing:.2px;margin-top:5px;font-size:14px;font-weight:900}.timer.urgent{background:var(--coral)}.directive{z-index:4;background:var(--ivory);border:3px solid var(--ink);min-width:250px;box-shadow:0 4px 0 var(--ink);text-align:center;pointer-events:none;border-radius:18px;padding:9px 23px;position:fixed;bottom:191px;left:50%;transform:translate(-50%)}.directive span{letter-spacing:.2px;font-size:16px;font-weight:900;display:block}.directive b{color:#554467;margin-top:3px;font:900 15px/1.2 Show,Arial Black,sans-serif;display:block}.directive.danger{background:var(--coral)}.directive.danger b{color:var(--ink)}.play-bottom{z-index:8;bottom:max(30px, calc(env(safe-area-inset-bottom) + 18px));width:min(465px,75vw);position:fixed;left:50%;transform:translate(-50%)}.progress-row{background:var(--ivory);border:2px solid var(--ink);height:29px;box-shadow:0 2px 0 var(--ink);border-radius:12px;align-items:center;gap:10px;margin-bottom:15px;padding:6px 11px;font-size:14px;font-weight:900;display:flex}.progress-row>span{min-width:43px}.progress-row>b{text-align:right;min-width:86px;font-size:14px}.progress-track{border:2px solid var(--ink);background:#d4c9e4;border-radius:5px;flex:1;height:10px;overflow:hidden}.progress-track i{background:var(--cyan);height:100%;transition:width .15s ease-out;display:block}.pressure-row{background:var(--ivory);border:2px solid var(--ink);border-radius:10px;align-items:center;gap:10px;height:24px;margin:-6px 0 12px;padding:4px 10px;font-size:14px;font-weight:900;display:flex}.pressure-track{border:1.5px solid var(--ink);background:#d4c9e4;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.pressure-track i{height:100%;display:block}.pressure-track em{border-left:2px solid #bd425a;height:100%;position:absolute;top:0;left:80%}.pads{gap:19px;padding:0 3px;display:flex}.pad{border:4px solid var(--ink);background:var(--coral);min-width:0;height:99px;box-shadow:0 8px 0 #a04555, 0 12px 0 var(--ink), inset 0 4px 0 #ffcab3;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:25px;flex:1;padding:9px 0 5px;transition:transform 70ms ease-out,box-shadow 70ms ease-out,filter .1s;position:relative}.pad-1{background:var(--cyan);box-shadow:0 8px 0 #429993, 0 12px 0 var(--ink), inset 0 4px 0 #c6fff0}.pad-2{background:var(--gold);box-shadow:0 8px 0 #c58d43, 0 12px 0 var(--ink), inset 0 4px 0 #fff6b6}.pad>span{color:var(--ivory);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px #29234870;font:900 35px/1 Show,Arial Black,sans-serif;display:block}.pad>small{letter-spacing:.2px;background:#fff5df55;border-radius:5px;margin-top:9px;padding:2px 7px;font-size:14px;font-weight:900;display:inline-block}.pad:before{content:"";pointer-events:none;border:2px solid #fff4df45;border-radius:16px;position:absolute;inset:8px}.pad.lit{outline:3px solid var(--ivory);outline-offset:3px;filter:brightness(1.05)}.pad.pressed,.pad:active{box-shadow:0 1px 0 #a04555, 0 5px 0 var(--ink), inset 0 2px 5px #8c385a55;transform:translateY(7px)}.pad-1.pressed,.pad-1:active{box-shadow:0 1px 0 #429993, 0 5px 0 var(--ink), inset 0 2px 5px #25595955}.pad-2.pressed,.pad-2:active{box-shadow:0 1px 0 #c58d43, 0 5px 0 var(--ink), inset 0 2px 5px #8a6b3455}.caption{z-index:14;width:max-content;max-width:65%;color:var(--ivory);text-align:center;pointer-events:none;background:#292348f2;border:2px solid #b8a6d0;border-radius:12px;padding:8px 16px;position:fixed;top:174px;left:50%;transform:translate(-50%);box-shadow:0 3px #171831}.caption b{letter-spacing:.2px;font-size:14px;font-weight:900;display:block}.caption span{margin-top:2px;font-size:14px;display:block}.feedback{z-index:15;pointer-events:none;color:var(--ivory);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 5px #17192d;opacity:0;font:900 42px/1.05 Show,Arial Black,sans-serif;transition:transform .13s cubic-bezier(.2,1.6,.4,1),opacity .1s;position:fixed;top:33%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)scale(.65)}.feedback.active{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}.round-end{z-index:15;text-align:center;width:min(440px,84vw);padding:25px 30px 28px;position:fixed;top:24%;left:50%;transform:translate(-50%)rotate(-3deg)}.round-end:after{content:"★";color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:47px;position:absolute;top:-23px;right:23px;transform:rotate(12deg)}.round-end h2{letter-spacing:-1px;color:#7460a6;margin:11px 0;font:900 44px/1 Show,Arial Black,sans-serif}.round-end>strong{letter-spacing:-2px;font:900 59px/1.1 Show,Arial Black,sans-serif}.round-end p{margin:10px 0 18px;font-size:14px;font-weight:800}.round-end .secondary{margin:0 auto}.results{text-align:center;width:min(570px,100% - 48px);padding:29px 32px 30px}.results h2{margin:9px 0 4px}.result-jp{color:#88729c;letter-spacing:2px;margin:3px 0 14px;font-size:14px!important}.final-score{border:3px solid var(--ink);background:#e5dcf1;border-radius:19px;padding:15px 18px;position:relative;box-shadow:inset 0 2px #fff9}.final-score small{letter-spacing:.2px;color:#554467;font-size:14px;font-weight:900;display:block}.final-score strong{letter-spacing:-3px;color:#655799;font:900 67px/1.1 Show,Arial Black,sans-serif;display:block}.final-score>span{color:#a44764;margin-top:3px;font-size:14px;font-weight:900;display:block}.result-list{margin:14px 0 21px}.result-row{text-align:left;border-bottom:1px solid #ac9bbe60;align-items:center;gap:11px;padding:9px 3px;font-size:14px;font-weight:850;display:flex}.result-row i{color:#d39547;width:20px;font-size:16px;font-style:normal}.result-row small{color:#554467;margin-left:auto;font-size:14px}.result-row b{text-align:right;min-width:49px;font:900 16px/1 Show,Arial Black,sans-serif}.result-actions{align-items:flex-start;gap:12px;display:flex}.result-actions>.primary{flex:1;min-height:54px;padding:12px 15px;font-size:14px}.result-actions>.secondary{flex:0 0 36%;min-height:54px;padding:10px 12px;font-size:16px}.local-note{color:#554467;margin-top:23px;font-size:14px;font-weight:650;line-height:1.45}.pause-panel{text-align:center;max-width:405px}.pause-panel .primary,.pause-panel .secondary{width:100%;margin-top:20px}.pause-panel .text-button{min-height:44px;margin-top:19px}.text-button{color:#554467;background:0 0;border:0;padding:9px;font-size:14px;font-weight:900}.settings{max-width:450px}.settings label{letter-spacing:.2px;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;font-size:14px;font-weight:900;display:flex}.settings input[type=range]{accent-color:#8b73ba;width:185px;height:22px}.settings input[type=checkbox]{accent-color:#8060ac;flex:0 0 24px;width:24px;height:24px}.settings .switch{letter-spacing:0;font-size:14px}.settings select{border:2px solid var(--ink);color:var(--ink);background:#e4dbf0;border-radius:10px;max-width:190px;padding:8px;font:800 16px Avenir Next,Arial,sans-serif}.settings-tip{color:#554467;border-top:2px solid #b1a0c450;padding-top:15px;font-size:14px!important}.loading{z-index:100;color:var(--ivory);text-align:center;background:#333159;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.loading-logo{letter-spacing:-10px;color:var(--ivory);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 7px #17172f);font:900 97px/1 Show,Arial Black,sans-serif;transform:rotate(-7deg)}.loading-logo span{color:var(--gold);margin-left:6px}.loading h2{letter-spacing:-.5px;margin-top:31px;font:900 23px/1.2 Show,Arial Black,sans-serif}.loading p{color:#c8bde1;max-width:420px;font-size:14px;line-height:1.6}.loading i{border:2px solid var(--ink);background:var(--cyan);border-radius:5px;width:95px;height:9px;margin-top:22px;animation:1s ease-in-out infinite alternate loading;display:block}.loading.error i{display:none}.loading .secondary{margin-top:16px}@keyframes loading{to{background:var(--gold);width:145px}}.telemetry{z-index:101;color:#eee5fc;opacity:.8;pointer-events:none;background:#25233f80;padding:2px 4px;font:8px monospace;position:fixed;bottom:3px;right:5px}.reduced .feedback{transition:none}@media (width>=1600px){.menu{width:480px;top:21%;left:8%}h1{font-size:116px}.feature-copy strong{font-size:30px}.featured-play{min-height:112px}.logo-stars>span{left:462px}.secondary-row .secondary{min-height:64px;font-size:16px}.host-tag{bottom:19%;right:12%}}@media (height<=710px) and (width>=701px){.menu{width:min(390px,37vw);top:16%}.logo-lockup{margin-bottom:24px}h1{font-size:clamp(58px,6.8vw,90px)}.kicker span{padding:5px 12px;font-size:14px}.logo-stars>span{left:clamp(279px,28vw,353px)}.featured-play{min-height:87px}.feature-icon{flex-basis:59px;width:59px}.feature-icon svg{height:62px}.feature-copy strong{font-size:22px}.secondary-row{gap:10px;margin-top:19px}.secondary-row .secondary{font-size:16px}.menu-notes{margin-top:20px}.intro{padding:22px;top:18%}.intro h2{font-size:29px}.instruction-art{height:76px;margin:11px 0}.instruction-sock svg{height:50px}.instruction-machine svg{height:67px}.intro-rule,.intro-tip{font-size:16px}.demo-buttons{margin:14px 0 19px}.pad{height:85px}.play-bottom{bottom:27px}.directive{bottom:179px}.hud{top:78px}.caption{top:163px}}@media (width<=700px) and (aspect-ratio>=1){.menu{width:39vw;left:5%}.logo-havoc{font-size:1em}.logo-stars,.feature-icon{display:none}.feature-copy strong{font-size:17px}.feature-copy em{font-size:14px}.featured-play{gap:5px;padding-left:12px}.featured-play .play-symbol{flex-basis:26px;width:26px;height:26px;font-size:11px}.secondary-row{gap:8px}.secondary-row .secondary{padding:8px 6px;font-size:16px}.button-symbol{display:none}.secondary-row .secondary small{font-size:16px}}@media (width<=700px) and (aspect-ratio<=1){.masthead{top:max(14px, env(safe-area-inset-top));gap:9px;left:5%;right:5%}.brand{border-radius:11px;padding:6px 8px 7px;font-size:24px}.on-air{padding:6px 9px;font-size:14px}.on-air span{display:none}.header-buttons{gap:6px}.icon-button{border-radius:11px;flex:0 0 44px;width:44px;height:44px;font-size:19px}.menu{top:auto;bottom:max(31px, calc(env(safe-area-inset-bottom) + 19px));width:86%;left:7%}.logo-lockup{margin:0 auto 20px}.kicker{margin:0 10px 8px}.kicker span{border-width:2px;border-radius:8px;padding:4px 11px;font-size:14px}.kicker i{font-size:18px}h1{letter-spacing:-3px;filter:drop-shadow(0 5px #1d1b3d);font-size:clamp(59px,17vw,85px)}h1>span{-webkit-text-stroke-width:5px}h1>.logo-tonight{letter-spacing:-2px;margin-top:6px}.logo-stars{font-size:23px;top:41px;left:-21px}.logo-stars>span{font-size:18px;top:14px;left:76vw}.featured-play{border-radius:20px;gap:9px;min-height:84px;padding:9px 12px 10px 8px}.feature-icon{flex-basis:56px;width:56px}.feature-icon svg{height:60px}.feature-copy small{margin-bottom:4px;font-size:14px}.feature-copy strong{font-size:clamp(19px,5.5vw,27px)}.feature-copy em{margin-top:6px;font-size:14px}.featured-play .play-symbol{flex-basis:29px;width:29px;height:29px;font-size:12px}.secondary-row{gap:10px;margin-top:19px}.secondary-row .secondary{border-radius:13px;gap:7px;min-height:49px;padding:9px 7px;font-size:16px}.button-symbol{border-radius:8px;flex-basis:24px;width:24px;height:25px;font-size:14px}.secondary-row .secondary small{margin-top:3px;font-size:16px}.menu-notes{gap:5px;margin-top:22px}.mini-pad{border-radius:6px;width:19px;height:19px;font-size:8px}.menu-notes b{margin-left:5px;font-size:14px}.host-tag{top:25%;bottom:auto;right:6%}.host-tag>span{padding:3px 9px;font-size:14px}.host-tag strong{border-radius:9px;gap:8px;padding:5px 10px;font-size:16px}.host-tag strong span{font-size:12px}.host-tag i{margin-top:7px;font-size:14px}.panel{border-radius:23px;width:90%;max-height:calc(100dvh - 50px);padding:27px 23px}.panel h2{font-size:31px}.panel p{font-size:14px}.close{width:31px;height:31px;font-size:22px;top:10px;right:10px}.practice-grid{gap:11px;margin-top:17px}.practice-card{border-radius:13px;min-height:99px;padding:14px 11px}.practice-card b{font-size:18px}.practice-card small,.card-num{font-size:14px}.card-arrow{font-size:12px;top:10px;right:9px}.intro{top:auto;left:6%;bottom:max(26px, calc(env(safe-area-inset-bottom) + 14px));border-radius:23px;width:88%;padding:23px 20px 24px;transform:rotate(-1deg)}.intro-number{padding:6px 10px;font-size:14px;top:-14px}.intro .eyebrow{font-size:14px}.intro h2{margin:8px 0 4px;font-size:31px}.jp-title{letter-spacing:.2px;font-size:14px}.instruction-art{height:72px;margin:12px 0}.instruction-sock{width:43px}.instruction-sock svg{height:46px}.instruction-machine{width:64px}.instruction-machine svg{height:63px}.instruction-art i{font-size:17px}.intro-rule{margin:12px 0 7px;font-size:16px}.intro-tip{margin-bottom:13px;font-size:16px}.demo-buttons{gap:8px;margin:13px 0 19px}.demo-buttons>span{flex-basis:37px;height:34px;padding-bottom:5px;font-size:16px}.demo-buttons small{font-size:14px}.demo-buttons b{max-width:92px;margin-left:5px;font-size:14px}.intro .primary{border-radius:13px;min-height:44px;font-size:16px}.hud{top:max(71px, calc(env(safe-area-inset-top) + 59px));gap:8px;left:5%;right:5%}.round-title{border-radius:13px;padding:7px 10px}.round-title>span{letter-spacing:.2px;font-size:14px}.round-title h2{letter-spacing:-.5px;max-width:168px;margin-top:4px;font-size:19px}.hud-numbers{gap:7px}.score{border-radius:12px;min-width:66px;padding:7px}.score small{letter-spacing:.2px;font-size:14px}.score strong{font-size:20px}.timer{border-radius:16px;flex-basis:48px;width:48px;height:54px}.timer span{font-size:23px}.timer small{margin-top:4px;font-size:14px}.play-bottom{width:89%;bottom:max(31px, calc(env(safe-area-inset-bottom) + 19px))}.pads{gap:13px;padding:0 3px}.pad{border-width:3px;border-radius:21px;height:91px}.pad>span{font-size:30px}.pad>small{margin-top:8px;padding:2px 5px;font-size:14px}.pad:before{border-radius:14px;inset:7px}.pad.lit{outline-offset:3px;outline-width:2px}.progress-row{gap:8px;height:27px;margin-bottom:14px;padding:5px 9px;font-size:14px}.progress-row>span{min-width:38px}.progress-row>b{min-width:79px;font-size:14px}.progress-track{height:8px}.directive{width:82%;min-width:0;bottom:max(195px, calc(env(safe-area-inset-bottom) + 182px));border-radius:14px;padding:8px 14px}.directive span{letter-spacing:.2px;font-size:16px}.directive b{margin-top:3px;font-size:14px}.caption{top:auto;bottom:max(261px, calc(env(safe-area-inset-bottom) + 247px));border-radius:10px;max-width:86%;padding:6px 11px}.caption b,.caption span{font-size:14px}.feedback{-webkit-text-stroke-width:5px;font-size:32px;top:32%}.round-end{border-radius:23px;padding:25px 20px;top:25%}.round-end .eyebrow{font-size:14px}.round-end h2{font-size:38px}.round-end>strong{font-size:53px}.round-end p{font-size:14px}.round-end .secondary{min-height:43px;font-size:16px}.results{padding:26px 23px 27px}.results h2{font-size:29px}.final-score{border-radius:16px;padding:12px}.final-score strong{font-size:56px}.final-score>span{font-size:14px}.result-list{margin-bottom:19px}.result-row{gap:7px;padding:8px 0;font-size:14px}.result-row small{font-size:14px}.result-row b{min-width:41px;font-size:14px}.result-actions{gap:10px}.result-actions>.primary{border-radius:14px;min-height:50px;padding:10px 11px;font-size:14px}.result-actions .play-symbol{flex-basis:27px;width:27px;height:27px;font-size:11px}.result-actions>.secondary{border-radius:13px;flex-basis:34%;min-height:50px;padding:8px;font-size:16px}.local-note{margin-top:23px;font-size:14px}.settings label{gap:12px;margin:22px 0;font-size:14px}.settings input[type=range]{width:145px}.settings .switch{font-size:14px}.settings select{max-width:155px}.telemetry{font-size:6px}}@media (height<=730px) and (width<=700px) and (aspect-ratio<=1){.menu{bottom:max(23px, calc(env(safe-area-inset-bottom) + 13px))}.logo-lockup{margin-bottom:17px}h1{font-size:clamp(56px,15vw,73px)}.kicker{margin-bottom:7px}.menu-notes{margin-top:18px}.featured-play{min-height:78px}.secondary-row{margin-top:18px}.host-tag{top:20%;right:5%}.intro{padding:21px 19px 22px}.intro h2{font-size:28px}.instruction-art{height:62px;margin:10px 0}.instruction-sock svg{height:42px}.instruction-machine svg{height:55px}.intro-rule,.intro-tip{font-size:16px}.demo-buttons{margin:11px 0 17px}}@media (height<=550px) and (aspect-ratio>=1){.masthead{top:max(10px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));gap:10px}.brand{border-radius:10px;padding:4px 8px 6px;font-size:22px}.on-air{padding:5px 9px;font-size:14px}.on-air span{display:none}.icon-button{border-radius:11px;width:33px;height:32px;font-size:17px}.header-buttons{gap:8px}.menu{width:37%;top:15%;left:5%}.logo-lockup{margin-bottom:19px}.kicker{gap:6px;margin-bottom:7px}.kicker span{border-width:2px;border-radius:7px;padding:3px 8px;font-size:14px}.kicker i{font-size:16px}h1{letter-spacing:-3px;filter:drop-shadow(0 4px #1d1b3d);font-size:clamp(48px,8vw,71px)}h1>span{-webkit-text-stroke-width:5px}h1>.logo-tonight{letter-spacing:-2px;margin-top:5px}.logo-stars{display:none}.featured-play{border-radius:15px;gap:7px;min-height:66px;padding:7px 10px}.feature-icon{flex-basis:47px;width:47px}.feature-icon svg{height:47px}.feature-copy small{margin-bottom:3px;font-size:14px}.feature-copy strong{font-size:19px}.feature-copy em{margin-top:4px;font-size:14px}.featured-play .play-symbol{flex-basis:26px;width:26px;height:26px;font-size:10px}.secondary-row{gap:9px;margin-top:16px}.secondary-row .secondary{border-radius:12px;gap:6px;min-height:40px;padding:7px;font-size:16px}.secondary-row .secondary small{margin-top:2px;font-size:16px}.button-symbol{border-radius:7px;flex-basis:23px;width:23px;height:23px;font-size:13px}.menu-notes{gap:4px;margin-top:17px}.menu-notes b{font-size:14px}.mini-pad{border-radius:5px;width:17px;height:17px;font-size:7px}.host-tag{bottom:9%;right:10%}.host-tag strong{border-radius:9px;padding:4px 10px;font-size:16px}.host-tag>span{font-size:14px}.host-tag i{margin-top:6px;font-size:14px}.hud{top:57px;left:4%;right:4%}.round-title{border-radius:12px;padding:6px 10px}.round-title>span{font-size:14px}.round-title h2{margin-top:3px;font-size:21px}.score{border-radius:12px;min-width:87px;padding:6px 11px}.score small{font-size:14px}.score strong{font-size:23px}.hud-numbers{gap:9px}.timer{border-radius:16px;flex-basis:49px;width:49px;height:54px}.timer span{font-size:23px}.timer small{margin-top:4px;font-size:14px}.play-bottom{left:auto;right:4%;bottom:max(23px, calc(env(safe-area-inset-bottom) + 12px));width:285px;transform:none}.pads{gap:12px}.pad{height:66px;box-shadow:0 6px 0 #a04555, 0 9px 0 var(--ink), inset 0 3px 0 #ffcab3;border-width:3px;border-radius:17px;padding-top:6px}.pad-1{box-shadow:0 6px 0 #429993, 0 9px 0 var(--ink), inset 0 3px 0 #c6fff0}.pad-2{box-shadow:0 6px 0 #c58d43, 0 9px 0 var(--ink), inset 0 3px 0 #fff6b6}.pad>span{-webkit-text-stroke-width:1.5px;font-size:24px}.pad>small{margin-top:5px;padding:1px 4px;font-size:14px}.pad:before{border-radius:11px;inset:5px}.pad.pressed,.pad:active{transform:translateY(5px)}.pad.lit{outline-offset:3px;outline-width:2px}.progress-row{gap:7px;height:24px;margin-bottom:11px;padding:4px 7px;font-size:14px}.progress-row>span{min-width:34px}.progress-row>b{min-width:74px;font-size:14px}.progress-track{height:8px}.pressure-row{height:20px;margin-bottom:8px;font-size:14px}.directive{left:4%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 13px));border-radius:12px;width:245px;min-width:0;padding:7px 11px;transform:none}.directive span{font-size:16px}.directive b{font-size:14px}.caption{border-radius:9px;max-width:245px;padding:5px 11px;top:126px;bottom:auto;left:4%;transform:none}.caption b,.caption span{font-size:14px}.feedback{-webkit-text-stroke-width:5px;font-size:30px;top:36%}.intro{border-radius:20px;width:280px;max-height:calc(100dvh - 85px);padding:17px 18px 20px;top:18%;bottom:auto;left:4%;overflow-y:auto}.intro-number{padding:5px 8px;font-size:14px;top:-13px}.intro .eyebrow{font-size:14px}.intro h2{margin:7px 0 4px;font-size:25px}.jp-title{letter-spacing:.2px;font-size:14px}.instruction-art{height:55px;margin:8px 0}.instruction-sock svg{height:38px}.instruction-machine svg{height:48px}.instruction-arrow{font-size:24px}.instruction-art i{font-size:15px}.intro-rule{margin:9px 0 6px;font-size:16px}.intro-tip{margin-bottom:10px;font-size:16px;line-height:1.35}.demo-buttons{gap:7px;margin:10px 0 15px}.demo-buttons>span{border-radius:8px;flex-basis:31px;height:27px;font-size:14px}.demo-buttons small{font-size:14px;bottom:2px;right:3px}.demo-buttons b{max-width:73px;font-size:14px}.intro .primary{border-radius:12px;min-height:36px;padding:7px 12px;font-size:16px}.intro .play-symbol{flex-basis:25px;width:25px;height:25px;font-size:10px}.round-end{border-radius:22px;width:360px;padding:18px 24px 20px;top:17%}.round-end .eyebrow{font-size:14px}.round-end h2{margin:9px 0;font-size:32px}.round-end>strong{font-size:44px}.round-end p{margin:8px 0 13px;font-size:14px}.round-end .secondary{min-height:38px;padding:8px 15px;font-size:16px}.panel{border-radius:22px;max-height:calc(100dvh - 40px);padding:24px 28px}.panel h2{font-size:30px}.panel p,.eyebrow{font-size:14px}.practice-grid{gap:10px;margin-top:13px}.practice-card{min-height:88px;padding:11px 13px}.practice-card b{margin:9px 0 5px;font-size:18px}.card-num,.practice-card small{font-size:14px}.results{max-width:565px;padding:21px 27px}.results h2{margin-top:7px;font-size:27px}.result-jp{display:none}.final-score{border-radius:15px;margin-top:12px;padding:8px 13px}.final-score strong{font-size:44px}.final-score small,.final-score>span{font-size:14px}.result-list{grid-template-columns:1fr 1fr;gap:0 21px;margin:9px 0 14px;display:grid}.result-row{gap:6px;padding:6px 0;font-size:14px}.result-row i{width:13px;font-size:14px}.result-row small{font-size:14px}.result-row b{min-width:34px;font-size:14px}.result-actions>.primary{border-radius:13px;min-height:40px;padding:7px 12px;font-size:14px}.result-actions .play-symbol{flex-basis:26px;width:26px;height:26px;font-size:10px}.result-actions>.secondary{min-height:40px;padding:8px 10px;font-size:16px}.local-note{margin-top:18px;font-size:14px}.settings label{margin:17px 0;font-size:14px}.settings .switch{font-size:14px}.settings-tip{font-size:14px!important}}@media (width<=360px) and (aspect-ratio<=1){.feature-icon{flex-basis:46px;width:46px}.feature-icon svg{height:53px}.feature-copy strong{font-size:18px}.feature-copy em{font-size:14px}.secondary-row .secondary,.secondary-row .secondary small{font-size:16px}.button-symbol,.logo-stars{display:none}.round-title h2{font-size:16px}.round-title{padding:7px 8px}.round-title>span{font-size:14px}.score{min-width:57px;padding:7px 5px}.score strong{font-size:18px}.hud-numbers{gap:5px}.timer{flex-basis:42px;width:42px}.settings input[type=range]{width:128px}}@media (prefers-reduced-motion:reduce){button,.feedback,.progress-track i{transition:none}.loading i{animation:none}}.feedback{font-size:28px;top:177px;left:auto;right:5%;transform:translateY(10px)rotate(5deg)}.feedback.active{transform:translateY(0)rotate(-5deg)}.round-end{width:min(350px,31vw);top:26%;left:auto;right:5%;transform:rotate(3deg)}.round-end h2{font-size:39px}.round-end strong{font-size:50px}.results{width:min(450px,39vw);left:auto;right:5%;transform:translateY(-50%)}.results h2{font-size:31px}.result-row small,.local-note{color:#554467}@media (aspect-ratio<=9/10){.feedback{font-size:23px;top:165px;right:6%}.round-end{width:84%;padding:20px;top:auto;bottom:8%;right:8%;transform:rotate(2deg)}.results{top:auto;bottom:max(24px,env(safe-area-inset-bottom));width:88%;left:6%;right:auto;transform:none}.results h2{font-size:29px}.host-tag{top:19%}}@media (height<=550px) and (aspect-ratio>=1){.feedback{font-size:21px;top:101px;right:4%}.round-end{width:280px;padding:18px;top:22%;right:4%}.round-end h2{font-size:29px}.round-end strong{font-size:37px}.results{width:47%;padding:18px;right:4%}.results h2{font-size:27px}}body[data-phase=results] .caption{top:88px;bottom:auto}.touch-controls .demo-buttons small{display:none}@media (aspect-ratio<=9/10){body[data-phase=intro] .caption{top:82px;bottom:auto}}@media (height<=550px) and (aspect-ratio>=1){body[data-phase=intro] .caption{top:66px;left:50%;transform:translate(-50%)}.intro-number{padding:4px 6px;font-size:14px;top:8px;right:10px;transform:rotate(2deg)}}.featured-shortcut{border:2px solid var(--ink);width:100%;min-height:43px;box-shadow:0 3px 0 #9b8ab4, 0 5px 0 var(--ink), inset 0 2px 0 #fff9;text-align:left;background:#e6def1;border-radius:13px;align-items:center;gap:9px;margin-top:20px;padding:6px 12px;font-size:14px;transition:transform .12s,box-shadow .12s;display:flex}.featured-shortcut>span{flex:0 0 28px;width:28px;display:block;transform:rotate(-8deg)}.featured-shortcut svg{width:100%;height:28px;display:block}.featured-shortcut strong{font:900 16px/1 Show,Arial Black,sans-serif}.featured-shortcut small{letter-spacing:.2px;color:#554467;margin-left:auto;font-size:14px;font-weight:900}.featured-shortcut i{font-size:9px;font-style:normal}.featured-shortcut:hover{background:#f1eafa;transform:translateY(-1px)}.featured-shortcut:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.practice-panel{flex-direction:column;width:min(850px,100% - 48px);height:min(735px,100dvh - 68px);max-height:calc(100dvh - 68px);padding:27px 29px 17px;display:flex;overflow:hidden}.game-room-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;padding-right:33px;display:flex}.game-room-heading h2{margin:7px 0 11px;font-size:35px}.game-room-heading .eyebrow{font-size:14px}.room-count{color:#554467;white-space:nowrap;background:#e0d7ef;border:2px solid #9b87b7;border-radius:10px;padding:6px 9px;font-size:14px;font-weight:900}.game-filters{overscroll-behavior-x:contain;scrollbar-width:none;flex:none;gap:7px;margin:0 -3px 7px;padding:4px 3px 10px;display:flex;overflow-x:auto}.game-filters::-webkit-scrollbar{display:none}.filter-chip{color:#554467;background:#e5ddef;border:2px solid #9f8cba;border-radius:14px;flex:none;min-height:43px;padding:8px 14px;font-size:14px;font-weight:900;transition:background .1s,transform .1s;box-shadow:0 3px #b4a3c8}.filter-chip:hover{background:#f2ebf9}.filter-chip.selected{color:var(--ink);background:var(--gold);border-color:var(--ink);box-shadow:0 3px #bb8b49}.filter-chip:active{transform:translateY(2px)}.practice-scroll{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ac96bf transparent;flex:1;min-height:0;padding:3px 5px 11px 0;overflow-y:auto}.practice-panel .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:0 2px}.practice-panel .practice-card{background:#e5def0;border-radius:18px;min-height:181px;padding:9px 12px 13px;overflow:hidden}.practice-panel .practice-card[data-category=Reflex]{background:#ffd9ce;box-shadow:0 4px #cb968d,inset 0 2px #fff9}.practice-panel .practice-card[data-category=Timing]{background:#fff0bc;box-shadow:0 4px #c7aa6a,inset 0 2px #fff9}.practice-panel .practice-card[data-category=Memory]{background:#e4d7ff;box-shadow:0 4px #a994cd,inset 0 2px #fff9}.practice-panel .practice-card[data-category=Rhythm]{background:#d3edff;box-shadow:0 4px #92b3cd,inset 0 2px #fff9}.practice-panel .practice-card[data-category=Precision]{background:#c9eee4;box-shadow:0 4px #85b4a9,inset 0 2px #fff9}.practice-panel .practice-card[data-category=Chaos]{background:#f6d9ed;box-shadow:0 4px #c696ba,inset 0 2px #fff9}.game-card-stamp{background:#fff9ec70;border:2px solid #29234820;border-radius:12px;place-content:center;height:81px;margin-bottom:8px;display:grid;position:relative;overflow:hidden}.game-card-stamp:after{content:"";pointer-events:none;border:1px dashed #29234820;border-radius:7px;position:absolute;inset:5px}.game-card-stamp svg{filter:drop-shadow(0 3px #29234820);width:70px;height:70px;transition:transform .15s;display:block;transform:rotate(-4deg)}.practice-card:nth-child(2n) .game-card-stamp svg{transform:rotate(4deg)}.practice-card:hover .game-card-stamp svg{transform:translateY(-2px)rotate(0)}.practice-panel .card-num{color:#554467;justify-content:space-between;gap:5px;font:900 14px/1 Show,Arial Black,sans-serif;display:flex}.card-num i{letter-spacing:0;background:#fff4df70;border-radius:5px;padding:2px 5px;font:800 14px/1 Avenir Next,Arial,sans-serif}.practice-panel .practice-card b{max-width:100%;min-height:30px;margin:8px 0 5px;font-size:18px;line-height:1.08}.practice-panel .practice-card small{letter-spacing:.2px;font-size:14px}.intro-game-art{background:#e0d7ee;border:2px solid #b29cc5;border-radius:15px;align-items:center;gap:14px;margin:13px 0;padding:7px 13px;display:flex}.intro-game-art>span{flex:0 0 62px;width:62px;display:block}.intro-game-art svg{width:62px;height:62px;display:block;transform:rotate(-6deg)}.intro-game-art b{color:#554467;font:900 16px/1.2 Show,Arial Black,sans-serif;display:block}.intro-game-art small{color:#554467;margin-top:5px;font-size:14px;font-weight:800;display:block}.intro[data-challenge=laundry] .intro-game-art{display:none}.demo-buttons{gap:8px;margin:15px 0 21px}.demo-buttons>span{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:61px;padding:5px 4px 10px;display:flex}.demo-buttons .demo-symbol{font:900 23px/1 Show,Arial Black,sans-serif}.demo-buttons .demo-label,.intro:not([data-challenge=laundry]) .demo-buttons .demo-label{max-width:100%;color:var(--ink);text-align:center;margin-top:5px;font-size:14px;line-height:1;display:block}.demo-buttons small{font-size:14px;bottom:3px;right:5px}.pad>.pad-action{letter-spacing:.2px;width:fit-content;max-width:90%;margin:5px auto 0;padding:2px 6px;font-size:14px;font-weight:900;line-height:1.1;display:block}.pad-key{color:#292348a0;margin-top:5px;font:800 14px/1 Avenir Next,Arial,sans-serif;display:block}.touch-controls .pad-key{display:none}.touch-controls .pad>.pad-action{margin-top:9px;padding:3px 7px;font-size:14px}.pad.hazard{outline-offset:4px;outline:3px dashed #ad395b}.pad.hazard:after{content:"!";background:var(--ivory);color:#ad395b;border:2px solid #ad395b;border-radius:50%;place-content:center;width:19px;height:19px;font:900 14px/1 Arial Black,sans-serif;display:grid;position:absolute;top:9px;right:10px}@media (width<=700px) and (aspect-ratio<=1){.menu .logo-lockup{margin-bottom:17px}.menu h1{font-size:clamp(55px,15.5vw,78px)}.menu .menu-notes{margin-top:17px}.featured-shortcut{border-radius:12px;gap:8px;min-height:39px;margin-top:17px;padding:5px 10px}.featured-shortcut>span{flex-basis:24px;width:24px}.featured-shortcut svg{height:25px}.featured-shortcut strong{font-size:16px}.featured-shortcut small{font-size:14px}.featured-shortcut i{font-size:8px}.practice-panel{width:92%;height:calc(100dvh - max(52px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 30px)));max-height:calc(100dvh - max(52px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 30px)));border-radius:22px;padding:23px 15px 13px}.game-room-heading{gap:8px;padding-right:31px}.game-room-heading h2{margin:7px 0 12px;font-size:27px}.game-room-heading .eyebrow{font-size:14px}.room-count{border-radius:9px;padding:5px 7px;font-size:14px}.game-filters{gap:6px;margin-bottom:6px;padding-bottom:9px}.filter-chip{border-radius:12px;min-height:41px;padding:8px 12px;font-size:14px}.practice-scroll{padding-right:3px}.practice-panel .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.practice-panel .practice-card{border-radius:15px;min-height:173px;padding:8px 9px 12px}.game-card-stamp{border-radius:10px;height:78px;margin-bottom:8px}.game-card-stamp svg{width:67px;height:67px}.practice-panel .card-num{font-size:14px}.card-num i{padding:2px 4px;font-size:14px}.practice-panel .practice-card b{min-height:28px;margin:8px 0 5px;font-size:18px}.practice-panel .practice-card small{font-size:14px}.intro-game-art{gap:13px;margin:11px 0;padding:6px 11px}.intro-game-art>span{flex-basis:54px;width:54px}.intro-game-art svg{width:54px;height:54px}.intro-game-art b{font-size:16px}.intro-game-art small{margin-top:4px;font-size:14px}.demo-buttons>span{flex-basis:0;height:54px;padding-bottom:8px}.demo-buttons .demo-symbol{font-size:20px}.demo-buttons .demo-label,.intro:not([data-challenge=laundry]) .demo-buttons .demo-label{margin-top:5px;font-size:14px}.demo-buttons small{font-size:14px;bottom:3px;right:4px}.pad>.pad-action,.touch-controls .pad>.pad-action{font-size:14px}}@media (height<=730px) and (width<=700px) and (aspect-ratio<=1){.menu h1{font-size:clamp(51px,14vw,67px)}.menu .logo-lockup{margin-bottom:15px}.menu .menu-notes{display:none}.featured-shortcut{margin-top:16px}.intro-game-art{margin:9px 0;padding:5px 10px}.intro-game-art>span{flex-basis:46px;width:46px}.intro-game-art svg{width:46px;height:46px}.demo-buttons>span{height:47px}.demo-buttons .demo-symbol{font-size:17px}.intro .intro-rule{margin-top:10px}}@media (height<=550px) and (aspect-ratio>=1){.menu{top:14%}.menu .logo-lockup{margin-bottom:15px}.menu h1{font-size:clamp(43px,6.6vw,62px)}.menu .menu-notes{display:none}.featured-shortcut{border-radius:10px;gap:7px;min-height:34px;margin-top:14px;padding:4px 8px}.featured-shortcut>span{flex-basis:21px;width:21px}.featured-shortcut svg{height:23px}.featured-shortcut strong{font-size:16px}.featured-shortcut small{font-size:14px}.practice-panel{width:min(720px,100% - 56px);height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);padding:18px 21px 12px}.game-room-heading{padding-right:26px}.game-room-heading h2{margin:4px 0 8px;font-size:25px}.game-room-heading .eyebrow{font-size:14px}.room-count{padding:4px 7px;font-size:14px}.game-filters{gap:6px;margin-bottom:4px;padding-top:3px;padding-bottom:7px}.filter-chip{border-radius:11px;min-height:33px;padding:6px 12px;font-size:14px}.practice-panel .practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.practice-panel .practice-card{border-radius:14px;min-height:151px;padding:7px 9px 10px}.game-card-stamp{border-radius:10px;height:66px;margin-bottom:7px}.game-card-stamp svg{width:57px;height:57px}.practice-panel .card-num{font-size:14px}.card-num i{padding:2px 3px;font-size:14px}.practice-panel .practice-card b{min-height:25px;margin:7px 0 4px;font-size:18px;line-height:1.1}.practice-panel .practice-card small{font-size:14px}.intro-game-art{gap:11px;margin:9px 0;padding:5px 10px}.intro-game-art>span{flex-basis:43px;width:43px}.intro-game-art svg{width:43px;height:43px}.intro-game-art b{font-size:16px}.intro-game-art small{margin-top:4px;font-size:14px}.demo-buttons{margin:10px 0 15px}.demo-buttons>span{border-radius:9px;flex-basis:0;height:44px;padding:4px 3px 8px}.demo-buttons .demo-symbol{font-size:16px}.demo-buttons .demo-label,.intro:not([data-challenge=laundry]) .demo-buttons .demo-label{margin-top:4px;font-size:14px}.demo-buttons small{font-size:14px;bottom:2px;right:3px}.pad>.pad-action{margin-top:3px;padding:1px 4px;font-size:14px}.pad-key{margin-top:3px;font-size:14px}.touch-controls .pad>.pad-action{margin-top:5px;font-size:14px}.pad.hazard:after{width:16px;height:16px;font-size:14px;top:5px;right:6px}}@media (width<=360px) and (aspect-ratio<=1){.practice-panel{padding:22px 12px 12px}.game-room-heading h2{font-size:24px}.room-count{padding:4px 6px;font-size:14px}.practice-panel .practice-grid{gap:9px}.practice-panel .practice-card{padding:7px 8px 10px}.practice-panel .practice-card b{font-size:18px}.practice-panel .practice-card small,.card-num i{font-size:14px}.featured-shortcut strong{font-size:16px}}.practice-panel:before{display:none}.filter-chip,.featured-shortcut{min-height:44px}@media (prefers-reduced-motion:reduce){.game-card-stamp svg,.featured-shortcut,.filter-chip{transition:none}}.intro-countdown{text-align:center;color:#554467;margin:16px 0 -5px;font-size:14px;font-weight:900}.settings .commentary-note{color:#554467;margin:-13px 0 18px;font-size:14px;line-height:1.4}@media (height<=550px) and (aspect-ratio>=1){.intro-countdown{margin-top:12px;font-size:14px}.settings .commentary-note{font-size:14px}}body[data-phase=playing] .feedback{top:55%}@media (aspect-ratio<=9/10){body[data-phase=playing] .feedback{top:56%}}.filter-hint{letter-spacing:.2px;text-align:right;margin:2px 0;font-size:14px;font-weight:900;display:none}@media (aspect-ratio<=9/10){.filter-hint{display:block}}body[data-layout=play]{--play-top:86px;--play-console:174px;background:var(--ink)}body[data-layout=play] #stage{top:var(--play-top);bottom:var(--play-console);height:calc(100% - var(--play-top) - var(--play-console))}body[data-layout=play] #app:before{content:"";height:var(--play-console);border-top:3px solid var(--ink);pointer-events:none;background:#e6d7ee;position:fixed;bottom:0;left:0;right:0}body[data-layout=play] .masthead .on-air{display:none}body[data-layout=play] .hud{align-items:center;gap:14px;height:58px;top:14px;left:116px;right:194px}body[data-layout=play] .round-title{min-width:0;max-width:calc(100% - 166px);box-shadow:none;color:var(--ivory);background:0 0;border:0;padding:0}body[data-layout=play] .round-title>span{color:#d5c3e8;font-size:14px}body[data-layout=play] .round-title h2{max-width:none;margin-top:4px;font-size:clamp(14px,1.8vw,22px);line-height:1.08}body[data-layout=play] .hud-numbers{gap:8px}body[data-layout=play] .score{border-radius:12px;min-width:82px;padding:5px 10px}body[data-layout=play] .score strong{font-size:23px}body[data-layout=play] .timer{border-radius:16px;flex-basis:54px;width:54px;height:56px}body[data-layout=play] .timer span{font-size:25px}body[data-layout=play] .play-bottom{width:440px;bottom:24px;left:auto;right:28px;transform:none}body[data-layout=play] .pads{gap:16px}body[data-layout=play] .pad{border-radius:20px;height:78px;padding-top:6px}body[data-layout=play] .pad>span{font-size:27px}body[data-layout=play] .pad>small{margin-top:5px}body[data-layout=play] .progress-row{height:25px;margin-bottom:12px}body[data-layout=play] .directive{text-align:left;border-radius:12px;width:min(520px,100% - 550px);min-width:0;padding:7px 13px;top:auto;bottom:80px;left:28px;transform:none}body[data-layout=play] .directive span{letter-spacing:.2px;font-size:16px}body[data-layout=play] .directive b{font-size:14px}body[data-layout=play] .caption{text-align:left;max-width:min(520px,100% - 550px);padding:5px 12px;top:auto;bottom:22px;left:28px;transform:none}body[data-layout=play] .caption b,body[data-layout=play] .caption span{font-size:14px}body[data-layout=play] .feedback{-webkit-text-stroke-width:3px;font-size:18px;inset:auto auto 143px 30px}@media (aspect-ratio<=9/10){body[data-layout=play]{--play-top:max(144px, calc(env(safe-area-inset-top) + 130px));--play-console:max(306px, calc(env(safe-area-inset-bottom) + 292px))}body[data-layout=play] .masthead .on-air{display:flex}body[data-layout=play] .hud{top:max(71px, calc(env(safe-area-inset-top) + 59px));gap:8px;height:62px;left:5%;right:5%}body[data-layout=play] .round-title{max-width:calc(100% - 124px)}body[data-layout=play] .round-title h2{font-size:18px}body[data-layout=play] .round-title>span{font-size:14px}body[data-layout=play] .score{min-width:66px;padding:7px}body[data-layout=play] .score strong{font-size:20px}body[data-layout=play] .timer{flex-basis:48px;width:48px;height:54px}body[data-layout=play] .timer span{font-size:23px}body[data-layout=play] .play-bottom{width:89%;left:5.5%;right:auto;bottom:max(31px, calc(env(safe-area-inset-bottom) + 19px))}body[data-layout=play] .pad{height:91px}body[data-layout=play] .pads{gap:13px}body[data-layout=play] .directive{width:88%;left:6%;bottom:max(195px, calc(env(safe-area-inset-bottom) + 182px));text-align:center}body[data-layout=play] .directive span{font-size:16px}body[data-layout=play] .directive b{font-size:14px}body[data-layout=play] .caption{left:6%;bottom:max(261px, calc(env(safe-area-inset-bottom) + 247px));text-align:center;max-width:88%}body[data-layout=play] .caption b,body[data-layout=play] .caption span{font-size:14px}body[data-layout=play] .feedback{left:auto;right:7%;bottom:max(171px, calc(env(safe-area-inset-bottom) + 158px));font-size:17px}}@media (height<=730px) and (aspect-ratio<=9/10){body[data-layout=play]{--play-top:max(136px, calc(env(safe-area-inset-top) + 122px));--play-console:max(270px, calc(env(safe-area-inset-bottom) + 256px))}body[data-layout=play] .hud{top:max(65px, calc(env(safe-area-inset-top) + 53px))}body[data-layout=play] .play-bottom{bottom:max(25px, calc(env(safe-area-inset-bottom) + 13px))}body[data-layout=play] .pad{height:78px}body[data-layout=play] .progress-row{height:23px}body[data-layout=play] .directive{bottom:max(166px, calc(env(safe-area-inset-bottom) + 153px))}body[data-layout=play] .caption{bottom:max(225px, calc(env(safe-area-inset-bottom) + 211px))}body[data-layout=play] .feedback{bottom:max(141px, calc(env(safe-area-inset-bottom) + 128px))}}@media (height<=550px) and (aspect-ratio>=1){body[data-layout=play]{--play-top:max(60px, calc(env(safe-area-inset-top) + 50px));--play-console:max(124px, calc(env(safe-area-inset-bottom) + 112px))}body[data-layout=play] .hud{gap:9px;height:43px;top:7px;left:100px;right:144px}body[data-layout=play] .round-title{max-width:calc(100% - 123px)}body[data-layout=play] .round-title h2{font-size:16px}body[data-layout=play] .round-title>span{font-size:14px}body[data-layout=play] .score{min-width:66px;padding:4px 7px}body[data-layout=play] .score small{font-size:14px}body[data-layout=play] .score strong{font-size:19px}body[data-layout=play] .timer{border-radius:13px;flex-basis:42px;width:42px;height:43px}body[data-layout=play] .timer span{font-size:20px}body[data-layout=play] .timer small{margin-top:3px;font-size:14px}body[data-layout=play] .play-bottom{right:4%;bottom:max(18px, calc(env(safe-area-inset-bottom) + 10px));width:285px}body[data-layout=play] .pad{border-radius:17px;height:60px}body[data-layout=play] .pad>span{font-size:22px}body[data-layout=play] .pads{gap:12px}body[data-layout=play] .progress-row{height:22px;margin-bottom:8px}body[data-layout=play] .directive{width:min(400px,100% - 355px);padding:5px 9px;bottom:66px;left:4%}body[data-layout=play] .directive span{font-size:16px}body[data-layout=play] .directive b{font-size:14px}body[data-layout=play] .caption{max-width:min(400px,100% - 355px);padding:4px 9px;bottom:16px;left:4%}body[data-layout=play] .caption b,body[data-layout=play] .caption span{font-size:14px}body[data-layout=play] .feedback{font-size:13px;bottom:109px;left:4%}}@media (aspect-ratio<=9/10){body[data-layout=play]{--play-top:max(116px, calc(env(safe-area-inset-top) + 102px));--play-console:max(246px, calc(env(safe-area-inset-bottom) + 232px))}body[data-layout=play] .hud{top:max(64px, calc(env(safe-area-inset-top) + 52px));height:43px}body[data-layout=play] .round-title h2{font-size:16px}body[data-layout=play] .timer{height:44px}body[data-layout=play] .score{padding:4px 7px}body[data-layout=play] .pad{height:78px}body[data-layout=play] .play-bottom{bottom:max(23px, calc(env(safe-area-inset-bottom) + 11px))}body[data-layout=play] .directive{bottom:max(149px, calc(env(safe-area-inset-bottom) + 136px));padding:6px 11px}body[data-layout=play] .caption{bottom:max(205px, calc(env(safe-area-inset-bottom) + 191px));padding:4px 10px}body[data-layout=play] .feedback{bottom:max(126px, calc(env(safe-area-inset-bottom) + 113px))}}@media (height<=730px) and (aspect-ratio<=9/10){body[data-layout=play]{--play-top:max(110px, calc(env(safe-area-inset-top) + 96px));--play-console:max(218px, calc(env(safe-area-inset-bottom) + 204px))}body[data-layout=play] .hud{top:max(60px, calc(env(safe-area-inset-top) + 48px))}body[data-layout=play] .pad{height:68px}body[data-layout=play] .play-bottom{bottom:max(21px, calc(env(safe-area-inset-bottom) + 9px))}body[data-layout=play] .directive{bottom:max(128px, calc(env(safe-area-inset-bottom) + 115px))}body[data-layout=play] .caption{bottom:max(177px, calc(env(safe-area-inset-bottom) + 163px))}body[data-layout=play] .feedback{bottom:max(108px, calc(env(safe-area-inset-bottom) + 95px))}}@media (height<=550px) and (aspect-ratio>=1){.intro{top:max(62px, calc(env(safe-area-inset-top) + 52px));width:min(420px,60%);max-height:calc(100dvh - 78px);padding:12px 16px 14px;left:4%;transform:none}.intro h2{margin:5px 0 3px;font-size:22px;line-height:1.08}.intro .jp-title{margin:4px 0}.intro .instruction-art,.intro .intro-game-art{display:none}.intro .intro-rule{margin:7px 0 5px;font-size:16px;line-height:1.2}.intro .intro-tip{margin-bottom:7px;font-size:16px;line-height:1.3}.intro .demo-buttons{margin:8px 0 12px}.intro .demo-buttons>span{height:39px;padding:3px 3px 6px}.intro .primary{min-height:44px}.intro .intro-countdown{margin:7px 0 0;font-size:14px;line-height:1.2}}body[data-mode=show] .intro .intro-rule,body[data-mode=daily] .intro .intro-rule{display:none}body[data-mode=show] .intro .intro-tip,body[data-mode=daily] .intro .intro-tip{color:var(--ink);margin:13px 0;font-size:16px;font-weight:900}@media (height<=550px) and (aspect-ratio>=1){body[data-mode=show] .intro .intro-tip,body[data-mode=daily] .intro .intro-tip{margin:8px 0;font-size:16px}}body[data-layout=play] .feedback{clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}body[data-layout=play] .progress-row b.reaction{color:#a52d43;white-space:nowrap;max-width:145px;font-weight:1000}@media (aspect-ratio<=9/10){body[data-layout=play]:has(.pressure-row:not(.hidden)){--play-console:max(280px, calc(env(safe-area-inset-bottom) + 266px))}body[data-layout=play]:has(.pressure-row:not(.hidden)) .directive{bottom:max(183px, calc(env(safe-area-inset-bottom) + 170px))}body[data-layout=play]:has(.pressure-row:not(.hidden)) .caption{bottom:max(239px, calc(env(safe-area-inset-bottom) + 225px))}}@media (height<=730px) and (aspect-ratio<=9/10){body[data-layout=play]:has(.pressure-row:not(.hidden)){--play-console:max(252px, calc(env(safe-area-inset-bottom) + 238px))}body[data-layout=play]:has(.pressure-row:not(.hidden)) .directive{bottom:max(162px, calc(env(safe-area-inset-bottom) + 149px))}body[data-layout=play]:has(.pressure-row:not(.hidden)) .caption{bottom:max(211px, calc(env(safe-area-inset-bottom) + 197px))}}@media (height<=550px) and (aspect-ratio>=1){body[data-layout=play]{--play-console:max(100px, calc(env(safe-area-inset-bottom) + 92px))}body[data-layout=play]:has(.pressure-row:not(.hidden)){--play-console:max(124px, calc(env(safe-area-inset-bottom) + 116px))}body[data-layout=play] .play-bottom{bottom:max(8px, calc(env(safe-area-inset-bottom) + 4px))}body[data-layout=play] .progress-row{height:18px;margin-bottom:6px}body[data-layout=play] .directive{bottom:max(50px, calc(env(safe-area-inset-bottom) + 46px))}body[data-layout=play] .caption{bottom:max(10px, calc(env(safe-area-inset-bottom) + 6px))}}@media (height<=550px) and (aspect-ratio>=1) and (width>=600px){body[data-layout=play]{--side-console:calc(clamp(208px, 26vw, 242px) + env(safe-area-inset-right))}body[data-layout=play] #stage{left:env(safe-area-inset-left);right:var(--side-console);width:calc(100% - var(--side-console) - env(safe-area-inset-left));height:calc(100% - var(--play-top));bottom:0}body[data-layout=play] #app:before{top:var(--play-top);width:var(--side-console);border-top:0;border-left:3px solid var(--ink);height:auto;bottom:0;left:auto;right:0}body[data-layout=play] .play-bottom{left:auto;right:calc(12px + env(safe-area-inset-right));bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));width:calc(clamp(208px,26vw,242px) - 24px)}body[data-layout=play] .pads{gap:8px;padding:0}body[data-layout=play] .pad{border-width:3px;border-radius:14px;height:68px;min-height:68px;padding:5px 0 3px}body[data-layout=play] .pad:before{border-radius:9px;inset:5px}body[data-layout=play] .pad>span{font-size:23px}body[data-layout=play] .pads .pad>.pad-action{letter-spacing:0;margin-top:4px;padding:2px 3px;font-size:14px}body[data-layout=play] .pad-key{margin-top:3px;font-size:14px}body[data-layout=play] .progress-row{gap:5px;height:20px;margin-bottom:8px;padding:3px 6px}body[data-layout=play] .progress-row>span{min-width:28px;font-size:14px}body[data-layout=play] .progress-row>b{min-width:40px;max-width:72px;font-size:14px}body[data-layout=play] .progress-row b.reaction{max-width:78px}body[data-layout=play] .progress-track{height:7px}body[data-layout=play] .pressure-row{gap:5px;height:20px;margin:0 0 8px;padding:3px 6px;font-size:14px}body[data-layout=play] .directive{top:calc(var(--play-top) + 60px);bottom:auto;left:auto;right:calc(12px + env(safe-area-inset-right));text-align:center;width:calc(clamp(208px,26vw,242px) - 24px);min-width:0;padding:6px 8px}body[data-layout=play] .directive span{letter-spacing:.2px;font-size:16px}body[data-layout=play] .directive b{font-size:14px}body[data-layout=play] .caption{top:calc(var(--play-top) + 12px);bottom:auto;left:auto;right:calc(12px + env(safe-area-inset-right));text-align:center;width:calc(clamp(208px,26vw,242px) - 24px);max-width:none;padding:4px 6px}body[data-layout=play] .caption b{letter-spacing:.2px;font-size:14px}body[data-layout=play] .caption span{font-size:14px}}@media (height<=730px) and (aspect-ratio<=9/10){.results{padding:16px 20px}.results h2{margin:7px 0 3px;font-size:24px}.results .result-jp{margin:2px 0 8px}.results .final-score{padding:8px 10px}.results .final-score strong{font-size:42px}.results .result-list{margin:10px 0 12px}.results .result-row{padding:6px 0}.results .result-actions>.primary,.results .result-actions>.secondary{min-height:44px}.results .local-note{margin:12px 0 0;font-size:14px}.results:has(.result-row:nth-child(4)) .result-list{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.results:has(.result-row:nth-child(4)) .result-row{grid-template-columns:13px 1fr auto;gap:3px 4px;font-size:14px;display:grid}.results:has(.result-row:nth-child(4)) .result-row span{grid-column:2;min-width:0}.results:has(.result-row:nth-child(4)) .result-row small{grid-column:2;margin:0;font-size:14px}.results:has(.result-row:nth-child(4)) .result-row b{grid-area:1/3/3;min-width:20px;font-size:14px}}@media (height<=550px) and (aspect-ratio>=1){.pause-panel{top:max(62px, calc(env(safe-area-inset-top) + 52px));grid-template-columns:1fr 1fr;gap:8px 12px;width:min(460px,100% - 48px);max-width:460px;max-height:calc(100dvh - 82px);padding:14px 20px 16px;display:grid;transform:translate(-50%)}.pause-panel>.eyebrow,.pause-panel>h2,.pause-panel>p{grid-column:1/-1}.pause-panel>h2{margin:0;font-size:27px;line-height:1.05}.pause-panel>p{margin:0 0 3px;font-size:14px;line-height:1.3}.pause-panel .primary,.pause-panel .secondary{border-radius:13px;min-height:44px;margin:0 0 6px;padding:8px 11px;font-size:16px}.pause-panel .play-symbol{flex-basis:24px;width:24px;height:24px;font-size:12px}.pause-panel .text-button{border:2px solid var(--ink);min-height:44px;color:var(--ink);background:#e5dcf1;border-radius:11px;grid-column:1/-1;margin:0}}.show-call{z-index:18;pointer-events:none;isolation:isolate;place-items:center;width:min(1120px,94vw);height:min(400px,52vh);display:grid;position:fixed;top:37%;left:50%;transform:translate(-50%,-50%)}.show-call-rays{color:#ffb800;opacity:1;filter:drop-shadow(0 3px #d76500)drop-shadow(0 6px #19162e);width:100%;height:124%;position:absolute;inset:-12% 0;transform:rotate(-8deg)}.show-call-copy{text-align:center;position:relative;transform:rotate(-5deg)}.show-call-copy b{white-space:nowrap;color:#ffe000;-webkit-text-stroke:10px #19162e;paint-order:stroke fill;letter-spacing:-.04em;text-shadow:0 9px #fa625d,0 16px #282542,6px 20px #36cbca;font:950 clamp(66px,9.2vw,145px)/1.18 Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;display:block}.show-call-copy span{color:#fff7dc;letter-spacing:2px;background:#ff4937;border:4px solid #282542;border-radius:9px;margin:23px auto 0;padding:6px 23px 9px;font:900 clamp(20px,2.6vw,34px)/1 Show,sans-serif;display:table;transform:rotate(4deg);box-shadow:0 6px #282542}.show-call-copy i{color:#fa625d;letter-spacing:17px;-webkit-text-stroke:3px #282542;paint-order:stroke fill;margin-top:14px;font:900 25px/1 Show,sans-serif;display:block}.show-call[data-kind=next] .show-call-copy b{color:#ffe000;text-shadow:0 9px #fa625d,0 16px #282542,6px 20px #36cbca;font-size:clamp(53px,7.8vw,120px)}.show-call[data-kind=ready] .show-call-copy{animation:1.2s both call-ready}.show-call[data-kind=next] .show-call-copy{animation:1.2s both call-next}.show-call[data-kind=start] .show-call-copy{animation:.9s both call-start}body[data-phase=intro][data-show-call=ready] .intro,body[data-phase=intro][data-show-call=next] .intro,body[data-phase=intro][data-show-call=start] .intro,body[data-phase=intro][data-show-call=ready] .caption,body[data-phase=intro][data-show-call=next] .caption,body[data-phase=intro][data-show-call=start] .caption,body[data-phase=intro] .caption{visibility:hidden;pointer-events:none}body[data-phase=playing] .show-call,body[data-phase=paused] .show-call{display:none!important}@keyframes call-ready{0%{opacity:1;transform:rotate(-10deg)scale(.3,1.4)}8%{opacity:1;transform:rotate(-5deg)scale(1.1,.9)}18%,90%{opacity:1;transform:rotate(-5deg)scale(1)}to{opacity:1;transform:rotate(-2deg)scale(.92)}}@keyframes call-next{0%{opacity:1;transform:translate(-12%)rotate(-10deg)scale(.45)}10%{opacity:1;transform:translate(0)rotate(-4deg)scale(1.07,.94)}20%,90%{opacity:1;transform:rotate(-4deg)scale(1)}to{opacity:1;transform:translate(12%)rotate(1deg)scale(.94)}}@keyframes call-start{0%{opacity:1;transform:rotate(-10deg)scale(.35,1.5)}12%{opacity:1;transform:rotate(-5deg)scale(1.1,.89)}25%,90%{opacity:1;transform:rotate(-5deg)scale(1)}to{opacity:1;transform:rotate(0)scale(1.06)}}@media (aspect-ratio<=9/10){.show-call{width:94vw;height:220px;top:max(159px,21dvh)}.show-call-copy b{-webkit-text-stroke-width:7px;text-shadow:0 6px #fa625d,0 11px #282542,4px 14px #36cbca;font-size:clamp(47px,14.5vw,66px)}.show-call[data-kind=next] .show-call-copy b{font-size:clamp(39px,11.6vw,55px)}.show-call-copy span{border-width:3px;margin-top:17px;padding:5px 16px 7px;font-size:21px;box-shadow:0 4px #282542}.show-call-copy i{letter-spacing:14px;margin-top:12px;font-size:19px}body[data-show-call=start] .show-call{top:auto;bottom:max(44px, calc(env(safe-area-inset-bottom) + 36px));width:min(94vw,500px);height:clamp(188px,26dvh,220px);overflow:clip;transform:translate(-50%)}body[data-show-call=start] .show-call-rays{height:100%;inset:0}}@media (height<=550px) and (aspect-ratio>=1){.show-call{height:260px;top:46%}.show-call-copy b{font-size:78px}.show-call[data-kind=next] .show-call-copy b{font-size:64px}.show-call-copy span{margin-top:17px;font-size:24px}.show-call-copy i{display:none}}.reduced .show-call-copy,.reduced .show-call-rays{animation:none!important}@media (prefers-reduced-motion:reduce){.show-call-copy,.show-call-rays{animation:none!important}}@media (width<=700px) and (aspect-ratio<=9/10){.intro{max-height:calc(100dvh - max(82px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 70px)));overscroll-behavior:contain;overflow-y:auto}.intro .intro-rule{font-size:16px;line-height:1.35}.intro .intro-tip{font-size:16px;line-height:1.38}.intro .demo-buttons small,.intro .demo-buttons b{font-size:14px}.intro .intro-countdown{font-size:14px;line-height:1.3}body[data-mode=show] .intro .intro-tip,body[data-mode=daily] .intro .intro-tip{font-size:16px;line-height:1.32}body[data-layout=play]{--play-console:max(265px, calc(env(safe-area-inset-bottom) + 251px))}body[data-layout=play] .directive{bottom:max(151px, calc(env(safe-area-inset-bottom) + 137px))}body[data-layout=play] .directive>span{font-size:16px;line-height:1.25}body[data-layout=play] .directive>b{font-size:14px;line-height:1.3}body[data-layout=play] .caption{bottom:max(208px, calc(env(safe-area-inset-bottom) + 194px));max-width:90%;max-height:52px;padding:4px 10px;overflow:hidden}body[data-layout=play] .caption b{font-size:14px;line-height:1.25}body[data-layout=play] .caption span{font-size:14px;line-height:1.3}}@media (height<=730px) and (width<=700px) and (aspect-ratio<=9/10){.intro{padding:18px 18px 20px}.intro .intro-game-art{margin:8px 0}.intro .intro-rule{margin:9px 0 6px}.intro .intro-tip{margin-bottom:11px}.intro .demo-buttons{margin:9px 0 13px}body[data-layout=play]{--play-console:max(237px, calc(env(safe-area-inset-bottom) + 223px))}body[data-layout=play] .directive{bottom:max(131px, calc(env(safe-area-inset-bottom) + 117px))}body[data-layout=play] .caption{bottom:max(180px, calc(env(safe-area-inset-bottom) + 166px))}}@media (aspect-ratio>=9/10){body[data-layout=play] .directive>span{font-size:16px;line-height:1.3}body[data-layout=play] .directive>b{font-size:14px;line-height:1.3}body[data-layout=play] .caption{max-width:min(500px,43vw);max-height:52px;padding:6px 10px}body[data-layout=play] .caption b{font-size:14px;line-height:1.25}body[data-layout=play] .caption span{font-size:14px;line-height:1.3}}.primary{color:var(--ink);text-shadow:none}.feature-copy{min-width:0}.feature-copy strong{white-space:normal}.feature-copy small,.feature-copy em,.secondary-row .secondary small,.eyebrow,.jp-title,.intro-number,.room-count,.filter-chip,.card-num,.practice-card small,.host-tag>span,.host-tag i,.final-score small,.final-score>span,.local-note,.settings label,.settings select,.commentary-note,.settings-tip{line-height:1.25}.secondary-row .secondary>span:last-child{min-width:0}.featured-shortcut{flex-wrap:wrap}.featured-shortcut strong{min-width:0;line-height:1.2}.featured-shortcut small{line-height:1.2}.game-room-heading>div{min-width:0}.practice-panel .practice-card{overflow:visible}.practice-panel .practice-card b{letter-spacing:0;min-height:2.4em;font-size:18px;line-height:1.2}.practice-panel .practice-card small{letter-spacing:0;font-size:14px;line-height:1.25}.practice-panel .card-num{flex-wrap:wrap;font-size:14px;line-height:1.2}.card-num i{color:#554467;padding:2px 4px;font-size:14px;line-height:1.2}.filter-hint{letter-spacing:0;font-size:14px;line-height:1.25}.intro .intro-rule,.intro .intro-tip,body[data-mode=show] .intro .intro-tip,body[data-mode=daily] .intro .intro-tip{font-size:16px;line-height:1.3}.intro{overscroll-behavior:contain;overflow-y:auto}.intro-number{width:fit-content;margin:0 0 8px auto;position:static;transform:none}.demo-buttons>span{height:76px;padding:4px 3px}.demo-buttons .demo-label,.intro:not([data-challenge=laundry]) .demo-buttons .demo-label{margin-top:3px;font-size:14px;line-height:1.1}.demo-buttons small{margin-top:3px;font-size:14px;line-height:1;position:static}.touch-controls .demo-buttons>span{height:58px}.settings select{font-size:16px;line-height:1.2}.settings label:has(select){flex-wrap:wrap;gap:8px}.settings label:has(select) select{flex:1 0 100%;width:100%;max-width:none}.settings input[type=range]{min-width:0}.settings .commentary-note{color:#554467;margin-top:-12px}.settings-tip,.result-jp{color:#554467;font-size:14px!important}.result-row{grid-template-columns:20px minmax(0,1fr) auto;gap:3px 8px;font-size:16px;line-height:1.25;display:grid}.result-row>span{grid-column:2;min-width:0}.result-row>small{color:#554467;grid-column:2;margin:0;font-size:14px;line-height:1.2}.result-row>b{grid-area:1/3/3;align-self:center;min-width:42px;font-size:18px}.result-actions>.secondary,.result-actions>.primary{font-size:16px}.caption{max-height:none;font-size:14px;line-height:1.18;overflow:visible}.caption b,.caption span{font-size:14px;line-height:inherit;letter-spacing:0;display:inline}.caption span{margin:0 0 0 .55em}.play-copy{display:contents}body[data-layout=play] .play-copy{z-index:14;pointer-events:none;flex-direction:column-reverse;gap:4px;width:min(520px,100% - 550px);display:flex;position:fixed;bottom:20px;left:28px}body[data-layout=play] .play-copy>.directive,body[data-layout=play] .play-copy>.caption{width:100%;min-width:0;max-width:none;max-height:none;margin:0;position:static;inset:auto;overflow:visible;transform:none}body[data-layout=play] .play-copy>.directive{padding:4px 10px}body[data-layout=play] .directive>span{letter-spacing:0;font-size:16px;line-height:1.18}body[data-layout=play] .directive>b{color:#554467;margin-top:2px;font-size:14px;line-height:1.14}body[data-layout=play] .directive.danger>b{color:var(--ink)}body[data-layout=play] .play-copy>.caption{padding:3px 8px;font-size:14px;line-height:1.18}body[data-layout=play] .caption b,body[data-layout=play] .caption span{font-size:14px;line-height:inherit}body[data-layout=play] .progress-row{height:28px;padding:4px 9px;font-size:14px;line-height:1}body[data-layout=play] .progress-row>span{flex:none;min-width:0;font-size:14px}body[data-layout=play] .progress-row>b,body[data-layout=play] .progress-row b.reaction{letter-spacing:0;min-width:0;max-width:55%;font-size:14px;line-height:1}body[data-layout=play] .progress-track{min-width:24px}body[data-layout=play] .pressure-row{height:24px;font-size:14px;line-height:1}body[data-layout=play] .pad{padding:4px 0 3px}body[data-layout=play] .pad>span{font-size:22px;line-height:1}body[data-layout=play] .pads .pad>.pad-action,body[data-layout=play].touch-controls .pad>.pad-action{letter-spacing:0;max-width:96%;color:var(--ink);background:#fff4d9b8;margin-top:2px;padding:1px 3px;font-size:14px;line-height:1.1}body[data-layout=play] .pad-key{color:var(--ink);margin-top:2px;font-size:14px;line-height:1}body[data-layout=play] .score small,body[data-layout=play] .timer small,body[data-layout=play] .round-title>span{letter-spacing:0;font-size:14px;line-height:1}@media (aspect-ratio<=9/10){:is(.results .result-list,.results:has(.result-row:nth-child(4)) .result-list){display:block}:is(.results .result-row,.results:has(.result-row:nth-child(4)) .result-row){grid-template-columns:18px minmax(0,1fr) auto;gap:3px 8px;padding:8px 0;font-size:16px;display:grid}:is(.results .result-row small,.results:has(.result-row:nth-child(4)) .result-row small){font-size:14px;line-height:1.2}:is(.results .result-row b,.results:has(.result-row:nth-child(4)) .result-row b){min-width:42px;font-size:18px}.results{max-height:calc(100dvh - max(104px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 90px)))}.results .local-note{font-size:14px}.intro{max-height:calc(100dvh - max(92px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 80px)))}body[data-layout=play]{--play-console:max(282px, calc(env(safe-area-inset-bottom) + 268px));--readable-copy-bottom:max(157px, calc(env(safe-area-inset-bottom) + 144px))}body[data-layout=play] .play-copy{width:88%;left:6%;bottom:var(--readable-copy-bottom)}body[data-layout=play] .play-copy>.directive,body[data-layout=play] .play-copy>.caption{text-align:center}body[data-layout=play] .round-title{flex:1;max-width:none}body[data-layout=play] .round-title h2{margin-top:2px;font-size:16px;line-height:1}body[data-layout=play] .score{padding:2px 6px}body[data-layout=play] .score strong{font-size:20px;line-height:1}body[data-layout=play] .timer span{font-size:22px;line-height:1}body[data-layout=play] .timer small{margin-top:2px}body[data-layout=play] .pad{padding:5px 0 3px}body[data-layout=play] .pad>span{font-size:24px}body[data-layout=play]:has(.pressure-row:not(.hidden)){--play-console:max(312px, calc(env(safe-area-inset-bottom) + 298px));--readable-copy-bottom:max(187px, calc(env(safe-area-inset-bottom) + 174px))}}@media (height<=730px) and (aspect-ratio<=9/10){body[data-layout=play]{--play-console:max(262px, calc(env(safe-area-inset-bottom) + 248px));--readable-copy-bottom:max(137px, calc(env(safe-area-inset-bottom) + 124px))}body[data-layout=play]:has(.pressure-row:not(.hidden)){--play-console:max(292px, calc(env(safe-area-inset-bottom) + 278px));--readable-copy-bottom:max(167px, calc(env(safe-area-inset-bottom) + 154px))}}@media (height<=550px) and (aspect-ratio>=1) and (width>=600px){body[data-layout=play] .play-copy{top:calc(var(--play-top) + 12px);bottom:auto;left:auto;right:calc(12px + env(safe-area-inset-right));width:calc(clamp(208px,26vw,242px) - 24px)}body[data-layout=play] .play-copy>.directive,body[data-layout=play] .play-copy>.caption{text-align:center}body[data-layout=play] .progress-row{gap:5px;padding:4px 6px}body[data-layout=play] .progress-row>b{max-width:53%}body[data-layout=play] .pad{height:80px;min-height:80px}.intro .demo-buttons>span{height:76px}.touch-controls .intro .demo-buttons>span{height:58px}}.secondary-row .secondary small{font-size:14px}