*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#090b0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#game{cursor:crosshair;width:100%;height:100%;display:block}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d0be8;border:1px solid #ffffff21;border-radius:20px;width:min(92vw,410px);padding:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 100px #0000009e}.panel h1{letter-spacing:-1px;margin:0 0 4px;font-size:38px}.panel p{opacity:.68;margin:0 0 20px}.panel input,.panel button{border:0;border-radius:11px;width:100%;height:49px;margin-top:10px;padding:0 14px;font-size:16px}.panel input{color:#fff;background:#ffffff13;outline:1px solid #ffffff14}.panel button{color:#fff;cursor:pointer;background:#157c4a;font-weight:750}#joinError{color:#ff8c8c;min-height:20px;padding-top:10px}.hidden{display:none!important}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a08ab;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:55px;padding:10px 15px;display:grid;position:fixed;top:14px;left:14px;right:14px;box-shadow:0 10px 35px #00000038}#players{opacity:.86}#turn{text-align:right;font-weight:750}.power-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a08b8;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:fixed;bottom:43px;left:50%;transform:translate(-50%)}.power{background:#ffffff21;border-radius:99px;width:min(42vw,320px);height:9px;overflow:hidden}#powerFill{background:linear-gradient(90deg,#5de39a,#ffd452,#ff5b4d);width:0;height:100%}.help{opacity:.64;white-space:nowrap;font-size:12px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.controls{gap:8px;display:flex;position:fixed;bottom:15px;right:15px}.ui-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050806a6;border:1px solid #ffffff1f;border-radius:10px;padding:9px 12px}.reset{position:static}@media (width<=700px){.topbar{grid-template-columns:1fr;gap:2px;font-size:13px}#turn{text-align:left}.help{display:none}.power-wrap{bottom:18px}.controls{bottom:70px}}#join{z-index:20}#join:after{content:"Войдите в комнату, чтобы начать игру";text-align:center;color:#ffffff94;pointer-events:none;margin-top:10px;font-size:12px;display:block}.panel{background:#070a08d1;border:1px solid #cdaa693d;width:min(92vw,430px);box-shadow:0 30px 110px #000000b8,inset 0 1px #ffffff0a}.panel h1{letter-spacing:-1.4px}.panel button{background:linear-gradient(#1d9a5d,#116b40);box-shadow:0 8px 22px #0c693e42}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050807b8;border:1px solid #cdaa6947;border-radius:16px;width:min(92vw,400px);padding:26px;box-shadow:0 24px 80px #000000a6}.panel h1{letter-spacing:-.8px;font-size:30px}.panel p{color:#ffffff9e;font-size:14px}.panel input{background:#0000004d;border:1px solid #ffffff1a;height:46px}.panel button{background:linear-gradient(#18a762,#0d7b48);border-radius:9px;height:48px}.topbar{background:#05080794;border:1px solid #ffffff1a;top:14px;left:14px;right:14px;box-shadow:0 12px 38px #00000047}.power-wrap{background:#050807a8;border:1px solid #ffffff1a;bottom:36px;box-shadow:0 10px 30px #00000047}.controls{bottom:14px;right:14px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080799;border:1px solid #d7b87433;border-radius:14px;grid-template-columns:240px 1fr 240px;min-height:64px;padding:10px 14px;top:16px;left:16px;right:16px}.player-card{align-items:center;gap:10px;display:flex}.player-card small{letter-spacing:.16em;color:#ffffff75;margin-bottom:2px;font-size:9px;display:block}.player-card strong{font-size:14px}.status-dot{background:#18c878;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #18c878a6}.room-center{justify-content:center;align-items:center;gap:22px;font-size:13px;display:flex}.room-center #turn{font-weight:800}.opponent{text-align:right;justify-content:flex-end}.power-wrap{justify-content:center;min-width:360px;bottom:24px}.help{bottom:7px}.controls{bottom:16px;left:16px;right:auto}@media (width<=700px){.topbar{grid-template-columns:1fr;min-height:auto}.opponent{display:none}.room-center{justify-content:flex-start}.power-wrap{width:min(82vw,360px);min-width:0}.controls{bottom:70px;left:auto;right:14px}}.topbar{background:#050706b8;border-color:#dcbe8247;box-shadow:0 14px 44px #0000006b}.power-wrap{background:#040605c7;border-color:#dcbe822e;box-shadow:0 14px 40px #0000005c}.help{background:#04060573;border-radius:8px;padding:5px 9px}#game{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0;visibility:visible!important}#game.game-visible{visibility:visible!important}.lobby-screen{z-index:50;color:#f5f2ea;background:#070908;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lobby-screen.hidden{display:none!important}.lobby-backdrop{background:radial-gradient(circle at 50% 115%,#12754838,#0000 38%),radial-gradient(circle at 15% 35%,#0e4c3529,#0000 32%),linear-gradient(135deg,#07100d 0%,#0a100e 45%,#080907 100%);position:absolute;inset:0}.lobby-backdrop:before{content:"";opacity:.22;background:repeating-linear-gradient(100deg,#0000 0 90px,#c19a521a 91px 92px,#0000 93px 180px);position:absolute;inset:-10%;transform:perspective(800px)rotateX(62deg)translateY(48%)}.lobby-content{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:18px;width:min(1040px,92vw);display:grid;position:relative}.brand{grid-column:1/-1;align-items:center;gap:14px;margin-bottom:6px;display:flex}.brand-mark{color:#e7c579;border:1px solid #d6ae5c8c;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid;box-shadow:0 0 35px #be91371f}.brand-title{letter-spacing:.18em;font-size:20px;font-weight:850}.brand-title span{color:#36c77b}.brand-sub{letter-spacing:.42em;color:#8f978e;margin-top:3px;font-size:9px}.lobby-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#101612f0,#070b09e8);border:1px solid #d3ae653d;border-radius:18px;padding:34px 36px;box-shadow:0 30px 100px #0000007a,inset 0 1px #ffffff0d}.eyebrow{letter-spacing:.28em;color:#4edb92;font-size:10px;font-weight:800}.lobby-card h1{letter-spacing:-.035em;margin:9px 0 8px;font-size:38px;line-height:1.05}.lobby-lead{color:#9ba59d;margin:0 0 24px;font-size:14px;line-height:1.55}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{letter-spacing:.08em;color:#929a93;font-size:11px}.form-grid input{color:#fff;background:#00000045;border:1px solid #ffffff1c;border-radius:10px;outline:none;width:100%;height:48px;margin-top:7px;padding:0 14px;font-size:15px;display:block}.form-grid input:focus{border-color:#30cd7d9e;box-shadow:0 0 0 3px #30cd7d14}.join-main{color:#fff;cursor:pointer;background:linear-gradient(#1fb86d,#0d7d49);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;margin-top:15px;font-size:15px;font-weight:850;display:flex;box-shadow:0 12px 28px #0a754540}.join-main span{font-size:21px;line-height:0}.join-main:hover{filter:brightness(1.08)}#joinError{color:#ff8b8b;min-height:18px;padding-top:9px;font-size:12px}.stats-grid{grid-template-columns:1fr;gap:10px;display:grid}.stat-card{background:#0a0e0cc2;border:1px solid #ffffff17;border-radius:15px;grid-template-rows:1fr 1fr;grid-template-columns:42px 1fr;column-gap:11px;min-height:102px;padding:18px;display:grid;box-shadow:0 16px 45px #0000003d}.stat-icon{color:#44d990;background:#2cb7711f;border:1px solid #2cb7712e;border-radius:11px;grid-row:1/-1;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.online-icon:before{content:"";background:#27d783;border-radius:50%;width:9px;height:9px;box-shadow:0 0 13px #27d783}.room-icon,.game-icon{font-size:19px}.stat-card strong{align-self:end;font-size:26px;line-height:1}.stat-card small{letter-spacing:.14em;color:#7f8981;align-self:start;margin-top:5px;font-size:9px}.lobby-footer{color:#626a63;letter-spacing:.15em;grid-column:1/-1;justify-content:space-between;padding:2px 4px;font-size:9px;display:flex}.lobby-footer span:first-child{color:#36bf79}@media (width<=800px){.lobby-content{grid-template-columns:1fr;width:min(620px,92vw)}.stats-grid{grid-template-columns:repeat(3,1fr)}.lobby-footer{display:none}}@media (width<=560px){.lobby-card{padding:25px 20px}.lobby-card h1{font-size:31px}.form-grid,.stats-grid{grid-template-columns:1fr}.stat-card{min-height:76px}}#lobby.hidden{display:none!important}.score-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050807b8;border:1px solid #d7b8742e;border-radius:14px;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:14px;min-width:420px;padding:10px 14px;display:grid;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000047}.score-side{min-width:130px}.score-side.right{text-align:right}.score-name{font-size:13px;font-weight:800}.score-meta{color:#ffffff85;margin-top:3px;font-size:10px}.score-count{margin-top:4px;font-size:25px;font-weight:900;line-height:1}.score-vs{letter-spacing:.18em;color:#e0bd73;font-size:10px;font-weight:900}@media (width<=700px){.score-panel{width:min(92vw,420px);min-width:0;top:138px}.score-name{font-size:12px}.score-count{font-size:21px}}.score-balls{color:#ffffff9e;white-space:normal;min-height:20px;margin-top:5px;font-size:9px;line-height:1.25}.score-side.right .score-balls{text-align:right}#hud{z-index:100;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.power-wrap{z-index:130;visibility:visible!important;opacity:1!important;min-width:420px!important;height:42px!important;padding:8px 14px!important;display:flex!important;position:fixed!important;bottom:52px!important;left:50%!important}.power{background:#ffffff2e;border-radius:99px;width:min(48vw,360px);height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;display:block!important}#powerFill{background:linear-gradient(90deg,#53df91 0%,#ffd24f 58%,#ff5b4d 100%);width:0;height:100%;transition:width 30ms linear;display:block!important}#powerText{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-weight:900}.score-panel{z-index:125}.topbar{z-index:120}.help,.controls{z-index:121}@media (width<=700px){.power-wrap{width:min(88vw,420px)!important;min-width:0!important;bottom:56px!important}.power{width:min(58vw,300px)}}.topbar{grid-template-columns:1fr;justify-items:center;min-height:50px}.topbar .player-card{display:none!important}.room-center{justify-content:center;width:100%}.rooms-card{background:#0a0e0cc2;border:1px solid #ffffff17;border-radius:15px;margin-top:12px;padding:16px 18px;box-shadow:0 16px 45px #0000003d}.rooms-head{flex-direction:column;gap:4px;display:flex}.rooms-head strong{font-size:13px}.rooms-head span{color:#ffffff73;font-size:10px;line-height:1.35}.room-list{gap:8px;margin-top:12px;display:grid}.room-empty{color:#ffffff61;padding:8px 0;font-size:11px}.room-item{background:#0000003b;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.room-item strong{font-size:12px}.room-item small{color:#ffffff7a;margin-top:3px;display:block}.room-item button{color:#fff;cursor:pointer;background:#176f45;border:1px solid #ffffff1c;border-radius:8px;padding:7px 10px;font-weight:750}.rooms-card{flex-direction:column;max-height:350px;display:flex}.room-list{scrollbar-width:thin;max-height:240px;padding-right:4px;overflow-y:auto}.room-count{color:#ffffff6b;font-size:11px;font-weight:500}.room-more{color:#ffffff61;text-align:center;padding:8px 4px;font-size:10px}.room-list::-webkit-scrollbar{width:6px}.room-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px}.game-over-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#00000094;place-items:center;display:grid;position:fixed;inset:0}.game-over-card{text-align:center;background:linear-gradient(145deg,#111613f5,#050806f5);border:1px solid #ddbc6f59;border-radius:22px;min-width:min(520px,88vw);padding:34px 42px;box-shadow:0 30px 100px #000000a6}.game-over-kicker{letter-spacing:.35em;color:#dfbd73;font-size:10px;font-weight:900}.game-over-title{letter-spacing:.06em;margin-top:10px;font-size:44px;font-weight:950}.game-over-text{color:#ffffffad;margin-top:12px;font-size:15px}#resetBtn:disabled{opacity:.38;cursor:not-allowed}.game-over-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.game-over-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;min-width:190px;height:46px;font-weight:800}.game-over-btn.primary{background:linear-gradient(#1fb86d,#0d7d49);border-color:#37d68873}.game-over-btn:disabled{opacity:.38;cursor:not-allowed}#spinText{-webkit-user-select:none;user-select:none}@media (width>=801px){.lobby-content{grid-template-rows:auto auto auto;grid-template-columns:300px minmax(0,1fr) 330px;gap:18px;width:min(1320px,94vw)}.leaderboard-card{background:linear-gradient(145deg,#0c110ef2,#060907ed);border:1px solid #d3ae6538;border-radius:18px;grid-area:2/1/span 2;min-height:470px;padding:18px;overflow:hidden;box-shadow:0 30px 80px #0000006b}.lobby-card{grid-area:2/2}.rooms-card{grid-area:2/3}.stats-grid{grid-area:3/3}.lobby-footer{grid-area:4/1/auto/-1}}.leaderboard-title{letter-spacing:.18em;color:#e2c579;margin-bottom:12px;font-size:13px;font-weight:900}.leaderboard-head,.leader-row{grid-template-columns:28px 26px minmax(0,1fr) 42px 52px;align-items:center;gap:6px;display:grid}.leaderboard-head{color:#727b73;letter-spacing:.07em;border-bottom:1px solid #ffffff14;padding:0 7px 8px;font-size:8px}.leaderboard-list{max-height:425px;overflow-y:auto}.leader-row{border-bottom:1px solid #ffffff0b;padding:8px 7px;font-size:11px}.leader-rank{color:#737c73}.leader-flag{font-size:16px}.leader-name{white-space:nowrap;text-overflow:ellipsis;font-weight:720;overflow:hidden}.leader-games,.leader-wins{text-align:right;font-variant-numeric:tabular-nums;color:#9da59d}.leader-wins{color:#e1bf72;font-weight:850}.leaderboard-empty{color:#70786f;text-align:center;padding:20px 5px;font-size:11px}@media (width<=800px){.leaderboard-card{order:2}.lobby-card{order:1}.rooms-card{order:3}.stats-grid{order:4}.leaderboard-list{max-height:220px}}@media (width>=801px){.lobby-content{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(280px,300px) minmax(360px,1fr) minmax(300px,330px);align-items:start}.leaderboard-card{grid-area:2/1;min-height:470px}.lobby-card{grid-area:2/2;min-height:470px}.rooms-card{grid-area:2/3;min-height:470px;max-height:470px}.stats-grid{grid-area:3/2/auto/4}.lobby-footer{grid-area:4/1/auto/-1}}.leaderboard-card,.lobby-card,.rooms-card{box-sizing:border-box}@media (width>=801px){.lobby-content{grid-template-rows:auto minmax(470px,auto) auto auto;grid-template-columns:300px minmax(430px,1fr) 330px;align-items:stretch}.leaderboard-card,.lobby-card,.rooms-card{grid-row:2;align-self:stretch;min-height:470px}.leaderboard-card{grid-column:1}.lobby-card{grid-column:2}.rooms-card{grid-column:3}.stats-grid{grid-area:3/3;margin-top:0}.lobby-footer{grid-area:4/1/auto/-1;align-self:end}.lobby-card h1{margin-top:6px}}.build-badge{z-index:200;color:#b8aa82;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050807b8;border:1px solid #e2c57947;border-radius:8px;padding:6px 9px;font:800 9px/1 system-ui,sans-serif;position:fixed;top:16px;right:18px}.room-search{margin-top:10px}.room-search input{box-sizing:border-box;color:#fff;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;height:38px;padding:0 12px;font:600 12px system-ui}.room-search input:focus{background:#fff1;border-color:#e2c57973}.peer-left-overlay{z-index:250;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#0000009e;place-items:center;display:grid;position:fixed;inset:0}.peer-left-overlay.hidden{display:none}.peer-left-card{text-align:center;background:linear-gradient(145deg,#111613fa,#050806fa);border:1px solid #ddbc6f59;border-radius:22px;width:min(540px,88vw);padding:34px 40px;box-shadow:0 30px 100px #000000ad}.peer-left-kicker{letter-spacing:.32em;color:#dfbd73;font-size:10px;font-weight:900}.peer-left-title{letter-spacing:.02em;margin-top:10px;font-size:34px;font-weight:950}.peer-left-text{color:#ffffffad;margin-top:12px;font-size:14px;line-height:1.55}.peer-left-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.build-badge-inline{color:#d0bd8a;letter-spacing:.14em;white-space:nowrap;background:#050807c7;border:1px solid #e2c5794d;border-radius:8px;align-self:flex-start;margin-left:0;padding:7px 10px;font:900 10px/1 system-ui,sans-serif;box-shadow:0 8px 24px #0000003d}@media (width<=560px){.build-badge-inline{padding:6px 8px;font-size:9px}}.mode-picker{grid-column:1/-1;margin-top:2px}.mode-picker-title{letter-spacing:.16em;color:#929a93;margin-bottom:8px;font-size:10px;font-weight:800}.game-mode-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.game-mode-card{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(145deg,#ffffff0e,#0000002e);border:1px solid #ffffff17;border-radius:13px;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px;min-height:82px;padding:12px 13px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.game-mode-card:hover{background:linear-gradient(145deg,#ffffff13,#00000026);border-color:#e2c57957;transform:translateY(-1px)}.game-mode-card.selected{background:linear-gradient(145deg,#19915838,#07130d85);border-color:#36c77bb8;box-shadow:inset 0 0 0 1px #36c77b1a,0 10px 26px #0000002e}.mode-icon{color:#d9bd77;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:11px;place-items:center;width:38px;height:38px;font-size:24px;font-weight:800;display:grid}.mode-icon-arcade{font-size:27px}.mode-icon-realistic{font-size:20px}.mode-copy{min-width:0}.mode-copy strong{letter-spacing:.01em;font-size:13px;display:block}.mode-copy small{color:#ffffff80;letter-spacing:0;margin-top:4px;font-size:10px;font-weight:500;line-height:1.35;display:block}.mode-check{color:#0000;width:9px;height:9px;box-shadow:none;background:0 0;border:1px solid #ffffff47;border-radius:50%;font-size:0;display:block}.selected .mode-check{background:#36c77b;border-color:#36c77b;box-shadow:0 0 10px #36c77b6b}#gameMode{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#aiEnabled{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;position:absolute!important}.ai-picker{grid-column:1/-1;margin-top:2px}.ai-picker-title{letter-spacing:.16em;color:#929a93;margin-bottom:8px;font-size:10px;font-weight:800}.ai-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ai-option{text-align:left;color:#fff;cursor:pointer;background:linear-gradient(145deg,#ffffff0e,#0000002e);border:1px solid #ffffff17;border-radius:13px;grid-template-columns:36px 1fr 20px;align-items:center;gap:10px;min-height:68px;padding:10px 12px;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative}.ai-option:hover{border-color:#e2c57957;transform:translateY(-1px)}.ai-option.selected{background:linear-gradient(145deg,#19915838,#07130d85);border-color:#36c77bb8;box-shadow:inset 0 0 0 1px #36c77b1a,0 10px 26px #0000002e}.ai-option-icon{background:#ffffff0d;border-radius:10px;place-items:center;width:32px;height:32px;font-size:19px;display:grid}.ai-option strong{font-size:12px;display:block}.ai-option small{color:#ffffff7a;margin-top:3px;font-size:9px;font-weight:500;line-height:1.3;display:block}.ai-check{color:#0000;width:8px;height:8px;box-shadow:none;background:0 0;border:1px solid #ffffff47;border-radius:50%;font-size:0;display:block}.ai-option.selected .ai-check{background:#36c77b;border-color:#36c77b;box-shadow:0 0 9px #36c77b6b}.ai-difficulty{margin-top:8px}.ai-difficulty label{grid-template-columns:1fr 180px;align-items:center;gap:10px;display:grid!important}.ai-difficulty select{color:#fff;background:#101712;border:1px solid #ffffff1f;border-radius:10px;width:100%;min-height:38px;padding:7px 10px}.ai-difficulty.hidden{display:none!important}@media (width<=560px){.ai-options,.ai-difficulty label{grid-template-columns:1fr}.ai-difficulty select{min-height:42px}.game-mode-options{grid-template-columns:1fr}.game-mode-card{min-height:74px}}.brand{justify-content:flex-start}.build-badge-inline{order:0;margin-left:0}.language-picker{color:#ffffff8c;letter-spacing:.04em;background:#050807ad;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:6px 8px;font:700 10px system-ui,sans-serif;display:flex}.language-picker select{color:#fff;cursor:pointer;background:#ffffff12;border:0;border-radius:7px;outline:0;height:28px;padding:0 7px;font:700 11px system-ui,sans-serif}.language-picker option{color:#fff;background:#101411}.chat-panel{z-index:135;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050907c7;border:1px solid #ffffff1f;border-radius:15px;flex-direction:column;width:min(330px,100vw - 30px);height:290px;display:flex;position:fixed;bottom:92px;left:15px;right:auto;overflow:hidden;box-shadow:0 18px 55px #00000059}.chat-head{letter-spacing:.18em;color:#d9bd77;border-bottom:1px solid #ffffff14;flex:0 0 38px;justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:10px;font-weight:900;display:flex}.chat-badge{color:#fff;letter-spacing:0;background:#e14f4f;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;display:grid}.chat-messages{scrollbar-width:thin;flex-direction:column;flex:1;gap:7px;padding:9px;display:flex;overflow-y:auto}.chat-message{background:#ffffff12;border-radius:11px;align-self:flex-start;max-width:86%;padding:7px 9px}.chat-message.mine{background:#1fb86d2b;border:1px solid #36c77b26;align-self:flex-end}.chat-message-head{color:#9da79f;align-items:center;gap:8px;margin-bottom:3px;font-size:9px;font-weight:800;display:flex}.chat-message-head time{color:#ffffff59;font-weight:600}.chat-message-text{color:#f4f4f1;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.chat-form{border-top:1px solid #ffffff14;gap:7px;padding:8px;display:flex}.chat-form input{color:#fff;background:#00000040;border:1px solid #ffffff1a;border-radius:9px;outline:none;flex:1;min-width:0;height:36px;padding:0 10px;font:600 12px system-ui}.chat-form button{color:#fff;cursor:pointer;background:#176f45;border:1px solid #36c77b4d;border-radius:9px;width:38px;height:36px;font-size:15px}@media (width<=700px){.language-picker{margin-left:auto}.chat-panel{width:min(310px,100vw - 20px);height:250px;bottom:122px;left:10px;right:auto}#spinPanel{width:min(310px,100vw - 20px)!important;bottom:382px!important;left:10px!important}}.exit-game{background:#50141294;border-color:#dc5c5247}.exit-game:hover{background:#691b18b8;border-color:#f0695e8c}.exit-confirm-overlay{z-index:320;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#000000a8;place-items:center;display:grid;position:fixed;inset:0}.exit-confirm-overlay.hidden{display:none}.exit-confirm-card{text-align:center;background:linear-gradient(145deg,#111613fa,#050806fa);border:1px solid #ddbc6f57;border-radius:20px;width:min(470px,88vw);padding:30px 34px;box-shadow:0 30px 100px #000000b3}.exit-confirm-kicker{letter-spacing:.3em;color:#dfbd73;font-size:10px;font-weight:900}.exit-confirm-title{letter-spacing:.01em;margin-top:9px;font-size:30px;font-weight:950}.exit-confirm-text{color:#ffffffa3;margin-top:10px;font-size:13px;line-height:1.55}.exit-confirm-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.exit-confirm-actions .game-over-btn{min-width:150px}.game-over-btn.danger{background:linear-gradient(#b94b43,#852d29);border-color:#f0786e6b}@media (width<=700px){.controls{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 20px);bottom:70px;right:10px}.exit-game{order:3}}#lobby:not(.hidden){visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:flex!important}#lobby .lobby-content,#lobby .lobby-card,#lobby .form-grid,#lobby .form-grid label,#lobby .form-grid input{visibility:visible}#lobby .form-grid input{z-index:2;pointer-events:auto;position:relative}.call-shot-panel{z-index:139;color:#e8faff;background:#050a0cf0;border:1px solid #74d7ff47;border-radius:14px;width:300px;padding:12px;font:700 11px/1.25 system-ui;position:fixed;bottom:190px;left:22px;box-shadow:0 10px 30px #0006}.call-shot-panel.hidden{display:none}.call-shot-title{text-align:center;letter-spacing:.8px;font-size:12px}.call-shot-hint{color:#9fc9d5;margin:5px 0 8px;font-weight:600}.call-ball-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.call-ball-btn,.call-pocket-btn,.call-safety{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #74d7ff40;border-radius:7px;padding:6px;font:700 11px system-ui}.call-ball-btn.selected,.call-pocket-btn.selected,.call-safety.selected{background:#74d7ff2e;border-color:#74d7ff;box-shadow:inset 0 0 0 1px #74d7ff33}.call-pocket-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:7px;display:grid}.call-safety{width:100%;margin-top:7px}.call-shot-status{text-align:center;color:#aeeaff;margin-top:7px}@media (width<=700px){.call-shot-panel{width:min(300px,100vw - 20px);bottom:180px;left:10px}}.game-mode-card[data-mode=realistic-callshot]{grid-column:1/-1;min-height:72px}.mode-icon-callshot{font-size:19px}@media (width<=560px){.game-mode-card[data-mode=realistic-callshot]{grid-column:auto}}.brand{position:relative}.lobby-network-status{color:#ffffffb8;white-space:nowrap;background:#05080675;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;margin-left:auto;margin-right:10px;padding:8px 11px;font:700 11px/1 system-ui;display:flex}.lobby-network-status strong{color:#fff;text-align:right;min-width:22px;font-size:12px}.ping-dot{background:#aaa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ffffff40}.lobby-network-status.ping-good .ping-dot{background:#55df8b;box-shadow:0 0 8px #55df8bb3}.lobby-network-status.ping-warn .ping-dot{background:#ffd45a;box-shadow:0 0 8px #ffd45a99}.lobby-network-status.ping-bad .ping-dot{background:#f66;box-shadow:0 0 8px #f669}@media (width<=900px){.lobby-network-status{margin-left:8px;margin-right:0}.brand{gap:8px}}@media (width<=900px),(pointer:coarse){html,body,#app{width:100%;height:100%;overflow:hidden}body{touch-action:none;overscroll-behavior:none}#lobby{touch-action:pan-y;overscroll-behavior-y:contain}#lobby .lobby-content{touch-action:pan-y}#game{touch-action:none}#lobby .lobby-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;width:min(94vw,560px);max-height:96vh;padding:14px 0 24px;overflow:hidden auto}#lobby .brand{flex-wrap:wrap;gap:8px}#lobby .build-badge-inline{font-size:10px}#lobby .brand-title{font-size:22px}#lobby .brand-sub{font-size:9px}#lobby .lobby-network-status{margin-left:auto;font-size:11px}#lobby .language-picker{font-size:11px}#lobby .lobby-card,#lobby .rooms-card,#lobby .leaderboard-card{border-radius:18px}#lobby .form-grid{grid-template-columns:1fr;gap:10px}#lobby .game-mode-options{gap:8px}#lobby .game-mode-card{min-height:62px;padding:10px}#lobby .join-main{min-height:52px;font-size:16px}#lobby .rooms-card{max-height:240px}#lobby .leaderboard-card{max-height:230px;overflow:hidden}#hud .topbar{padding:8px 10px}#hud .player-card{min-width:0;padding:6px 8px}#hud .player-card small{font-size:8px}#hud .player-card strong{font-size:12px}#hud .room-center{max-width:42vw;font-size:10px}#hud .score-panel{border-radius:12px;width:min(96vw,520px);padding:5px 8px;top:52px;left:50%;transform:translate(-50%)}#hud .score-name{font-size:11px}#hud .score-meta,#hud .score-balls{font-size:8px}#hud .score-count{font-size:20px}#hud .score-vs{font-size:9px}#hud .power-wrap{z-index:55;width:min(62vw,360px);top:auto;bottom:68px;left:50%;transform:translate(-50%)}#hud .help{display:none}#hud .controls{bottom:max(8px, env(safe-area-inset-bottom));z-index:70;justify-content:center;gap:7px;display:flex;left:8px;right:8px}#hud .controls .ui-btn{touch-action:manipulation;min-height:44px;padding:8px 11px;font-size:12px}#hud .chat-panel{width:auto;max-height:25vh;bottom:120px;left:8px;right:8px}#hud .call-shot-panel{width:auto;max-height:36vh;inset:auto 8px 120px;overflow:auto}#exitConfirmOverlay .exit-confirm-card,#gameOverOverlay .game-over-card{width:min(92vw,460px)}}#mobileHint{z-index:65;pointer-events:none;color:#fff;text-align:center;background:#05090dd1;border:1px solid #ffffff2e;border-radius:12px;padding:10px 14px;font:700 12px/1.35 Arial,sans-serif;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000059}@media (pointer:coarse){#mobileHint{display:block}#mobileHint.hidden{display:none}}#mobileShotBtn{right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:180;color:#fff;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 35% 28%,#35c77bf2,#0c6f42f5 68%,#05301dfa);border:2px solid #e2c579b8;border-radius:50%;width:82px;height:82px;font:900 14px/1 system-ui,sans-serif;display:none;position:fixed;box-shadow:0 8px 26px #00000073,inset 0 1px #ffffff40}#mobileShotBtn:active{filter:brightness(1.08);transform:scale(.96)}@media (width<=900px),(pointer:coarse){#mobileShotBtn{display:block}.android-app #chatPanel,.android-app .chat-panel{display:none!important}#hud .controls{justify-content:flex-start;left:8px;right:108px}#hud .power-wrap{width:min(55vw,300px)!important;bottom:94px!important}#mobileHint{max-width:82vw}}@media (width<=560px){#mobileShotBtn{width:74px;height:74px;right:10px}#hud .controls{gap:5px}#hud .controls .ui-btn{min-height:40px;padding:7px 9px;font-size:11px}}@media (width<=900px),(pointer:coarse){.android-app #chatPanel,.android-app .chat-panel,.android-app #scorePanel,.android-app .score-panel{visibility:hidden!important;pointer-events:none!important;display:none!important}.android-app #mobileHint{display:none!important}.android-app #hud .topbar{min-height:48px;padding:6px 8px;top:6px;left:6px;right:6px}.android-app #hud .player-card{padding:3px 5px}.android-app #hud .room-center{max-width:48vw;font-size:9px}.android-app #hud .controls{bottom:calc(8px + env(safe-area-inset-bottom));z-index:170;left:8px;right:96px}.android-app #hud .controls .ui-btn{min-height:42px}.android-app #hud .power-wrap{z-index:160;bottom:calc(88px + env(safe-area-inset-bottom))!important}.android-app #mobileShotBtn{z-index:190}}.android-app #chatPanel,.android-app .chat-panel,.android-app #scorePanel,.android-app .score-panel{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.android-app #mobileShotBtn{display:none!important}.android-app.android-game #mobileShotBtn{display:block!important}.android-app #hud .chat-panel,.android-app #hud .score-panel{display:none!important}@media (width<=900px),(pointer:coarse){.android-app #hud .topbar,.android-app #hud .room-center{display:none!important}.android-app #hud .power-wrap{bottom:calc(92px + env(safe-area-inset-bottom))!important}.android-app #hud .controls{bottom:calc(8px + env(safe-area-inset-bottom));left:8px;right:96px}}@media (pointer:coarse){#chatPanel,#hud #chatPanel,#hud .chat-panel,#scorePanel,#hud #scorePanel,#hud .score-panel{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}#mobileHint,#mobileShotBtn{display:none!important}html.android-game #mobileShotBtn{display:flex!important}html.android-game #hud .topbar{display:none!important}html.android-game #hud .power-wrap{bottom:calc(82px + env(safe-area-inset-bottom))!important}}#mobileShotBtn{display:none!important}html.android-game #mobileShotBtn{justify-content:center;align-items:center;display:flex!important}#mobileSpinBtn{right:14px;bottom:calc(108px + env(safe-area-inset-bottom));z-index:190;color:#dff8ff;letter-spacing:.04em;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#050e12e0;border:1px solid #74d7ff6b;border-radius:14px;justify-content:center;align-items:center;min-width:112px;height:46px;padding:0 12px;font:900 11px/1 system-ui,sans-serif;display:none;position:fixed;box-shadow:0 8px 22px #0000006b}#mobileSpinBtn.active{color:#ffe7a2;background:#463314f0;border-color:#e2c579cc}@media (pointer:coarse){html.android-app #mobileSpinBtn{display:none!important}html.android-game #mobileSpinBtn{display:flex!important}html.android-app #spinPanel{z-index:220!important;width:min(78vw,290px)!important;max-height:82vh!important;top:50%!important;bottom:auto!important;left:50%!important;overflow:auto!important;transform:translate(-50%,-50%)!important}html.android-app #spinBall{width:180px!important;height:180px!important}}@media (width<=560px) and (pointer:coarse){#mobileSpinBtn{min-width:92px;height:42px;font-size:10px;right:10px}}#mobileTools{z-index:205;gap:7px;display:none;position:fixed;top:12px;right:12px}#mobileTools button{color:#fff;touch-action:manipulation;background:#050a0cd1;border:1px solid #ffffff2e;border-radius:12px;width:42px;height:42px;font:700 19px/1 system-ui,sans-serif;box-shadow:0 7px 20px #00000059}#mobileTools button:active{transform:scale(.94)}@media (pointer:coarse){html.android-game #mobileTools{display:flex}html.android-app #chatPanel,html.android-app #scorePanel{z-index:230!important}html.android-app.mobile-chat-open #chatPanel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:min(92vw,380px)!important;height:min(68vh,420px)!important;display:flex!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}html.android-app.mobile-score-open #scorePanel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:230!important;width:min(92vw,460px)!important;min-width:0!important;display:grid!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}html.android-app.mobile-chat-open #mobileChatBtn,html.android-app.mobile-score-open #mobileScoreBtn{border-color:#e2c579bf}html.android-mobile #mobileTools{z-index:500!important;display:none!important;position:fixed!important;top:10px!important;left:auto!important;right:10px!important}html.android-mobile #mobileTools button{width:44px!important;height:44px!important}html.android-mobile.android-game #mobileTools{display:flex!important}html.android-mobile #mobileSpinBtn{left:12px!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:500!important;min-width:108px!important;height:48px!important;display:none!important;position:fixed!important}html.android-mobile.android-game #mobileSpinBtn{display:flex!important}html.android-mobile #mobileShotBtn{left:auto!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:500!important;width:78px!important;height:78px!important;display:none!important;position:fixed!important}html.android-mobile.android-game #mobileShotBtn{display:flex!important}html.android-mobile #hud .power-wrap{bottom:calc(102px + env(safe-area-inset-bottom))!important;z-index:480!important;width:min(52vw,300px)!important;left:50%!important;transform:translate(-50%)!important}html.android-mobile #hud .controls{z-index:500!important;display:none!important;position:fixed!important;inset:10px auto auto 10px!important}html.android-mobile #hud .controls #exitGameBtn{min-width:72px!important;height:40px!important;padding:6px 10px!important;font-size:11px!important;display:flex!important}html.android-mobile #hud .controls #soundBtn,html.android-mobile #hud .controls #resetBtn{display:none!important}html.android-mobile.android-game #hud .controls{display:flex!important}html.android-mobile #mobileHint{display:none!important}html.android-mobile #net-status{text-align:center!important;z-index:450!important;pointer-events:none!important;width:auto!important;max-width:none!important;top:64px!important;left:10px!important;right:10px!important}html.android-mobile.mobile-chat-open #chatPanel,html.android-app.mobile-chat-open #chatPanel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:1000!important;display:flex!important}html.android-mobile.mobile-score-open #scorePanel,html.android-app.mobile-score-open #scorePanel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:1000!important;display:grid!important}html.android-mobile.mobile-chat-open #mobileTools,html.android-mobile.mobile-score-open #mobileTools,html.android-app.mobile-chat-open #mobileTools,html.android-app.mobile-score-open #mobileTools{z-index:1100!important}}#turnAnnouncement{text-align:center;z-index:2000;pointer-events:none;opacity:0;background:#050a0ee8;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:250px;max-width:min(86vw,420px);padding:20px 28px 18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .22s,transform .22s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94);box-shadow:0 18px 55px #00000073,inset 0 0 0 1px #ffffff0a}#turnAnnouncement.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#turnAnnouncement .turn-announcement-kicker{letter-spacing:2px;opacity:.58;margin-bottom:6px;font-size:10px;font-weight:800}#turnAnnouncement #turnAnnouncementTitle{letter-spacing:.5px;font-size:26px;font-weight:900;line-height:1.05}#turnAnnouncement #turnAnnouncementName{opacity:.82;text-overflow:ellipsis;max-width:100%;margin-top:7px;font-size:15px;font-weight:700;overflow:hidden}#turnAnnouncement.mine{border-color:#56dc967a}#turnAnnouncement.mine #turnAnnouncementTitle{color:#72efad}#turnAnnouncement.opponent{border-color:#74d7ff61}#turnAnnouncement.opponent #turnAnnouncementTitle{color:#aeeaff}@media (pointer:coarse){#turnAnnouncement{border-radius:15px;min-width:220px;padding:17px 22px 15px}#turnAnnouncement #turnAnnouncementTitle{font-size:22px}#turnAnnouncement #turnAnnouncementName{font-size:14px}html.android-mobile #mobileTools button.has-unread{border-color:#ff5a5ae6!important;box-shadow:0 0 0 2px #ff46462e,0 5px 18px #00000052!important}html.android-mobile #mobileTools{pointer-events:auto!important}html.android-mobile #mobileChatBtn,html.android-mobile #mobileScoreBtn{pointer-events:auto!important;touch-action:manipulation!important}html.android-mobile.mobile-chat-open #chatPanel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:flex!important}html.android-mobile.mobile-score-open #scorePanel{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:grid!important}}#turnAnnouncement{display:none}#turnAnnouncement.show{display:flex!important}.development-notice{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0e,#ffffff06);border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:min(92vw,760px);min-height:48px;margin:14px auto 0;padding:10px 14px;display:flex;box-shadow:0 8px 28px #00000029}.development-icon{opacity:.9;background:#ffd2521a;border:1px solid #ffd2522e;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.development-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.development-copy strong{letter-spacing:.2px;font-size:12px;font-weight:750}.development-copy span{opacity:.52;font-size:11px;line-height:1.3}.development-dot{opacity:.9;background:#ffd452;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-left:auto;box-shadow:0 0 10px #ffd4526b}@media (width<=700px){.development-notice{gap:9px;width:calc(100vw - 28px);margin-top:10px;padding:9px 11px}.development-icon{flex-basis:27px;width:27px;height:27px;font-size:13px}.development-copy strong{font-size:11px}.development-copy span{font-size:10px}}#gameCanvas{touch-action:none}.score-device{color:#ffffffad;letter-spacing:.02em;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:11px;line-height:1;display:flex}.device-icon{font-size:14px;line-height:1}.development-copy{flex-direction:column;gap:3px;display:flex}.development-subtext{opacity:.78;display:block}.discord-main-btn{box-sizing:border-box;color:#fff;letter-spacing:.04em;background:#5865f238;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:13px 18px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:flex}.discord-main-btn:hover{background:#5865f25c;border-color:#ffffff4d;transform:translateY(-1px)}.discord-main-btn:active{transform:translateY(0)}