:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eff4ed;background:#101612;font-synthesis:none;--bg: #101612;--surface: #19221c;--surface2: #202c23;--border: #303c32;--muted: #94a398;--accent: #c7f36a;--text: #eff4ed;--danger: #f29993;--radius: 18px;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:2.1rem;line-height:1.2;letter-spacing:-1px;font-weight:700}h2{font-size:1.28rem;line-height:1.4}h3{font-size:1rem;margin:20px 0 12px}p{color:var(--muted);line-height:1.6}small{font-size:.78rem;color:var(--muted)}svg{flex-shrink:0}input,select,textarea{color:var(--text);background:#101913;border:1px solid var(--border);border-radius:9px;padding:11px 13px;min-width:0;width:100%;font-size:.9rem}input::placeholder{color:#76887b}select{width:auto;max-width:100%}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input[type=range]{padding:0;border:none;accent-color:var(--accent);height:24px}input[type=color]{height:44px}button{border:0}hr{border:0;border-top:1px solid var(--border)}.topbar{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:28px;padding:0 36px;background:#111813;position:sticky;top:0;z-index:30}.brand{width:215px;flex-shrink:0}.brand>a{display:flex;gap:12px;align-items:center;font-size:1.22rem;font-weight:760;letter-spacing:-.5px}.brand small{display:block;font-size:.62rem;letter-spacing:2.3px;margin-top:5px;font-weight:500;color:#91a28f}.brand img{width:40px;height:40px;object-fit:contain}.brand-ball{width:42px;height:42px;background:var(--accent);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:27px;color:#172310;font-weight:800;box-shadow:inset -5px -6px #0002;flex-shrink:0;letter-spacing:-1px}.brand-ball.large{width:64px;height:64px;font-size:40px;margin-bottom:20px}.top-nav{display:flex;gap:32px;align-self:stretch;align-items:stretch;margin:auto}.top-nav a{display:flex;align-items:center;color:#98a59a;font-size:.9rem;font-weight:600;border-bottom:2px solid transparent}.top-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.top-actions{display:flex;align-items:center;gap:18px}.lang-btn{font-size:.8rem;background:none;color:#b5c1b7;padding:7px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border-radius:9px;padding:9px;color:#b1bfb4}.icon-btn:hover{background:var(--surface2);color:var(--accent)}.avatar{width:38px;height:38px;border-radius:13px;background:#334c37;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.78rem;font-weight:800;color:var(--accent)}.balance-chip{display:flex;align-items:center;gap:9px;background:#202b21;padding:10px 14px;border:1px solid #36442f;border-radius:10px}.balance-chip svg{color:var(--accent)}.balance-chip strong{font-size:.92rem}.balance-chip small{font-size:.72rem}.app-layout{display:flex;min-height:calc(100vh - 88px)}.sidebar{width:250px;flex-shrink:0;padding:34px 22px 24px 30px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:7px;position:fixed;top:88px;bottom:0}.nav-label{font-size:.67rem;text-transform:uppercase;letter-spacing:1.8px;color:#788d7b;margin:0 12px 17px}.sidebar a,.sidebar-bottom>button{display:flex;align-items:center;gap:13px;padding:13px 15px;color:#9baa9f;font-size:.89rem;font-weight:500;border-radius:9px}.sidebar a.active{background:#263623;color:var(--accent)}.sidebar a:hover{color:#e8f1e4;background:#202d22}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{background:none;width:100%}.fair-box{padding:18px 15px;background:linear-gradient(135deg,#273b25,#1b281d);border:1px solid #364b30;border-radius:12px;margin:20px 0}.fair-box svg{color:var(--accent);margin-bottom:10px}.fair-box strong,.fair-box small{display:block}.fair-box strong{font-size:.87rem}.fair-box small{font-size:.75rem;line-height:1.6;margin-top:6px}.main{padding:34px 40px 54px;margin-left:250px;width:calc(100% - 250px);max-width:1800px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:.7rem;letter-spacing:2px;color:var(--accent);font-weight:650;margin-bottom:9px}.page-heading p:not(.eyebrow){font-size:.9rem;margin-top:9px}.live-pill{display:flex;align-items:center;gap:8px;color:#acb9af;font-size:.8rem;white-space:nowrap}.live-pill>span{width:6px;height:6px;background:#99d97a;border-radius:50%}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.play-card{background:radial-gradient(ellipse at 60% 10%,#23472d,transparent 65%),#192b1e;border:1px solid #3c553a;border-radius:var(--radius);padding:22px 30px 27px;overflow:hidden}.play-card-top{display:flex;justify-content:space-between;align-items:center;color:#a4bf91}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.72rem;font-weight:600;border-radius:6px;background:#28352b;color:#b7c7b9;padding:6px 9px;line-height:1.2}.badge.accent{background:#b8eb6820;border:1px solid #a4d96840;color:var(--accent);letter-spacing:1px}.badge.amber{color:#e2c277;background:#e2c27714}.table-art{height:230px;position:relative;margin:6px 0 0;display:flex;align-items:center;justify-content:center;perspective:700px}.mini-table{width:86%;height:176px;border:13px solid #423d30;border-radius:14px;transform:rotateX(23deg) rotate(-12deg);background:#1d6a4d;box-shadow:0 14px #201f1b,0 30px 30px #0006,inset 0 0 0 4px #153c2d;position:relative}.mini-felt{position:absolute;inset:2px;box-shadow:inset 0 0 24px #0003}.mini-felt:after{content:"";position:absolute;left:25%;top:6%;bottom:6%;border-left:1px solid #ffffff15}.mini-felt .pocket{width:17px;height:17px;position:absolute;border-radius:50%;background:#080f0b;box-shadow:inset 0 2px 4px #000,0 0 0 2px #605337}.p0{top:-7px;left:-7px}.p1{left:calc(50% - 7px);top:-7px}.p2{right:-7px;top:-7px}.p3{left:-7px;bottom:-7px}.p4{left:calc(50% - 7px);bottom:-7px}.p5{right:-7px;bottom:-7px}.mini-ball{position:absolute;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#222;background:#eee;font:700 8px Arial;box-shadow:2px 3px 3px #0006,inset -3px -3px 5px #0004;transform:translate(-50%,-50%);z-index:2}.b1,.b9{background:#e6b824}.b2,.b10{background:#3c61d2}.b3,.b11{background:#d1463d}.b4,.b12{background:#935ccc}.b5,.b13{background:#ef8c24}.b6,.b14{background:#428962}.b7,.b15{background:#97312d}.b8{background:#111;color:#fff}.cue-ball{left:22%;top:56%;background:#fff8e2}.art-cue{width:170px;height:5px;background:linear-gradient(90deg,#816b47,#e7d0a6);position:absolute;left:-42%;top:65%;transform:rotate(-7deg);border-radius:3px;box-shadow:2px 4px 4px #0006;z-index:4}.play-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.play-heading h2{font-size:1.6rem;letter-spacing:-.5px}.play-heading p{font-size:.76rem;max-width:160px}.mode-tabs{display:flex;padding:4px;background:#111e16;border-radius:9px;margin-bottom:16px}.mode-tabs button{background:none;padding:8px;flex:1;font-size:.8rem;color:#96ab9a;border-radius:6px}.mode-tabs button.selected{background:#30432c;color:#d7eccb}.stake-options{display:flex;gap:7px;margin-bottom:20px}.stake-options>button{flex:1;min-width:0;padding:12px 3px;background:#15251a;border:1px solid #354936;border-radius:9px;font-size:1rem;font-weight:700}.stake-options>button small{display:block;font-weight:500;font-size:.6rem;margin-top:6px;letter-spacing:.7px}.stake-options>button.selected{background:#c7f36a12;border-color:var(--accent);color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:9px;font-size:.86rem;font-weight:650;background:#2b3930;border:1px solid #415345;line-height:1.3;min-height:43px;transition:background .15s,transform .15s}.btn:hover{background:#374a3c}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#172310}.btn.primary:hover{filter:brightness(1.08)}.btn.compact{padding:8px 12px;font-size:.78rem;min-height:34px}.btn.danger{background:#843b3b;color:#fff;border-color:#a35050}.play-button{width:100%;font-size:1rem;min-height:51px}.queue-status{text-align:center;margin-top:12px;font-size:.85rem}.lobby-right{display:flex;flex-direction:column;gap:20px}.room-card{flex:1;background:linear-gradient(135deg,#222d23,#1b251e)}.panel-icon{width:44px;height:44px;border:1px solid #415440;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#c6d7b7;background:#2c3b29;flex-shrink:0}.room-card .panel-icon{margin-bottom:15px}.room-card p{font-size:.86rem;margin:9px 0 20px}.room-card>.btn{width:100%;margin-bottom:15px}.room-card>.text-button{width:100%;justify-content:center}.text-button{color:var(--accent);font-size:.85rem;background:none;padding:3px;display:inline-flex;align-items:center;gap:7px;text-align:left}.text-button:hover{color:#fff}.tournament-card{display:grid;grid-template-columns:38px 1fr;gap:18px;background:linear-gradient(140deg,#302f21,#1c251c);border-color:#45452d}.tournament-card>svg{color:#d4c284}.tournament-card .eyebrow{color:#d4c284}.tournament-card .btn{grid-column:1/-1}.tournament-card p:not(.eyebrow){font-size:.8rem;margin-top:5px}.fair-note{display:flex;gap:12px;align-items:center;color:#829785;font-size:.78rem;padding:0 6px;line-height:1.5}.fair-note>svg{color:#a1b98e}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 16px}.section-head>span{font-size:.8rem;color:var(--muted)}.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rooms-grid>.empty{grid-column:1/-1;min-height:90px}.open-room{display:flex;gap:12px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.open-room>div{flex:1}.open-room strong,.open-room small{display:block}.open-room strong{font-size:.85rem}.open-room small{font-size:.68rem;margin-top:6px}.table-number{font-weight:800;background:#121b15;color:#a8c799;border:1px solid #3c563f;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.active-match-banner{display:flex;justify-content:space-between;background:#364525;padding:15px 20px;border:1px solid #62833e;border-radius:10px;margin-bottom:18px;color:var(--accent);font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#030804b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#1b261e;border:1px solid #485744;border-radius:18px;width:100%;max-width:490px;max-height:90vh;overflow:auto;padding:26px;box-shadow:0 24px 100px #0008}.modal.wide{max-width:1000px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.form-grid{display:grid;gap:16px}.form-grid>label{display:grid;gap:7px;font-size:.84rem;color:#c6d2c8}.form-grid select{width:100%}.form-grid .check-field{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}.form-grid .check-field span{flex:1}.form-grid>.btn{margin-top:8px}.row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:150px;color:var(--muted)}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;display:flex;align-items:center;justify-content:center;min-height:150px;font-size:.9rem;color:#8a9b8e}.error-box{display:flex;align-items:flex-start;gap:12px;color:#ffc2bd;background:#a33a3220;border:1px solid #a9544944;padding:14px;border-radius:9px;font-size:.85rem;margin:10px 0;line-height:1.5}.toast{position:fixed;bottom:30px;right:30px;background:#2a3d28;border:1px solid #6a9654;color:#edf8e9;box-shadow:0 12px 50px #0008;display:flex;gap:12px;align-items:center;max-width:420px;padding:16px 22px;border-radius:12px;font-size:.9rem;z-index:200}.toast.error{background:#432b27;border-color:#a35d50}.auth-wrap{display:flex;justify-content:center;padding:35px 0}.auth-card{width:440px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:35px}.auth-card h1{margin-bottom:26px}.auth-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.84rem;margin-top:25px;color:var(--accent)}.success-text{color:var(--accent)}.wallet-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.balance-card{border-radius:18px;padding:28px 32px;background:radial-gradient(ellipse at top right,#445d2d,transparent 80%),#273823;border:1px solid #597442}.balance-card>svg{color:var(--accent);margin-bottom:18px}.balance-card>strong{display:block;font-size:2.6rem;letter-spacing:-1px;margin:7px 0 28px}.balance-card strong small{font-size:1rem;letter-spacing:0}.locked-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.locked-card>svg{color:#bacaae}.locked-card p{font-size:.86rem}.locked-card>.text-button{margin-top:auto}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:23px}.tabs button{background:none;color:var(--muted);padding:14px 16px;border-bottom:2px solid transparent;font-size:.85rem;white-space:nowrap}.tabs button.selected{border-bottom-color:var(--accent);color:var(--accent)}.data-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:.8rem;text-align:left;white-space:nowrap}th{font-weight:500;color:#96ab9c;background:#1c2a20;font-size:.74rem}th,td{padding:16px 18px;border-bottom:1px solid var(--border)}td{color:#d2dfd3}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#26392a55}.pager{padding:16px;display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:.8rem;color:var(--muted)}.pager>span{margin-right:auto}.filters{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.social-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.8fr);gap:22px}.search-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;padding:0 10px;gap:5px;background:#101913;color:var(--muted)}.search-field input{border:0;background:none;padding:12px 5px}.friend-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.friend-row>div:nth-child(2){flex:1}.friend-row strong{font-size:.87rem}.friend-row small{display:block;margin-top:5px;font-size:.7rem}.friend-item{padding:15px 0;border-bottom:1px solid var(--border)}.friend-tools{display:flex;justify-content:flex-end;gap:12px;padding:7px 0 0}.friend-tools button{padding:3px;background:none;color:var(--muted);font-size:.7rem}.chat-room-button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;background:transparent;border-radius:8px;font-size:.85rem}.chat-room-button.selected{background:#34462e;color:var(--accent)}.chat-room-button .badge{margin-left:auto}.chat-panel{padding:0;display:flex;flex-direction:column;height:650px;max-height:calc(100dvh - 200px)}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-bottom:1px solid var(--border)}.chat-head h2{font-size:1rem}.messages{flex:1;padding:20px;overflow:auto;display:flex;flex-direction:column;gap:14px}.chat-message{align-self:flex-start;max-width:85%;background:#29362b;padding:12px 16px;border-radius:0 12px 12px;position:relative;overflow-wrap:anywhere}.chat-message.mine{align-self:flex-end;background:#35492a;border-radius:12px 0 12px 12px}.chat-message small{font-size:.65rem}.chat-message p{color:#e1ebdd;font-size:.9rem;margin-top:6px;white-space:pre-wrap}.report-message{background:none;position:absolute;right:4px;top:3px;opacity:.6;color:var(--muted)}.typing{height:22px;padding:0 20px;color:var(--muted);font-size:.75rem}.message-input{display:flex;gap:10px;padding:16px;border-top:1px solid var(--border)}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.skin-card{overflow:hidden}.cue-art{height:130px;position:relative;background:radial-gradient(ellipse,var(--cue-color),transparent 68%);background-size:100% 30%;background-repeat:no-repeat;background-position:center;opacity:.85}.cue-art i{position:absolute;height:10px;left:4%;right:4%;top:50%;transform:rotate(-24deg);background:linear-gradient(90deg,var(--cue-color) 0 40%,#d7be8f 45% 95%,#71b7ab 95%);border-radius:6px;box-shadow:0 10px 12px #0009}.skin-heading{display:flex;gap:10px;justify-content:space-between;align-items:center}.skin-heading h2{font-size:1.1rem}.skin-heading span{font-size:.8rem;color:var(--accent)}.skin-card p{font-size:.78rem;margin:12px 0 19px}.skin-card .btn{width:100%}.tournaments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tournament-tile>svg{color:#dac17c;margin:6px 0 20px}.tournament-tile>.badge{float:right}.tournament-tile h2{margin-bottom:25px}.tournament-stats{display:flex;gap:30px}.tournament-stats strong{display:block;margin:7px 0 18px}.tournament-tile>p{margin:12px 0 20px;font-size:.85rem}.bracket{display:flex;gap:22px;overflow:auto;padding:20px 0}.bracket-round{min-width:220px;display:flex;flex-direction:column;justify-content:space-around}.bracket-game{display:flex;flex-direction:column;border:1px solid var(--border);margin:10px 0;border-radius:9px;background:#101a13}.bracket-game span{padding:13px}.bracket-game span+span{border-top:1px solid var(--border)}.bracket-game .winner{color:var(--accent)}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-row{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.notification-row.unread{border-color:#4d6841}.notification-row>div:nth-child(2){flex:1}.notification-row strong{font-size:.9rem}.notification-row p{font-size:.85rem}.profile-header{display:flex;align-items:center;gap:25px;padding:30px;margin-bottom:22px;background:radial-gradient(ellipse at right,#2c4728,transparent 75%),var(--surface)}.profile-avatar{width:90px;height:90px;border-radius:24px;background:#344f32;color:#b8d8a4;display:flex;align-items:center;justify-content:center}.profile-header h1{margin:8px 0 15px}.profile-rating{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--accent)}.profile-rating strong{font-size:2.3rem}.profile-rating span{align-self:flex-end;font-size:.8rem;padding-bottom:7px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-card{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.stat-card svg{color:#aabd9b}.stat-card strong{font-size:1.9rem}.stat-card span{color:var(--muted);font-size:.8rem}.performance-bars{display:grid;gap:24px;margin:30px 0}.performance-bars>div{display:grid;grid-template-columns:180px 1fr 45px;gap:16px;align-items:center;font-size:.86rem}.performance-bars>div>div{height:8px;background:#111a12;border-radius:4px;overflow:hidden}.performance-bars i{display:block;height:100%;background:var(--accent);border-radius:4px}.performance-bars b{font-size:.8rem}.win-history{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.win-history span{font-size:.65rem;padding:7px;border-radius:5px}.win-history .win{background:#375831;color:#c2efa3}.win-history .loss{background:#4c2f2b;color:#efb2a7}.profile-content>.form-grid{max-width:530px}.profile-content>.row-actions{margin:26px 0}.profile-content>.form-grid{margin:22px 0}.exclusion-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.details{font-size:.85rem}.details>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);padding:12px 0;border-bottom:1px solid var(--border);gap:12px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.details-array details{margin:8px 0;border:1px solid var(--border);border-radius:8px;padding:12px}summary{cursor:pointer;color:var(--accent);font-size:.85rem}.maintenance{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center}.bottom-nav,.mobile-menu,.game-layout .sidebar{display:none}.game-main{width:100%;padding:14px 32px 30px;max-width:1600px;margin:auto}.game-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.players-bar{display:flex;align-items:center;position:relative;max-width:970px;margin:0 auto 8px;justify-content:space-between;min-height:82px;padding:0 20px}.player-panel{display:flex;gap:15px;align-items:center;padding:12px 18px;border:1px solid transparent;border-radius:14px;min-width:235px}.player-panel.turn{border-color:#8ab351;background:#2a3f25}.player-panel:nth-child(2){flex-direction:row-reverse;text-align:right}.player-panel strong{font-size:.95rem}.player-panel small{display:block;font-size:.72rem;margin-top:5px}.turn-clock{position:absolute;left:50%;transform:translate(-50%);text-align:center}.turn-clock strong{display:block;font-size:1.6rem;font-variant-numeric:tabular-nums}.turn-clock small{display:block;font-size:.74rem;color:var(--accent)}.turn-clock.urgent{color:#ff9e90;animation:pulse .5s infinite alternate}@keyframes pulse{to{opacity:.55}}.ball-distribution{display:flex;gap:4px;margin-top:8px}.ball-distribution span{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d5dfcb;color:#222;font-size:.6rem}.ball-distribution span.potted{opacity:.2}.game-canvas-wrap{height:clamp(300px,48vw,590px);position:relative;margin:0 auto;max-width:1200px}.game-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;border-radius:20px}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.game-overlay-card{background:#17231de8;border:1px solid #536a49;border-radius:18px;text-align:center;padding:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 15px 70px #0008;max-width:90%;display:flex;flex-direction:column;align-items:center;gap:16px}.game-overlay-card h1{font-size:2rem}.game-overlay-card p{font-size:.85rem}.room-code{background:#33472d;color:var(--accent);font-size:1.6rem;letter-spacing:5px;display:flex;align-items:center;gap:20px;padding:14px 20px;border-radius:10px}.turn-status{text-align:center;font-size:.85rem;color:var(--accent);min-height:28px;margin:5px 0 12px}.game-controls{display:grid;grid-template-columns:230px 1fr 250px;gap:25px;max-width:1050px;margin:auto;padding:18px 24px;border:1px solid var(--border);border-radius:16px;background:#1a271e}.spin-controls{display:flex;gap:14px;align-items:center}.spin-controls>span{font-size:.8rem;color:var(--muted)}.spin-selector{position:relative;touch-action:none;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffef5,#c8cbbd 80%);box-shadow:3px 4px 8px #0007;flex-shrink:0;cursor:crosshair}.spin-selector:before,.spin-selector:after{position:absolute;content:"";background:#323e3144}.spin-selector:before{height:1px;width:80%;top:50%;left:10%}.spin-selector:after{width:1px;height:80%;top:10%;left:50%}.spin-selector i{position:absolute;width:9px;height:9px;border:2px solid #be4c40;background:#e8795d;border-radius:50%;transform:translate(-50%,-50%);z-index:1}.spin-numbers{display:flex;flex-direction:column;width:60px;gap:7px}.spin-numbers label{font-size:.6rem;color:var(--muted);display:flex;gap:5px;align-items:center}.aim-controls>label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.aim-controls input{width:100%}.call-controls{display:flex;gap:9px;align-items:flex-end;margin-top:8px}.call-controls label{font-size:.65rem;color:var(--muted);display:flex;flex-direction:column;gap:4px}.call-controls select{padding:5px 15px 5px 7px}.power-controls{display:flex;align-items:center;gap:16px}.power-controls label{flex:1;font-size:.8rem;color:var(--muted)}.power-controls label b{float:right;font-size:.75rem;color:var(--text)}.power-controls input{margin-top:7px}.power-controls .btn{white-space:nowrap}.game-footer{max-width:1050px;display:flex;justify-content:space-between;margin:18px auto;gap:25px}.game-footer details p{font-size:.8rem;max-width:700px;margin-top:10px}.game-footer>.text-button{align-self:flex-start;white-space:nowrap}@media(min-width:1600px){.main{padding:45px 60px}.table-art{height:300px}.mini-table{height:230px}.play-card{padding:25px 38px}.play-heading{margin:12px 0 25px}.play-heading h2{font-size:2rem}}@media(max-width:1250px){.topbar{padding:0 24px;gap:18px}.brand{width:190px}.top-nav{gap:24px}.top-actions{gap:9px}.sidebar{width:215px;padding:28px 15px}.main{margin-left:215px;width:calc(100% - 215px);padding:30px 26px}.lobby-grid{gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(235px,1fr)}.play-card{padding:18px 20px 24px}.play-heading{display:block}.play-heading p{max-width:100%;margin-top:5px}.table-art{height:200px}.mini-table{height:143px}.mini-ball{width:13px;height:13px;font-size:6px}.rooms-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-controls{grid-template-columns:190px 1fr 210px;gap:18px}.spin-controls{gap:9px}.spin-controls>span{display:none}}@media(max-width:980px){.top-nav{display:none}.top-actions{margin-left:auto}.brand{width:auto}.sidebar{width:190px;padding:25px 12px}.sidebar a{font-size:.8rem;padding:12px 10px}.main{margin-left:190px;width:calc(100% - 190px);padding:28px 22px}.lobby-grid{grid-template-columns:1fr}.lobby-right{display:grid;grid-template-columns:1fr 1fr}.fair-note{grid-column:1/-1}.table-art{height:220px}.mini-table{width:80%;height:166px}.social-grid{grid-template-columns:1fr}.chat-panel{max-height:600px}.wallet-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-controls{grid-template-columns:150px 1fr 200px;padding:16px}.game-main{padding:12px 15px}.game-canvas-wrap{height:52vw}.player-panel{min-width:200px}.tournaments-grid{grid-template-columns:1fr}}@media(max-width:700px){h1{font-size:1.8rem}.topbar{height:70px;padding:0 16px;gap:10px}.brand>a{font-size:1.1rem;gap:9px}.brand small{font-size:.5rem;letter-spacing:1.6px}.brand-ball{width:33px;height:33px;font-size:23px}.brand img{width:30px;height:30px}.brand{display:flex;align-items:center;gap:8px}.mobile-menu{display:flex;padding:3px}.top-actions{gap:5px}.top-actions>.avatar{display:none}.top-actions>.icon-btn{display:none}.balance-chip{padding:8px;gap:5px}.balance-chip strong{font-size:.78rem}.balance-chip svg{width:14px}.balance-chip small{font-size:.58rem}.lang-btn{font-size:.7rem;padding:5px}.sidebar{display:none}.sidebar.expanded{display:flex;top:70px;width:245px;background:#141e17;z-index:40;bottom:66px;box-shadow:20px 0 50px #0008}.main{margin-left:0;width:100%;padding:25px 18px 100px}.app-layout{min-height:calc(100vh - 70px)}.page-heading{margin-bottom:24px;align-items:flex-start}.page-heading p:not(.eyebrow){font-size:.81rem}.live-pill{font-size:.66rem;align-self:center;display:none}.eyebrow{font-size:.63rem}.play-card{padding:19px 20px 23px}.table-art{height:195px}.mini-table{height:145px;width:87%;border-width:11px}.play-heading{display:flex;gap:10px}.play-heading h2{font-size:1.5rem}.play-heading p{font-size:.7rem;max-width:130px}.mode-tabs button{font-size:.74rem;padding:8px 3px}.stake-options{gap:5px}.stake-options>button{font-size:.87rem;padding:10px 2px}.stake-options>button small{font-size:.53rem}.lobby-right{gap:13px}.lobby-right .panel{padding:18px}.room-card p{font-size:.78rem;line-height:1.5}.room-card h2,.tournament-card h2{font-size:1.07rem}.room-card .btn,.tournament-card .btn{font-size:.76rem;padding:10px 6px}.tournament-card{grid-template-columns:1fr;gap:11px}.tournament-card>svg{width:28px;height:28px}.tournament-card .eyebrow{font-size:.58rem}.room-card>.text-button{font-size:.69rem}.rooms-grid{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #3a4b38;background:#172019ee;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:40}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#90a093;font-size:.65rem}.bottom-nav a.active{color:var(--accent)}.toast{bottom:85px;right:15px;left:15px;max-width:none;font-size:.82rem;padding:14px}.modal-overlay{padding:15px}.modal{padding:23px;max-height:88dvh}.auth-card{padding:26px}.auth-wrap{padding:8px 0}.social-grid{gap:18px}.friends-panel{padding:18px}.chat-panel{height:550px;max-height:70dvh}.profile-header{padding:20px;gap:15px;flex-wrap:wrap}.profile-avatar{width:60px;height:60px;border-radius:17px}.profile-header h1{font-size:1.5rem}.profile-rating{gap:5px}.profile-rating strong{font-size:1.55rem}.profile-rating>svg{width:20px}.profile-rating span{font-size:.62rem}.scroll-tabs{overflow:auto}.tabs button{font-size:.77rem;padding:12px}.stat-grid{gap:12px}.stat-card{padding:20px;gap:8px}.stat-card strong{font-size:1.6rem}.performance-bars>div{grid-template-columns:115px 1fr 33px;gap:9px;font-size:.74rem}.store-grid{gap:13px}.skin-card{padding:16px}.skin-heading{display:block}.skin-heading h2{margin-bottom:6px}.skin-card p{font-size:.7rem}.cue-art{height:100px}.skin-card .btn{font-size:.76rem;padding:10px}.panel{padding:20px}.data-panel{padding:0}.balance-card{padding:25px}.balance-card>strong{font-size:2rem}.notification-row{padding:16px;gap:12px}.notification-row strong{font-size:.82rem}.notification-row p{font-size:.76rem}.notification-row .panel-icon{width:35px;height:35px}.game-main{padding:12px 10px 20px}.game-toolbar .text-button{font-size:.73rem}.game-toolbar .badge{font-size:.6rem}.game-toolbar .row-actions{gap:4px}.players-bar{padding:0;min-height:83px;margin-bottom:0}.player-panel{min-width:0;width:40%;gap:8px;padding:9px 7px}.player-panel .avatar{width:29px;height:29px;font-size:.62rem;border-radius:9px}.player-panel strong{font-size:.73rem;display:block;max-width:90px;overflow:hidden;text-overflow:ellipsis}.player-panel small{font-size:.56rem}.turn-clock strong{font-size:1.07rem}.turn-clock small{font-size:.57rem}.ball-distribution{gap:2px}.ball-distribution span{width:10px;height:10px;font-size:.4rem}.game-canvas-wrap{height:clamp(240px,65vw,400px);margin:10px -7px}.game-overlay-card{padding:22px;gap:13px}.game-overlay-card h2{font-size:1.2rem}.game-overlay-card p{font-size:.76rem}.room-code{font-size:1.3rem;padding:10px 16px}.game-controls{grid-template-columns:1fr 1.6fr 62px;gap:10px;padding:13px 10px;margin:0 2px;align-items:start;min-height:145px}.spin-controls{flex-direction:column;gap:8px}.spin-selector{width:50px;height:50px}.spin-numbers{width:75px}.spin-numbers label{font-size:.5rem}.aim-controls>label{font-size:.64rem}.aim-controls>label>svg{width:14px}.call-controls{flex-wrap:wrap;gap:5px}.call-controls label{font-size:.6rem}.call-controls select{font-size:.7rem;padding:5px}.call-controls .btn{font-size:.64rem;padding:6px}.power-controls{flex-direction:column;gap:7px}.power-controls label{font-size:.6rem;display:flex;flex-direction:column;align-items:center;gap:6px}.power-controls label b{font-size:.65rem}.power-controls input{writing-mode:vertical-lr;direction:rtl;width:22px;height:80px;margin:0}.power-controls .btn{font-size:.64rem;min-height:33px;padding:6px}.game-footer{margin:17px 7px;font-size:.72rem}.game-footer summary,.game-footer .text-button{font-size:.72rem}.turn-status{font-size:.73rem}.game-overlay-card h1{font-size:1.6rem}.game-overlay-card .btn{font-size:.73rem;padding:9px 12px}.game-layout+.bottom-nav{display:none}.profile-content>.row-actions{gap:8px}.filters{gap:8px}.filters select{font-size:.8rem;flex:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.table-art{margin-bottom:22px}.mini-table{transform:rotateX(23deg) rotate(-9deg) scale(.9)}@media(max-width:700px){.table-art{margin-bottom:15px}.mini-table{transform:rotateX(18deg) rotate(-8deg) scale(.91)}}.cosmetic-table i{height:60px;left:15%;right:15%;top:30%;border:6px solid #594b35;background:var(--cue-color);border-radius:10px;transform:rotate(-10deg)}.cosmetic-ball i,.cosmetic-avatar i{width:60px;height:60px;left:calc(50% - 30px);top:calc(50% - 30px);border-radius:50%;transform:none;background:radial-gradient(circle at 30% 20%,#fff,var(--cue-color));box-shadow:4px 8px 15px #0008}.cosmetic-avatar i{border-radius:18px;background:var(--cue-color)}.cue-art span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#192517;font-size:1.3rem;font-weight:800}.cosmetic-avatar span{color:#fff}.cosmetic-frame i{width:70px;height:70px;border-radius:19px;left:calc(50% - 35px);top:calc(50% - 35px);border:4px solid var(--cue-color);background:#1b2a20;transform:rotate(-8deg);box-shadow:0 0 20px color-mix(in srgb,var(--cue-color),transparent 70%)}.cosmetic-emote i{display:none}.cosmetic-emote span{color:var(--cue-color);font-size:2rem}.cosmetic-victory i{width:65px;height:65px;left:calc(50% - 32px);top:calc(50% - 32px);background:var(--cue-color);border-radius:50%;box-shadow:0 0 40px var(--cue-color);transform:none}.victory-effect{box-shadow:0 0 55px color-mix(in srgb,var(--victory-color),transparent 60%);border-color:var(--victory-color);animation:victoryGlow 2s ease-in-out infinite alternate}.equipped-emote{margin:6px 20px}@keyframes victoryGlow{to{box-shadow:0 0 85px color-mix(in srgb,var(--victory-color),transparent 40%)}}