@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2)format("woff2"),url(./noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-arabic-arabic-700-normal-3CqrwsiZ.woff2)format("woff2"),url(./noto-sans-arabic-arabic-700-normal-DXnsSW3z.woff)format("woff")}:root{--bg:#101b2d;--surface:#1a2940;--surface-2:#22344f;--line:#b6c3d529;--lime:#d8ff4f;--lime-ink:#101b2d;--court:#187f91;--coral:#ff7b72;--cyan:#5fd4e0;--text:#f4f6ee;--text-2:#b6c3d5;--radius:18px;--font-title:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ctl-scale:1;--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);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:lang(ar){--font-body:"Noto Sans Arabic", "Inter", system-ui, sans-serif;--font-title:"Noto Sans Arabic", "Barlow Condensed", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}input{font:inherit}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.plabel{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;will-change:transform;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0}.plabel .pl-name{background:#101b2dd1;border-radius:99px;padding:2px 7px}.plabel.me .pl-name{background:var(--lime);color:var(--lime-ink)}.plabel.ally .pl-name{color:var(--cyan)}.plabel.opp .pl-name{color:var(--coral)}.plabel .pl-robot{color:var(--text-2);border:1px solid var(--line);background:#101b2dd1;border-radius:99px;padding:2px 6px;font-size:9px}.plabel .pl-serve{background:var(--lime);border-radius:50%;width:9px;height:9px;display:none;box-shadow:0 0 0 2px #101b2dcc}.plabel.serving .pl-serve{display:block}.plabel .pl-call{opacity:0;background:var(--text);color:var(--bg);border-radius:10px;padding:4px 9px;font-size:12px;transition:all .15s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)scale(.8)}.plabel .pl-call.show{opacity:1;transform:translate(-50%)scale(1)}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}.hud-top{top:calc(10px + var(--safe-t));left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.serve-chip{color:var(--coral);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);background:#101b2dd9;border-radius:99px;min-width:120px;padding:6px 12px;font-size:12px;font-weight:700}.serve-chip.mine{background:var(--lime);color:var(--lime-ink);border-color:#0000}.scoreboard{border:1px solid var(--line);text-align:center;background:#101b2de6;border-radius:14px;min-width:210px;padding:6px 14px 5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sb-row{direction:ltr;justify-content:center;align-items:center;gap:12px;display:flex}.sb-team{align-items:center;gap:10px;display:flex}.sb-name{letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;font-weight:700;overflow:hidden}.sb-me .sb-name{color:var(--lime)}.sb-op .sb-name{color:var(--coral)}.sb-games{font-family:var(--font-title);font-variant-numeric:tabular-nums;min-width:22px;font-size:26px;font-weight:800;line-height:1}.sb-pts{font-family:var(--font-title);color:var(--text-2);font-variant-numeric:tabular-nums;min-width:26px;font-size:18px;font-weight:700}.scoreboard:not(.games) .sb-pts{display:none}.sb-sep{background:var(--line);width:1px;height:22px}.sb-format{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:9px}.pause-btn{border:1px solid var(--line);background:#101b2dd9;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}.pause-btn span{background:var(--text);border-radius:2px;width:4px;height:15px}.countdown{font-family:var(--font-title);color:var(--lime);text-shadow:0 4px 30px #00000080;opacity:0;font-size:96px;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.8)}.countdown.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.toast{border:1px solid var(--line);text-align:center;opacity:0;background:#101b2deb;border-radius:14px;flex-direction:column;gap:2px;max-width:80vw;padding:10px 18px;font-size:15px;font-weight:700;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.toast span{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.toast.show{opacity:1;transform:translate(-50%)}.toast.win{border-color:var(--lime)}.toast.win span{color:var(--lime)}.toast.lose span{color:var(--coral)}.quality{left:50%;bottom:calc(150px + var(--safe-b));letter-spacing:.05em;text-transform:uppercase;opacity:0;background:#101b2dd9;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;transition:opacity .12s;position:absolute;transform:translate(-50%)}.quality.show{opacity:1}.quality.q-good{color:var(--lime)}.quality.q-ok{color:var(--text)}.quality.q-bad{color:#ffb35c}.controls{position:absolute;inset:0}.stick{left:calc(100px + var(--safe-l));bottom:calc(95px + var(--safe-b));width:calc(130px * var(--ctl-scale));height:calc(130px * var(--ctl-scale));display:none;position:absolute;transform:translate(-50%,50%)}#hud.touch .stick{display:block}.stick-ring{background:#101b2d8c;border:2px solid #f4f6ee40;border-radius:50%;position:absolute;inset:0}.stick-knob{background:#b6c3d5bf;border:2px solid #f4f6ee99;border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick.active{transform:translate(-50%,-50%)}.stick.active .stick-ring{border-color:#d8ff4fb3}.stick-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-top:4px;font-size:10px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.stick.active .stick-label{display:none}.actions{right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));gap:calc(10px * var(--ctl-scale));transform-origin:100% 100%;transform:scale(var(--ctl-scale));grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;display:none;position:absolute}#hud.touch .actions{display:grid}.act{pointer-events:auto;letter-spacing:.06em;text-transform:uppercase;background:#101b2dd1;border:1.5px solid #f4f6ee66;border-radius:99px;min-width:72px;min-height:48px;padding:0 14px;font-size:13px;font-weight:800;transition:transform 60ms,opacity .15s}.act-lob{grid-area:1/1;align-self:start}.act-smash{grid-area:2/1}.act-drive{background:var(--lime);width:120px;height:104px;color:var(--lime-ink);border:0;border-radius:26px;flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-items:flex-start;padding:0 16px;display:flex;position:relative;overflow:hidden}.act-drive b{font-family:var(--font-title);font-size:24px;font-weight:800;position:relative}.act-drive small{text-transform:none;letter-spacing:0;opacity:.75;font-size:9px;font-weight:600;position:relative}.drive-gauge{width:100%;height:calc(var(--charge,0) * 100%);background:#101b2d2e;position:absolute;bottom:0;left:0}.act.down{transform:scale(.94)}.act.disabled{opacity:.38}#hud.lefty .stick{left:auto;right:calc(100px + var(--safe-r));transform:translate(50%,50%)}#hud.lefty .stick.active{transform:translate(-50%,-50%)}#hud.lefty .actions{right:auto;left:calc(18px + var(--safe-l));transform-origin:0 100%}.calls{left:50%;bottom:calc(60px + var(--safe-b));gap:8px;display:none;position:absolute;transform:translate(-50%)}#hud.doubles .calls{display:flex}.calls button{pointer-events:auto;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em;background:#101b2dcc;border-radius:99px;min-height:40px;padding:0 14px;font-size:12px;font-weight:700}.kbd-hint{left:50%;bottom:calc(8px + var(--safe-b));color:var(--text-2);white-space:nowrap;background:#101b2dbf;border-radius:99px;padding:5px 12px;font-size:11px;position:absolute;transform:translate(-50%)}#hud.touch .kbd-hint{display:none}.kbd-hint{animation:.6s 7s forwards hintout}@keyframes hintout{to{opacity:0;visibility:hidden}}#screens{pointer-events:none;position:fixed;inset:0}#screens>*{pointer-events:auto}.screen{padding:calc(16px + var(--safe-t)) calc(20px + var(--safe-r)) calc(14px + var(--safe-b)) calc(20px + var(--safe-l));flex-direction:column;animation:.2s fadein;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.reduced .screen{animation:none}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen.home{pointer-events:none;background:linear-gradient(90deg,#101b2d00 30%,#101b2d8c 55%,#101b2deb 70%)}.screen.home>*{pointer-events:auto}[dir=rtl] .screen.home{background:linear-gradient(270deg,#101b2d00 30%,#101b2d8c 55%,#101b2deb 70%)}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand{font-family:var(--font-title);letter-spacing:.04em;direction:ltr;font-size:26px;font-weight:800;line-height:1}.brand em{color:var(--lime);font-style:normal}.tagline{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-top:4px;font-size:11px}.profile-chip{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em;background:#1a2940e6;border-radius:99px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:12px;font-weight:700;display:flex}.profile-chip i{background:var(--lime);border-radius:50%;width:26px;height:26px;display:block}.home-body{flex:1;gap:18px;min-height:0;margin-top:8px;display:flex}.home-left{pointer-events:none;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;padding:6px 0;display:flex}.chip{background:var(--lime);color:var(--lime-ink);letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-block}.chip.dark{color:var(--text);border:1px solid var(--line);background:#101b2de0}.home-right{flex-direction:column;gap:10px;width:min(360px,42vw);padding-bottom:4px;display:flex;overflow-y:auto}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:2px 0;font-size:12px;font-weight:800}.card{text-align:start;border-radius:var(--radius);border:1px solid var(--line);background:#1a2940f0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:64px;padding:14px 16px;transition:transform 80ms,border-color .15s;display:flex}.card:hover{border-color:#f4f6ee59}.card:active{transform:scale(.985)}.card b{letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:800;display:block}.card small{color:var(--text-2);margin-top:3px;font-size:12px;display:block}.card .arrow{color:var(--lime);font-size:20px;font-weight:700}[dir=rtl] .card .arrow{transform:scaleX(-1)}.card.primary{background:var(--lime);color:var(--lime-ink);border-color:#0000}.card.primary small{color:#101b2dbf}.card.primary .arrow{color:var(--lime-ink)}.card.soon{opacity:.62}.badge{border:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);border-radius:99px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.nav{border-radius:var(--radius);border:1px solid var(--line);background:#1a2940f0;grid-template-columns:repeat(4,1fr);margin-top:10px;padding:6px;display:grid}.nav button{letter-spacing:.08em;text-transform:uppercase;min-height:44px;color:var(--text-2);border-radius:12px;font-size:12px;font-weight:800}.nav button.on{color:var(--lime)}.panel-screen{-webkit-backdrop-filter:blur(6px);background:#101b2de6}.panel-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.panel-head h1{font-family:var(--font-title);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:26px;font-weight:800}.back-btn{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:44px;height:44px;font-size:18px;font-weight:700}[dir=rtl] .back-btn{transform:scaleX(-1)}.panel-body{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:12px 18px;padding-bottom:8px;display:grid;overflow-y:auto}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field.wide{grid-column:1/-1}.field>label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:700}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:12px;flex:auto;min-height:44px;padding:6px 12px;font-size:13px;font-weight:700}.seg button small{color:var(--text-2);margin-top:2px;font-size:10px;font-weight:500;display:block}.seg button.on{background:var(--lime);color:var(--lime-ink);border-color:#0000}.seg button.on small{color:#101b2db3}.note{color:var(--text-2);font-size:12px;line-height:1.45}.note b{color:var(--text)}.panel-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.btn{background:var(--surface);border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;min-height:48px;padding:0 22px;font-size:14px;font-weight:800}.btn.primary{background:var(--lime);color:var(--lime-ink);border-color:#0000}.btn.danger{color:var(--coral)}.result{text-align:center;-webkit-backdrop-filter:blur(6px);background:#101b2de0;justify-content:center;align-items:center}.result h1{font-family:var(--font-title);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:54px;font-weight:800;line-height:1}.result h1.win{color:var(--lime)}.result h1.lose{color:var(--coral)}.result .final{font-family:var(--font-title);direction:ltr;margin:6px 0 2px;font-size:32px;font-weight:700}.result .sub{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.stats{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;width:100%;max-width:640px;margin:16px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.stat b{font-family:var(--font-title);font-size:28px;font-weight:800;display:block}.stat span{color:var(--text-2);font-size:11px}.result .row{gap:10px;display:flex}.modal{-webkit-backdrop-filter:blur(4px);background:#080e18b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-box{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:10px;width:min(420px,92vw);max-height:92vh;padding:18px;display:flex;overflow-y:auto}.modal-box h2{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:26px}.modal-box .btn{width:100%}.toggle-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;display:flex}.switch{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;flex:none;width:50px;height:30px;position:relative}.switch:after{content:"";background:var(--text-2);border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--lime)}.switch.on:after{background:var(--lime-ink);left:23px}[dir=rtl] .switch:after{transition:right .15s;left:auto;right:3px}[dir=rtl] .switch.on:after{right:23px}input[type=range]{width:100%;accent-color:var(--lime)}.text-input{background:var(--surface);border:1px solid var(--line);min-height:46px;color:var(--text);-webkit-user-select:text;user-select:text;border-radius:12px;padding:0 14px;font-size:15px;font-weight:600}.text-input:focus{outline:2px solid var(--lime);outline-offset:1px}.avatars{flex-wrap:wrap;gap:8px;display:flex}.avatars button{background:var(--surface);border:2px solid var(--line);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.avatars button.on{border-color:var(--lime)}.kv{gap:10px;display:flex}.kv .stat{flex:1}.ex-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}#rotate{text-align:center;background:var(--bg);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-weight:700;display:none;position:fixed;inset:0}.rotate-phone{border:3px solid var(--lime);border-radius:10px;width:46px;height:78px;animation:1.8s ease-in-out infinite rot}@keyframes rot{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@media (orientation:landscape) and (pointer:coarse) and (max-height:500px){#rotate{display:flex}}@media (max-height:430px){.scoreboard{min-width:180px;padding:3px 12px}.sb-games{font-size:21px}.sb-pts{font-size:15px}.sb-format{margin-top:0;font-size:8px}.serve-chip{min-width:0;padding:5px 10px;font-size:11px}.pause-btn{width:40px;height:40px}.act-drive{width:108px;height:92px}.screen{padding-top:calc(10px + var(--safe-t))}.card{min-height:52px;padding:9px 14px}.card small{display:none}.brand{font-size:22px}.nav{margin-top:6px;padding:4px}.nav button{min-height:40px}.panel-head{margin-bottom:6px}.panel-head h1{font-size:22px}.result h1{font-size:40px}.stats{margin:10px 0}.stat{padding:8px}.stat b{font-size:22px}}@media (max-width:720px){.panel-body{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.home-right{width:min(330px,52vw)}}.btn.danger.primary{background:var(--coral);color:var(--lime-ink);text-transform:none;letter-spacing:0;min-height:56px;font-size:13px}.home-left-foot{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.partner{border:1px solid var(--line);pointer-events:auto;background:#101b2dd1;border-radius:14px;align-items:center;gap:12px;padding:8px 14px 8px 12px;display:flex}.partner span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);max-width:82px;font-size:10px;font-weight:700;line-height:1.3}.partner img{width:auto;height:46px;display:block}.partner-inline{background:0 0;border:0;margin-top:16px}.partner-inline img{height:40px}.presented{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:calc(38% + 74px);left:50%;transform:translate(-50%)}.presented.show{opacity:1}.presented span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:10px;font-weight:700}.presented img{filter:drop-shadow(0 2px 10px #00000080);width:auto;height:52px}@media (max-height:430px){.partner img{height:34px}.presented img{height:38px}.presented{top:calc(38% + 58px)}}.hud-right{align-items:center;gap:10px;display:flex}.net-ping{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;display:none}#hud.online .net-ping{display:inline}.net-ping.bad{color:#ffb35c}.net-state{border:1px solid var(--line);text-align:center;background:#101b2df0;border-radius:14px;max-width:80vw;padding:12px 20px;font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.net-state.show{display:block}.search-box{flex-direction:column;gap:8px;min-height:0;display:flex}.search-box.active{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:14px 16px}.search-row{align-items:center;gap:10px;font-size:15px;display:flex}.search-row.found b{color:var(--lime)}.search-time{font-family:var(--font-title);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:22px;font-weight:700}.search-actions{flex-wrap:wrap;gap:8px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--lime);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.reduced .spinner{animation-duration:3s}.text-input.invalid{outline:2px solid var(--coral)}.rating-line{color:var(--lime);margin-top:2px}.rematch-note{min-height:14px;margin-top:10px}.btn:disabled{opacity:.45}.join-row{gap:8px;display:flex}.join-row .text-input{flex:1;min-width:0}.code-input{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;font-size:20px}.lobby-body{flex:1;grid-template-columns:1.3fr 1fr;gap:16px;min-height:0;display:grid}.lobby-seats{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.seat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:0;padding:14px;display:flex;position:relative}.seat.empty{color:var(--text-2);border-style:dashed}.seat-fig{width:min(130px,70%);height:auto;max-height:50%}.seat-name{text-transform:uppercase;letter-spacing:.06em;font-size:16px;font-weight:800}.seat-side{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.seat-wait{align-items:center;gap:8px;font-size:13px;display:flex}.chip.cyan{background:var(--cyan);color:var(--lime-ink)}.lobby-caption{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:#1a2940cc;border-radius:10px;grid-column:1/-1;padding:8px 12px;font-size:11px;font-weight:700}.lobby-panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.seg-sm button{min-height:38px;padding:4px 10px;font-size:12px}.lobby-value{font-size:15px;font-weight:700}.code-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-code{font-family:var(--font-title);letter-spacing:.08em;color:var(--lime);-webkit-user-select:text;user-select:text;direction:ltr;font-size:26px;font-weight:800}.btn.wide{width:100%}.btn.ghost{color:var(--text-2);background:0 0}@media (max-width:720px),(max-height:430px){.lobby-body{grid-template-columns:1fr 1fr;gap:10px}.seat{gap:4px;padding:8px}.seat-fig{max-height:38%}.lobby-panel{gap:6px;padding:10px}.lobby-code{font-size:20px}}@media (orientation:portrait){.hud-top{grid-template-columns:1fr auto;align-items:start;gap:6px 10px;display:grid}.scoreboard{grid-area:1/1;justify-self:start;min-width:0;max-width:100%;padding:5px 12px 4px;position:static;transform:none}.sb-name{max-width:22vw;font-size:11px}.sb-games{font-size:23px}.sb-pts{font-size:16px}.hud-right{grid-area:1/2}.serve-chip{grid-area:2/1/auto/-1;justify-self:start;min-width:0;padding:4px 10px;font-size:11px}.countdown{top:34%}.toast{max-width:88vw;top:18%}.presented{top:calc(34% + 74px)}.stick{left:calc(82px + var(--safe-l));bottom:calc(88px + var(--safe-b));width:calc(124px * var(--ctl-scale));height:calc(124px * var(--ctl-scale))}#hud.lefty .stick{right:calc(82px + var(--safe-r))}.actions{right:calc(12px + var(--safe-r));bottom:calc(22px + var(--safe-b));gap:calc(8px * var(--ctl-scale))}#hud.lefty .actions{left:calc(12px + var(--safe-l))}.act{min-width:64px;min-height:46px;padding:0 10px;font-size:12px}.act-drive{width:104px;height:100px;padding:0 12px}.act-drive b{font-size:22px}.calls{bottom:calc(176px + var(--safe-b))}.quality{bottom:calc(220px + var(--safe-b))}.kbd-hint{white-space:normal;text-align:center;width:max-content;max-width:90vw}.screen.home,[dir=rtl] .screen.home{background:linear-gradient(#101b2dd9 0%,#101b2d00 16% 34%,#101b2da6 48%,#101b2df2 58%)}.brand,.tagline{text-shadow:0 1px 8px #0009}.topbar{flex-wrap:wrap}.home-body{flex-direction:column;justify-content:flex-end;gap:10px}.home-left{flex-direction:column;flex:1;justify-content:space-between;padding:0}.home-left-foot{flex-flow:wrap;align-items:center}.home-left-foot .chip.dark{display:none}.home-right{flex:none;gap:8px;width:100%;overflow:visible}.card{min-height:56px;padding:11px 14px}.partner img{height:36px}.panel-body{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.result .row{flex-direction:column;width:100%;max-width:360px}.result h1{font-size:44px}.lobby-body{grid-template-columns:1fr;align-content:start;overflow-y:auto}.lobby-seats{grid-template-rows:auto auto}.seat{min-height:150px}.lobby-panel{overflow:visible}.panel-foot{flex-wrap:wrap}.panel-foot .btn{flex:auto}}@media (orientation:portrait) and (max-height:700px){.card small{display:none}.card{min-height:48px;padding:9px 14px}}@media (pointer:coarse){.panel-screen,.result,.modal{-webkit-backdrop-filter:none}.panel-screen{background:#101b2df5}.result{background:#101b2ded}}.swipe-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#hud.gestures .stick,#hud.gestures .actions{display:none!important}#hud.gestures .calls{bottom:calc(24px + var(--safe-b))}.gesture-hint{left:50%;bottom:calc(70px + var(--safe-b));border:1px solid var(--line);text-align:center;background:#101b2dd9;border-radius:14px;width:max-content;max-width:90vw;padding:8px 14px;font-size:12px;font-weight:700;line-height:1.4;display:none;position:absolute;transform:translate(-50%)}#hud.gestures .gesture-hint{animation:.6s 8s forwards hintout;display:block}.drill-banner{left:50%;top:calc(64px + var(--safe-t));border:1px solid var(--line);text-align:center;background:#101b2de6;border-radius:14px;width:max-content;max-width:92vw;padding:8px 16px;display:none;position:absolute;transform:translate(-50%)}.drill-banner.show{display:block}.drill-banner b{font-size:14px;font-weight:800;display:block}.drill-banner span{font-family:var(--font-title);color:var(--lime);margin-top:2px;font-size:18px;font-weight:800;display:block}#hud.drill .scoreboard,#hud.drill .serve-chip{display:none}#hud.drill .hud-top{justify-content:flex-end}@media (orientation:portrait){.drill-banner{top:calc(10px + var(--safe-t));max-width:calc(100vw - 90px);left:calc(14px + var(--safe-l));text-align:start;transform:none}}.debug-panel{left:calc(8px + var(--safe-l));top:calc(118px + var(--safe-t));color:#d8ff4f;white-space:pre;pointer-events:none;background:#000000b8;border-radius:8px;max-width:calc(100vw - 16px);margin:0;padding:6px 8px;font:10px/1.35 ui-monospace,Menlo,monospace;display:none;position:absolute;overflow:hidden}#hud.debug .debug-panel{display:block}.report-wrap{flex:1;min-height:0;overflow:auto}.report{border-collapse:collapse;width:100%;font-size:12px}.report th{text-align:start;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border-bottom:1px solid var(--line);padding:6px;font-size:10px}.report td{border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;padding:8px 6px}.report td:first-child{white-space:normal;font-weight:700}#hud.autoplay .gesture-hint,#hud.autoplay .kbd-hint{display:none!important}@media (orientation:portrait){.scoreboard{justify-self:stretch;width:100%;padding:6px 12px 5px}.sb-row{justify-content:space-between}.sb-name{max-width:30vw}.sb-games{font-size:26px}}.score-flash{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.score-flash.show{animation:.25s 1s forwards sfout;display:block}.sf-band{background:linear-gradient(100deg,#101b2deb 0% 55%,#ff4f78d9 55%,#ff7b72e6 100%);height:26%;animation:.3s cubic-bezier(.2,.9,.3,1.2) sfin;position:absolute;top:33%;left:-10%;right:-10%;transform:skewY(-12deg)}.sf-band b{font-family:var(--font-title);color:var(--text);text-shadow:0 6px 30px #00000073;font-size:min(22vw,120px);font-weight:800;line-height:1;position:absolute;transform:skewY(12deg)}.sf-op{top:4%;right:18%}.sf-me{bottom:4%;left:18%;color:var(--lime)!important}.sf-note{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:800;position:absolute;top:46%;left:0;right:0;transform:skewY(12deg)}@keyframes sfin{0%{transform:skewY(-12deg)translate(-100%)}to{transform:skewY(-12deg)translate(0)}}@keyframes sfout{to{opacity:0;visibility:hidden}}.reduced .sf-band{animation:none}@media (orientation:portrait){.debug-panel{top:auto;bottom:calc(150px + var(--safe-b));opacity:.85;font-size:9px}}.plabel .pl-smash{opacity:0;color:#fff;font-family:var(--font-title);letter-spacing:.08em;background:#ff4fd8;border-radius:8px;padding:3px 10px;font-size:16px;font-weight:800;transition:opacity .12s,transform .12s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)scale(.7)}.plabel .pl-smash.show{opacity:1;transform:translate(-50%)scale(1)}.drill-banner .db-tip{color:var(--text-2);margin-top:3px;font-size:12px;font-weight:600;display:block}.drill-banner .db-tip:empty{display:none}.auth-screen{align-items:center;overflow-y:auto}.auth-top{justify-content:flex-end;align-self:stretch;display:flex}.auth-top .back-btn{margin-inline-end:auto}.lang-switch{width:auto}.lang-switch button{min-width:52px}.auth-box{flex-direction:column;gap:12px;width:min(380px,100%);margin:auto 0;padding:12px 0 20px;display:flex}.auth-box h1{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:30px}.auth-box .brand{font-size:30px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form .field>span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:700}.phone-row{gap:8px;display:flex}.phone-cc{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;padding:0 12px;font-weight:800;display:flex}.phone-row .text-input{letter-spacing:.06em;flex:1;min-width:0;font-size:18px}.pin-input{text-align:center;font-family:var(--font-title);letter-spacing:.4em;min-height:64px;font-size:34px}.auth-error{min-height:1.2em;color:var(--coral);margin:0;font-size:13px;font-weight:600}.auth-or{color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.btn.oauth{text-transform:none;letter-spacing:0;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.btn.oauth.google{color:#1f1f1f;background:#fff}.btn.oauth.apple{color:#fff;background:#000;border-color:#333}.btn.oauth:disabled{opacity:.4}.oauth-ico{font-size:18px;font-weight:800}.oauth-note{text-align:center;margin:0}.account-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.acc-stats{grid-template-columns:repeat(3,1fr);margin:0}.history{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.hist-row{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--coral);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.hist-row.win{border-inline-start-color:var(--lime)}.hist-res{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.hist-row.win .hist-res{color:var(--lime)}.hist-row.lose .hist-res{color:var(--coral)}.hist-main{text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.hist-main small{color:var(--text-2);font-size:11px;display:block}.hist-date{color:var(--text-2);white-space:nowrap;font-size:11px}.sim-pin{border:1px dashed var(--lime);background:#d8ff4f14;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.sim-pin b{color:var(--lime);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.sim-pin span{color:var(--text-2);font-size:13px}.sim-pin strong{font-family:var(--font-title);letter-spacing:.3em;font-size:30px}.big-word{text-align:center;pointer-events:none;font-family:var(--font-title);letter-spacing:.04em;opacity:0;color:var(--text);text-shadow:0 4px 24px #00000080;font-size:min(18vw,96px);font-style:italic;font-weight:800;position:absolute;top:30%;left:0;right:0;transform:scale(.6)}.big-word.show{animation:1s cubic-bezier(.2,.9,.3,1.3) forwards bigword}.big-word.smash{color:#ff4fd8;-webkit-text-stroke:2px #fff}.big-word.win{color:var(--lime);font-size:min(13vw,72px)}@keyframes bigword{0%{opacity:0;transform:scale(.5)rotate(-6deg)}18%{opacity:1;transform:scale(1.12)rotate(-3deg)}30%{transform:scale(1)rotate(-3deg)}80%{opacity:1}to{opacity:0;transform:scale(1.05)rotate(-3deg)}}.reduced .big-word.show{opacity:1;animation:none;transform:none}.sb-format{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scoreboard.mp .sb-format{color:#ff4fd8}.score-flash.mp .sf-note{color:#ff4fd8;font-size:16px}.coach{pointer-events:auto;padding:0 12px calc(26px + var(--safe-b));z-index:20;cursor:pointer;background:linear-gradient(#080e1800 40%,#080e18b8 100%);justify-content:center;align-items:flex-end;gap:0;display:none;position:absolute;inset:0}.coach.show{display:flex}.coach .coach-face{filter:drop-shadow(0 8px 18px #00000080);z-index:1;flex:none;width:min(30vw,130px);margin-inline-end:-14px;position:relative}.coach-bubble{color:#101b2d;background:#f4f6ee;border-radius:20px;flex:1;max-width:460px;margin-bottom:18px;padding:14px 16px 12px 24px;position:relative;box-shadow:0 10px 30px #0006}.coach.pop .coach-bubble{animation:.22s cubic-bezier(.2,.9,.3,1.3) pop}.coach-name{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#187f91;font-size:13px;display:block}.coach-text{margin:4px 0 8px;font-size:16px;font-weight:700;line-height:1.35}.coach-next{text-align:end;letter-spacing:.08em;text-transform:uppercase;color:#6b7a90;font-size:11px;font-weight:800;animation:1.2s ease-in-out infinite blink;display:block}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.35}}.coach-tip{left:calc(12px + var(--safe-l));bottom:calc(150px + var(--safe-b));pointer-events:none;opacity:0;align-items:flex-end;gap:6px;max-width:min(78vw,360px);transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translateY(10px)}.coach-tip.show{opacity:1;transform:none}.coach-tip .coach-face{flex:none;width:58px}.coach-tip p{color:#101b2d;background:#f4f6ee;border-radius:14px 14px 14px 4px;margin:0 0 10px;padding:9px 12px;font-size:13px;font-weight:700}.consent-screen{background:#101b2df0;justify-content:center;align-items:center}.consent-box{flex-direction:column;gap:12px;width:min(420px,100%);display:flex}.consent-box h1{font-family:var(--font-title);text-transform:uppercase;margin:0;font-size:30px}.consent-box p{color:var(--text-2);margin:0;font-size:14px;line-height:1.45}.consent-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.consent-row b{font-size:14px;display:block}.consent-row small{color:var(--text-2);font-size:12px;display:block}.consent-row .always{color:var(--lime);text-transform:uppercase;font-size:11px;font-weight:800}.transition-screen{background:var(--bg);text-align:center;justify-content:center;align-items:center;gap:18px}.transition-screen .tr-bar{background:#b6c3d52e;border-radius:99px;width:min(260px,70vw);height:8px;overflow:hidden}.transition-screen .tr-fill{background:var(--lime);border-radius:99px;width:0;height:100%;animation:1.3s ease-out forwards trfill}.transition-screen .tr-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:700}.transition-screen .tr-tip{max-width:320px;font-size:16px;font-weight:700;line-height:1.4}@keyframes trfill{to{width:100%}}.screen.meta{padding-bottom:calc(8px + var(--safe-b));pointer-events:none;background:linear-gradient(#101b2de6 0%,#101b2d00 14% 52%,#101b2dd9 70%,#101b2df7 82%)}.screen.meta>*{pointer-events:auto}.res-bar{align-items:center;gap:6px;display:flex}.res{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#101b2ddb;border-radius:99px;align-items:center;gap:5px;height:34px;padding:0 10px 0 4px;font-size:14px;font-weight:800;display:inline-flex}.res i{border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-style:normal;display:grid}.res.lvl i{background:var(--lime);color:var(--lime-ink)}.res.tk i{background:var(--cyan);color:var(--lime-ink)}.res.gold i{color:#5a3b00;background:#ffc93c}.res-bar .gear{border:1px solid var(--line);background:#101b2ddb;border-radius:50%;place-items:center;width:38px;height:38px;margin-inline-start:auto;display:grid}.meta-mid{flex:1;min-height:0;position:relative}.side-menu{flex-direction:column;gap:10px;display:flex;position:absolute;top:18px;left:0}.side-menu button{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;background:#101b2ddb;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:70px;padding:8px 4px;font-size:10px;font-weight:800;display:flex}.side-menu button svg{width:26px;height:26px}.hero-card{text-align:end;text-shadow:0 2px 10px #000000b3;position:absolute;top:18px;right:0}.hero-card .hero-last{font-family:var(--font-title);text-transform:uppercase;font-size:34px;font-weight:800;line-height:.95}.hero-card .hero-first{font-family:var(--font-title);text-transform:uppercase;color:var(--lime);font-size:18px;font-weight:700}.hero-card .hero-team{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:700}.team-slots{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.team-slot{border:1px solid var(--line);text-align:start;background:#1a2940f0;border-radius:14px;flex:1;align-items:center;gap:8px;max-width:170px;min-height:52px;padding:8px 10px;display:flex}.team-slot b{text-transform:uppercase;letter-spacing:.03em;font-size:12px;display:block}.team-slot small{color:var(--text-2);font-size:10px;display:block}.team-slot.empty{color:var(--text-2);border-style:dashed;justify-content:center;font-size:12px;font-weight:700}.team-hint{text-align:center;color:var(--lime);margin:0 0 8px;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite blink}.play-btn{background:var(--lime);width:100%;min-height:70px;color:var(--lime-ink);border-radius:20px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 8px 24px #d8ff4f40}.play-btn b{font-family:var(--font-title);letter-spacing:.04em;font-size:32px;font-weight:800}.play-btn small{text-transform:uppercase;letter-spacing:.05em;text-align:end;font-size:12px;font-weight:700;display:block}.play-btn .rw{background:#101b2d26;border-radius:99px;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.nav.nav5{grid-template-columns:repeat(5,1fr);padding:4px}.nav.nav5 button{letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:0 2px;font-size:10px;display:flex}.nav.nav5 button svg{width:20px;height:20px}.meta-list{flex-direction:column;gap:10px;display:flex}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.meta-card{background:var(--surface);border:1px solid var(--line);text-align:start;border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.meta-card.on{border-color:var(--lime)}.meta-card.locked{opacity:.5}.meta-card h3{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:20px}.meta-card .row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.meta-card .btn{min-height:40px;padding:0 14px;font-size:12px}.progress{background:#b6c3d52e;border-radius:99px;height:8px;overflow:hidden}.progress i{background:var(--lime);border-radius:99px;height:100%;display:block}.rarity{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);border-radius:99px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:800}.rarity.rare{background:var(--cyan);color:var(--lime-ink)}.rarity.epic{color:var(--lime-ink);background:#b48cff}.ath-fig{align-self:center;width:64px;height:76px}.ath-ovr{font-family:var(--font-title);color:var(--lime);font-size:26px;font-weight:800;position:absolute;top:10px;right:12px}.statbar{color:var(--text-2);grid-template-columns:70px 1fr 26px;align-items:center;gap:6px;font-size:11px;display:grid}.statbar .progress{height:6px}.swatch{border:1px solid var(--line);border-radius:12px;width:100%;height:46px}.swatch.racket{outline:2px solid var(--line);border:4px solid #101b2d;border-radius:50%;align-self:center;width:46px;height:46px}.trophy{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.trophy .cup{background:var(--surface-2);width:34px;height:34px;color:var(--text-2);border-radius:50%;place-items:center;font-size:18px;display:grid}.trophy.got .cup{color:#5a3b00;background:#ffc93c}.trophy b{font-size:13px;display:block}.trophy small{color:var(--text-2);font-size:11px}.rewards-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 12px;display:flex}.rewards-row .res{height:30px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin:6px 0 2px;font-size:11px;font-weight:800}.flash-note{min-height:1.2em;color:var(--lime);font-size:13px;font-weight:700}.flash-note.err{color:var(--coral)}#hud.coaching .countdown,#hud.coaching .presented,#hud.coaching .calls,#hud.coaching .gesture-hint,#hud.coaching .kbd-hint,#hud.coaching .coach-tip{visibility:hidden}.aim-label{pointer-events:none;--c:#4fa3ff;flex-direction:column;align-items:center;gap:4px;display:none;position:absolute;top:0;left:0}.aim-label.show{display:flex}.aim-label b{background:var(--c);color:#101b2d;font-family:var(--font-title);letter-spacing:.08em;border-radius:8px;padding:3px 9px;font-size:15px;font-weight:800}.aim-label .pg{background:#101b2dbf;border-radius:99px;width:64px;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40}.aim-label .pg:before{content:"";background:#d8ff4f47;width:30%;position:absolute;top:0;bottom:0;left:55%}.aim-label .pg i{background:var(--c);position:absolute;top:0;bottom:0;left:0}.aim-label.over .pg i{background:var(--coral)}.hc .plabel{filter:contrast(1.3)saturate(1.3);font-weight:900}.hc .aim-label b{outline:2px solid #fff}.nav.nav4{grid-template-columns:repeat(4,1fr)}.nav.nav4 button{text-transform:none;letter-spacing:0;font-size:10px;font-weight:800}.play-btn.locked{opacity:.6;box-shadow:none}.face-screen{padding-bottom:calc(10px + var(--safe-b));background:linear-gradient(#101b2dd9 0%,#101b2d00 12% 38%,#101b2df0 52%)}.face-spacer{flex:36%;min-height:150px}.face-panel{flex-direction:column;gap:9px;max-height:64%;display:flex;overflow-y:auto}.face-tips{color:var(--text-2);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.face-adjust{align-items:center;gap:12px;display:flex}.crop-box{background:repeating-conic-gradient(#22344f 0 25%, #1a2940 0 50%) 0 0 / 16px 16px;border:1px solid var(--line);border-radius:14px;flex:none;width:104px;height:130px;position:relative;overflow:hidden}.crop-box canvas{width:100%;height:100%;display:block}.crop-box .eye-line{border-top:1px dashed var(--lime);height:0;position:absolute;top:40%;left:8%;right:8%}.face-sliders{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.face-slider{flex-direction:column;gap:0;display:flex}.face-slider span{color:var(--text-2);font-size:11px;font-weight:700}.face-slider input{width:100%}.row2{gap:8px;display:flex}.row2 .btn{flex:1;padding:0 10px;font-size:12px}.cam-screen{background:#000;padding:0}.cam-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.cam-guide{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.cam-oval{aspect-ratio:3/4;border:3px dashed #d8ff4fe6;border-radius:50%;width:min(62vw,300px);box-shadow:0 0 0 100vmax #00000059}.cam-guide p{background:#101b2dcc;border-radius:10px;margin:0;padding:6px 12px;font-size:13px;font-weight:700}.cam-bar{left:0;right:0;bottom:calc(20px + var(--safe-b));justify-content:center;gap:12px;padding:0 16px;display:flex;position:absolute}.cam-shot{min-width:180px}.ctx-msg{left:50%;top:calc(96px + var(--safe-t));max-width:88vw;color:var(--text);text-align:center;opacity:0;pointer-events:none;background:#101b2de0;border:1px solid #5fd4e080;border-radius:12px;padding:7px 14px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,-6px)}.ctx-msg.show{opacity:1;transform:translate(-50%)}.tut-hand{pointer-events:none;filter:drop-shadow(0 6px 12px #00000080);width:62px;height:78px;margin:-10px 0 0 -18px;display:none;position:absolute;top:72%;left:50%}.tut-hand.show{display:block}.tut-hand svg{width:100%;height:100%}.tut-hand .tut-ripple{border:3px solid var(--lime);opacity:0;border-radius:50%;width:22px;height:22px;position:absolute;top:-2px;left:14px}.tut-hand.swipe{animation:1.3s ease-in-out infinite hand-swipe}.tut-hand.smash{animation:.9s ease-in infinite hand-smash}.tut-hand.hold{animation:2s ease-in-out infinite hand-hold}.tut-hand.hold .tut-ripple{animation:2s ease-out infinite ripple-hold}.tut-hand.tap{animation:1.1s ease-in-out infinite hand-tap}.tut-hand.tap .tut-ripple{animation:1.1s ease-out infinite ripple}@keyframes hand-swipe{0%{opacity:0;transform:translateY(40px)}15%{opacity:1}70%{opacity:1;transform:translate(18px,-110px)}to{opacity:0;transform:translate(18px,-110px)}}@keyframes hand-smash{0%{opacity:0;transform:translateY(60px)scale(1.05)}15%{opacity:1}60%{opacity:1;transform:translate(10px,-150px)scale(1.05)}to{opacity:0;transform:translate(10px,-150px)}}@keyframes hand-hold{0%{opacity:0;transform:translateY(40px)}10%{opacity:1}40%{transform:translate(-14px,-90px)}85%{opacity:1;transform:translate(-14px,-90px)}to{opacity:0;transform:translate(-14px,-90px)}}@keyframes ripple-hold{0%,40%{opacity:0;transform:scale(.5)}55%{opacity:1}85%{opacity:0;transform:scale(2.2)}to{opacity:0}}@keyframes hand-tap{0%,to{transform:translateY(0)}45%{transform:translateY(10px)scale(.95)}}@keyframes ripple{0%,40%{opacity:0;transform:scale(.4)}50%{opacity:1}to{opacity:0;transform:scale(2.4)}}.reduced .tut-hand.show{animation:none}.serve-intent{left:50%;bottom:calc(150px + var(--safe-b));border:1px solid var(--line);background:#101b2dd9;border-radius:16px;align-items:center;gap:6px;padding:6px;display:none;position:absolute;transform:translate(-50%)}.serve-intent.show{display:flex}.serve-intent span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);padding:0 4px;font-size:10px;font-weight:800}.serve-intent button{pointer-events:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:40px;padding:0 12px;font-size:12px;font-weight:800}.serve-intent button.on{background:var(--lime);color:var(--lime-ink)}#hud.coaching .serve-intent,#hud.coaching .ctx-msg{visibility:hidden}.actions{grid-template-columns:auto auto auto}.act-short{grid-area:1/1}.act-power{grid-area:2/1}.actions .act-lob{grid-area:1/2}.actions .act-smash{grid-area:2/2}.actions .act-drive{grid-area:1/3/span 2}.act-smash:not(.disabled){border-color:#ff4fd8;animation:.9s ease-in-out infinite smash-pulse}.plabel .pl-smash.show{animation:.9s ease-in-out infinite smash-pulse}@keyframes smash-pulse{50%{box-shadow:0 0 0 6px #ff4fd859}}.reduced .act-smash,.reduced .plabel .pl-smash.show{animation:none}.rules-box{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;width:min(360px,88vw);padding:14px 16px;display:flex}.rules-box b{font-family:var(--font-title);text-transform:uppercase;font-size:18px}.rules-box .chip{align-self:flex-start}.rules-box p{color:var(--text-2);margin:0;font-size:13px;line-height:1.45}.scoreboard{overflow:hidden}.sb-row{min-width:0}.sb-team{flex:1 1 0;min-width:0}.sb-op{justify-content:flex-end}.sb-team .sb-name{flex:0 auto;min-width:0}.sb-team .sb-games,.sb-team .sb-pts{flex:none}@media (orientation:portrait){.actions{grid-template-columns:auto auto}.actions .act-short{grid-area:1/1}.actions .act-power{grid-area:1/2}.actions .act-lob{grid-area:2/1}.actions .act-smash{grid-area:3/1}.actions .act-drive{grid-area:2/2/span 2}.calls{bottom:calc(232px + var(--safe-b))}}.aim-label .pg{display:none}.srv-field{color:var(--text-2);margin-top:6px;font-size:12px}.srv-field summary{cursor:pointer;padding:6px 0}.srv-field .join-row{margin:6px 0}.players-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.player-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.player-row .pr-dot{background:var(--lime);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #d8ff4f33}.player-row.busy .pr-dot{box-shadow:none;background:#ffb347}.player-row .pr-main b{font-size:14px;display:block}.player-row .pr-main small{color:var(--text-2);font-size:11px}.player-row .btn{min-height:38px;padding:0 14px;font-size:12px}.sf-lme,.sf-lop{letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-style:normal;font-weight:800;position:absolute;transform:skewY(12deg)}.sf-lme{color:var(--lime);bottom:-2%;left:18%}.sf-lop{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-align:end;max-width:40%;top:-4%;right:18%;overflow:hidden}.update-modal{z-index:200;position:fixed}.share-row{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin-top:8px;display:grid}.share-btn{border:1px solid var(--line,#ffffff1f);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.share-btn:active{transform:scale(.97)}.share-whatsapp{color:#06210f;background:#25d366;border-color:#25d366}.share-messenger{color:#fff;background:#0a7cff;border-color:#0a7cff}.share-ico{display:inline-flex}.referral{background:#d8ff4f12;border:1px solid #d8ff4f40;border-radius:16px;padding:14px}.ref-code-row{justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;display:flex}.ref-label{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:12px}