:root{--bg:#0d0b10;--surface:#16121a9e;--surface-strong:#120e16d1;--border:#ffeccd1f;--border-strong:#ffeccd38;--text:#f6efe4;--text-dim:#f6efe49e;--gold:#e2b866;--gold-deep:#b98a3a;--p1:#5cc8ff;--p2:#ff7a6b;--good:#3ddc97;--bad:#ff5d5d;--radius:18px;--shadow:0 18px 50px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:400 16px/1.5 Outfit,system-ui,sans-serif;overflow:hidden}button{font:inherit}.glass{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--shadow)}.lobby{place-items:center;width:100vw;height:100vh;padding:16px;display:grid;position:relative;overflow:hidden}.lobby-bg{filter:saturate(110%);background:url(/games/carrom/assets/images/lobby.jpg) 50%/cover no-repeat,radial-gradient(#2c1f0e 0%,#0d0b10 100%);animation:28s ease-in-out infinite alternate drift;position:absolute;inset:-4%}.lobby-bg:after{content:"";background:radial-gradient(60% 70%,#0d0b1040 0%,#0d0b10db 100%),linear-gradient(#0d0b104d 0%,#0d0b10bf 100%);position:absolute;inset:0}@keyframes drift{0%{transform:scale(1.04)translate(-1%,-1%)}to{transform:scale(1.1)translate(1%,1%)}}.lobby-card{text-align:center;border-radius:28px;width:min(440px,100%);padding:40px 32px 28px;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.brand-mark{background:url(/games/carrom/assets/textures/coin_red.jpg) 50%/cover;border-radius:50%;width:76px;height:76px;margin:-78px auto 14px;animation:1s cubic-bezier(.2,.8,.2,1) both spinIn;box-shadow:0 10px 30px #b3202a8c,0 0 0 4px #e2b86673}@keyframes spinIn{0%{opacity:0;transform:rotate(-200deg)scale(.4)}to{opacity:1;transform:none}}.brand-title{letter-spacing:.06em;background:linear-gradient(180deg, #fff3d6 0%, var(--gold) 55%, var(--gold-deep) 100%);color:#0000;filter:drop-shadow(0 4px 18px #e2b86659);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(2.3rem,7vw,3.1rem);font-weight:800;line-height:1.05}.brand-sub{color:var(--text-dim);letter-spacing:.02em;margin:8px 0 28px;font-size:.95rem}.btn{letter-spacing:.01em;color:#fff;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 22px;font-size:1.05rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn-primary{color:#2a1a08;background:linear-gradient(135deg,#f0c878 0%,#c48a32 100%);box-shadow:0 10px 30px #e2b86659,inset 0 1px #ffffff73}.btn-primary:hover{box-shadow:0 14px 38px #e2b86680,inset 0 1px #ffffff73}.btn-secondary{border-color:var(--border-strong);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1c}.btn-ghost-danger{color:var(--bad);background:0 0;border-color:#ff5d5d80}.btn-ghost-danger:hover{background:#ff5d5d1f}.divider{color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0 18px;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong), transparent);flex:1;height:1px}.segmented{border:1px solid var(--border);background:#00000052;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:4px;display:grid;position:relative}.segmented-thumb{border-radius:9px;width:calc(33.3333% - 2.66667px);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s;position:absolute;top:4px;bottom:4px;left:4px}.segmented button{z-index:1;color:var(--text-dim);text-transform:capitalize;cursor:pointer;background:0 0;border:0;padding:9px 0;font-size:.88rem;font-weight:600;transition:color .2s;position:relative}.segmented button[aria-pressed=true]{color:#fff}.lobby-foot{color:var(--text-dim);justify-content:center;gap:18px;margin-top:22px;font-size:.78rem;display:flex}.lobby-foot span{align-items:center;gap:6px;display:inline-flex}.searching{flex-direction:column;align-items:center;gap:18px;padding:8px 0 4px;display:flex}.radar{background:radial-gradient(circle,#e2b8662e,#0000 70%);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.radar:before,.radar:after{content:"";border:2px solid var(--gold);border-radius:50%;animation:1.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.radar:after{animation-delay:.9s}.radar img{border-radius:50%;width:54px;height:54px;animation:3s linear infinite spin}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes spin{to{transform:rotate(360deg)}}.searching p{color:var(--text);margin:0;font-size:1.1rem}.game-page,.scene-root{width:100vw;height:100vh;position:relative;overflow:hidden}.scene-canvas{position:absolute;inset:0}.hud-top{pointer-events:none;z-index:50;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;display:grid;position:absolute;top:16px;left:16px;right:16px}.hud-top>*{pointer-events:auto}.icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:14px;place-items:center;transition:transform .18s,background .18s;display:grid}.icon-btn:hover{background:#28202ecc;transform:translateY(-1px)}.scoreboard{border-radius:20px;justify-self:center;align-items:stretch;gap:6px;padding:6px;display:flex}.player-card{opacity:.62;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;min-width:170px;padding:8px 16px 8px 8px;transition:background .3s,border-color .3s,box-shadow .3s,opacity .3s;display:flex}.player-card.right{text-align:right;flex-direction:row-reverse;padding:8px 8px 8px 16px}.player-card.active{opacity:1;background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--accent) 30%, transparent)}.avatar{color:#10131a;background:var(--accent);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 -3px #0000002e}.player-meta{flex-direction:column;line-height:1.15;display:flex}.player-name{font-size:.95rem;font-weight:600}.player-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem}.player-tag.live{color:var(--accent)}.player-score{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.9rem;font-weight:800}.player-card.right .player-score{margin-left:0;margin-right:auto}.player-score.bump{animation:.5s cubic-bezier(.2,.8,.2,1) bump}@keyframes bump{0%{transform:scale(1)}35%{color:var(--gold);transform:scale(1.45)}to{transform:scale(1)}}.vs{color:var(--gold);opacity:.8;align-self:center;padding:0 6px;font-family:Cinzel,serif;font-size:.8rem;font-weight:700}.hud-right{justify-self:end;gap:8px;display:flex}.coins-left{border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.coins-left img{border-radius:50%;width:20px;height:20px}.turn-banner{letter-spacing:.04em;z-index:40;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;animation:.45s cubic-bezier(.2,.8,.2,1) both bannerIn;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.turn-banner .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.toast{z-index:60;pointer-events:none;white-space:nowrap;border-radius:16px;padding:12px 24px;font-size:1.15rem;font-weight:700;animation:1.6s cubic-bezier(.2,.8,.2,1) both toast;position:absolute;top:38%;left:50%}.toast.good{color:var(--good);border-color:#3ddc9766}.toast.queen{color:#ff8a95;border-color:#ff465580}.toast.bad{color:var(--bad);border-color:#ff5d5d80}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px)scale(.85)}15%{opacity:1;transform:translate(-50%)scale(1.05)}25%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-24px)}}.control-dock{z-index:50;flex-direction:column;align-items:center;gap:10px;width:min(420px,100vw - 32px);animation:.4s cubic-bezier(.2,.8,.2,1) both rise;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.dock-hint{color:var(--text-dim);text-shadow:0 1px 6px #000c;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.dock-slider{border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.dock-icon{color:var(--p1);flex:none}.striker-range{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--p1) 0 var(--fill), #ffffff24 var(--fill) 100%);border-radius:999px;outline:none;width:100%;height:8px}.striker-range::-webkit-slider-thumb{-webkit-appearance:none;background:url(/games/carrom/assets/textures/striker.jpg) 50%/cover;border:2px solid #fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;box-shadow:0 2px 10px #00000080,0 0 0 4px #5cc8ff40}.striker-range::-webkit-slider-thumb:hover{transform:scale(1.12)}.striker-range::-moz-range-thumb{background:url(/games/carrom/assets/textures/striker.jpg) 50%/cover;border:2px solid #fff;border-radius:50%;width:24px;height:24px}.power-meter{z-index:50;pointer-events:none;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.power-label{letter-spacing:.2em;color:var(--text-dim);font-size:.65rem}.power-track{background:#ffffff1a;border-radius:999px;width:12px;height:180px;position:relative;overflow:hidden}.power-fill{background:linear-gradient(#ff5d5d 0%,#ffd166 45%,#3ddc97 100%) bottom/100% 180px;border-radius:999px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 16px #ffd16699}.power-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.avatar{position:relative}.avatar-coin{border:2px solid #0d0b10e6;border-radius:50%;width:20px;height:20px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 6px #00000080}.queen-badge{color:#ff6b7a;vertical-align:-1px;margin-left:5px}.player-name{align-items:center;display:inline-flex}.board-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:128px;padding:0 10px;display:flex}.board-no{letter-spacing:.08em;color:var(--gold);font-family:Cinzel,serif;font-size:.78rem;font-weight:700}.queen-status{color:var(--text-dim);white-space:nowrap;align-items:center;gap:5px;font-size:.7rem;display:inline-flex}.queen-status img{border-radius:50%;width:13px;height:13px}.queen-status.pending{color:#ff8a95;animation:1.2s ease-in-out infinite blink}.queen-status.covered img{filter:grayscale(.7)brightness(.7)}.board-goal{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);opacity:.75;font-size:.62rem}.format-picker{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.format-picker button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#00000047;border-radius:12px;flex-direction:column;gap:2px;padding:10px 8px;transition:border-color .2s,background .2s,color .2s;display:flex}.format-picker button[aria-checked=true]{color:var(--text);background:#e2b8661f;border-color:#e2b866b3}.format-label{font-size:.92rem;font-weight:700}.format-detail{opacity:.8;font-size:.72rem}.link-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-top:18px;padding:6px 8px;font-size:.82rem;display:inline-flex}.link-btn:hover{color:var(--gold)}.modal-backdrop,.result-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);background:#0605089e;place-items:center;padding:16px;animation:.25s both fadeIn;display:grid;position:fixed;inset:0}.result-backdrop.soft{pointer-events:none;background:#06050859}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--surface-strong);border-radius:22px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:28px 28px 22px;animation:.35s cubic-bezier(.2,.8,.2,1) both rise;position:relative;overflow-y:auto}.modal h2{color:var(--gold);letter-spacing:.04em;margin:0 0 4px;font-family:Cinzel,serif}.modal-lead{color:var(--text-dim);margin:0 0 14px;font-size:.9rem}.modal h3{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:16px 0 6px;font-size:.78rem}.modal ul{margin:0;padding-left:18px}.modal li{margin:4px 0;font-size:.92rem;line-height:1.45}.modal b{color:var(--text)}.modal-close{border:1px solid var(--border);background:#ffffff0f;width:36px;height:36px;position:absolute;top:14px;right:14px}.result-card{text-align:center;background:var(--surface-strong);border-radius:26px;width:min(420px,100%);padding:30px 28px 26px;animation:.45s cubic-bezier(.2,.8,.2,1) both rise}.result-card.compact{width:min(360px,100%);padding:22px 24px}.result-card.won{box-shadow:var(--shadow), 0 0 60px #e2b86640;border-color:#e2b86666}.result-card h2{color:var(--text);margin:6px 0;font-family:Cinzel,serif;font-size:1.6rem}.result-card.won h2{color:var(--gold)}.result-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem}.result-trophy{color:var(--gold);filter:drop-shadow(0 6px 20px #e2b86680)}.result-card.lost .result-trophy{color:var(--text-dim);filter:none}.result-detail{color:var(--text-dim);margin:0 0 12px;font-size:.88rem}.result-points{color:var(--gold);flex-direction:column;align-items:center;margin:6px 0 12px;font-size:2.4rem;font-weight:800;line-height:1.1;display:flex}.result-points small{font-size:1rem;font-weight:600}.result-breakdown{color:var(--text-dim);margin-top:4px;font-size:.78rem;font-weight:500}.result-score{justify-content:center;align-items:baseline;gap:12px;margin-bottom:8px;font-size:1rem;display:flex}.result-score b{font-variant-numeric:tabular-nums;font-size:1.5rem}.result-score .sep{color:var(--text-dim)}.result-next{color:var(--text-dim);margin:6px 0 0;font-size:.8rem}.result-actions{gap:10px;margin-top:18px;display:flex}.conn-banner{z-index:70;white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;font-size:.9rem;animation:.35s cubic-bezier(.2,.8,.2,1) both bannerIn;display:flex;position:absolute;top:140px;left:50%;transform:translate(-50%)}.conn-banner.bad{color:#ffb3b3;border-color:#ff5d5d73}.conn-banner.warn{color:#ffd98a;border-color:#ffd16673}.conn-banner b{font-variant-numeric:tabular-nums}.conn-spinner{border:2px solid #ffb3b34d;border-top-color:#ffb3b3;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.resume-card{text-align:left;background:#5cc8ff1a;border:1px solid #5cc8ff73;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 12px 12px 16px;display:flex}.resume-card>div:first-child{flex-direction:column;display:flex}.resume-title{font-weight:700}.resume-sub{color:var(--text-dim);font-size:.75rem}.resume-actions{align-items:center;gap:6px;display:flex}.resume-actions .btn{width:auto;padding:9px 14px;font-size:.9rem}.resume-actions .icon-btn{border:1px solid var(--border);background:#ffffff0f;width:36px;height:36px}.shot-clock{font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:.8rem;display:inline-flex}.shot-clock.low{color:#ff8a8a;background:#ff5d5d29;animation:1s ease-in-out infinite blink}.dock-hint.warn{color:#ffd98a}.lang-toggle{border-radius:14px;align-items:center;gap:2px;height:44px;padding:4px;display:inline-flex}.lang-toggle button{min-width:38px;height:100%;color:var(--text-dim);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 8px;font-size:.78rem;font-weight:700;transition:background .2s,color .2s}.lang-toggle button[aria-checked=true]{color:var(--gold);background:#e2b86638}.lang-toggle button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.lobby-lang{z-index:5;position:absolute;top:16px;right:16px}@media (width<=720px){.coins-left{display:none}.lang-toggle{height:36px}.lang-toggle button{min-width:30px;padding:0 5px}.player-card{gap:8px;min-width:0;padding:6px 10px 6px 6px}.player-card.right{padding:6px 6px 6px 10px}.avatar{border-radius:10px;width:34px;height:34px}.player-tag{display:none}.board-info{min-width:0;padding:0 4px}.board-goal,.queen-status{display:none}.player-name{font-size:.82rem}.player-score{font-size:1.4rem}.turn-banner{top:76px}.conn-banner{white-space:normal;width:calc(100vw - 32px);top:116px}.power-meter{right:12px}.power-track{height:130px}}.turnamen-card{text-align:center;background:#f0be5a14;border:1px solid #f0be5a73;border-radius:12px;flex-direction:column;gap:2px;margin:10px 0 4px;padding:10px 14px;display:flex}.turnamen-nama{letter-spacing:.02em;font-weight:700}.turnamen-sub{opacity:.78;font-size:.82rem}