@font-face{font-family:Arena;src:url(arabic-regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Arena;src:url(arabic-bold.ttf) format('truetype');font-weight:700 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f4ee;color:#17362d;font-family:Arena,Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffb531;outline-offset:4px}button{touch-action:manipulation}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{height:104px;max-width:1376px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #dedfd6}.brand{text-decoration:none;color:#183c30;display:flex;align-items:center;gap:12px;font-size:26px;font-weight:900;line-height:1.6}.brand i{font-size:18px;font-style:normal;color:#778078}.brand-q{color:#f07843}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:3px;color:#79857e}.brand-ball{width:47px;height:47px;display:grid;place-items:center;background:#e7ecde;border-radius:50%;font-size:31px;transform:rotate(-15deg)}.header-tools{display:flex;gap:10px;align-items:center}.edition{font-size:11px;color:#6d7c73;margin-left:18px}.edition b,.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4c9366;margin-left:6px}.icon-btn{width:40px;height:40px;border:1px solid #dcdfd4;border-radius:13px;background:transparent;color:#496152;display:grid;place-items:center}.icon-btn:hover{background:#e8ecdf}.layout{max-width:1376px;margin:0 auto;padding:42px 48px 20px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start}.intro{padding-top:12px}.eyebrow{font-size:12px;font-weight:700;color:#61745b;margin-bottom:13px}.eyebrow span{background:#ef8555}h1{font-size:48px;line-height:1.55;letter-spacing:-2px;margin:0 0 14px;font-weight:900}h1 span{color:#e77747;position:relative}h1 span:after{content:'';position:absolute;bottom:2px;right:0;width:100%;height:5px;background:#e7774729;border-radius:50%}.intro-copy{font-size:12px;line-height:2.3;color:#778076;margin:0 0 24px}.matchup{display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px;margin-bottom:26px}.player-card{position:relative;width:122px;background:#e9e8dd;border:1px solid #dedfd1;border-radius:18px;text-align:center;padding:0 0 12px;overflow:hidden}.player-card canvas{width:100%;height:103px;object-fit:contain;display:block;background:radial-gradient(ellipse at 50% 90%,#d4cf9b,transparent 70%)}.player-card strong{display:block;font-size:14px}.player-card small{font-size:9px;color:#798476}.keeper-card{background:#e5ebdf}.keeper-card canvas{background:radial-gradient(ellipse at 50% 90%,#bacfb0,transparent 70%)}.vs{position:absolute;top:54px;right:calc(50% - 16px);z-index:2;font-family:Arial,sans-serif;font-style:italic;font-size:15px;font-weight:900;background:#f5f4ee;padding:7px 5px;border-radius:50%;color:#a3a895;transform:rotate(-10deg)}.section-label{font-size:11px;font-weight:700;display:block;margin-bottom:9px}.segmented{display:flex;padding:4px;background:#e7e9df;border-radius:12px;gap:3px}.segmented button{border:0;color:#77816f;background:none;border-radius:9px;font-size:10px;padding:9px 4px;flex:1;white-space:nowrap}.segmented button.active{background:#234c3a;color:#f5f6ec;box-shadow:0 3px 6px #12351e20}.segmented button:disabled{cursor:wait;opacity:.5}.difficulty p{font-size:9px;color:#8b9385;min-height:18px;margin:8px 1px 20px}.record{border-top:1px solid #dedfd6;border-bottom:1px solid #dedfd6;padding:17px 2px;display:flex;align-items:center;gap:13px}.trophy{color:#bc9138;background:#efe7ce;width:40px;height:44px;display:grid;place-items:center;font-size:27px;border-radius:10px}.record div>span{display:block;font-size:10px;color:#7c8576}.record strong{display:block;line-height:1.5}.record strong b{font-size:23px}.record strong small{font-weight:400;font-size:10px;color:#7c8576}.record-arrow{margin-right:auto;color:#b6beab;font-size:24px}.tip{display:flex;align-items:center;gap:12px;color:#b49351;margin-top:12px}.tip>span{font-size:25px}.tip p{font-size:10px;line-height:2.2;color:#8b927f}.tip b{color:#637257;font-size:11px}.arena{isolation:isolate;position:relative;overflow:hidden;background:#183e37;border-radius:25px;box-shadow:0 14px 35px #153c2c16;border:5px solid #fff;aspect-ratio:1000/850;direction:ltr}.arena canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;touch-action:none;outline:none}.arena-top{position:absolute;z-index:2;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.live-tag{background:#153e389c;border:1px solid #ffffff20;color:#fff;font-size:9px;padding:5px 10px;border-radius:7px;direction:rtl;backdrop-filter:blur(6px)}.live-tag span{width:5px;height:5px;background:#e4ed8c;border-radius:50%;display:inline-block;margin-left:4px}.arena-icon{pointer-events:auto;background:#153e3860;border:1px solid #ffffff30;color:white;border-radius:7px;width:29px;height:29px;display:grid;place-items:center}.arena-icon svg{width:14px;height:14px}.scoreboard{position:absolute;z-index:2;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:23px;background:#153d37ec;box-shadow:0 6px 20px #062a2b35;border:1px solid #ffffff20;border-radius:15px;padding:10px 22px;color:#fff;direction:rtl;min-width:280px}.score-unit{text-align:center;min-width:43px}.score-unit>span{font-size:8px;color:#aec0b4;display:block}.score-unit strong{font-size:24px;line-height:1.3;font-family:Arena,sans-serif}.score-unit strong span{font-size:12px;color:#94ad9f}.rounds{text-align:center;border-inline:1px solid #ffffff19;padding:0 17px}.rounds>span{font-size:9px;color:#f2eccd;white-space:nowrap}.shot-dots{display:flex;direction:ltr;gap:6px;margin-top:9px}.shot-dots i{width:10px;height:10px;border-radius:50%;border:1px solid #80988a;background:#ffffff05}.shot-dots i.current{border-color:#f1bf58;background:#f1bf58;box-shadow:0 0 0 3px #efbf571c}.shot-dots i.goal{border-color:#c3ef76;background:#c3ef76}.shot-dots i.miss{border-color:#ee8a78;background:#ee8a78}.game-message{position:absolute;top:20%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;direction:rtl;white-space:nowrap;transition:opacity .3s}.game-message>span{font-size:8px;display:block;color:#214b39;margin-bottom:3px;font-weight:bold}.game-message strong{font-size:12px;background:#fffce9;padding:5px 17px;border-radius:12px;box-shadow:0 3px 0 #1d4c2d15;display:block}.game-message strong:after{content:'';position:absolute;bottom:-5px;left:50%;border:6px solid transparent;border-bottom:0;border-top-color:#fffce9}.aim-hint{position:absolute;left:50%;top:91%;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;flex-direction:column;color:#eff9dd;font-size:11px;text-shadow:0 2px 5px #234321}.aim-hint svg{width:25px;height:35px;fill:none;stroke:#f5f5c5;stroke-width:2;stroke-linecap:round;animation:swipe 2s infinite}.aim-hint span{background:#163f3445;padding:2px 12px;border-radius:30px}.arena-bottom{position:absolute;bottom:17px;right:22px;left:22px;display:flex;justify-content:space-between;align-items:center;color:#f4ffe5a0;font-size:8px;pointer-events:none;direction:rtl}.arena-bottom b{display:inline-block;width:5px;height:5px;background:#c9e797;border-radius:50%;margin-left:4px}.arena-bottom>span:last-child{font-family:Arial,sans-serif;letter-spacing:3px;font-weight:700;color:#ffffff70}.control-bar{margin-top:16px;display:flex;justify-content:space-between;align-items:center;padding:0 4px;gap:10px}.control-instruction{display:flex;gap:12px;align-items:center}.gesture{background:#e5eadb;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#526b39;font-size:26px}.control-instruction b{font-size:12px;display:block}.control-instruction div>span{font-size:10px;color:#899080;display:block;margin-top:3px}.restart-btn{display:flex;align-items:center;gap:6px;border:1px solid #d8ddce;border-radius:11px;background:transparent;color:#67795c;padding:8px 13px;font-size:10px;white-space:nowrap}.restart-btn:hover{background:#e8ecdf}.restart-btn svg{width:15px;height:15px}.under-arena{display:flex;justify-content:space-between;margin:22px 3px 0;font-size:9px;color:#a1a798}.under-arena>span:first-child{color:#83916e}footer{max-width:1280px;margin:10px auto 0;padding:17px 0 25px;border-top:1px solid #e3e5db;display:flex;justify-content:space-between;font-size:9px;color:#a0a899}.result-flash{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) scale(.6) rotate(-6deg);opacity:0;pointer-events:none;text-align:center;transition:transform .28s cubic-bezier(.2,1.5,.5,1),opacity .2s;font-weight:900;color:#fff6bc;text-shadow:0 5px 0 #1c4f37,0 10px 20px #13382190;font-size:56px;white-space:nowrap;direction:rtl}.result-flash.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-6deg)}.result-flash small{display:block;font-size:16px;color:white;text-shadow:0 2px 5px #123b28}.power-indicator{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);display:none;align-items:center;gap:10px;color:white;background:#133c36ce;padding:10px 15px;border-radius:12px;direction:rtl;font-size:9px;white-space:nowrap}.power-indicator>div{width:120px;height:7px;background:#ffffff20;border-radius:9px;overflow:hidden;direction:ltr}.power-indicator i{display:block;height:100%;width:0;background:#f7d16f;transition:width .1s}.power-indicator b{width:30px}dialog{border:0;border-radius:25px;padding:36px;width:min(440px,calc(100% - 32px));color:#244332;background:#f8f8ed;box-shadow:0 30px 100px #082b3070;font-family:Arena,sans-serif}dialog::backdrop{background:#0e302b9c;backdrop-filter:blur(9px)}.close-dialog{position:absolute;left:18px;top:10px;border:0;background:none;color:#80907a;font-size:28px}.modal-kicker{font-size:11px;color:#ad8a3c;font-weight:bold}dialog h2{font-size:25px;line-height:1.7;margin:8px 0 20px}dialog ol{padding-right:20px}dialog li{margin:15px 0;color:#df8651;padding-right:4px}dialog li b{color:#31553c;font-size:13px;display:block}dialog li span{display:block;color:#79846f;font-size:11px;line-height:2}.keyboard-help{background:#e9eddf;border-radius:12px;padding:12px;font-size:10px;line-height:2;color:#76866b}.primary-btn{width:100%;border:0;border-radius:12px;background:#254e38;color:#fff9e4;padding:13px;font-weight:700;font-size:13px;box-shadow:0 4px 0 #173423}.primary-btn:hover{background:#326545}.text-btn{border:0;background:transparent;color:#7f8d71;width:100%;font-size:11px;padding:16px 0 0}#finishDialog{text-align:center}.finish-badge{font-size:56px;line-height:1.4;margin-bottom:10px}#finishDialog>p{font-size:12px;line-height:2;color:#7a896d}.final-stats{display:flex;background:#e8eddd;border-radius:16px;padding:16px;margin:20px 0;justify-content:space-around}.final-stats strong{font-size:32px;display:block}.final-stats span{font-size:10px;color:#7f8e70}#newRecord{color:#b08a32!important;min-height:24px}body:has(.arena:fullscreen){overflow:hidden}.arena:fullscreen{border:0;border-radius:0;max-width:100%;height:100%;aspect-ratio:auto}.arena:fullscreen canvas{object-fit:contain}.arena.expanded{position:fixed;inset:0;width:100%;height:100dvh;z-index:20;aspect-ratio:auto;border-radius:0}.arena.expanded canvas{object-fit:contain}@keyframes swipe{0%,100%{transform:translateY(4px);opacity:.5}60%{transform:translateY(-5px);opacity:1}}@media(min-width:1500px){.layout{padding-top:55px;grid-template-columns:300px minmax(0,1fr);gap:60px}}@media(max-width:1100px){.layout{padding:28px;gap:28px;grid-template-columns:250px minmax(0,1fr)}.topbar{padding:0 28px;height:90px}h1{font-size:43px}.scoreboard{gap:10px;min-width:235px;padding:8px 14px}.rounds{padding:0 10px}.live-tag{display:none}footer{margin:10px 28px}.arena-top{top:17px;left:15px;right:15px;justify-content:flex-start}.game-message{top:23%}.game-message strong{font-size:10px}.game-message>span{display:none}.arena{aspect-ratio:1000/950}.aim-hint{font-size:9px}.result-flash{font-size:42px}}@media(max-width:760px){.topbar{height:76px;padding:0 20px}.brand{font-size:23px;gap:9px}.brand-ball{width:38px;height:38px;font-size:25px}.brand small{font-size:7px;letter-spacing:2.5px}.edition{display:none}.icon-btn{width:35px;height:35px;border-radius:11px}.layout{display:flex;flex-direction:column;padding:22px 16px 12px;gap:19px}.intro{display:contents}.eyebrow,.intro-copy,.matchup,.record,.tip{display:none}h1{font-size:26px;margin:0;line-height:1.6;letter-spacing:-.8px;order:0;padding-right:4px}h1 br{display:none}h1 span{margin-right:5px}.difficulty{position:absolute;top:98px;left:20px;width:184px}.difficulty .section-label,.difficulty p{display:none}.segmented{padding:3px;border-radius:10px}.segmented button{font-size:9px;padding:7px 3px}.play-section{width:100%;order:1}.arena{aspect-ratio:1000/1080;border-width:4px;border-radius:21px;max-height:64dvh;min-height:350px}.scoreboard{top:16px;min-width:235px;gap:10px;padding:7px 12px;border-radius:12px}.score-unit strong{font-size:21px}.score-unit>span,.rounds>span{font-size:8px}.shot-dots{gap:5px;margin-top:6px}.shot-dots i{width:8px;height:8px}.arena-top{top:18px;left:12px;right:12px}.arena-icon{width:25px;height:25px}.game-message{top:22%}.game-message strong{font-size:9px;padding:3px 12px}.aim-hint{top:91%;font-size:9px}.aim-hint svg{height:25px}.arena-bottom{bottom:12px;left:15px;right:15px;font-size:7px}.arena-bottom>span:last-child{font-size:7px;letter-spacing:2px}.control-bar{margin-top:13px;padding:0 1px}.control-instruction{gap:8px}.control-instruction b{font-size:10px}.control-instruction div>span{font-size:8px;max-width:225px}.gesture{width:35px;height:38px;font-size:23px}.restart-btn{padding:7px 9px;font-size:9px}.under-arena{margin-top:17px;font-size:8px}.under-arena>span:last-child{display:none}footer{margin:0 20px;padding:10px 0 18px;font-size:8px}.result-flash{font-size:40px}.result-flash small{font-size:12px}.power-indicator{bottom:10%;padding:7px 10px}.power-indicator>div{width:85px}}@media(max-width:370px){h1{font-size:22px}.difficulty{width:165px;left:16px}.scoreboard{min-width:210px;gap:7px}.score-unit{min-width:34px}.control-instruction div>span{max-width:185px}.arena{min-height:330px}}@media(prefers-reduced-motion:reduce){.aim-hint svg{animation:none}*{scroll-behavior:auto!important}}@media(max-height:520px) and (orientation:landscape){.layout{display:grid;grid-template-columns:200px 1fr;padding:16px 25px}.intro{display:block}.difficulty{position:static;width:100%}h1{font-size:27px;margin-bottom:12px}.play-section{max-width:650px}.arena{min-height:320px;aspect-ratio:1000/780;max-height:none}.topbar{height:60px}.control-bar{margin-top:8px}.under-arena,footer{display:none}}

/* Compact layouts keep the title and difficulty controls on separate rows. */
@media(max-width:760px) and (min-height:521px){
 .layout{gap:13px;padding-top:17px}h1{font-size:27px;order:0}
 .difficulty{position:static;order:1;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4px}
 .difficulty .section-label{display:block;font-size:10px;margin:0;color:#7c8a70}
 .segmented{width:212px}.segmented button{font-size:10px;padding:7px 6px}
 .play-section{order:2}.arena{aspect-ratio:1000/1110;min-height:350px;max-height:60dvh}
 .scoreboard{top:14px}.score-unit>span,.rounds>span{font-size:9px}.score-unit strong{font-size:24px}
 .control-instruction b{font-size:11px}.control-instruction div>span{font-size:9px}
 .game-message strong{font-size:10px}.aim-hint{font-size:10px}.arena-bottom{font-size:7px}
}

@media(max-width:370px){.arena-top{top:auto;bottom:45px}.scoreboard{min-width:210px}.segmented{width:190px}}
.arena{width:100%;min-width:0}.play-section{min-width:0}.control-instruction{min-width:0;flex:1}.control-instruction>div{min-width:0}.restart-btn{flex-shrink:0}
@media(max-width:370px){.control-instruction div>span{max-width:none;font-size:8px}.control-instruction b{font-size:9px}.gesture{width:29px;flex-shrink:0}.control-bar{gap:7px}.layout{gap:12px}}

.result-flash[data-outcome="save"]{color:#ffd4aa;text-shadow:0 4px 0 #644531,0 8px 20px #143e3080}
.result-flash[data-outcome="post"],.result-flash[data-outcome="miss"]{color:#fff0d0}
/* Keep the airborne celebration unobscured and prevent swipe text selection. */
.arena,.control-bar,.matchup{user-select:none;-webkit-user-select:none}
.result-flash[data-outcome="goal"]{top:35%}

/* Installed iPhone layout, including notch and home indicator insets. */
[hidden]{display:none!important}
html{min-height:100%;background:#f5f4ee;-webkit-text-size-adjust:100%}
body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.brand-ball{border-radius:13px;transform:none;object-fit:cover}
.pwa-bar{max-width:1280px;margin:4px auto 12px;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#758471}
#offlineStatus[data-ready="true"]{color:#326545}
#offlineStatus[data-ready="true"]::before{content:'●';font-size:8px;margin-left:7px}
.install-btn{border:1px solid #cbd6be;background:#e7ecde;color:#254e38;min-height:44px;padding:8px 16px;border-radius:12px;font-size:11px}
.install-logo{display:block;border-radius:18px;margin:0 0 18px}
#installDialog>p{font-size:12px;line-height:2;color:#65745e}
#installDialog{max-height:calc(100dvh - 48px);overflow:auto}
.arena canvas{-webkit-touch-callout:none}
body:has(.arena.expanded){overflow:hidden}
.arena.expanded,.arena:fullscreen{padding:0;border:0;min-height:0;max-height:none}
.arena.expanded .arena-top,.arena:fullscreen .arena-top{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}
.arena.expanded .scoreboard,.arena:fullscreen .scoreboard{top:max(20px,env(safe-area-inset-top))}
.arena.expanded .arena-bottom,.arena:fullscreen .arena-bottom{bottom:max(17px,env(safe-area-inset-bottom))}
@media(max-width:760px){.icon-btn{min-width:44px;min-height:44px}.header-tools{gap:5px}.topbar{padding-inline:16px}.brand{font-size:21px;gap:6px}.brand-ball{width:34px;height:34px;border-radius:10px}.pwa-bar{font-size:10px;margin:0 16px 8px;padding:8px 0}.arena-icon{width:36px;height:36px}.restart-btn{min-height:44px}.close-dialog{min-width:44px;min-height:44px}.difficulty .segmented button{min-height:36px}}
@media(display-mode:standalone) and (max-width:760px){.topbar{height:64px}.layout{padding-top:12px;gap:12px}.under-arena,footer{display:none}.pwa-bar{margin-bottom:2px}.arena{min-height:300px;max-height:62dvh}}
@media(max-width:370px){.brand small{font-size:6px;letter-spacing:1.8px}.brand{font-size:19px}.header-tools{gap:3px}}

/* Phone play surface: the game is the screen; secondary actions live in its menu. */
.mobile-menu-btn{display:none}
.game-mobile{height:100%;overflow:hidden;background:#153d37;overscroll-behavior:none}
.game-mobile body{position:fixed;inset:0;width:100%;height:100%;height:100dvh;padding:0;overflow:hidden;background:#286d48;overscroll-behavior:none}
.game-mobile .layout,.game-mobile .play-section{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;padding:0;margin:0}
.game-mobile .intro,.game-mobile footer,.game-mobile .under-arena{display:none}
.game-mobile .topbar{position:absolute;inset:0;z-index:6;width:100%;height:0;max-width:none;margin:0;padding:0;border:0;pointer-events:none}
.game-mobile .brand,.game-mobile .edition,.game-mobile #helpBtn{display:none}
.game-mobile .header-tools{display:contents}
.game-mobile #soundBtn{position:fixed;left:max(12px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 16px);width:44px;height:44px;border-radius:14px;border:1px solid #ffffff38;background:#153d37df;color:#fff2c6;box-shadow:0 4px 14px #082d3626;pointer-events:auto}
.game-mobile .mobile-menu-btn{display:grid;place-items:center;position:fixed;z-index:6;right:max(12px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 16px);width:44px;height:44px;padding:0;border:1px solid #ffffff38;border-radius:14px;background:#153d37df;color:#fff2c6;box-shadow:0 4px 14px #082d3626}
.update-dot{display:none}.update-available .update-dot{display:block;position:absolute;top:2px;right:2px;width:9px;height:9px;background:#ffcc64;border-radius:50%;box-shadow:0 0 0 3px #214e40}
.game-mobile .arena{--dock-room:calc(74px + env(safe-area-inset-bottom));position:absolute;inset:0;width:100%;height:100%;height:100dvh;min-height:0;max-height:none;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(#286d48 70%,#245e42)}
.game-mobile .arena canvas{inset:0;display:block;width:100%;height:calc(100% - var(--dock-room));object-fit:fill}
.game-mobile .arena::after{content:'';position:absolute;bottom:var(--dock-room);left:0;right:0;height:30px;transform:translateY(1px);background:linear-gradient(transparent,#286d48);pointer-events:none}
.game-mobile .arena-top,.game-mobile .arena-bottom{display:none}
.game-mobile .scoreboard{top:calc(env(safe-area-inset-top) + 12px);width:calc(100% - 132px);max-width:300px;min-width:0;gap:8px;padding:9px 8px;border-radius:17px;background:#103d36e8;box-shadow:0 8px 25px #123c2c26}
.game-mobile .score-unit{min-width:30px;flex:1}.game-mobile .score-unit>span{font-size:8px}.game-mobile .score-unit strong{font-size:24px}.game-mobile .score-unit strong span{font-size:11px}
.game-mobile .rounds{padding-inline:9px}.game-mobile .rounds>span{font-size:8px}.game-mobile .shot-dots{gap:5px;margin-top:7px;justify-content:center}.game-mobile .shot-dots i{width:8px;height:8px}
.game-mobile .game-message{top:calc((100% - var(--dock-room)) * .24)}
.game-mobile .game-message strong{font-size:11px;padding:5px 14px}.game-mobile .game-message>span{display:none}
.game-mobile .aim-hint{top:calc((100% - var(--dock-room)) * .92);font-size:10px}.game-mobile .aim-hint svg{height:23px}
.game-mobile .result-flash,.game-mobile .result-flash[data-outcome="goal"]{top:calc((100% - var(--dock-room)) * .32);font-size:48px}.game-mobile .result-flash small{font-size:12px}
.game-mobile .power-indicator{bottom:calc(var(--dock-room) + 12%)}
.game-mobile .control-bar{position:fixed;z-index:5;bottom:calc(env(safe-area-inset-bottom) + 14px);left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));margin:0;padding:8px 10px 8px 14px;min-height:54px;border:1px solid #ffffff25;border-radius:19px;background:#113c34c9;box-shadow:0 7px 25px #103d3430;color:#f4f6dc;backdrop-filter:blur(12px);gap:10px}
.game-mobile .control-instruction{min-width:0;gap:0}.game-mobile .gesture{display:none}.game-mobile .control-instruction b{font-size:12px;line-height:1.8;color:#fff4c9}.game-mobile .control-instruction div>span{font-size:9px;max-width:none;color:#bfd1b5;line-height:1.8;margin:0}
.game-mobile .restart-btn{width:44px;height:44px;min-height:44px;flex-shrink:0;overflow:hidden;font-size:0;padding:11px;border:1px solid #ffffff2e;background:#ffffff0c;color:#fff1bf;border-radius:13px;gap:0}.game-mobile .restart-btn svg{width:22px;height:22px;flex-shrink:0}
.game-mobile dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:30px 25px;border:1px solid #eff0d3;border-radius:25px}
#mobileMenu .difficulty{display:block;padding:0;position:static;width:100%;margin:0 0 10px}#mobileMenu .section-label{display:block;margin:0 0 10px;font-size:12px}#mobileMenu .segmented{width:100%;padding:4px}#mobileMenu .segmented button{min-height:44px;font-size:11px}#mobileMenu .difficulty p{display:block;font-size:10px;line-height:1.9;margin:8px 0;min-height:0}
#mobileMenu h2{margin-bottom:18px}#mobileMenu .pwa-bar{margin:14px 0;padding:14px 0;border-top:1px solid #dce2ce;display:flex;flex-direction:column;gap:9px}#mobileMenu .install-btn{width:100%;font-size:12px}
.menu-help{display:block;min-height:44px;width:100%;border:1px solid #d5ddc7;border-radius:12px;background:#e8ecdf;color:#31553c;font-size:12px}.menu-version{text-align:center;font-size:9px;color:#7d8b72;margin:16px 0 0}
@media(max-width:360px){.game-mobile .scoreboard{width:calc(100% - 116px);padding-inline:5px;gap:3px}.game-mobile .rounds{padding-inline:6px}.game-mobile .score-unit strong{font-size:21px}.game-mobile #soundBtn{left:8px}.game-mobile .mobile-menu-btn{right:8px}.game-mobile .control-instruction b{font-size:11px}.game-mobile .control-instruction div>span{font-size:8px}}
@media(orientation:landscape){.game-mobile .arena{--dock-room:0px}.game-mobile .arena canvas{width:calc(100dvh * 1000 / 780);max-width:100%;height:100%;left:50%;transform:translateX(-50%)}.game-mobile .arena::after{display:none}.game-mobile .scoreboard{left:12px;transform:none;top:76px;width:150px;gap:4px;padding:9px 6px}.game-mobile .rounds{padding-inline:5px}.game-mobile .control-bar{left:auto;right:max(12px,env(safe-area-inset-right));width:155px;bottom:calc(12px + env(safe-area-inset-bottom));padding:7px}.game-mobile .control-instruction{display:none}.game-mobile .restart-btn{width:100%;font-size:11px;justify-content:center;gap:8px}.game-mobile .game-message{top:20%;}.game-mobile .aim-hint{top:92%}.game-mobile .result-flash,.game-mobile .result-flash[data-outcome="goal"]{top:32%}}

@media(orientation:landscape){.game-mobile .arena{background-image:linear-gradient(#123e3525,#0b41383b),var(--stadium-backdrop);background-size:100% 100%}.game-mobile .arena canvas{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}}

@media(orientation:landscape){.game-mobile .arena{background:#245e42}.game-mobile .arena::before{content:'';position:absolute;inset:-20px;background-image:var(--stadium-backdrop);background-size:100% 100%;filter:blur(16px) brightness(.8);pointer-events:none}.game-mobile .arena canvas{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}}

.game-mobile .aim-hint{display:none}.game-mobile .power-indicator{bottom:calc(var(--dock-room) + 130px)}
@media(orientation:landscape){.game-mobile .power-indicator{bottom:15%;left:50%}}