@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(./lalezar-arabic-400-normal-D6_F3AeY.woff2)format("woff2"),url(./lalezar-arabic-400-normal-BT7j_n2X.woff)format("woff")}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(./lalezar-latin-400-normal-CsH8Qv7g.woff2)format("woff2"),url(./lalezar-latin-400-normal-Bm4W26Zi.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(./cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(./cairo-arabic-400-normal-CAYwymWN.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(./cairo-arabic-700-normal-CyOqhaeK.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(./cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(./cairo-latin-400-normal-b1R3q6Pf.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(./cairo-latin-700-normal-6fcUy4Rc.woff)format("woff")}:root{--yellow:#ffd23f;--yellow-dark:#c99a00;--red:#e63946;--red-dark:#9d1b26;--green:#2ec27e;--teal:#0f7d6b;--ink:#1a1020;--panel:#140c1cc7;--panel-solid:#24152e;--cream:#fff6e8;--shadow:0 4px 0 #00000059;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--title:"Lalezar", "Cairo", sans-serif;--body:"Cairo", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--cream);font-family:var(--body);background:#0d0814;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}#game-canvas{display:block;position:absolute;inset:0}button{color:inherit;cursor:pointer;border:none;font-family:inherit}.hidden{display:none!important}.btn{font-family:var(--title);background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 var(--yellow-dark), 0 8px 18px #0006;border-radius:999px;padding:.45em 1.4em .55em;font-size:1.35rem;transition:transform 80ms}.btn:active{box-shadow:0 1px 0 var(--yellow-dark);transform:translateY(4px)}.btn.red{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark), 0 8px 18px #0006}.btn.ghost{color:var(--cream);background:#ffffff1f;box-shadow:0 4px #00000059}.btn.big{padding:.3em 1.6em .45em;font-size:clamp(1.6rem,4.6vw,2.6rem)}.tape{font-family:var(--title);background:var(--yellow);color:var(--ink);clip-path:polygon(2% 8%,100% 0,98% 92%,0 100%);padding:.1em .8em .2em;display:inline-block;transform:rotate(-1.5deg)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow);border-radius:16px}.screen{padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l));z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading{z-index:100;background:radial-gradient(circle at 50% 40%,#3a1440,#0d0814 70%);gap:12px}.loading .title{font-family:var(--title);color:var(--yellow);text-shadow:0 4px 0 var(--red-dark);font-size:clamp(2.6rem,9vw,5rem)}.loading .bulbs{gap:10px;display:flex}.loading .bulbs i{border-radius:50%;width:14px;height:14px;animation:1s infinite alternate blink}@keyframes blink{0%{opacity:.25}to{opacity:1;box-shadow:0 0 14px}}.menu{touch-action:pan-y;background:#120a1a;justify-content:flex-start;overflow-y:auto}.menu .hero{filter:saturate(1.2)blur(3px);background-position:50%;background-size:cover;position:absolute;inset:-12px}.menu .hero:after{content:"";background:radial-gradient(at 50% 30%,#0d081440,#0d0814b3 70%),linear-gradient(#0d081433 0%,#0d081499 50%,#0d0814f5 100%);position:absolute;inset:0}.menu .hero.fallback{background:radial-gradient(circle at 30% 20%,#ff4fd8 0,#0000 30%),radial-gradient(circle at 70% 30%,#ffd23f 0,#0000 25%),linear-gradient(160deg,#3a1440,#120a1a)}.menu .content{flex-direction:column;align-items:center;gap:10px;width:min(980px,100%);padding-top:2vh;display:flex;position:relative}.menu .logo{font-family:var(--title);color:var(--yellow);text-shadow:0 5px 0 var(--red-dark), 0 0 30px #ffd23f8c;margin:0;font-size:clamp(3rem,12vw,6.5rem);line-height:1.05;transform:rotate(-2deg)}.menu .tagline{text-align:center;text-shadow:0 2px 4px #000;margin:0 0 6px;font-size:clamp(.95rem,2.6vw,1.25rem);font-weight:700}.menu .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.menu .stats{opacity:.85;font-size:.95rem}.menu h3{margin:14px 0 4px;font-size:1.15rem}.cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.card{background:var(--panel-solid);width:116px;box-shadow:var(--shadow);text-align:center;border-radius:12px;font-size:.85rem;position:relative;overflow:hidden}.card .img{background-color:#3a2448;background-position:top;background-size:cover;justify-content:center;align-items:center;height:96px;font-size:2.4rem;display:flex}.card .name{font-family:var(--title);padding:2px 4px 0;font-size:1.1rem}.card .desc{opacity:.85;padding:0 6px 8px;line-height:1.25}.card.locked{filter:grayscale(.7)brightness(.75)}.card.active{outline:3px solid var(--yellow)}.card .badge{background:var(--red);color:#fff;border-radius:99px;padding:1px 8px;font-size:.72rem;position:absolute;top:6px;left:6px}.card.mission{width:150px}.card.mission .img{height:84px}.modal{z-index:60;background:#08040c99}.modal .box{flex-direction:column;gap:12px;width:min(460px,100%);max-height:100%;padding:18px 20px;display:flex;overflow-y:auto}.modal h2{font-family:var(--title);color:var(--yellow);margin:0;font-size:1.8rem}.setting{flex-direction:column;gap:6px;display:flex}.setting label{font-weight:700}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{background:#ffffff1a;border-radius:10px;min-height:40px;padding:6px 12px;font-weight:700}.seg button.on{background:var(--yellow);color:var(--ink)}.hud{pointer-events:none;z-index:10;font-weight:700;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud .topRight{top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:40vw;display:flex;position:absolute}.timer{font-family:var(--title);direction:ltr;align-items:center;gap:8px;padding:0 14px;font-size:1.7rem;display:flex}.timer.warn{color:var(--red);animation:.6s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.objectives{min-width:190px;padding:8px 12px;font-size:.92rem}.objectives .mtitle{font-family:var(--title);color:var(--yellow);justify-content:space-between;gap:10px;font-size:1.05rem;display:flex}.objectives .mtime{color:var(--cream);font-family:var(--body);direction:ltr}.objectives ul{margin:2px 0 6px;padding:0;list-style:none}.objectives li{align-items:center;gap:6px;line-height:1.5;display:flex}.objectives li .box{border:2px solid var(--cream);border-radius:4px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:flex}.objectives li.done{opacity:.6;text-decoration:line-through}.objectives li.done .box{background:var(--green);border-color:var(--green)}.objectives .calm{opacity:.75;font-weight:400}.objectives .prog{background:#fff3;border-radius:3px;height:4px;margin-inline-start:22px;overflow:hidden}.objectives .prog i{background:var(--yellow);height:100%;display:block}.meters{top:calc(8px + var(--safe-t));pointer-events:none;gap:14px;padding:6px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.meter{align-items:center;gap:6px;display:flex}.meter .icon{font-size:1.4rem}.meter .bar{background:#00000080;border:2px solid #ffffff40;border-radius:8px;width:clamp(70px,14vw,160px);height:14px;overflow:hidden}.meter .bar i{height:100%;transition:width .3s;display:block}.meter.happy .bar i{background:linear-gradient(90deg,#e63946,#ffd23f 50%,#2ec27e) 0 0/160px 100%}.meter.chaos .bar i{background:linear-gradient(90deg,#ff9b3b,#e63946)}.meter.chaos.hot .bar{animation:.25s infinite shake}@keyframes shake{50%{transform:translate(2px)}}.meter .lbl{opacity:.85;font-size:.75rem}.hud .topLeft{top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));gap:8px;display:flex;position:absolute}.iconBtn{background:var(--panel);width:46px;height:46px;box-shadow:var(--shadow);border-radius:14px;font-size:1.3rem}.prompt{bottom:calc(18px + var(--safe-b));white-space:nowrap;pointer-events:none;padding:8px 18px;font-size:1.1rem;position:absolute;left:50%;transform:translate(-50%)}.prompt kbd{background:var(--yellow);color:var(--ink);font-family:var(--title);border-radius:6px;margin-inline-end:8px;padding:0 8px}.touchOnly{display:none}body.touch .touchOnly{display:flex}body.touch .desktopOnly{display:none!important}.actions{right:calc(16px + var(--safe-r));bottom:calc(14px + var(--safe-b));flex-direction:row-reverse;align-items:flex-end;gap:12px;position:absolute}.actBtn{box-shadow:var(--shadow);touch-action:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.actBtn.main{background:var(--yellow);width:92px;height:92px;color:var(--ink);font-size:2.1rem}.actBtn.main small{text-align:center;max-width:84px;font-size:.68rem;font-weight:800;line-height:1.1}.actBtn.main.off{color:#fff9;background:#ffffff38}.actBtn.run,.actBtn.special{background:var(--panel);width:64px;height:64px;font-size:1.6rem;position:relative}.actBtn.run.held{background:var(--red)}.actBtn.special .cool{background:conic-gradient(#0009 var(--p,0%), transparent 0);border-radius:50%;position:absolute;inset:0}.actBtn small{font-size:.62rem}.joy{pointer-events:none;background:#0003;border:3px solid #ffffff59;border-radius:50%;width:112px;height:112px;position:absolute;transform:translate(-50%,-50%)}.joy i{background:#ffffffbf;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.joyHint{left:calc(70px + var(--safe-l));bottom:calc(70px + var(--safe-b));opacity:.45;position:absolute}.joyHint.active{opacity:0}.toasts{top:calc(64px + var(--safe-t));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(560px,90vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{text-align:center;box-shadow:var(--shadow);border-radius:12px;padding:6px 16px;font-size:1.05rem;font-weight:800;animation:.25s ease-out toastIn}.toast.info{background:var(--panel-solid)}.toast.good{background:var(--green);color:#062a14}.toast.bad{background:var(--red);color:#fff}.toast.warn{background:var(--yellow);color:var(--ink)}.toast.big{font-family:var(--title);font-size:1.6rem;font-weight:400}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.9)}}.assetPill{top:calc(66px + var(--safe-t));left:calc(10px + var(--safe-l));z-index:31;pointer-events:none;background:var(--panel-solid);box-shadow:var(--shadow);opacity:.92;border-radius:12px;flex-direction:column;gap:4px;padding:5px 12px 7px;font-size:.8rem;font-weight:700;transition:opacity .5s;display:flex;position:absolute}.assetPill.done{opacity:0}.assetPill[hidden]{display:none}.assetPill-track{background:#ffffff2e;border-radius:2px;height:4px;display:block;overflow:hidden}.assetPill-bar{background:var(--yellow);width:0;height:100%;transition:width .3s;display:block}.edgeArrow{z-index:12;pointer-events:none;width:44px;height:44px;color:var(--yellow);text-shadow:0 0 8px #000;justify-content:center;align-items:center;margin:-22px;font-size:34px;display:flex;position:absolute}.bubble-layer{pointer-events:none;z-index:9;position:absolute;inset:0;overflow:hidden}.bubble{transform-origin:50% 100%;white-space:nowrap;will-change:transform;font-weight:800;position:absolute;top:0;left:0}.bubble-speech{color:var(--ink);background:#fff;border-radius:14px;padding:3px 12px 5px;font-size:.95rem;box-shadow:0 3px #0000004d}.bubble-speech:after{content:"";border:7px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-7px;position:absolute;bottom:-7px;left:50%}.bubble-emoji{filter:drop-shadow(0 2px 2px #00000080);font-size:1.9rem}.bubble-sing{color:#7a0f5c;background:#ffe5f7;border-radius:14px;padding:3px 12px;font-size:.95rem}.bubble-alert{color:var(--red);text-shadow:0 0 6px #fff;font-size:2.2rem}.minigame{z-index:40;background:#08040c73}.minigame .box{border:2px solid #ffd23f59;flex-direction:column;align-items:stretch;gap:10px;width:min(600px,100%);max-height:100%;padding:14px 18px 16px;animation:.2s toastIn;display:flex;overflow-y:auto}.minigame .head{justify-content:space-between;align-items:center;gap:10px;display:flex}.minigame h2{font-family:var(--title);color:var(--yellow);text-shadow:0 2px 0 var(--red-dark);margin:0;font-size:1.6rem;font-weight:400;line-height:1.1}.minigame .hint{opacity:.92;margin:0;font-size:.98rem;font-weight:700}.minigame .clock{background:#ffffff26;border-radius:4px;height:8px;overflow:hidden}.minigame .clock i{background:linear-gradient(90deg, var(--red), var(--yellow));height:100%;display:block}.minigame .closeBtn{background:#ffffff1f;border-radius:12px;flex:none;width:44px;height:44px;font-size:1.2rem}.mg{flex-direction:column;align-items:stretch;gap:clamp(6px,1.8vh,12px);display:flex}.mg-btn{background:var(--yellow);min-height:clamp(54px,16vh,84px);color:var(--ink);font-family:var(--title);box-shadow:0 5px 0 var(--yellow-dark), 0 8px 16px #00000059;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:18px;padding:6px 14px;font-size:clamp(1.35rem,5vh,1.9rem);line-height:1}.mg-btn.red{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark), 0 8px 16px #00000059}.mg-btn:active,.mg-btn.hit{box-shadow:0 2px 0 var(--yellow-dark);transform:translateY(3px)}.mg-btn.red:active,.mg-btn.red.hit{box-shadow:0 2px 0 var(--red-dark)}.mg-track{direction:ltr;background:#ffffff1f;border:2px solid #ffffff40;border-radius:16px;height:clamp(46px,14vh,72px);position:relative;overflow:hidden}.mg-zone{border-inline:3px dashed var(--green);background:#2ec27e52;justify-content:center;align-items:center;font-size:clamp(1.6rem,6vh,2.4rem);display:flex;position:absolute;top:0;bottom:0}.mg-marker{filter:drop-shadow(0 2px 4px #00000080);pointer-events:none;font-size:clamp(1.8rem,7vh,2.5rem);line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.mg-tile{font-family:var(--title);color:#3b1a08;touch-action:manipulation;background:linear-gradient(#ffe58a,#f2a900);border:3px solid #3b1a08;border-radius:16px;place-items:center;line-height:1;display:grid;box-shadow:0 5px #7a4b00}.mg-tile:active{transform:translateY(3px);box-shadow:0 2px #7a4b00}.mg-chip{background:#ffffff1f;border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.9rem;font-weight:800;display:flex}.mg-chip.ok{border-color:var(--green);background:#2ec27e40}.mg-chip.bad{border-color:var(--red);background:#e639464d}.mg-num{top:2px;font:800 .7rem var(--body);opacity:.6;position:absolute;inset-inline-start:6px}.mg .is-miss,.mg.is-miss .mg-track,.mg-shake{border-color:var(--red);animation:.2s 2 shake}@keyframes mgPop{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes mgFlash{0%{box-shadow:inset 0 0 0 6px var(--red)}to{box-shadow:inset 0 0 0 3px #ffffff1f}}.switches{justify-content:center;gap:clamp(10px,3vw,24px);display:flex}.switch{flex-direction:column;align-items:center;gap:8px;display:flex}.lamp{background:#3a3540;border:3px solid #222;border-radius:50%;width:34px;height:34px}.lamp.on{background:#ffe066;box-shadow:0 0 18px #ffd23f}.lever{background:#4a4f56;border-radius:14px;width:70px;height:110px;position:relative;box-shadow:inset 0 0 0 4px #2b2f34}.lever i{background:#d7263d;border-radius:10px;height:44px;transition:top .12s;position:absolute;top:52px;left:12px;right:12px;box-shadow:0 3px #7a0f1b}.lever.up i{background:#2ec27e;top:12px;box-shadow:0 3px #0f5a35}.lever.match{box-shadow:inset 0 0 0 4px var(--yellow)}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:var(--panel-solid);border:2px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:64px;padding:8px;font-size:1.05rem;font-weight:800;display:flex}.choice .ico{font-size:1.6rem}.choice.wrong{background:var(--red);animation:.2s 3 shake}.choice.right{background:var(--green)}.mg-slip .mg-track{height:clamp(52px,16vh,76px)}.mg-stack-stage{touch-action:none;cursor:pointer;background:linear-gradient(#2a2036,#3b2d4d);border-radius:14px;height:clamp(110px,32vh,190px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff1f}.mg-stack-stage.flash{animation:.3s mgFlash}.mg-stack-plate{background:#fbfbf7;border-radius:5px 5px 0 0;width:62%;height:9px;position:absolute;bottom:0;left:19%}.mg-stack-stage .mg-zone{bottom:9px}.mg-stack-tier{border-radius:8px;transition:left .12s;position:absolute;box-shadow:inset 0 -6px #d7263d59,0 2px #00000040}.mg-stack-tier.slider{transition:none}.mg-stack-tier.miss{transform:translateY(90px) rotate(var(--spin,30deg));opacity:0;transition:transform .45s ease-in,opacity .45s}.mg-stack-lives{top:6px;letter-spacing:2px;font-size:1.1rem;position:absolute;inset-inline-start:8px}.mg-seating{gap:6px}.mg-seating .rules{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mg-seating .mg-chip b{font-size:1.15rem}.mg-seating .stage{text-align:center;font-family:var(--title);letter-spacing:1px;background:linear-gradient(90deg,#7a1f3a,#c8102e,#7a1f3a);border-radius:10px 10px 4px 4px;padding:2px 0 4px}.mg-seating .grid{direction:ltr;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mg-seating .seat{min-height:clamp(42px,13vh,56px);color:var(--ink);background:#f4f4f0;border:3px solid #00000040;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:1.5rem;line-height:1;display:flex;position:relative}.mg-seating .seat.front{background:#f2c94c}.mg-seating .seat.blocked{background:#7a3b1d;border-style:dashed;border-color:#c9a07a}.mg-seating .seat .who{color:#fff;border-radius:8px;margin-top:1px;padding:1px 6px;font-size:.7rem;font-weight:800}.mg-seating .seat.taken{background:#fff}.mg-seating .seat.front.taken{background:#ffe58a}.mg-seating .tokens{justify-content:center;gap:10px;display:flex}.mg-seating .token{background:var(--panel-solid);min-height:46px;color:var(--cream);border:3px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:2px 16px;font-size:1.05rem;font-weight:800;display:flex}.mg-seating .token i{border-radius:50%;width:14px;height:14px;display:block}.mg-seating .token.sel{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd23f59}.mg-seating .token.placed{opacity:.7}.mg-tug .end{align-items:center;padding:0 10px;font-size:1.8rem;display:flex;position:absolute;top:0;bottom:0}.mg-tug .end.me{background:linear-gradient(90deg,#46c25a8c,#0000);left:0}.mg-tug .end.him{background:linear-gradient(270deg,#e8343b8c,#0000);right:0}.mg-tug .mg-marker{transition:left 80ms linear}.mg-pull .cam{text-align:center;font-size:clamp(2.2rem,10vh,3.2rem);line-height:1;transition:transform .1s}.mg-pull .pips{direction:ltr;gap:6px;display:flex}.mg-pull .pips i{background:#ffffff2e;border-radius:7px;flex:1;height:14px}.mg-pull .pips i.on{background:var(--yellow)}.mg-letters{direction:rtl;align-items:center}.mg-letters .row{direction:rtl;justify-content:center;gap:clamp(8px,2vw,14px);display:flex}.mg-letters .slot,.mg-letters .mg-tile{width:clamp(52px,17vh,84px);height:clamp(52px,17vh,84px);font-size:clamp(2rem,8vh,3.2rem)}.mg-letters .slot{font-family:var(--title);color:#ffffff38;border:3px dashed #fff6;border-radius:16px;place-items:center;line-height:1;display:grid}.mg-letters .slot.on{border:3px solid var(--green);color:#fff;background:#2ec27e40;animation:.22s mgPop}.mg-letters .mg-tile.used{visibility:hidden}.mg-letters .mg-tile.bad{background:var(--red);color:#fff;animation:.2s 2 shake}.mg-drums{flex-direction:row;gap:12px}.mg-drums .poster{background:var(--cream);color:var(--ink);border:3px solid var(--red);text-align:center;border-radius:14px;flex-direction:column;flex:0 0 112px;align-items:center;gap:2px;padding:6px 4px;font-weight:800;line-height:1.15;display:flex}.mg-drums .poster b{font-family:var(--title);font-size:1.05rem;font-weight:400}.mg-drums .poster small{font-size:.72rem}.mg-drums .grid{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mg-drums .drummer{background:var(--panel-solid);border:2px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;min-height:clamp(64px,20vh,84px);padding:4px;display:flex;position:relative}.mg-drums .drummer svg{width:auto;height:clamp(44px,15vh,64px)}.mg-drums .drummer.sent{opacity:.35;filter:grayscale(.8)}.mg-drums .drummer.sent:after{content:attr(data-sent);color:#fff;font-size:.78rem;font-weight:800;position:absolute;bottom:3px}.mg-drums .drummer.wrong{background:var(--red);animation:.2s 3 shake}.mg-drums .drummer.right{background:var(--green)}.results{z-index:50;touch-action:pan-y;background:radial-gradient(circle at 50% 30%,#50145ad9,#08040cf2);justify-content:flex-start;overflow-y:auto}.results .box{flex-direction:column;align-items:center;gap:12px;width:min(980px,100%);padding:6px 0 12px;display:flex;position:relative}.results .col{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.results .col.details{max-width:640px}.results .buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.results .col.details>.card2{width:100%}@media (min-width:760px) and (max-height:560px){.results{justify-content:center}.results .box{flex-direction:row;align-items:flex-start}.results .col.main{flex:none;width:38%}.results .col.details{width:62%}.results .buttons .btn.big{font-size:1.5rem}}.results h1{font-family:var(--title);margin:0;font-size:clamp(2.4rem,8vw,4.4rem);transform:rotate(-2deg)}.results h1.saved{color:var(--yellow);text-shadow:0 4px 0 var(--red-dark)}.results h1.ruined{color:var(--red);text-shadow:0 4px #2a0508}.results .score{font-family:var(--title);direction:ltr;font-size:2.6rem}.results .best{color:var(--yellow);font-weight:800;animation:.6s infinite alternate pulse}.results .grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.results .card2{padding:10px 14px}.results .card2 h4{color:var(--yellow);font-family:var(--title);margin:0 0 4px;font-size:1.15rem;font-weight:400}.results ul{margin:0;padding:0;font-size:.95rem;line-height:1.6;list-style:none}.results .summary li:before{content:"• ";color:var(--yellow)}.results .line{justify-content:space-between;gap:8px;display:flex}.results .line b{direction:ltr}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:10px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.tutorial{left:50%;bottom:calc(120px + var(--safe-b));z-index:35;text-align:center;flex-direction:column;gap:8px;width:min(520px,88vw);padding:12px 16px;display:flex;position:absolute;transform:translate(-50%)}.tutorial .step{font-size:1.1rem;font-weight:800}.tutorial .row{justify-content:center;align-items:center;gap:10px;display:flex}.tutorial .dots{justify-content:center;gap:5px;display:flex}.tutorial .dots i{background:#ffffff4d;border-radius:50%;width:8px;height:8px}.tutorial .dots i.on{background:var(--yellow)}.rotate{z-index:200;text-align:center;background:#120a1a;gap:14px;display:none}.rotate .phone{font-size:4rem;animation:1.6s ease-in-out infinite turn}@keyframes turn{50%{transform:rotate(-90deg)}}.rotate h2{font-family:var(--title);color:var(--yellow);margin:0;font-size:2.2rem}@media (orientation:portrait) and (max-width:900px){body.touch .rotate{display:flex}}.debugPanel{z-index:300;color:#9f9;text-align:left;pointer-events:auto;direction:ltr;background:#000000bf;border-radius:6px;max-width:300px;padding:6px 8px;font:12px/1.4 monospace;position:absolute;bottom:8px;left:8px}.debugPanel button{color:#fff;background:#333;border-radius:4px;margin:2px;padding:2px 6px;font:11px monospace}@media (max-height:460px){.timer{padding:0 10px;font-size:1.3rem}.objectives{min-width:160px;padding:6px 10px;font-size:.8rem}.objectives .mtitle{font-size:.92rem}.meter .bar{width:clamp(60px,13vw,120px);height:11px}.meter .lbl{display:none}.iconBtn{width:40px;height:40px;font-size:1.1rem}.actBtn.main{width:80px;height:80px;font-size:1.8rem}.actBtn.run,.actBtn.special{width:54px;height:54px;font-size:1.35rem}.menu .logo{font-size:clamp(2.2rem,7vw,3.2rem)}.menu .tagline{margin:0;font-size:.85rem}.menu .btn.big{font-size:1.6rem}.menu .btn{font-size:1rem}.menu .content{gap:6px;padding-top:0}.card{width:98px}.card .img{height:70px}.card.mission{width:124px}.card.mission .img{height:62px}.results h1{font-size:2.2rem}.results .score{font-size:1.9rem}.toasts{top:calc(48px + var(--safe-t))}.toast{padding:4px 12px;font-size:.92rem}.toast.big{font-size:1.25rem}.tutorial{bottom:calc(96px + var(--safe-b))}.minigame .box{gap:6px;padding:8px 14px 10px}.minigame h2{font-size:1.3rem}.minigame .hint{font-size:.85rem}.minigame .closeBtn{width:38px;height:38px}.mg-drums .poster{flex-basis:92px}.lever{width:58px;height:92px}.lever i{height:36px;top:44px}.lever.up i{top:10px}.choice{min-height:52px}}