:root{--bg:#040612;--panel:#091126;--line:rgba(255,255,255,.18);--text:#f8fbff;--muted:#aeb8d1;--pink:#ff315d;--cyan:#2cecff;--yellow:#ffe06b;--green:#61ff99;--purple:#8e65ff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(255,49,93,.22),transparent 31%),radial-gradient(circle at 86% 18%,rgba(44,236,255,.19),transparent 32%),linear-gradient(145deg,#040612,#0d1733 58%,#03040b);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;touch-action:none}.is-hidden{display:none!important}.cr-machine{height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate}.cr-machine:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 5px);mix-blend-mode:screen;pointer-events:none;z-index:50}.cr-machine:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px rgba(0,0,0,.82);pointer-events:none;z-index:49}.cr-marquee{height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,3vw,28px);border-bottom:1px solid var(--line);background:rgba(3,6,15,.78);backdrop-filter:blur(16px);position:relative;z-index:60}.cr-title{text-align:center;text-transform:uppercase;line-height:.82;font-weight:1000;letter-spacing:-.065em;text-shadow:3px 3px 0 var(--pink),-3px -3px 0 var(--cyan)}.cr-title span,.cr-title b{font-size:clamp(27px,4vw,52px)}.cr-title b{margin-left:.12em}.cr-title em{display:block;font-style:normal;font-size:10px;letter-spacing:.28em;color:var(--yellow);text-shadow:none;margin-top:9px}.cr-pill,.cr-big-btn{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.085);color:#fff;text-decoration:none;font:inherit;font-weight:950;padding:11px 15px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 22px rgba(44,236,255,.11);cursor:pointer}.cr-pill:hover,.cr-pill:focus-visible{background:rgba(255,255,255,.16)}.cr-pill.is-on{background:var(--pink);border-color:transparent;box-shadow:0 0 28px rgba(255,49,93,.36)}.cr-audio-panel{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.cr-audio-panel .cr-pill{padding:9px 11px;min-height:38px;font-size:13px}.cr-screen{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,360px) minmax(0,800px);gap:clamp(24px,5vw,76px);align-items:center;justify-content:center;padding:clamp(18px,4vw,50px);position:relative;z-index:2}.cr-poster img{width:min(340px,31vw);max-height:72svh;display:block;box-shadow:0 35px 95px rgba(0,0,0,.62),0 0 58px rgba(255,49,93,.2);transform:rotate(-2deg);border:1px solid rgba(255,255,255,.18)}.cr-kicker{color:var(--pink);font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:1000}.cr-intro-copy h1,.cr-gameover h2{font-size:clamp(37px,5.8vw,80px);line-height:.92;margin:10px 0 18px;letter-spacing:-.07em}.cr-intro-copy>p,.cr-gameover>p{font-size:clamp(16px,1.8vw,23px);line-height:1.42;color:var(--muted);max-width:800px}.cr-feature-grid,.cr-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.cr-feature-grid span,.cr-result-grid span{padding:12px 13px;background:rgba(255,255,255,.075);border:1px solid var(--line);min-width:0}.cr-feature-grid b,.cr-result-grid b{display:block;font-size:clamp(16px,2vw,23px);white-space:nowrap}.cr-feature-grid small,.cr-result-grid small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.25}.cr-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.cr-meta span{padding:10px 13px;background:rgba(255,255,255,.075);border:1px solid var(--line);font-weight:900}.cr-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:20px 0}.cr-big-btn{background:var(--pink);border-color:transparent;min-height:56px;padding:0 25px;font-size:20px;box-shadow:0 0 38px rgba(255,49,93,.36)}.cr-big-btn:hover,.cr-big-btn:focus-visible{filter:brightness(1.12)}.cr-how{padding:14px 16px;border-left:4px solid var(--cyan);background:rgba(44,236,255,.08);color:var(--muted);line-height:1.55;max-width:760px}.cr-screen-loader{grid-template-columns:190px minmax(0,540px)}.cr-screen-loader img{width:190px;box-shadow:0 25px 85px rgba(0,0,0,.65)}.cr-screen-loader h2{font-size:clamp(36px,6vw,65px);margin:8px 0;text-transform:uppercase;text-shadow:3px 3px 0 var(--pink),-3px -3px 0 var(--cyan)}.cr-screen-loader p{color:var(--muted);font-size:18px}.cr-screen-loader small{display:block;color:var(--yellow);margin-top:12px;font-weight:800}.cr-loadbar{height:13px;background:rgba(255,255,255,.1);border:1px solid var(--line);overflow:hidden;margin-top:20px}.cr-loadbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--pink));animation:crLoad 2.2s linear forwards}@keyframes crLoad{to{width:100%}}.cr-play{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;padding:9px clamp(8px,2vw,18px) 10px;position:relative;z-index:2}.cr-hud{display:grid;grid-template-columns:1.2fr repeat(5,minmax(0,1fr));gap:7px;position:relative;z-index:8}.cr-hud div{background:rgba(4,8,20,.76);border:1px solid var(--line);padding:7px 9px;min-width:0;backdrop-filter:blur(10px)}.cr-hud small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:1000;letter-spacing:.12em}.cr-hud b{font-size:clamp(16px,2.6vw,26px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-stage-wrap{min-height:0;display:grid;place-items:center;position:relative}.cr-stage-wrap canvas{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 205px);aspect-ratio:16/9;background:#02040d;border:10px solid #0d1731;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 25px 85px rgba(0,0,0,.58),0 0 55px rgba(44,236,255,.14);touch-action:none;cursor:crosshair}.cr-set-card,.cr-toast,.cr-countdown,.cr-pause{position:absolute;left:50%;z-index:30;pointer-events:none}.cr-set-card{top:16px;transform:translate(-50%,-18px);opacity:0;min-width:min(540px,85%);padding:12px 18px;text-align:center;background:rgba(3,6,17,.9);border:1px solid var(--cyan);box-shadow:0 0 35px rgba(44,236,255,.28);transition:.22s ease}.cr-set-card.is-active{opacity:1;transform:translate(-50%,0)}.cr-set-card b{display:block;font-size:clamp(20px,4vw,38px);text-transform:uppercase;letter-spacing:-.04em}.cr-set-card small{display:block;color:var(--yellow);font-weight:900;letter-spacing:.1em;margin-top:4px}.cr-toast{bottom:18px;transform:translate(-50%,16px) scale(.96);opacity:0;padding:10px 16px;background:rgba(3,6,17,.88);border:1px solid var(--yellow);box-shadow:0 0 30px rgba(255,224,107,.28);text-align:center;font-size:clamp(17px,3vw,28px);font-weight:1000;text-transform:uppercase;white-space:nowrap;transition:.15s ease}.cr-toast small{display:block;font-size:10px;color:var(--muted);letter-spacing:.13em;margin-top:3px}.cr-toast.is-active{opacity:1;transform:translate(-50%,0) scale(1)}.cr-toast.is-hit{border-color:var(--pink);box-shadow:0 0 30px rgba(255,49,93,.35)}.cr-countdown{top:50%;transform:translate(-50%,-50%);font-size:clamp(95px,22vw,210px);font-weight:1000;line-height:.8;text-shadow:8px 8px 0 var(--pink),-8px -8px 0 var(--cyan);opacity:0}.cr-countdown.is-active{animation:crCount .72s ease both}@keyframes crCount{0%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.72)}}.cr-pause{inset:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(3,5,14,.78);backdrop-filter:blur(5px);pointer-events:auto}.cr-pause b{font-size:clamp(58px,13vw,130px);text-shadow:5px 5px 0 var(--pink),-5px -5px 0 var(--cyan)}.cr-pause small{color:var(--yellow);font-weight:900;margin-bottom:20px}.cr-controls{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;z-index:20}.cr-dpad{display:grid;grid-template-columns:52px 52px 52px;grid-template-areas:". up ." "left down right";gap:5px}.cr-dpad button,.cr-pause-btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:18px;font-weight:1000;min-height:38px}.cr-dpad [data-dir="up"]{grid-area:up}.cr-dpad [data-dir="left"]{grid-area:left}.cr-dpad [data-dir="down"]{grid-area:down}.cr-dpad [data-dir="right"]{grid-area:right}.cr-rec{width:104px;height:70px;border:2px solid rgba(255,255,255,.35);background:rgba(255,49,93,.16);color:#fff;display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px 13px;cursor:pointer;box-shadow:0 0 28px rgba(255,49,93,.18);font-weight:1000}.cr-rec i{grid-row:1/3;width:21px;height:21px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px var(--pink)}.cr-rec span{font-size:20px;line-height:1}.cr-rec small{font-size:10px;color:var(--muted);line-height:1}.cr-rec.is-recording{background:var(--pink);box-shadow:0 0 38px rgba(255,49,93,.52);transform:scale(.98)}.cr-rec.is-recording i{background:#fff;box-shadow:0 0 18px #fff}.cr-pause-btn{width:48px;height:48px;cursor:pointer}.cr-help{text-align:center;color:var(--muted);font-size:12px;font-weight:800}.cr-gameover{max-width:940px;margin:auto;text-align:center}.cr-final-score{font-size:clamp(70px,14vw,145px);font-weight:1000;line-height:.8;color:#fff;text-shadow:6px 6px 0 var(--pink),-6px -6px 0 var(--cyan)}.cr-final-grade{font-size:clamp(25px,4vw,44px)!important;color:var(--yellow)!important;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;margin:20px auto 6px!important}.cr-result-grid{max-width:760px;margin:20px auto}.cr-actions{justify-content:flex-start}.cr-gameover .cr-actions{justify-content:center}.cr-scores{max-width:780px;margin:0 auto;display:grid;gap:6px}.cr-score-row{display:grid;grid-template-columns:42px minmax(0,1fr) 100px 90px 120px;gap:8px;align-items:center;text-align:left;background:rgba(255,255,255,.075);border:1px solid var(--line);padding:8px 10px}.cr-score-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-score-row small{color:var(--muted)}@media(max-width:840px){.cr-marquee{height:auto;min-height:62px;padding:8px}.cr-title span,.cr-title b{font-size:clamp(24px,6vw,36px)}.cr-title em{display:none}.cr-audio-panel{gap:4px}.cr-audio-panel .cr-pill{font-size:11px;padding:7px 8px;min-height:32px}.cr-screen{grid-template-columns:1fr;text-align:center;padding:14px 14px 22px}.cr-poster{display:none}.cr-intro-copy h1{font-size:clamp(34px,11vw,58px)}.cr-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-meta,.cr-actions{justify-content:center}.cr-how{text-align:left}.cr-screen-loader{grid-template-columns:100px 1fr;text-align:left}.cr-screen-loader img{display:block;width:100px}.cr-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cr-hud div{padding:5px 7px}.cr-hud small{font-size:8px}.cr-hud b{font-size:15px}.cr-stage-wrap canvas{border-width:6px;max-height:calc(100svh - 247px)}.cr-controls{gap:13px}.cr-dpad{grid-template-columns:45px 45px 45px}.cr-dpad button{min-height:34px}.cr-rec{width:90px;height:62px}.cr-help{display:none}.cr-score-row{grid-template-columns:34px minmax(0,1fr) 82px 72px}.cr-score-row small:last-child{display:none}}@media(max-width:520px){.cr-marquee>a{padding:7px 9px;min-height:34px}.cr-audio-panel{position:absolute;right:7px;bottom:-38px;z-index:65}.cr-play{padding-top:41px}.cr-stage-wrap canvas{max-height:calc(100svh - 272px)}.cr-controls{gap:8px}.cr-dpad{grid-template-columns:40px 40px 40px}.cr-dpad button{font-size:15px;min-height:31px}.cr-rec{width:78px;height:58px;padding:7px 9px;grid-template-columns:22px 1fr}.cr-rec i{width:17px;height:17px}.cr-rec span{font-size:16px}.cr-pause-btn{width:40px;height:40px}.cr-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-toast{max-width:90%;white-space:normal;font-size:16px}.cr-set-card{top:8px}.cr-score-row{grid-template-columns:30px minmax(0,1fr) 72px}.cr-score-row span:nth-child(4),.cr-score-row small:last-child{display:none}}@media(max-height:690px){.cr-marquee{min-height:50px}.cr-title span,.cr-title b{font-size:24px}.cr-screen{padding:10px}.cr-feature-grid{margin:12px 0}.cr-play{gap:4px}.cr-stage-wrap canvas{max-height:calc(100svh - 202px)}.cr-controls{transform:scale(.88);transform-origin:center}.cr-help{display:none}.cr-screen-loader img{width:86px}.cr-screen-loader{grid-template-columns:86px 1fr}.cr-gameover h2{font-size:38px;margin:4px 0}.cr-final-score{font-size:70px}.cr-result-grid{margin:8px auto}.cr-result-grid span{padding:7px}.cr-gameover .cr-actions{margin:8px 0}.cr-scores{max-height:190px;overflow:auto}}