html,body{margin:0;min-height:100%;background:#0b1017;color:#f3f5f7;font-family:Inter,Segoe UI,Arial,sans-serif}body{min-height:100vh}.tbg-game-container{width:100%;min-height:100vh;overflow:hidden}.tbg-point-carrom-game{min-height:100vh}.tbg-point-carrom-stage{min-height:100vh}.tbg-point-carrom-standalone-lobby{z-index:40;padding:clamp(12px,3vw,30px);overflow:auto;background:rgba(5,8,15,.94)}.tbg-point-carrom-standalone-card{width:min(940px,100%);padding:clamp(20px,4vw,42px);border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,#1b2533,#101720);box-shadow:0 24px 80px rgba(0,0,0,.48);box-sizing:border-box}.tbg-point-carrom-standalone-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.tbg-point-carrom-standalone-kicker{color:#f2bf59;font-size:11px;font-weight:900;letter-spacing:.14em}.tbg-point-carrom-standalone-header h1{margin:8px 0 4px;color:#fff;font-size:clamp(30px,5vw,48px);line-height:1}.tbg-point-carrom-standalone-header p{margin:0;color:#9aa6b5}.tbg-point-carrom-standalone-wallet{min-width:130px;padding:12px 16px;border:1px solid rgba(242,191,89,.25);border-radius:14px;background:rgba(242,191,89,.07)}.tbg-point-carrom-standalone-wallet span,.tbg-point-carrom-standalone-wallet strong{display:block}.tbg-point-carrom-standalone-wallet span{color:#aab3bf;font-size:11px}.tbg-point-carrom-standalone-wallet strong{margin-top:4px;color:#ffd977;font-size:22px}.tbg-point-carrom-standalone-wallet small{display:block;margin-top:5px;color:#aab3bf;font-size:10px}.tbg-point-carrom-progress-loading{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#0b1017;color:#f0c760;font-size:16px;font-weight:800}.tbg-point-carrom-standalone-modes{display:flex;gap:10px;margin:0 0 16px}.tbg-point-carrom-standalone-modes button,.tbg-point-carrom-start-button{min-height:44px;padding:10px 17px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#202b39;color:#e8edf2;font:inherit;font-weight:800;cursor:pointer}.tbg-point-carrom-standalone-modes button.is-selected{border-color:#edba53;background:rgba(237,186,83,.13);color:#ffdc88}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button{min-height:126px;padding:16px;text-align:left}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button strong,.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button span,.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button small{display:block}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button span{margin-top:9px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button.is-selected{outline:2px solid #f0be59}.tbg-point-carrom-level-message{min-height:22px;color:#adb7c4;font-size:13px}.tbg-point-carrom-start-button{width:100%;border:0;background:linear-gradient(110deg,#edb84d,#ffe28d);color:#211a0e;font-size:15px}.tbg-point-carrom-start-button:disabled{opacity:.48;cursor:not-allowed}.tbg-point-carrom-standalone-note{margin:12px 0 0;color:#778392;font-size:11px;text-align:center}.tbg-point-carrom-standalone-reward{padding:10px 14px;border-radius:10px;background:rgba(242,191,89,.1);color:#ffd977;font-weight:800;text-align:center}.tbg-standalone-pause{position:absolute;z-index:2;top:12px;right:12px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(12,17,24,.85);color:#fff;font-weight:700;cursor:pointer}@media(max-width:700px){.tbg-point-carrom-standalone-header{align-items:flex-start;flex-direction:column}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{grid-template-columns:1fr}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-button{min-height:86px}.tbg-point-carrom-stage{padding:10px}.tbg-point-carrom-board-shell{width:min(96vw,76vh)}}
/* Full-screen match layout: two compact player cards and a board sized to the visible viewport. */
.tbg-point-carrom-stage{height:100vh;height:100svh;min-height:100vh;min-height:100svh;justify-content:center;gap:0;padding:10px 18px;overflow:hidden}
.tbg-point-carrom-player-hud{width:min(100%,1100px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 8px}
.tbg-point-carrom-board-shell{width:min(96vw,calc(100svh - 148px),1100px);max-width:calc(100vw - 24px)}
.tbg-point-carrom-board-status{margin-top:5px;padding:3px 9px;font-size:9px}
@media(max-width:700px){.tbg-point-carrom-stage{height:100vh;height:100svh;min-height:100vh;min-height:100svh;padding:6px 5px;gap:0}.tbg-point-carrom-player-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;margin-bottom:5px}.tbg-point-carrom-player-card{grid-row:auto;min-height:44px;padding:5px 7px}.tbg-point-carrom-player-card{flex-direction:row;align-items:center}.tbg-point-carrom-player-stats{width:auto;flex-direction:column;align-items:flex-end;gap:2px;font-size:9px}.tbg-point-carrom-board-shell{width:min(98vw,calc(100svh - 144px));max-width:calc(100vw - 8px);border-radius:12px}.tbg-point-carrom-canvas{border-radius:12px}.tbg-point-carrom-board-status{margin-top:3px;padding:1px 6px}}
@media(max-height:520px){.tbg-point-carrom-stage{padding:3px 8px}.tbg-point-carrom-player-hud{margin-bottom:3px}.tbg-point-carrom-player-card{min-height:34px;padding:3px 7px}.tbg-point-carrom-board-shell{width:min(calc(100svh - 92px),calc(100vw - 16px),800px)}.tbg-point-carrom-board-status{display:none}}
/* Online and solo matches use the same viewport-fitted board. */
.tbg-point-carrom-game--ongoing{height:100vh;height:100svh;min-height:0;overflow:hidden!important}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-stage{height:100vh;height:100svh;min-height:0;box-sizing:border-box;padding:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{width:100%;height:100%;max-width:1500px;grid-template-columns:minmax(140px,190px) minmax(0,1fr) minmax(140px,190px);align-items:center;gap:clamp(6px,1.2vw,16px)}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-center{min-width:0;justify-content:center}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-board-shell{width:min(calc(100svh - 118px),calc(100vw - 420px),900px);max-width:100%;}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-tip{min-height:30px;margin-top:5px;padding:5px 8px}
@media(max-width:880px){.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{grid-template-columns:minmax(120px,155px) minmax(0,1fr) minmax(120px,155px);gap:6px}.tbg-point-carrom-game--ongoing .tbg-point-carrom-board-shell{width:min(calc(100svh - 108px),calc(100vw - 330px),760px)}}
@media(max-width:700px){.tbg-point-carrom-game--ongoing .tbg-point-carrom-stage{padding:5px}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;gap:5px}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-side--you,.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-side--opponent{grid-row:1}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-center{grid-column:1/-1;grid-row:2;min-height:0}.tbg-point-carrom-game--ongoing .tbg-point-carrom-board-shell{width:min(98vw,calc(100svh - 170px));max-width:100%}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-player-card{padding:5px 7px}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-stats{gap:4px;margin-top:5px}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-stats>div{padding:4px}.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-tip{display:none}}
@media(max-height:520px){.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{grid-template-columns:minmax(115px,150px) minmax(0,1fr) minmax(115px,150px)}.tbg-point-carrom-game--ongoing .tbg-point-carrom-board-shell{width:min(calc(100svh - 76px),calc(100vw - 320px),700px)}}
.tbg-point-carrom-standalone-lobby{display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.tbg-point-carrom-standalone-card{max-height:calc(100svh - 24px);overflow:auto;scrollbar-color:#3e4a59 transparent}
.tbg-point-carrom-hub-tabs,.tbg-point-carrom-shop-filters{display:flex;gap:8px;flex-wrap:wrap}
.tbg-point-carrom-hub-tabs{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.tbg-point-carrom-hub-tabs button,.tbg-point-carrom-shop-filters button{padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#202b39;color:#aeb8c5;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.tbg-point-carrom-hub-tabs button.is-active,.tbg-point-carrom-shop-filters button.is-active{border-color:#edba53;background:rgba(237,186,83,.12);color:#ffdc88}
.tbg-point-carrom-standalone-card [hidden]{display:none!important}
.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card{position:relative;min-height:152px;padding:15px;border:1px solid color-mix(in srgb,var(--level-accent) 40%,transparent);border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--level-accent) 17%,#18212c),#121923 74%);color:#fff;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden}
.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card:hover{transform:translateY(-2px);border-color:var(--level-accent);box-shadow:0 12px 30px color-mix(in srgb,var(--level-accent) 16%,transparent)}
.tbg-point-carrom-level-card strong,.tbg-point-carrom-level-card small,.tbg-point-carrom-level-card em,.tbg-point-carrom-level-card .tbg-point-carrom-level-stats{display:block}
.tbg-point-carrom-level-card strong{margin:5px 0 8px;font-size:19px;letter-spacing:.01em}
.tbg-point-carrom-level-card .tbg-point-carrom-level-tag{display:inline-block;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--level-accent) 25%,transparent);color:#e8f4f2;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.tbg-point-carrom-level-card .tbg-point-carrom-level-stats{color:#ffd982;font-size:10px;font-weight:800;white-space:nowrap}
.tbg-point-carrom-level-card .tbg-point-carrom-level-stats i{padding:0 3px;color:#748293;font-style:normal}
.tbg-point-carrom-level-card small{margin-top:6px;color:#99a6b5;font-size:10px}
.tbg-point-carrom-level-card em{position:absolute;right:14px;bottom:12px;color:var(--level-accent);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em}
.tbg-point-carrom-shop-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 16px}
.tbg-point-carrom-shop-heading h2{margin:5px 0;color:#fff;font-size:22px}
.tbg-point-carrom-shop-heading p{margin:0;color:#9aa6b5;font-size:12px}
.tbg-point-carrom-shop-filters{justify-content:flex-end}
.tbg-point-carrom-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tbg-point-carrom-shop-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(145deg,#1b2633,#121923)}
.tbg-point-carrom-shop-item.is-equipped{border-color:rgba(88,220,163,.45);box-shadow:inset 0 0 0 1px rgba(88,220,163,.08)}
.tbg-point-carrom-shop-swatch{width:44px;height:44px;display:grid;place-items:center;border:3px solid color-mix(in srgb,var(--swatch) 65%,#fff);border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff,var(--swatch) 35%,color-mix(in srgb,var(--swatch) 44%,#050912));box-shadow:0 5px 12px rgba(0,0,0,.35),inset 0 1px 4px rgba(255,255,255,.55)}
.tbg-point-carrom-shop-swatch.is-piece:after{content:'';width:19px;height:19px;border:2px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:inset 0 0 0 4px rgba(0,0,0,.16)}
.tbg-point-carrom-shop-swatch.is-striker{border-radius:14px;transform:rotate(0deg);box-shadow:0 5px 12px rgba(0,0,0,.35),inset 0 0 0 6px rgba(0,0,0,.14),inset 0 1px 4px rgba(255,255,255,.7)}
.tbg-point-carrom-shop-swatch.is-striker:after{content:'✦';color:#fff6cd;font-size:19px;text-shadow:0 1px 3px #1d2632}
.tbg-point-carrom-shop-copy{min-width:0}
.tbg-point-carrom-shop-copy strong,.tbg-point-carrom-shop-copy small,.tbg-point-carrom-shop-copy em{display:block}
.tbg-point-carrom-shop-copy strong{color:#f4f6fa;font-size:12px}
.tbg-point-carrom-shop-copy small{margin:3px 0;color:#8995a4;font-size:9px}
.tbg-point-carrom-shop-copy em{color:#ffd982;font-size:10px;font-style:normal;font-weight:800}
.tbg-point-carrom-shop-action{min-width:66px;padding:8px 10px;border:1px solid rgba(242,191,89,.3);border-radius:9px;background:rgba(242,191,89,.09);color:#ffdc88;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.tbg-point-carrom-shop-action:disabled{border-color:rgba(88,220,163,.22);background:rgba(88,220,163,.1);color:#76dfa9;cursor:default}
.tbg-point-carrom-standalone-note{line-height:1.5}
@media(max-width:700px){.tbg-point-carrom-standalone-lobby{align-items:flex-start}.tbg-point-carrom-standalone-card{max-height:calc(100svh - 20px);padding:18px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card{min-height:132px;padding:11px}.tbg-point-carrom-level-card strong{font-size:16px}.tbg-point-carrom-level-card .tbg-point-carrom-level-stats{font-size:9px}.tbg-point-carrom-shop-heading{align-items:flex-start;flex-direction:column}.tbg-point-carrom-shop-filters{justify-content:flex-start}.tbg-point-carrom-shop-grid{grid-template-columns:1fr}.tbg-point-carrom-shop-item{grid-template-columns:46px minmax(0,1fr) auto}.tbg-point-carrom-shop-swatch{width:38px;height:38px}}
@media(max-width:390px){.tbg-point-carrom-standalone-card{padding:14px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{grid-template-columns:1fr}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card{min-height:112px}.tbg-point-carrom-level-card em{bottom:10px}}
.tbg-point-carrom-standalone-lobby{padding:clamp(8px,1.5vw,18px)}
.tbg-point-carrom-standalone-card{width:min(900px,100%);padding:clamp(14px,2vw,22px);border-radius:18px}
.tbg-point-carrom-standalone-header{gap:12px;margin-bottom:12px}
.tbg-point-carrom-standalone-header h1{margin:4px 0;font-size:clamp(27px,4vw,38px)}
.tbg-point-carrom-standalone-wallet{padding:9px 12px}
.tbg-point-carrom-hub-tabs{gap:7px;margin:0 0 12px}
.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{gap:9px}
.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card{min-height:132px;padding:12px}
.tbg-point-carrom-level-card strong{margin:4px 0 5px;font-size:17px}
.tbg-point-carrom-level-card .tbg-point-carrom-level-stats{font-size:9px}
.tbg-point-carrom-level-card small{margin-top:4px}
.tbg-point-carrom-level-card .tbg-point-carrom-level-play{position:absolute;right:11px;bottom:10px;display:inline-flex;align-items:center;gap:5px;margin:0;padding:5px 7px;border:1px solid color-mix(in srgb,var(--level-accent) 68%,white);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--level-accent) 88%,white),var(--level-accent));box-shadow:0 4px 12px color-mix(in srgb,var(--level-accent) 26%,transparent);color:#07131a;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.06em;line-height:1}
.tbg-point-carrom-level-card .tbg-point-carrom-level-play b{font-size:13px}
.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card span.tbg-point-carrom-level-play{display:inline-flex;margin:0}
.tbg-point-carrom-level-card:hover .tbg-point-carrom-level-play{filter:brightness(1.12)}
.tbg-standalone-pause{position:fixed;z-index:90;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);width:auto;height:36px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(12,17,24,.92);box-shadow:0 5px 18px rgba(0,0,0,.38);color:#fff;font-size:12px;font-weight:800;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.tbg-standalone-pause-icon{display:inline-block;font-size:17px;animation:tbg-pause-icon-pulse 1.8s ease-in-out infinite}
.tbg-standalone-pause.is-paused .tbg-standalone-pause-icon{animation:none}
@keyframes tbg-pause-icon-pulse{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.tbg-standalone-pause-icon{animation:none}}
@media(max-width:700px){.tbg-point-carrom-standalone-card{padding:14px}.tbg-point-carrom-standalone-header{gap:9px;margin-bottom:10px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card{min-height:122px;padding:10px}.tbg-point-carrom-level-card .tbg-point-carrom-level-play{right:8px;bottom:8px;padding:5px 7px;font-size:8px}.tbg-standalone-pause{top:calc(env(safe-area-inset-top,0px) + 7px);right:calc(env(safe-area-inset-right,0px) + 7px);height:34px;padding:0 10px;font-size:11px}}
@media(max-width:390px){.tbg-point-carrom-standalone-card{padding:12px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-grid{grid-template-columns:1fr;gap:7px}.tbg-point-carrom-standalone-card .tbg-point-carrom-level-card{min-height:108px}}
.tbg-standalone-pause{position:fixed;z-index:90;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);width:42px;height:42px;display:grid;place-items:center;padding:0;border:2px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(145deg,#273647,#101720);box-shadow:0 5px 18px rgba(0,0,0,.44),0 0 0 3px rgba(10,15,23,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.tbg-standalone-pause-icon{display:block;animation:tbg-pause-bounce 1.6s ease-in-out infinite}
.tbg-standalone-pause.is-paused .tbg-standalone-pause-icon{animation:none}
.tbg-standalone-lobby-button{position:fixed;z-index:90;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:2px solid #fff0c0;border-radius:10px 14px 10px 14px;background:linear-gradient(135deg,#f5d27a,#d89432);box-shadow:0 5px 16px rgba(0,0,0,.38),0 0 0 3px rgba(10,15,23,.42);color:#241707;font-size:10px;font-weight:950;letter-spacing:.08em;cursor:pointer;transform:rotate(-2deg)}
.tbg-standalone-lobby-button>span{font-size:19px;line-height:1}
.tbg-standalone-lobby-button:hover{filter:brightness(1.08);transform:rotate(0) translateY(-1px)}
.tbg-point-carrom-leave-confirm[hidden],.tbg-standalone-lobby-button[hidden]{display:none!important}
.tbg-standalone-lobby-button{touch-action:manipulation;pointer-events:auto}
.tbg-point-carrom-standalone-lobby{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.tbg-point-carrom-standalone-card{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.tbg-point-carrom-leave-confirm{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,7,12,.76);backdrop-filter:blur(8px)}
.tbg-point-carrom-leave-card{width:min(440px,100%);padding:25px;border:1px solid rgba(255,226,156,.44);border-radius:22px;background:linear-gradient(150deg,#222c39,#101720);box-shadow:0 24px 80px rgba(0,0,0,.62);color:#f4f6f8;text-align:center}
.tbg-point-carrom-leave-sticker{display:inline-block;padding:6px 10px;border:1px solid rgba(255,231,170,.9);border-radius:6px 12px 6px 12px;background:linear-gradient(130deg,#f5d27a,#d89432);box-shadow:0 3px 10px rgba(0,0,0,.3);color:#241707;font-size:9px;font-weight:950;letter-spacing:.12em;transform:rotate(-2deg)}
.tbg-point-carrom-leave-card h2{margin:18px 0 8px;font-size:clamp(20px,5vw,25px);line-height:1.2}
.tbg-point-carrom-leave-card p{margin:0;color:#bdc5cf;font-size:14px;line-height:1.5}
.tbg-point-carrom-leave-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.tbg-point-carrom-leave-actions button{min-height:44px;padding:9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:#263240;color:#f6f7f8;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.tbg-point-carrom-leave-actions [data-tbg-confirm-leave]{border-color:#dc9e47;background:linear-gradient(135deg,#f5d27a,#d89432);color:#241707}
@keyframes tbg-pause-bounce{0%,100%{transform:scale(.95);opacity:.8}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.tbg-standalone-pause-icon{animation:none}}
@media(max-width:700px){.tbg-standalone-pause{top:calc(env(safe-area-inset-top,0px) + 7px);right:calc(env(safe-area-inset-right,0px) + 7px);width:38px;height:38px;font-size:20px}.tbg-standalone-lobby-button{top:calc(env(safe-area-inset-top,0px) + 7px);left:calc(env(safe-area-inset-left,0px) + 7px);min-height:35px;padding:0 10px}.tbg-point-carrom-leave-card{padding:20px 16px}.tbg-point-carrom-leave-actions{gap:8px}}
.tbg-standalone-lobby-button{z-index:2000}
@media(max-width:700px){
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-stage{height:100dvh;height:100svh;min-height:100dvh;min-height:100svh;padding:4px;overflow:hidden}
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{display:grid;height:100%;min-height:0;box-sizing:border-box;padding-top:calc(env(safe-area-inset-top,0px) + 44px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:4px;overflow:visible}
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-center{display:flex;grid-column:1/-1;grid-row:2;min-width:0;min-height:0;width:100%;align-items:center;justify-content:center;overflow:visible}
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-board-slot{display:flex;flex:0 0 auto;min-width:0;min-height:0;width:100%;align-items:center;justify-content:center;overflow:visible}
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-board-shell{flex:0 0 auto;width:min(94vw,max(180px,calc(100svh - 155px)));max-width:100%;margin:0}
}
@media(max-width:700px) and (max-height:520px){
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .tbg-point-carrom-game--ongoing .tbg-point-carrom-board-shell{width:min(90vw,max(170px,calc(100svh - 100px)))}
}
.tbg-point-carrom-winner-title .tbg-point-carrom-winner-outcome{display:block;font-family:"Trebuchet MS","Arial Black",sans-serif;font-size:clamp(40px,8vw,66px);font-weight:1000;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:#ffe08a;text-shadow:0 3px 0 #7c4d12,0 8px 26px rgba(255,190,60,.34)}
.tbg-point-carrom-winner-overlay.is-local-win .tbg-point-carrom-winner-outcome{color:#b7ffd7;text-shadow:0 3px 0 #176744,0 8px 26px rgba(64,224,142,.34)}
.tbg-point-carrom-winner-overlay.is-local-loss .tbg-point-carrom-winner-outcome{color:#ffb1a8;text-shadow:0 3px 0 #792a33,0 8px 26px rgba(255,94,102,.32)}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-stage{background:radial-gradient(ellipse at 50% 38%,rgba(77,210,188,.20),transparent 37%),radial-gradient(ellipse at 8% 12%,rgba(54,134,166,.30),transparent 34%),radial-gradient(ellipse at 94% 88%,rgba(198,125,69,.19),transparent 38%),linear-gradient(145deg,#102f3a 0%,#18364a 52%,#352d35 100%)}
.tbg-point-carrom-game--ongoing .tbg-point-carrom-ongoing-arena{background:radial-gradient(ellipse at 50% 48%,rgba(101,214,194,.07),transparent 58%)}
.tbg-match-avatar{border-radius:50%;border:2px solid rgba(255,239,196,.75);background:transparent;box-shadow:0 0 0 3px rgba(8,23,36,.36),0 5px 15px rgba(0,0,0,.25);animation:tbg-avatar-float 3s ease-in-out infinite}
.tbg-point-carrom-ongoing-avatar--opponent.tbg-match-avatar{border-color:rgba(255,202,132,.88);animation-delay:-1.1s}
.tbg-match-avatar-art{display:block;width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.24));animation:tbg-avatar-glow 3.8s ease-in-out infinite alternate}
.tbg-match-avatar-art--opponent{animation-delay:-1.8s}
@keyframes tbg-avatar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes tbg-avatar-glow{0%{filter:drop-shadow(0 1px 2px rgba(255,255,255,.08))}100%{filter:drop-shadow(0 2px 7px rgba(122,240,220,.46))}}
@media(prefers-reduced-motion:reduce){.tbg-match-avatar,.tbg-match-avatar-art{animation:none}}
/* Point Carrom premium lobby — scoped to menu overlay only. */
.tbg-point-carrom-standalone-lobby{background:radial-gradient(ellipse at 50% 22%,rgba(89,36,169,.5),transparent 50%),radial-gradient(ellipse at 17% 74%,rgba(1,126,147,.38),transparent 54%),radial-gradient(ellipse at 89% 66%,rgba(222,94,37,.32),transparent 45%),linear-gradient(120deg,#07132f 0%,#171035 48%,#261321 100%);isolation:isolate}
.tbg-point-carrom-standalone-lobby:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(130deg,transparent 0 65px,rgba(255,255,255,.018) 66px 67px,transparent 68px 140px),radial-gradient(circle at 9% 28%,#28d4dc55 0 4px,transparent 6px),radial-gradient(circle at 86% 18%,#ffd27b77 0 3px,transparent 6px);filter:drop-shadow(0 0 16px #fba75d)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card{position:relative;max-height:calc(100dvh - 24px);width:min(1120px,100%);min-height:min(690px,calc(100dvh - 24px));padding:clamp(14px,2.2vw,28px);overflow-x:hidden;border:1px solid rgba(247,193,97,.38);border-radius:28px;background:radial-gradient(ellipse at 50% 0%,#352365d4,transparent 58%),linear-gradient(150deg,#111c3bdd,#20142bdf 72%,#171c3ddd);box-shadow:0 0 0 3px #07102777,0 35px 95px #000a, inset 0 1px 0 #ffffff25;backdrop-filter:blur(14px)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-header{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;margin-bottom:12px;gap:10px}
.tbg-point-carrom-standalone-lobby .pc-logo{text-align:center;filter:drop-shadow(0 9px 10px #0009)}
.tbg-point-carrom-standalone-lobby .pc-logo h1{margin:6px 0 0;font-size:clamp(27px,4.4vw,55px);font-weight:1000;letter-spacing:-.045em;line-height:.98;color:#e6f8ff;text-shadow:0 3px 0 #225798,0 6px 0 #13245d,0 10px 14px #000b;-webkit-text-stroke:.8px #a2d9ff}
.tbg-point-carrom-standalone-lobby .pc-logo h1 span{color:#ffcd58;text-shadow:0 3px 0 #a94c24,0 6px 0 #572353,0 9px 15px #0009;-webkit-text-stroke:.8px #fff0ac}
.tbg-point-carrom-standalone-lobby .pc-logo p{font-size:10px;letter-spacing:.28em;color:#dfcaff;margin:13px 0 0;font-weight:900}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-kicker{font-size:9px;color:#eed69a}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet{justify-self:end;text-align:center;min-width:145px;border:2px solid #efbe5d8a;border-radius:99px;background:linear-gradient(140deg,#17204e,#0c1730);box-shadow:inset 0 2px 10px #0005,0 0 18px #ffb33f40}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet strong{color:#ffe48f;font-size:24px}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet small{font-size:9px;line-height:1.4}
.tbg-point-carrom-standalone-lobby .pc-gift{justify-self:start;display:flex;align-items:center;gap:9px;min-height:76px;max-width:220px;padding:6px 12px 6px 3px;border:2px solid #fbd15e;border-radius:17px;background:linear-gradient(110deg,#6d2f29,#1d183f 68%);box-shadow:0 0 21px #ffb52266,0 12px 24px #0007;color:white;text-align:left;cursor:pointer}
.tbg-point-carrom-standalone-lobby .pc-gift-icon{font-size:clamp(36px,5vw,57px);filter:drop-shadow(0 0 13px #ffa31b);animation:pc-gift-bob 2s ease-in-out infinite}
.tbg-point-carrom-standalone-lobby .pc-gift-copy{display:grid;gap:5px}.pc-gift-copy b{color:#ffdb70;font-size:13px}.pc-gift-copy small{font-size:10px;color:white;font-weight:850;white-space:nowrap}
.tbg-point-carrom-standalone-lobby .pc-gift:disabled{cursor:default;opacity:.8}.tbg-point-carrom-standalone-lobby .pc-gift:disabled .pc-gift-icon{animation:pc-gift-rest 3.5s ease-in-out infinite}
@keyframes pc-gift-bob{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(10deg) translateY(-8px)}}@keyframes pc-gift-rest{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.tbg-point-carrom-standalone-lobby .pc-play-view{min-height:330px;display:grid;align-content:center}
.tbg-point-carrom-standalone-lobby .pc-carousel{display:flex;align-items:center;gap:5px;min-width:0;width:100%;justify-content:space-between}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-grid{position:relative;display:block!important;flex:1;min-width:0;height:310px;overflow:hidden;perspective:1100px;touch-action:pan-y}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card{position:absolute;top:18px;left:50%;width:min(33%,300px);height:270px;min-height:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px 10px 40px;opacity:0;pointer-events:none;visibility:hidden;border:2px solid var(--level-accent);border-radius:24px;background:radial-gradient(ellipse at 50% 8%,color-mix(in srgb,var(--level-accent) 60%,transparent),transparent 60%),linear-gradient(140deg,#33204e,#111b3a 77%);box-shadow:0 17px 40px #0009,inset 0 0 35px color-mix(in srgb,var(--level-accent) 12%,transparent);transform:translateX(calc(-50% + var(--pc-distance)*96%)) rotateY(calc(var(--pc-distance)*-13deg)) scale(.77);transition:transform .36s cubic-bezier(.2,.8,.25,1),opacity .3s,filter .3s,visibility .3s;filter:brightness(.75)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card.pc-near{opacity:.82;visibility:visible;pointer-events:auto;z-index:2}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card.pc-active{opacity:1;visibility:visible;pointer-events:auto;z-index:3;filter:brightness(1.13);transform:translateX(-50%) rotateY(0deg) scale(1);box-shadow:0 20px 50px #000b,0 0 30px color-mix(in srgb,var(--level-accent) 35%,transparent),inset 0 0 25px color-mix(in srgb,var(--level-accent) 16%,transparent)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before{content:'✦';display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;border:7px double #ffd886;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff3b2,#d69536 40%,#61361d 73%);box-shadow:0 0 20px #e7a24f80,inset 0 2px 8px #fff9;color:#fff7ca;font-size:43px;text-shadow:0 3px 5px #573512}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--moderate:before{content:'♛'}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--hard:before{content:'♕'}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--expert:before{content:'✥'}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--master:before{content:'♜'}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--grandmaster:before{content:'♛'}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card strong{font-size:clamp(18px,2.4vw,28px);text-shadow:0 3px 6px #0008;margin:0}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-tag{font-size:9px;background:#0007}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-stats{white-space:normal;line-height:1.7;font-size:12px}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card small{color:#f2e7dc;font-size:11px}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-play{right:50%;bottom:8px;transform:translateX(50%);padding:6px 20px;font-size:11px}
.tbg-point-carrom-standalone-lobby .pc-arrow{z-index:5;flex:none;width:46px;height:54px;border:2px solid #93a4ed94;border-radius:50%;background:linear-gradient(#212958,#0d173a);box-shadow:0 5px 20px #0008;color:#e3ebff;font-size:24px;cursor:pointer}
.tbg-point-carrom-standalone-lobby .pc-arrow:hover{border-color:#f3db8a;color:#ffe79b}
.tbg-point-carrom-standalone-lobby .pc-carousel-dots{display:flex;justify-content:center;gap:12px;margin:0 auto}.pc-carousel-dots button{width:12px;height:12px;padding:0;border:2px solid #7784b6;border-radius:50%;background:#091b34;cursor:pointer}.pc-carousel-dots button.is-active{border-color:#75fa87;background:#30e969;box-shadow:0 0 12px #20ff82}
.tbg-point-carrom-standalone-lobby .pc-swipe-hint{text-align:center;color:#c7c7de;font-size:10px;letter-spacing:.13em}
.tbg-point-carrom-standalone-lobby .pc-bottom-nav{justify-content:center;gap:12px;margin:0;padding:8px;border:1px solid #62508c;border-radius:22px;background:#100e31b0}.tbg-point-carrom-standalone-lobby .pc-bottom-nav button{min-width:130px}.tbg-point-carrom-standalone-lobby .pc-bottom-nav button span{font-size:19px;margin-right:5px}.tbg-point-carrom-standalone-lobby .pc-bottom-nav button.is-active{border-color:#45ee89;background:linear-gradient(135deg,#035b38,#158f50);color:white;box-shadow:0 0 14px #25d97b70}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-message{text-align:center;margin:10px 0 2px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-note{margin-top:5px}
.tbg-point-carrom-standalone-lobby .pc-reward-burst:not([hidden]){position:fixed;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#090e28df;backdrop-filter:blur(11px);border-radius:26px;pointer-events:none}.pc-reward-burst span{font-size:94px}.pc-reward-burst strong{font-size:clamp(35px,7vw,66px);color:#ffdc71;text-shadow:0 0 22px #ffa92f}.pc-reward-burst small{color:white;letter-spacing:.15em;font-weight:900}.pc-reward-burst.pc-burst-on span{animation:pc-pop 1s both}.pc-reward-burst.pc-burst-on strong{animation:pc-pop .7s .2s both}@keyframes pc-pop{0%{transform:scale(.05) rotate(-25deg);opacity:0}65%{transform:scale(1.25) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@media(max-width:700px){.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card{width:100%;min-height:0;max-height:calc(100dvh - 16px);padding:13px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-header{grid-template-columns:1fr 1fr;gap:8px}.tbg-point-carrom-standalone-lobby .pc-logo{grid-row:1;grid-column:1/-1}.tbg-point-carrom-standalone-lobby .pc-gift{grid-row:2;max-width:none;min-height:53px;padding:3px 7px}.tbg-point-carrom-standalone-lobby .pc-gift-icon{font-size:32px}.tbg-point-carrom-standalone-lobby .pc-gift-copy b{font-size:10px}.tbg-point-carrom-standalone-lobby .pc-gift-copy small{font-size:9px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet{grid-row:2;min-width:0;width:100%;box-sizing:border-box;padding:7px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet strong{font-size:19px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet small{font-size:8px}.tbg-point-carrom-standalone-lobby .pc-logo h1{font-size:37px}.tbg-point-carrom-standalone-lobby .pc-play-view{min-height:0}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-grid{height:276px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card{width:67%;height:236px;top:18px;gap:6px;padding:11px 6px 36px;transform:translateX(calc(-50% + var(--pc-distance)*72%)) rotateY(calc(var(--pc-distance)*-12deg)) scale(.76)}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before{width:57px;height:57px;flex-basis:57px;font-size:30px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card strong{font-size:21px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-stats{font-size:10px}.tbg-point-carrom-standalone-lobby .pc-arrow{width:29px;height:42px;font-size:16px}.tbg-point-carrom-standalone-lobby .pc-bottom-nav button{min-width:0;flex:1;padding:8px}.tbg-point-carrom-standalone-lobby .pc-swipe-hint{margin:9px 0}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-message{font-size:11px}}
@media(max-width:400px){.tbg-point-carrom-standalone-lobby .pc-logo h1{font-size:30px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-grid{height:245px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card{height:218px;top:10px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before{width:49px;height:49px;flex-basis:49px}.tbg-point-carrom-standalone-lobby .pc-arrow{width:25px}}
@media(prefers-reduced-motion:reduce){.tbg-point-carrom-standalone-lobby .pc-gift-icon,.tbg-point-carrom-standalone-lobby .pc-reward-burst *{animation:none!important}}

/* Point Carrom lobby refinements: prevent card hover jitter and protect target/CTA spacing. */
@media (min-width:701px){
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-header{
    grid-template-columns:minmax(185px,220px) minmax(0,1fr) minmax(155px,205px);
    grid-template-rows:auto auto;
    grid-template-areas:"gift logo wallet" "nav logo .";
    align-items:start;
    column-gap:14px;
    row-gap:9px;
    margin-bottom:14px;
  }
  .tbg-point-carrom-standalone-lobby .pc-gift{grid-area:gift;grid-row:1;grid-column:1;}
  .tbg-point-carrom-standalone-lobby .pc-logo{grid-area:logo;grid-row:1 / span 2;grid-column:2;align-self:center;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet{grid-area:wallet;grid-row:1;grid-column:3;}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav{
    grid-area:nav;grid-row:2;grid-column:1;display:flex;width:100%;box-sizing:border-box;
    gap:5px;margin:0;padding:5px;align-self:start;
  }
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button{flex:1;min-width:0;padding:9px 6px;font-size:11px;white-space:nowrap;}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button span{margin-right:3px;font-size:16px;}
}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card{
  box-sizing:border-box;height:294px;top:8px;padding:12px 10px 48px;gap:8px;overflow:hidden;
}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before{
  width:78px;height:78px;flex-basis:78px;font-size:38px;
}
/* Use modern achievement / energy glyphs instead of chess-piece silhouettes. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--moderate:before{content:'◆';}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--hard:before{content:'⚡';}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--expert:before{content:'✹';}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--master:before{content:'⬢';}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card--grandmaster:before{content:'✪';}
/* Preserve carousel transforms on hover; the base card hover rule otherwise lifts side cards. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:hover{
  transform:translateX(calc(-50% + var(--pc-distance)*96%)) rotateY(calc(var(--pc-distance)*-13deg)) scale(.77);
  border-color:var(--level-accent);
  box-shadow:0 17px 40px #0009,inset 0 0 35px color-mix(in srgb,var(--level-accent) 12%,transparent);
}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card.pc-active:hover{
  transform:translateX(-50%) rotateY(0deg) scale(1);
  box-shadow:0 20px 50px #000b,0 0 30px color-mix(in srgb,var(--level-accent) 35%,transparent),inset 0 0 25px color-mix(in srgb,var(--level-accent) 16%,transparent);
}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .pc-target-score{
  display:block!important;position:relative;z-index:1;visibility:visible!important;opacity:1!important;
  margin:0 0 6px!important;color:#f2e7dc;font-size:11px!important;line-height:1.2;white-space:nowrap;
}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-play{
  z-index:3;bottom:3px;right:50%;transform:translateX(50%);margin:0;
}
@media(max-width:700px){
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-header{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto auto;
    grid-template-areas:"logo logo" "gift wallet" "nav nav";
    row-gap:8px;
  }
  .tbg-point-carrom-standalone-lobby .pc-logo{grid-area:logo;grid-row:1;grid-column:1/-1;}
  .tbg-point-carrom-standalone-lobby .pc-gift{grid-area:gift;grid-row:2;grid-column:1;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet{grid-area:wallet;grid-row:2;grid-column:2;}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav{grid-area:nav;grid-row:3;grid-column:1/-1;width:100%;box-sizing:border-box;margin:0;padding:5px;}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button{min-width:0;flex:1;}
  .tbg-point-carrom-standalone-lobby .pc-play-view{margin-top:9px;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card{height:236px;top:18px;padding:11px 6px 36px;gap:6px;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before{width:57px;height:57px;flex-basis:57px;font-size:30px;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:hover{transform:translateX(calc(-50% + var(--pc-distance)*72%)) rotateY(calc(var(--pc-distance)*-12deg)) scale(.76);}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card.pc-active:hover{transform:translateX(-50%) rotateY(0deg) scale(1);}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .pc-target-score{font-size:10px!important;margin:0 0 2px!important;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-play{bottom:3px;}
}
@media(max-width:400px){
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card{height:218px;top:10px;}
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before{width:49px;height:49px;flex-basis:49px;}
}

/* Lobby-only layout adjustments: stacked title, matched desktop navigation and mobile arrows. */
.tbg-point-carrom-standalone-lobby .pc-logo h1 .pc-logo-second-line{
  display:block;
  color:#e6f8ff;
  text-shadow:0 3px 0 #225798,0 6px 0 #13245d,0 10px 14px #000b;
  -webkit-text-stroke:.8px #a2d9ff;
}
@media (min-width:701px){
  .tbg-point-carrom-standalone-lobby .pc-gift{
    width:100%;max-width:none;box-sizing:border-box;
  }
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav{
    width:100%;max-width:none;box-sizing:border-box;
  }
}
@media (max-width:700px){
  /* Position the whole menu lower and toward the center of a portrait screen. */
  .tbg-point-carrom-standalone-lobby{
    align-items:center;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card{
    margin-top:clamp(18px,4dvh,42px);
  }
  /* Arrows are floating glyphs at the screen edges, no circular button chrome. */
  .tbg-point-carrom-standalone-lobby .pc-carousel{
    position:relative;
    width:100%;
    gap:0;
  }
  .tbg-point-carrom-standalone-lobby .pc-carousel .tbg-point-carrom-level-grid{
    flex:1 1 100%;width:100%;
  }
  .tbg-point-carrom-standalone-lobby .pc-arrow{
    position:absolute;top:50%;z-index:6;
    transform:translateY(-50%);
    width:30px;height:54px;padding:0;
    border:0;border-radius:0;background:transparent;box-shadow:none;
    color:#78f4ff;font-size:29px;font-weight:900;
    line-height:1;text-shadow:0 0 7px #00cbff,0 0 16px #0571cb;
  }
  .tbg-point-carrom-standalone-lobby .pc-arrow[data-slide="-1"]{left:-11px;}
  .tbg-point-carrom-standalone-lobby .pc-arrow[data-slide="1"]{right:-11px;color:#ffcf65;text-shadow:0 0 7px #f79d20,0 0 16px #bd5700;}
  .tbg-point-carrom-standalone-lobby .pc-arrow:hover{
    color:#fff;border:0;background:transparent;
  }
}
@media (max-height:600px) and (max-width:700px){
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card{margin-top:8px;}
}

/* 2026 player onboarding and expanded shop */
.pc-first-tutorial{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#234c55 0%,#0a121d 75%);color:#f8f4e9;font-family:system-ui,sans-serif}
.pc-tutorial-card{width:min(100%,420px);text-align:center;padding:22px;border-radius:26px;background:linear-gradient(145deg,#223341,#121a2b);border:1px solid #b68d4c;box-shadow:0 25px 80px #0009}
.pc-tutorial-eyebrow{font-size:11px;letter-spacing:2px;color:#eec678;font-weight:800}.pc-tutorial-card h2{margin:10px 0;font-size:27px}.pc-tutorial-card p{font-size:13px;color:#d5e2e2;line-height:1.5}
.pc-tutorial-board{touch-action:none;position:relative;aspect-ratio:1;width:min(100%,290px);margin:18px auto;border:18px solid #ac6c3c;border-radius:17px;background:radial-gradient(circle at center,#edc995,#d6a870);box-shadow:inset 0 0 0 5px #583922,0 13px 30px #0005;cursor:grab;overflow:hidden}
.pc-tutorial-hole{position:absolute;right:4%;top:4%;width:28px;aspect-ratio:1;border-radius:50%;background:#282021;box-shadow:0 0 0 4px #ba8a50}
.pc-tutorial-coin{position:absolute;right:22%;top:22%;width:22px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a0a5ad);border:3px solid #565d66;animation:pc-coin-glow 1.2s infinite alternate}
.pc-tutorial-striker{position:absolute;left:calc(50% - 14px);bottom:12%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#ffe3aa,#28bdbc 60%,#07474c);border:3px solid #f5d18c;box-shadow:0 0 0 5px #ffedc344}
.pc-tutorial-path{position:absolute;left:53%;bottom:24%;height:60%;border-left:3px dashed #faf9e7;transform-origin:bottom;transform:rotate(35deg);opacity:.7}
.pc-tutorial-hand{position:absolute;left:52%;bottom:10%;font-size:36px;filter:drop-shadow(0 2px 4px #0008);animation:pc-hand-pull 1.4s ease-in-out infinite}
.pc-tutorial-skip{margin-top:5px;background:none;border:0;color:#e7ca89;text-decoration:underline;cursor:pointer;padding:12px}
.pc-tutorial-success .pc-tutorial-coin{animation:pc-coin-pocket .8s ease-in forwards}.pc-tutorial-success .pc-tutorial-striker{animation:pc-striker-shot .6s ease-out forwards}.pc-tutorial-success .pc-tutorial-hand{display:none}
@keyframes pc-hand-pull{50%{transform:translate(-12px,20px)}}@keyframes pc-coin-glow{to{box-shadow:0 0 16px #fffbd2}}@keyframes pc-coin-pocket{to{transform:translate(50px,-48px) scale(.15);opacity:0}}@keyframes pc-striker-shot{to{transform:translate(65px,-110px)}}
.tbg-point-carrom-shop-item{transition:transform .2s ease,box-shadow .2s ease}.tbg-point-carrom-shop-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0004}
@media(prefers-reduced-motion:reduce){.pc-tutorial-hand,.pc-tutorial-coin{animation:none}}

/* Premium mode chip: anchored to the card itself, not the carousel. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .pc-mode-badge{position:absolute;top:7px;right:7px;z-index:5;display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.42);background:linear-gradient(135deg,#1d3544,#0b1826);box-shadow:0 3px 13px #0008,inset 0 1px #ffffff35;color:#cde8ff;font-size:9px;font-weight:950;letter-spacing:.06em;line-height:1;white-space:nowrap;transform:none}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .pc-mode-badge.pc-mode-doubles{color:#352108;background:linear-gradient(135deg,#fff0ac,#da9c39);border-color:#ffe6a5;box-shadow:0 0 13px #efb75c77,0 3px 10px #0008}
/* Boutique shop, always two items per row including on phones. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,14px)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-item{min-width:0;min-height:174px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;padding:12px 8px;border-radius:18px;background:radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--swatch,#4bd2bb) 13%,transparent),transparent 60%),linear-gradient(155deg,#223043,#0c121d 80%);border:1px solid #52617670;box-shadow:inset 0 1px #ffffff17,0 6px 18px #0006;text-align:center}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-item.is-equipped{border:1.5px solid #76f2c2;box-shadow:0 0 19px #37d9a43a,inset 0 0 27px #43dca020;background:radial-gradient(ellipse at top,#244f50,#111f29 70%)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-item.is-owned:not(.is-equipped){border-color:#719dda85;background:linear-gradient(150deg,#21334d,#111b2c)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-item.is-locked{border-color:#8c754960}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch{flex:none;width:clamp(48px,6vw,66px);height:clamp(48px,6vw,66px);border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #ffffff12,0 8px 15px #0008,inset 0 1px 5px #ffffff99}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch.is-striker{border-radius:50%}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch:has(img):after{content:none}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-copy{width:100%;min-width:0}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-copy strong{font-size:clamp(10px,1.3vw,13px);line-height:1.3;overflow-wrap:anywhere}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-copy small{font-size:10px;line-height:1.35;min-height:25px}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-copy em{font-size:11px;margin-top:4px}
.tbg-point-carrom-standalone-lobby .pc-shop-status{display:inline-block;margin-bottom:4px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#d8ac6b}
.tbg-point-carrom-standalone-lobby .is-equipped .pc-shop-status{color:#76f2c2}
.tbg-point-carrom-standalone-lobby .is-owned .pc-shop-status{color:#89bfff}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-action{width:min(100%,140px);min-height:31px;background:linear-gradient(135deg,#ca9942,#88612e);color:#fff6db;border-color:#f7c97699;border-radius:999px}
.tbg-point-carrom-standalone-lobby .is-owned .tbg-point-carrom-shop-action{background:#294365;border-color:#6598da7d;color:#e3efff}
.tbg-point-carrom-standalone-lobby .is-equipped .tbg-point-carrom-shop-action{background:#19493e;border-color:#67dcb6;color:#9ff4d7}
@media(max-width:700px){.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-item{min-height:166px;padding:10px 5px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch{width:48px;height:48px}}
@media(max-width:380px){.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .pc-mode-badge{top:5px;right:5px;font-size:8px;padding:4px 5px}}

/* Modern purchasable pieces: flat, centered graphic-disc preview only. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch.is-piece {
  background:var(--swatch);border:3px solid color-mix(in srgb,var(--swatch) 53%,white);
  box-shadow:none;position:relative;
}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch.is-piece::after {
  content:"";position:absolute;inset:18%;width:auto;height:auto;border-radius:50%;
  border:3px solid color-mix(in srgb,var(--swatch) 30%,white);
  background:radial-gradient(circle, white 0 13%, transparent 15% 31%,color-mix(in srgb,var(--swatch) 50%,#142242) 33% 43%,transparent 45%);
  box-shadow:none;
}

/* Supplied premium coin designs: accurate SVG thumbnails without generated rings. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch.is-piece:has(img) {background:transparent;border:0;box-shadow:none;overflow:hidden;}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch.is-piece:has(img)::after {content:none;display:none;}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch.is-piece img {width:100%;height:100%;object-fit:contain;border-radius:50%;filter:none;animation:none;}

/* Striker Power: premium collectible tier cards. Indicators describe the existing multipliers. */
.tbg-point-carrom-standalone-lobby .pc-power-card{--pc-power-accent:#55dec6;--pc-power-accent-2:#1b827f;position:relative;min-height:237px;justify-content:flex-start;gap:9px;padding:15px 9px 12px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--pc-power-accent) 21%,transparent),transparent 64%),linear-gradient(160deg,#263244,#0c131e 85%);border-color:color-mix(in srgb,var(--pc-power-accent) 32%,#46516b)}
.tbg-point-carrom-standalone-lobby .pc-power-tier-2{--pc-power-accent:#72b2ff;--pc-power-accent-2:#326dcc}
.tbg-point-carrom-standalone-lobby .pc-power-tier-3{--pc-power-accent:#ffd38a;--pc-power-accent-2:#d58c32;background:radial-gradient(ellipse at 50% 0%,#d9a04d37,transparent 65%),linear-gradient(150deg,#3b2d2b,#161a26 85%)}
.tbg-point-carrom-standalone-lobby .pc-power-halo{position:relative;display:grid;place-items:center;width:72px;height:72px;flex:none;border-radius:50%;background:radial-gradient(circle,#ffffff20 0%,transparent 68%);filter:drop-shadow(0 5px 9px #0006)}
.tbg-point-carrom-standalone-lobby .pc-power-halo:before{content:'';position:absolute;inset:1px;border-radius:50%;border:1px solid color-mix(in srgb,var(--pc-power-accent) 48%,transparent)}
.tbg-point-carrom-standalone-lobby .pc-power-disc{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:3px solid var(--pc-power-accent);background:radial-gradient(circle at center,#ffffff15 0 28%,transparent 29%),radial-gradient(circle at 34% 22%,color-mix(in srgb,var(--pc-power-accent) 45%,#111827),#101823 78%);box-shadow:inset 0 0 0 3px #101b2c,0 0 16px color-mix(in srgb,var(--pc-power-accent) 31%,transparent)}
.tbg-point-carrom-standalone-lobby .pc-power-core{font-weight:900;font-size:17px;letter-spacing:.04em;color:#fff9e8;text-shadow:0 1px 5px #0009}
.tbg-point-carrom-standalone-lobby .pc-power-meter{width:min(100%,165px);display:grid;gap:5px;margin-top:0}
.tbg-point-carrom-standalone-lobby .pc-power-meter-track{position:relative;display:flex;align-items:stretch;height:10px;overflow:hidden;border:1px solid #ffffff23;border-radius:50px;background:#070e18;box-shadow:inset 0 1px 4px #000a}
.tbg-point-carrom-standalone-lobby .pc-power-meter-fill{display:block;height:100%;width:var(--pc-power-progress);background:linear-gradient(90deg,var(--pc-power-accent-2),var(--pc-power-accent));border-radius:50px;box-shadow:0 0 10px var(--pc-power-accent)}
.tbg-point-carrom-standalone-lobby .pc-power-meter-notch{position:absolute;top:0;bottom:0;left:33.333%;width:1px;background:#070d17b0}
.tbg-point-carrom-standalone-lobby .pc-power-meter-notch:last-child{left:66.666%}
.tbg-point-carrom-standalone-lobby .pc-power-meter-legend{display:flex;justify-content:space-between;align-items:center;gap:4px;color:#cdd5e5;font-size:9px;letter-spacing:.035em}
.tbg-point-carrom-standalone-lobby .pc-power-meter-legend b{color:var(--pc-power-accent);font-weight:800;font-size:9px}
.tbg-point-carrom-standalone-lobby .pc-power-card .tbg-point-carrom-shop-copy{display:grid;justify-items:center;gap:3px}
.tbg-point-carrom-standalone-lobby .pc-power-card .tbg-point-carrom-shop-copy strong{font-size:clamp(11px,1.5vw,15px)}
.tbg-point-carrom-standalone-lobby .pc-power-card .tbg-point-carrom-shop-action{margin-top:auto}
.tbg-point-carrom-standalone-lobby .pc-power-card.is-equipped{border-color:#76f2c2}
@media(max-width:380px){.tbg-point-carrom-standalone-lobby .pc-power-card{padding:12px 6px 10px;min-height:226px}.tbg-point-carrom-standalone-lobby .pc-power-halo{width:62px;height:62px}.tbg-point-carrom-standalone-lobby .pc-power-disc{width:50px;height:50px}.tbg-point-carrom-standalone-lobby .pc-power-meter-legend{font-size:8px}.tbg-point-carrom-standalone-lobby .pc-power-meter-legend b{font-size:8px}}


/* Compact lobby navigation: keep Play, Shop and Play Local neatly inside the existing section. */
.tbg-point-carrom-standalone-lobby .pc-bottom-nav{
  display:flex;align-items:stretch;justify-content:stretch;gap:3px;padding:4px;
  box-sizing:border-box;min-width:0;
}
.tbg-point-carrom-standalone-lobby .pc-bottom-nav button{
  display:flex;align-items:center;justify-content:center;gap:3px;
  flex:1 1 0;min-width:0;width:0;box-sizing:border-box;
  padding:7px 3px;font-size:10px;line-height:1.1;letter-spacing:-.025em;
  white-space:nowrap;overflow:hidden;text-overflow:clip;
}
.tbg-point-carrom-standalone-lobby .pc-bottom-nav button span{
  flex:0 0 auto;margin:0;font-size:14px;line-height:1;
}
@media(max-width:700px){
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav{gap:3px;padding:4px;border-radius:15px}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button{padding:7px 2px;font-size:clamp(9px,2.5vw,10px);gap:2px}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button span{font-size:13px}
}
@media(max-width:360px){
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button{font-size:9px;letter-spacing:-.04em}
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button span{font-size:12px}
}


/* Final mode-badge placement: pin every 1v1/2v2 chip to the card's true top-right corner. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card > .pc-mode-badge{
  position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;
  z-index:12!important;display:inline-flex!important;align-items:center;justify-content:center;
  width:max-content;max-width:calc(100% - 20px);margin:0!important;transform:none!important;
  padding:5px 8px;border-radius:8px;line-height:1;white-space:nowrap;pointer-events:none;
}
@media(max-width:400px){
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card > .pc-mode-badge{
    top:7px!important;right:7px!important;padding:4px 6px;font-size:8px;
  }
}

/* Premium category switcher: visual-only; existing filter state and actions remain. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters{display:flex;gap:5px;padding:5px;flex-wrap:nowrap;align-items:center;border:1px solid rgba(121,169,218,.32);border-radius:16px;background:linear-gradient(135deg,rgba(13,25,46,.94),rgba(35,32,61,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 24px rgba(0,0,0,.17)}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:39px;padding:9px 13px;white-space:nowrap;border:1px solid transparent;border-radius:12px;color:#b7cbe5;background:transparent;font-size:11px;font-weight:850;letter-spacing:.015em;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button span{font-size:16px;line-height:1;color:#75baff}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button:hover:not(.is-active){background:rgba(79,146,217,.16);color:#fff}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button.is-active{border-color:rgba(110,205,255,.62);color:#eafdff;background:linear-gradient(145deg,#176b99,#253f81);box-shadow:0 3px 14px rgba(32,154,245,.26),inset 0 1px 0 #ffffff35}
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button.is-active span{color:#d7f8ff}
@media(min-width:701px){
 .tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-grid{gap:9px;max-width:780px;margin-inline:auto}
 .tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-item{min-height:140px;padding:8px 10px;gap:3px;border-radius:14px}
 .tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-swatch{width:48px;height:48px}
 .tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-copy small{min-height:0;font-size:9px}
 .tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-action{min-height:28px;padding:5px 12px}
 .tbg-point-carrom-standalone-lobby .pc-power-card{min-height:0;padding:11px 9px}
}
@media(max-width:700px){.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters{width:100%;box-sizing:border-box}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button{flex:1;padding:8px 4px;gap:4px;font-size:10px}.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tbg-point-carrom-standalone-lobby .tbg-point-carrom-shop-filters button{transition:none}}

/* Guided first strike — use real Rookie canvas, Classic Pearl and Regal striker. */
.pc-practice-v2{background:radial-gradient(ellipse at 50% 20%,#214353 0%,#080e1b 77%);backdrop-filter:blur(15px)}
.pc-practice-v2 .pc-tutorial-card{width:min(96vw,560px);max-height:96dvh;overflow:auto;padding:clamp(14px,3vw,23px);border:1px solid rgba(122,208,238,.35);border-radius:28px;background:linear-gradient(155deg,#1e3444,#101b2a 55%,#131c32);box-shadow:0 26px 85px #000b, inset 0 1px #ffffff30}
.pc-tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.pc-tutorial-step{color:#8fe8f8;font-size:11px;font-weight:900;letter-spacing:1px}
.pc-practice-v2 .pc-tutorial-card h2{font-size:clamp(21px,4vw,29px);margin:10px 0 5px}.pc-practice-v2 .pc-tutorial-intro{margin:0 auto 12px;max-width:450px;font-size:12px}
.pc-practice-stage{width:min(100%,390px);margin:0 auto;aspect-ratio:1;position:relative;touch-action:none;isolation:isolate;filter:drop-shadow(0 12px 19px #0007)}
.pc-practice-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;border-radius:10px}
.pc-practice-guide{pointer-events:none;position:absolute;left:49%;bottom:15%;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,0);animation:pc-tutorial-pull 2.2s ease-in-out infinite;transition:opacity .2s}
.pc-practice-guide.pc-guide-hidden{opacity:0}.pc-practice-hand{font-size:35px;filter:drop-shadow(0 3px 5px #001b32)}.pc-practice-guide-text{white-space:nowrap;font:900 9px system-ui,sans-serif;letter-spacing:1px;color:#d3fbff;background:#091e2bbb;padding:4px 7px;border-radius:7px}
@keyframes pc-tutorial-pull{0%,100%{transform:translate(-50%,0)}55%{transform:translate(-67%,32px)}}
.pc-practice-instructions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:7px 0 12px}.pc-instruction{border:1px solid #66c5d954;border-radius:18px;padding:5px 9px;font-size:10px;color:#d7f6fb;background:#ffffff0b}.pc-instruction b{color:#102836;background:#80e7f7;border-radius:50%;display:inline-grid;place-items:center;width:17px;height:17px;margin-right:4px}
.pc-practice-position{display:grid;gap:5px;max-width:360px;margin:0 auto}.pc-practice-position span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#add9ec}.pc-practice-position input{width:100%;accent-color:#53cce8;cursor:pointer;touch-action:pan-x}
.pc-practice-v2 .pc-tutorial-tip{font-size:12px;margin:9px auto 0;min-height:20px}.pc-practice-v2 .pc-tutorial-skip{font-size:11px;padding:7px;margin:0;opacity:.9}
.pc-practice-v2.pc-tutorial-success .pc-tutorial-card{animation:pc-tutorial-complete 1.15s ease-out both}.pc-practice-v2.pc-tutorial-success .pc-tutorial-tip{color:#a4ffd5;font-weight:900}
@keyframes pc-tutorial-complete{0%{box-shadow:0 26px 85px #000b}45%{box-shadow:0 0 0 3px #85fdd766,0 0 75px #63eed47a}100%{box-shadow:0 0 50px #57e9e740;opacity:.2;transform:scale(1.018)}}
@media(max-height:670px){.pc-practice-stage{width:min(100%,295px)}.pc-practice-v2 .pc-tutorial-card{padding:10px}.pc-practice-v2 .pc-tutorial-card h2{margin:5px 0}.pc-practice-instructions{margin:4px 0}}
@media(prefers-reduced-motion:reduce){.pc-practice-guide,.pc-practice-v2.pc-tutorial-success .pc-tutorial-card{animation:none}}

/* Use the actual match striker-positioning control in Rookie practice. */
.pc-practice-v2 .pc-tutorial-positioner{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px;width:min(430px,100%);margin:9px auto 3px;padding:8px 10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(180deg,rgba(22,29,40,.96),rgba(12,17,25,.96));box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
.pc-practice-v2 .pc-tutorial-positioner .tbg-point-carrom-striker-slider::-webkit-slider-thumb{background-image:var(--pc-positioner-striker);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none}
.pc-practice-v2 .pc-tutorial-positioner .tbg-point-carrom-striker-slider::-moz-range-thumb{background-image:var(--pc-positioner-striker);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:0;box-shadow:none}
.pc-practice-v2 .pc-practice-hand{display:block;filter:drop-shadow(0 3px 9px #2ccaf889)}
.pc-practice-v2 .pc-practice-celebration{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-40%) scale(.8);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:min(88%,390px);padding:25px 17px;border:1px solid #96f5dd99;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,#25637b,#0b1932 83%);box-shadow:0 0 70px #50e9d87a,0 30px 75px #000b;text-align:center;color:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease}
.pc-practice-v2 .pc-practice-celebration strong{font-size:clamp(26px,7vw,42px);letter-spacing:.1em;color:#a6ffe4;text-shadow:0 0 26px #3effd8ad}
.pc-practice-v2 .pc-practice-celebration span:not(.pc-celebration-star){font-size:15px;font-weight:700}
.pc-practice-v2 .pc-practice-celebration small{font-size:13px;color:#c9f9fe}
.pc-practice-v2 .pc-celebration-star{font-size:39px;color:#ffe29a;animation:pc-practice-star-spin 1.7s ease-in-out infinite}
.pc-practice-v2.pc-tutorial-success .pc-practice-celebration{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pc-practice-v2.pc-tutorial-success .pc-tutorial-card{animation:none}
@keyframes pc-practice-star-spin{0%,100%{transform:rotate(-15deg) scale(.85)}50%{transform:rotate(15deg) scale(1.17)}}
@media(max-width:700px){.pc-practice-v2 .pc-tutorial-positioner{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px;padding:6px 7px}.pc-practice-v2 .pc-tutorial-positioner .tbg-point-carrom-striker-nudge{width:34px;height:31px}}
@media(prefers-reduced-motion:reduce){.pc-practice-v2 .pc-celebration-star{animation:none}}

/* The Rookie tutorial's animated hand follows the actual baseline striker position. */
.pc-practice-v2 .pc-practice-guide {
    bottom:auto;
    transform:translate(-50%,-90%);
    will-change:transform;
}
@keyframes pc-tutorial-pull {
    0%,100% {transform:translate(-50%,-90%)}
    55% {transform:translate(-50%,-47%)}
}

/* Rookie practice: fingertip anchored on the striker, not mid-board. */
.pc-practice-v2 .pc-practice-guide{
    z-index:6;
    width:0;
    height:0;
    display:block;
    gap:0;
    transform:none;
    animation:none;
    overflow:visible;
}
.pc-practice-v2 .pc-practice-hand{
    position:absolute;
    display:block;
    left:0;
    top:0;
    transform:translate(-49%,-20%);
    transform-origin:50% 18%;
    animation:pc-guide-finger-pull 2.35s ease-in-out infinite;
}
.pc-practice-v2 .pc-practice-guide-text{
    position:absolute;
    left:0;
    bottom:35px;
    transform:translateX(-50%);
    pointer-events:none;
}
@keyframes pc-guide-finger-pull{
    0%,100%{transform:translate(-49%,-20%)}
    55%{transform:translate(-49%,17%)}
}
/* Adapt the square practice board to available viewport height, avoiding an inner scrollbar. */
.pc-first-tutorial.pc-practice-v2{
    box-sizing:border-box;
    padding:clamp(5px,1.3vmin,13px);
    overflow:hidden;
}
.pc-practice-v2 .pc-tutorial-card{
    box-sizing:border-box;
    width:min(96vw,560px);
    max-height:calc(100dvh - 12px);
    padding:clamp(8px,1.9vmin,18px);
    overflow:visible;
    display:flex;
    flex-direction:column;
    align-items:stretch;
}
.pc-practice-v2 .pc-practice-stage{
    box-sizing:border-box;
    width:min(100%,390px,max(165px,calc(100dvh - 293px)));
    flex:0 1 auto;
    min-height:0;
    margin-inline:auto;
}
.pc-practice-v2 .pc-tutorial-card h2{margin:clamp(3px,0.8vmin,9px) 0 3px;font-size:clamp(18px,3vmin,27px)}
.pc-practice-v2 .pc-tutorial-intro{margin-bottom:clamp(4px,1vmin,10px);line-height:1.25}
.pc-practice-v2 .pc-practice-instructions{margin:clamp(3px,.65vmin,6px) 0;gap:5px}
.pc-practice-v2 .pc-tutorial-positioner{margin:clamp(3px,.6vmin,7px) auto 2px;padding:5px 9px}
.pc-practice-v2 .pc-tutorial-tip{margin:4px auto 0;min-height:16px;line-height:1.2}
.pc-practice-v2 .pc-tutorial-skip{padding:4px 8px}
@media(max-height:650px){
  .pc-practice-v2 .pc-tutorial-intro{font-size:11px}
  .pc-practice-v2 .pc-practice-instructions{margin:2px 0}
  .pc-practice-v2 .pc-instruction{padding:3px 6px}
  .pc-practice-v2 .pc-tutorial-positioner{padding:3px 7px}
  .pc-practice-v2 .pc-practice-stage{width:min(100%,330px,max(140px,calc(100dvh - 260px)))}
}
@media(max-height:480px) and (orientation:landscape){
  .pc-practice-v2 .pc-tutorial-card{width:min(96vw,800px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:12px;align-items:center}
  .pc-practice-v2 .pc-practice-stage{grid-column:2;grid-row:1 / span 7;width:min(100%,calc(100dvh - 25px));align-self:center}
  .pc-practice-v2 .pc-tutorial-head,.pc-practice-v2 .pc-tutorial-card h2,.pc-practice-v2 .pc-tutorial-intro,.pc-practice-v2 .pc-practice-instructions,.pc-practice-v2 .pc-tutorial-positioner,.pc-practice-v2 .pc-tutorial-tip,.pc-practice-v2 .pc-tutorial-skip{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.pc-practice-v2 .pc-practice-hand{animation:none}}

/* User-supplied palace carrom-room background: presentation lobby only. */
.tbg-point-carrom-standalone-lobby {
  background-color: #100b10;
  background-image:
    linear-gradient(180deg, rgba(5, 9, 19, .34) 0%, rgba(8, 11, 21, .22) 42%, rgba(7, 12, 19, .52) 100%),
    radial-gradient(ellipse at 50% 12%, rgba(255, 184, 86, .20), transparent 54%),
    url("../images/point-carrom-lobby-palace.jpg");
  background-size: auto, auto, cover;
  background-position: center, center, center 56%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  isolation: isolate;
}

/* Translucent warm-glass panel lets the room remain visible while preserving contrast. */
.tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card {
  border-color: rgba(247, 202, 127, .48);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(142, 83, 69, .20), transparent 58%),
    linear-gradient(150deg, rgba(9, 22, 41, .68), rgba(34, 18, 34, .62) 72%, rgba(12, 24, 39, .68));
  box-shadow: 0 0 0 3px rgba(7, 16, 39, .38), 0 35px 95px rgba(0, 0, 0, .56), inset 0 1px 0 rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(2px) saturate(1.04);
  backdrop-filter: blur(2px) saturate(1.04);
}

/* Compact the presentation lobby for tablet and CrazyGames embed viewports.
   The phone (<=700px) and full desktop (>1100px) layouts keep their own rules. */
@media (min-width: 701px) and (max-width: 1100px) {
  .tbg-point-carrom-standalone-lobby {
    padding: 10px;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card {
    min-height: 0;
    max-height: calc(100dvh - 20px);
    padding: clamp(10px, 1.5vw, 18px);
    border-radius: 20px;
    overflow-y: auto;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-header {
    margin-bottom: 6px;
    column-gap: 10px;
    row-gap: 6px;
  }
  .tbg-point-carrom-standalone-lobby .pc-gift {
    min-height: 54px;
    padding: 4px 8px 4px 2px;
    border-radius: 13px;
  }
  .tbg-point-carrom-standalone-lobby .pc-gift-icon {
    font-size: 36px;
  }
  .tbg-point-carrom-standalone-lobby .pc-gift-copy b { font-size: 10px; }
  .tbg-point-carrom-standalone-lobby .pc-gift-copy small { font-size: 8px; }
  .tbg-point-carrom-standalone-lobby .pc-logo h1 {
    font-size: clamp(28px, 3.5vw, 40px);
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet {
    min-width: 125px;
    padding: 7px 10px;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-wallet strong {
    font-size: 19px;
  }
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button {
    min-height: 34px;
    padding: 6px 4px;
    font-size: 10px;
  }
  .tbg-point-carrom-standalone-lobby .pc-bottom-nav button span { font-size: 14px; }
  .tbg-point-carrom-standalone-lobby .pc-play-view {
    min-height: 0;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-grid {
    height: 244px;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card {
    top: 5px;
    height: 230px;
    padding: 9px 8px 40px;
    gap: 5px;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card:before {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    font-size: 29px;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card strong {
    font-size: clamp(17px, 2vw, 22px);
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-card .tbg-point-carrom-level-stats {
    font-size: 10px;
    line-height: 1.45;
  }
  .tbg-point-carrom-standalone-lobby .pc-swipe-hint { margin: 5px 0; }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-level-message {
    margin: 5px 0 1px;
    font-size: 11px;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-note {
    margin-top: 3px;
    font-size: 9px;
  }
}

/* Keep the supplied background framed naturally across tablets and portrait phones. */
@media (min-width: 701px) and (max-width: 1100px) {
  .tbg-point-carrom-standalone-lobby { background-position: center, center, center 54%; }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card {
    background:
      radial-gradient(ellipse at 50% 0%, rgba(142, 83, 69, .20), transparent 58%),
      linear-gradient(150deg, rgba(9, 22, 41, .70), rgba(34, 18, 34, .65) 72%, rgba(12, 24, 39, .70));
  }
}
@media (max-width: 700px) {
  .tbg-point-carrom-standalone-lobby {
    background-position: center, center, center 50%;
  }
  .tbg-point-carrom-standalone-lobby .tbg-point-carrom-standalone-card {
    background:
      radial-gradient(ellipse at 50% 0%, rgba(142, 83, 69, .19), transparent 58%),
      linear-gradient(150deg, rgba(9, 22, 41, .72), rgba(34, 18, 34, .67) 72%, rgba(12, 24, 39, .72));
    -webkit-backdrop-filter: blur(1px) saturate(1.02);
    backdrop-filter: blur(1px) saturate(1.02);
  }
}