:root{--bg-page:#eaf7ff;--bg-panel:#fff8e7;--primary:#4a90e2;--primary-deep:#3f7fcb;--positive:#64c27b;--reward:#ffd166;--text:#20304a;--text-muted:#52657a;--border:#b9d8ea;--font-ar:"Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;--w-regular:500;--w-medium:700;--w-bold:800;--stage-h:60dvh;--pad-body:min(16px, 2dvh);--pad-panel:min(20px, 2.4dvh);--gap-titles:min(10px, 1.4dvh);--radius-panel:min(26px, 3.4dvh);--radius-stage:min(18px, 2.4dvh)}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{width:100%;height:100dvh;padding:var(--pad-body) 12px;background-color:var(--bg-page);color:var(--text);font-family:var(--font-ar);font-weight:var(--w-regular);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;margin:0;line-height:1.45;display:flex;overflow:hidden}.page{text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:720px;min-height:0;max-height:100%;display:flex}.titles{margin-bottom:var(--gap-titles);flex:none}.title-ar{font-size:min(clamp(20px,4.6vw,38px),5.4dvh);font-weight:var(--w-bold);letter-spacing:0;color:var(--text);margin:0 0 min(7px,1dvh);line-height:1.25}.title-en{font-size:min(clamp(11px,2.3vw,15px),2.3dvh);font-weight:var(--w-medium);letter-spacing:.16em;color:var(--text-muted);text-transform:uppercase;margin:0;line-height:1.3}.panel{background-color:var(--bg-panel);border:2px solid var(--border);border-radius:var(--radius-panel);min-height:0;padding:var(--pad-panel) min(24px, 3vw);flex-direction:column;flex:0 auto;justify-content:center;display:flex;box-shadow:0 2px 10px #20304a0f}.stage{height:min(var(--stage-h), calc((100vw - 52px) * 4 / 3));aspect-ratio:3/4;border-radius:var(--radius-stage);flex:0 auto;width:auto;max-width:100%;min-height:0;margin:0 auto;line-height:0;overflow:hidden}.stage canvas{display:block}.hero-caption{border-top:2px dashed var(--border);flex:none;padding-top:min(14px,1.8dvh)}.hero-name{font-size:min(clamp(17px,3.6vw,26px),4.2dvh);font-weight:var(--w-medium);letter-spacing:0;color:var(--text);margin:0 0 min(5px,.8dvh);line-height:1.3}.hero-name span{letter-spacing:.06em}.hero-role{font-size:min(clamp(13px,2.8vw,17px),3dvh);font-weight:var(--w-regular);color:var(--text-muted);margin:0;line-height:1.5}.btn-start{background-color:var(--primary);color:#fff;width:100%;max-width:340px;min-height:min(60px,11dvh);font-family:inherit;font-size:min(clamp(16px,3.6vw,22px),4dvh);font-weight:var(--w-medium);cursor:pointer;box-shadow:0 3px 0 var(--primary-deep);border:none;border-radius:999px;flex:none;margin:min(16px,2dvh) auto 0;padding:min(14px,1.6dvh) 24px;line-height:1.2;transition:background-color .15s,transform .1s,box-shadow .1s;display:block}.btn-start:hover{background-color:var(--primary-deep)}.btn-start:active{box-shadow:0 0 0 var(--primary-deep);transform:translateY(3px)}.btn-start:focus-visible{outline:3px solid var(--positive);outline-offset:3px}.intro-extras{flex-direction:column;flex:none;align-items:center;gap:min(8px,1.2dvh);margin-top:min(12px,1.8dvh);display:flex}.btn-howto{font-family:inherit;font-size:min(clamp(12px,2.8vw,15px),2.6dvh);font-weight:var(--w-medium);color:var(--primary-deep);border:2px solid var(--border);cursor:pointer;background-color:#0000;border-radius:999px;padding:min(8px,1.2dvh) 18px;transition:background-color .15s}.btn-howto:hover{background-color:#4a90e214}.btn-howto:focus-visible{outline:3px solid var(--positive);outline-offset:3px}.coin-balance{font-size:min(clamp(12px,2.8vw,15px),2.6dvh);font-weight:var(--w-medium);color:var(--text-muted);align-items:center;gap:6px;margin:0;display:flex}.coin-icon{background-color:var(--reward);border:2px solid #e0b44a;border-radius:50%;width:15px;height:15px}.coin-amount{color:var(--text);font-variant-numeric:tabular-nums}body.mode-game .panel>.intro-extras{display:none}@media (height<=500px){.page{max-width:400px}:root{--stage-h:52dvh;--pad-panel:min(12px, 2.6dvh);--gap-titles:min(6px, 1.4dvh)}.panel{border-radius:min(18px,4dvh)}.hero-caption{padding-top:min(8px,1.8dvh)}.btn-start{margin-top:min(10px,2.2dvh)}}@media (height<=420px){:root{--stage-h:48dvh;--pad-body:min(8px, 1.6dvh)}.btn-start{box-shadow:0 2px 0 var(--primary-deep)}}@media (width<=480px){body{padding-left:10px;padding-right:10px}.btn-start{max-width:none;padding-left:16px;padding-right:16px}}@media (width>=700px) and (orientation:landscape){:root{--stage-h:60dvh;--pad-panel:min(22px, 3dvh)}.page{width:min(1050px,94%);max-width:100%}.panel{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;justify-content:center;align-items:center;column-gap:clamp(18px,3.5vw,48px);display:grid}.titles{grid-area:1/1;margin-bottom:0}.hero-caption{grid-area:2/1}.btn-start{grid-area:3/1}.stage{grid-area:1/2/-1;align-self:center}.hero-caption{margin-top:min(14px,2dvh);padding-top:min(14px,2dvh)}.btn-start{margin-top:min(18px,2.6dvh)}.titles,.hero-caption,.btn-start{max-width:440px;margin-inline:auto}}@media (width>=700px) and (orientation:landscape) and (height<=520px){.page{width:fit-content}.panel{grid-template-columns:auto auto}}.hud,body.mode-game .panel>.titles,body.mode-game .panel>.hero-caption,body.mode-game .panel>.btn-start{display:none}body.mode-game .page{width:min(1240px,97%);max-width:100%}body.mode-game .panel{flex-direction:column;gap:min(12px,1.8dvh);padding:min(14px,2dvh) min(16px,2vw);display:flex}body.mode-game .hud{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:min(16px,2.5vw);width:100%;display:flex}.hud-player,.hud-stats,.hud-energy{align-items:center;gap:8px;min-width:0;display:flex}.hud-label{font-size:min(clamp(11px,1.6vw,14px),2.6dvh);font-weight:var(--w-regular);color:var(--text-muted);white-space:nowrap}.hud-name{font-size:min(clamp(15px,2.2vw,21px),3.6dvh);font-weight:var(--w-medium);color:var(--text);white-space:nowrap}.hud-score{font-size:min(clamp(15px,2.2vw,21px),3.6dvh);font-weight:var(--w-medium);color:var(--primary-deep);white-space:nowrap;font-variant-numeric:tabular-nums}.hud-wave{font-size:min(clamp(11px,1.6vw,14px),2.6dvh);font-weight:var(--w-medium);color:var(--positive);white-space:nowrap;opacity:0;transition:opacity .3s}.hud-wave.is-visible{opacity:1}.hud-energy{flex:auto;justify-content:center}.energy-track{border:2px solid var(--border);background-color:#fff;border-radius:999px;flex:0 min(240px,34vw);min-width:70px;height:min(14px,2.4dvh);overflow:hidden}.energy-fill{background-color:var(--positive);border-radius:999px;width:100%;height:100%;transition:width .35s,background-color .35s}.energy-value{transition:color .35s}@media (prefers-reduced-motion:reduce){.energy-fill,.energy-value{transition:none}}.energy-value{font-size:min(clamp(12px,1.8vw,15px),2.8dvh);font-weight:var(--w-medium);color:var(--positive);font-variant-numeric:tabular-nums;white-space:nowrap}.btn-pause{border:2px solid var(--border);cursor:pointer;background-color:#0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:min(42px,7.5dvh);height:min(42px,7.5dvh);padding:0;transition:background-color .15s;display:flex}.btn-pause:hover{background-color:#4a90e21a}.btn-pause:focus-visible{outline:3px solid var(--positive);outline-offset:3px}.pause-icon{width:40%;height:46%;position:relative}.pause-icon:before,.pause-icon:after{content:"";background-color:var(--primary);border-radius:2px;width:32%;height:100%;position:absolute;top:0}.pause-icon:before{left:8%}.pause-icon:after{right:8%}.btn-back{background-color:var(--primary);color:#fff;min-height:min(44px,8dvh);font-family:inherit;font-size:min(clamp(14px,2vw,17px),3dvh);font-weight:var(--w-medium);cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 var(--primary-deep);border:none;border-radius:999px;flex:none;padding:min(10px,1.6dvh) min(20px,2.4vw);line-height:1.2;transition:background-color .15s,transform .1s,box-shadow .1s}.btn-back:hover{background-color:var(--primary-deep)}.btn-back:active{box-shadow:0 0 0 var(--primary-deep);transform:translateY(2px)}.btn-back:focus-visible{outline:3px solid var(--positive);outline-offset:3px}body.mode-game .stage{aspect-ratio:16/9;border-radius:min(16px,2.4dvh);width:auto;max-width:100%;height:min(100dvh - min(150px,26dvh),56.25vw - min(70px,9vw)/1.77778);margin:0 auto}@media (prefers-reduced-motion:reduce){.btn-back{transition:none}}.joystick{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#ffffff57;border:2px solid #4a90e266;border-radius:50%;width:min(132px,30vh);height:min(132px,30vh);transition:background-color .15s;position:fixed;bottom:max(16px,3vh);left:max(16px,3vw)}.joystick.is-active{background-color:#ffffff80}.joystick-thumb{pointer-events:none;background-color:#4a90e2b8;border:2px solid #ffffffbf;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body:not(.mode-game) .joystick{display:none}@media (prefers-reduced-motion:reduce){.joystick{transition:none}}.game-overlay{z-index:40;background-color:#eaf7ffe0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.game-overlay[hidden]{display:none}.overlay-card{text-align:center;background-color:var(--bg-panel);border:2px solid var(--border);border-radius:min(26px,5dvh);width:100%;max-width:430px;max-height:100%;padding:min(24px,3.6dvh) min(22px,5vw);overflow:auto;box-shadow:0 4px 18px #20304a1a}.overlay-title{font-size:min(clamp(19px,4.6vw,26px),4.4dvh);font-weight:var(--w-bold);color:var(--text);margin:0 0 min(8px,1.4dvh);line-height:1.4}.overlay-text{font-size:min(clamp(13px,3.2vw,16px),2.8dvh);font-weight:var(--w-regular);color:var(--text-muted);margin:0 0 min(18px,2.6dvh);line-height:1.6}.overlay-actions{flex-direction:column;align-items:center;gap:min(9px,1.4dvh);display:flex}.btn-primary,.btn-secondary{width:100%;max-width:300px;font-family:inherit;font-weight:var(--w-medium);cursor:pointer;border:none;border-radius:999px;line-height:1.2;transition:background-color .15s,transform 80ms}.btn-primary{background-color:var(--primary);color:#fff;min-height:min(52px,9dvh);box-shadow:0 3px 0 var(--primary-deep);padding:min(13px,1.8dvh) 22px;font-size:min(clamp(15px,3.6vw,19px),3.4dvh)}.btn-primary:hover{background-color:var(--primary-deep)}.btn-primary:active{box-shadow:0 0 0 var(--primary-deep);transform:translateY(3px)}.btn-secondary{min-height:min(44px,8dvh);color:var(--primary-deep);border:2px solid var(--border);background-color:#0000;padding:min(10px,1.5dvh) 20px;font-size:min(clamp(13px,3vw,16px),3dvh)}.btn-secondary:hover{background-color:#4a90e214}.btn-secondary:active{transform:translateY(2px)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid var(--positive);outline-offset:3px}.overlay-mark{width:min(44px,7dvh);height:min(44px,7dvh);margin:0 auto min(10px,1.8dvh)}.drop-mark{background-color:#9be3fa;border:2px solid #4fbfe8;border-radius:50% 4px 50% 50%/60% 4px 40% 40%;transform:rotate(45deg)}.pause-mark{border:2px solid var(--primary);background-color:#4a90e229;border-radius:50%;position:relative}.pause-mark:before,.pause-mark:after{content:"";background-color:var(--primary);border-radius:3px;width:13%;height:48%;position:absolute;top:26%}.pause-mark:before{left:33%}.pause-mark:after{right:33%}.victory-mark{background-color:var(--positive);border-radius:50%;position:relative}.victory-mark:after{content:"";border:4px solid #fff;border-width:0 4px 4px 0;width:28%;height:48%;position:absolute;top:22%;left:30%;transform:rotate(45deg)}.gift-mark{background-color:var(--reward);border-radius:8px;position:relative}.gift-mark:after{content:"";opacity:.85;background-color:#fff;width:12%;height:100%;position:absolute;top:0;left:44%}.victory-stats{flex-direction:column;gap:min(7px,1.2dvh);margin:0 0 min(18px,2.6dvh);padding:0;list-style:none;display:flex}.victory-stats li{border:2px solid var(--border);color:var(--text-muted);border-radius:14px;justify-content:space-between;gap:12px;padding:min(9px,1.4dvh) 14px;font-size:min(clamp(13px,3vw,16px),2.6dvh);display:flex}.victory-stats strong{color:var(--text);font-weight:var(--w-bold)}.welcome-badge{background-color:var(--reward);color:var(--text);font-size:min(clamp(12px,2.8vw,14px),2.4dvh);font-weight:var(--w-medium);border-radius:999px;margin-bottom:min(8px,1.2dvh);padding:5px 14px;display:inline-block}.welcome-amount{color:var(--text);margin:0 0 min(18px,2.6dvh);font-size:min(clamp(17px,4.2vw,23px),3.6dvh)}.welcome-amount strong{font-weight:var(--w-bold);color:var(--primary-deep)}.howto-list{text-align:start;flex-direction:column;gap:min(9px,1.4dvh);margin:0 0 min(18px,2.6dvh);padding:0;list-style:none;display:flex}.howto-list li{border:2px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:11px;padding:min(9px,1.4dvh) 13px;font-size:min(clamp(13px,3vw,15px),2.6dvh);line-height:1.5;display:flex}.howto-icon{border:2px solid var(--primary);background-color:#4a90e224;border-radius:8px;flex:none;width:26px;height:26px}.icon-fire{background-color:#9fe3fa99;border-color:#4fbfe8}.icon-touch{border-radius:50%}.icon-goal{border-color:var(--positive);background-color:#64c27b33}.icon-gift{background-color:#ffd16659;border-color:#d9a52f}.icon-combo{border-color:var(--reward);background-color:#ffd16633;border-radius:999px}.icon-settings{border-color:var(--text-muted);background-color:#52657a1f}.howto-icon.icon-dash,.howto-icon.icon-power{clip-path:none;border:2px solid var(--primary);background-color:#4a90e224}.howto-icon.icon-power{background-color:#3aa7d42e;border-color:#3aa7d4}body.mode-overlay .joystick,body.mode-overlay .fire-button{display:none}.fire-button{z-index:20;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#9fe3fa8c;border:2px solid #4a90e280;border-radius:50%;justify-content:center;align-items:center;width:min(84px,19vh);height:min(84px,19vh);padding:0;transition:background-color .12s,transform 80ms;display:flex;position:fixed;bottom:max(16px,3vh);right:max(16px,3vw)}.fire-button.is-active{background-color:#9fe3fad9;transform:scale(.94)}.fire-drop{background-color:#4fbfe8;border:2px solid #fffc;border-radius:50% 4px 50% 50%/60% 4px 40% 40%;width:46%;height:46%;transform:rotate(45deg)}body:not(.mode-game) .fire-button{display:none}@media (prefers-reduced-motion:reduce){.fire-button{transition:none}}.rotate-note{display:none}@media (orientation:portrait){body.mode-game.is-touch .panel,body.mode-game.is-touch .joystick,body.mode-game.is-touch .fire-button,body.mode-game.is-touch .game-overlay{display:none}body.mode-game.is-touch .rotate-note{z-index:30;background-color:var(--bg-page);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:24px;display:flex;position:fixed;inset:0}}.rotate-phone{border:3px solid var(--primary);background-color:#fff;border-radius:12px;flex:none;width:58px;height:98px;animation:2.6s ease-in-out infinite rotate-hint;position:relative}.rotate-phone:before{content:"";background-color:var(--bg-page);border-radius:4px;position:absolute;inset:9px 7px 14px}.rotate-phone:after{content:"";background-color:var(--border);border-radius:2px;width:22px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}@keyframes rotate-hint{0%,22%{transform:rotate(0)}50%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-text{max-width:19ch;font-size:min(clamp(17px,5vw,24px),4dvh);font-weight:var(--w-medium);color:var(--text);margin:0;line-height:1.6}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}.btn-start{transition:none}}.hud-combo{border:2px solid var(--reward);white-space:nowrap;background-color:#ffd16647;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;display:inline-flex}.hud-combo-label{font-size:min(clamp(10px,1.4vw,13px),2.3dvh);font-weight:var(--w-regular);color:var(--text-muted)}.hud-combo-value{font-size:min(clamp(13px,1.9vw,18px),3dvh);font-weight:var(--w-bold);color:#b77b12;font-variant-numeric:tabular-nums}.hud-combo[hidden]{display:none}.hud-combo.is-pulsing{animation:.55s ease-out combo-pulse}@keyframes combo-pulse{0%{transform:scale(1)}35%{transform:scale(1.16)}to{transform:scale(1)}}.hud-abilities{flex:none;align-items:center;gap:7px;display:flex}.ability{border:2px solid var(--border);opacity:.45;background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:3px 8px 4px;transition:opacity .18s,border-color .18s,background-color .18s;display:inline-flex;position:relative}.ability.is-ready{opacity:1;border-color:var(--primary);background-color:#9fe3fa38}.ability-key{font-size:min(clamp(8px,1.1vw,10px),1.9dvh);font-weight:var(--w-medium);color:var(--text-muted);letter-spacing:.02em}.ability-icon{width:min(17px,2.9dvh);height:min(17px,2.9dvh);display:block}.icon-dash{background-color:var(--primary-deep);clip-path:polygon(0% 38%,55% 38%,55% 12%,100% 50%,55% 88%,55% 62%,0% 62%)}.icon-power{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:#3aa7d4}.ability-power-track{inset-inline:5px;background-color:var(--border);border-radius:999px;height:3px;position:absolute;bottom:-1px;overflow:hidden}.ability-power-fill{background-color:#3aa7d4;border-radius:999px;width:0;height:100%;transition:width .18s;display:block}.ability-power.is-ready .ability-power-fill{background-color:var(--positive)}.boss-bar{background-color:#8fd6c838;border:2px solid #5fb8a6;border-radius:999px;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto 6px;padding:4px 12px;display:flex}.boss-bar[hidden]{display:none}.boss-bar-label{font-size:min(clamp(11px,1.6vw,14px),2.6dvh);font-weight:var(--w-bold);color:#2f7d6d;white-space:nowrap}.boss-bar-track{background-color:#fff;border:2px solid #5fb8a6;border-radius:999px;flex:auto;height:min(12px,2.1dvh);overflow:hidden}.boss-bar-fill{background-color:#5fb8a6;border-radius:999px;width:100%;height:100%;transition:width .25s;display:block}.btn-icon{border:2px solid var(--border);cursor:pointer;background-color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:min(30px,5dvh);height:min(30px,5dvh);padding:0;transition:background-color .15s,border-color .15s;display:flex}.btn-icon:hover{background-color:#4a90e21a}.btn-icon:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-icon .icon-sound,.btn-icon .icon-motion{background-color:var(--primary-deep);width:58%;height:58%;display:block}.icon-sound{clip-path:polygon(0% 32%,28% 32%,55% 6%,55% 94%,28% 68%,0% 68%)}.btn-mute.is-off{background-color:#52657a1f}.btn-mute.is-off .icon-sound{background-color:var(--text-muted)}.btn-mute.is-off:after{content:"";background-color:var(--text-muted);border-radius:2px;width:74%;height:2.5px;position:absolute;transform:rotate(-45deg)}.btn-mute{position:relative}.icon-motion{clip-path:polygon(0% 12%,100% 12%,100% 30%,0% 30%,0% 41%,72% 41%,72% 59%,0% 59%,0% 70%,100% 70%,100% 88%,0% 88%)}.btn-motion.is-on{border-color:var(--positive);background-color:#64c27b2e}.btn-motion.is-on .icon-motion{background-color:var(--positive)}.intro-settings{align-items:center;gap:8px;display:inline-flex}.action-button{z-index:20;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#ffffffb8;border:2px solid #4a90e280;border-radius:50%;justify-content:center;align-items:center;width:min(58px,13vh);height:min(58px,13vh);padding:0;transition:background-color .12s,transform 80ms,opacity .15s;display:flex;position:fixed}.action-dash{bottom:calc(max(16px,3vh) + min(84px,19vh) + 10px);right:max(16px,3vw)}.action-power{bottom:max(16px,3vh);right:calc(max(16px,3vw) + min(84px,19vh) + 10px)}.action-button .icon-dash,.action-button .icon-power{width:46%;height:46%;display:block}.action-button.is-active{background-color:#9fe3fae6;transform:scale(.93)}.action-button.is-locked{opacity:.4;cursor:default}body:not(.mode-game) .action-button,body.mode-overlay .action-button{display:none}.victory-newbest{background-color:var(--reward);color:#6b4a05;font-size:clamp(12px,1.7vw,15px);font-weight:var(--w-bold);border:2px solid #d9a52f;border-radius:999px;margin-bottom:4px;padding:3px 14px;display:inline-block}.victory-newbest[hidden]{display:none}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hud-stats{flex:none}.hud-energy{min-width:0}.hud-player{flex:auto;min-width:0;overflow:hidden}@media (width<=720px){.hud-player{display:none}}@media (width<=600px){.hud-abilities,.hud-stats .hud-label,.hud-energy .hud-label{display:none}}@media (width<=460px){.hud .btn-motion{display:none}body.mode-game .hud{gap:8px}.hud-combo{padding:1px 6px}}@media (width<=380px){.hud-combo-label,.energy-value,.hud-wave{display:none}.energy-track{min-width:44px}.hud-name,.hud-score{font-size:14px}}.mode-buttons{gap:10px;width:100%;display:flex}.mode-buttons>button{flex:1 1 0;min-width:0}.btn-coop{font-family:inherit;font-size:min(clamp(15px,2vw,19px),3.2dvh);font-weight:var(--w-bold);color:var(--primary-deep);border:3px solid var(--primary);cursor:pointer;background-color:#fff;border-radius:16px;padding:clamp(11px,1.7vh,16px) clamp(14px,2vw,22px);transition:background-color .15s,transform 80ms}.btn-coop:hover{background-color:#4a90e21a}.btn-coop:active{transform:scale(.97)}.btn-coop:focus-visible{outline:3px solid var(--primary);outline-offset:3px}body.mode-game .mode-buttons{display:none}.coop-field{text-align:start;flex-direction:column;gap:6px;width:100%;margin-bottom:4px;display:flex}.coop-label{font-size:clamp(12px,1.6vw,14px);font-weight:var(--w-medium);color:var(--text-muted)}.coop-nick{width:100%;font-family:inherit;font-size:clamp(14px,1.9vw,17px);font-weight:var(--w-medium);color:var(--text);border:2px solid var(--border);cursor:pointer;background-color:#fff;border-radius:12px;padding:10px 12px}.coop-nick:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.coop-offline{color:#8a4e12;background-color:#e8944a24;border:2px solid #e8944a;border-radius:12px;margin:0 0 6px;padding:10px 12px;font-size:clamp(12px,1.6vw,14px);line-height:1.6}.coop-offline[hidden]{display:none}.coop-offline code{background-color:#fff;border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace}.coop-code-input{letter-spacing:.22em;text-align:center;text-transform:uppercase;width:100%;color:var(--text);border:3px solid var(--border);background-color:#fff;border-radius:14px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:clamp(24px,4.4vw,34px);font-weight:700}.coop-code-input:focus-visible{border-color:var(--primary);outline:none}.coop-error{color:#a8501a;font-size:clamp(12px,1.7vw,15px);font-weight:var(--w-medium);margin:8px 0 0}.coop-error[hidden]{display:none}.lobby-card{max-width:min(560px,92vw)}.lobby-code-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.lobby-code-label{color:var(--text-muted);font-size:clamp(12px,1.6vw,14px)}.lobby-code{letter-spacing:.18em;color:var(--primary-deep);border:3px dashed var(--primary);-webkit-user-select:all;user-select:all;background-color:#fff;border-radius:12px;padding:4px 14px;font-family:ui-monospace,Consolas,monospace;font-size:clamp(22px,3.6vw,30px);font-weight:700}.lobby-copy{padding-inline:14px}.lobby-copied{color:var(--positive);font-size:clamp(12px,1.6vw,14px);font-weight:var(--w-medium);margin:0 0 8px}.lobby-copied[hidden]{display:none}.lobby-players{flex-direction:column;gap:7px;width:100%;margin:8px 0;padding:0;list-style:none;display:flex}.lobby-player{border:2px solid var(--border);background-color:#fff;border-radius:12px;align-items:center;gap:9px;padding:8px 12px;display:flex}.lobby-dot{border:2px solid #ffffffd9;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 1.5px #20304a2e}.lobby-name{text-align:start;font-size:clamp(13px,1.8vw,16px);font-weight:var(--w-medium);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.lobby-tag{font-size:clamp(10px,1.3vw,12px);font-weight:var(--w-bold);color:#b77b12;background-color:#ffd1664d;border-radius:999px;flex:none;padding:2px 9px}.lobby-status{font-size:clamp(11px,1.5vw,13px);font-weight:var(--w-medium);color:var(--text-muted);flex:none}.lobby-status.is-ready{color:var(--positive);font-weight:var(--w-bold)}.lobby-kick{font-family:inherit;font-size:clamp(11px,1.4vw,13px);font-weight:var(--w-medium);color:#8a4e12;cursor:pointer;background-color:#e8944a24;border:2px solid #e8944a;border-radius:999px;flex:none;padding:3px 10px}.lobby-kick:hover{background-color:#e8944a42}.lobby-hint{color:var(--text-muted);margin:4px 0 10px;font-size:clamp(12px,1.7vw,15px);line-height:1.6}.lobby-ready.is-on{background-color:var(--positive);border-color:#4bb466}.lobby-host-tools{text-align:start;width:100%;margin-top:10px}.lobby-host-tools[hidden]{display:none}.lobby-host-tools summary{cursor:pointer;font-size:clamp(12px,1.6vw,14px);font-weight:var(--w-medium);color:var(--text-muted);padding:4px 0}.lobby-host-buttons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.lobby-host-buttons>button{flex:auto;padding-inline:12px;font-size:clamp(12px,1.6vw,14px)}.emote-bar{inset-inline:0;z-index:18;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:7px;padding-inline:12px;display:flex;position:fixed;bottom:max(10px,1.6vh)}.emote-bar[hidden]{display:none}.emote-btn{pointer-events:auto;font-family:inherit;font-size:clamp(12px,1.6vw,15px);font-weight:var(--w-medium);color:var(--text);border:2px solid var(--border);cursor:pointer;background-color:#fff8e7f0;border-radius:999px;padding:6px 14px;transition:transform 80ms,background-color .15s}.emote-btn:hover{background-color:#fff}.emote-btn:active{transform:scale(.94)}.host-bar{inset-inline-end:max(10px,1.6vw);z-index:18;flex-direction:column;gap:6px;display:flex;position:fixed;top:max(64px,9vh)}.host-bar[hidden]{display:none}.host-bar>button{padding:5px 12px;font-size:clamp(11px,1.5vw,13px)}.coop-toast{inset-inline:0;z-index:60;color:#fff;width:max-content;max-width:88vw;font-size:clamp(12px,1.7vw,15px);font-weight:var(--w-medium);opacity:0;pointer-events:none;background-color:#20304aeb;border-radius:999px;margin-inline:auto;padding:9px 18px;transition:opacity .22s,transform .22s;position:fixed;top:max(10px,1.6vh);transform:translateY(-8px)}.coop-toast.is-visible{opacity:1;transform:translateY(0)}body.mode-coop .hud-score,body.mode-coop .hud-combo,body.mode-coop .btn-pause,body.mode-coop .hud-abilities,body.mode-coop-panel .joystick,body.mode-coop-panel .fire-button,body.mode-coop-panel .action-button,body.mode-coop-panel .emote-bar,body.mode-coop-panel .host-bar{display:none}@media (width<=600px){.host-bar{top:max(56px,8vh)}.emote-btn{padding:4px 10px}.emote-bar{bottom:max(6px,1vh)}}@media (width<=460px){.mode-buttons{flex-direction:column}}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2)format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2)format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-arabic-800-normal-TQp-UTiE.woff2)format("woff2"),url(/assets/tajawal-arabic-800-normal-Bp_4IW2m.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-latin-800-normal-CmI34b-g.woff2)format("woff2"),url(/assets/tajawal-latin-800-normal-Dm5jVIIh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}