@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;height:100%;overflow:hidden}:root{--bg-0: #0a0e18;--bg-1: #0f1520;--panel: rgba(10, 14, 24, .96);--border: rgba(244, 197, 66, .24);--border-strong: rgba(244, 197, 66, .52);--accent: #f4c542;--accent-2: #d99a22;--text: #e0e6ec;--text-dim: #7a8a9e;--text-muted: #4a5a6e;--gold: #ffd166;--red: #d44040;--card-face: #ffffff}body{font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at 50% -18%,rgba(244,197,66,.09),transparent 34%),var(--bg-0);color:var(--text);-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.screen{display:none;position:relative;z-index:1;animation:fadeIn .5s ease}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#menu-screen{flex:1;display:flex;flex-direction:column;padding:24px 24px 18px;gap:18px;background:radial-gradient(circle at 50% 24%,rgba(244,197,66,.12),transparent 25%),radial-gradient(circle at 50% 58%,rgba(244,197,66,.07),transparent 32%),var(--bg-0);max-width:560px;margin:0 auto;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-top{display:flex;align-items:center;gap:14px;padding:0 2px}.menu-avatar-circle{width:62px;height:62px;border-radius:50%;background:#0a0e18ad;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;overflow:hidden;box-shadow:0 0 13px #f4c54233}.menu-user-info{display:flex;flex-direction:column;flex:1;gap:1px}.menu-username{font-size:25px;line-height:1;font-weight:800;color:#fff}.menu-user-rank{font-size:18px;line-height:1.2;color:var(--accent);font-weight:800}.menu-balance-pill{display:flex;align-items:center;gap:13px;background:#0a0e188c;border:3px solid var(--accent);border-radius:36px;padding:10px 22px;box-shadow:0 0 11px #f4c5421f}.menu-currency{color:var(--accent);font-size:30px;line-height:1;font-weight:500}.menu-balance-value{font-size:25px;color:#fff;font-weight:800}.menu-cards-display{display:flex;justify-content:center;align-items:center;min-height:300px;padding:0}.menu-cards-stack{position:relative;width:min(100%,390px);height:285px;filter:drop-shadow(0 12px 30px rgba(244,197,66,.2))}.menu-cards-stack:before{content:"";position:absolute;left:50%;top:8px;width:285px;height:285px;transform:translate(-50%);border:1px solid rgba(244,197,66,.38);border-radius:50%;box-shadow:0 0 38px #f4c5422e}.menu-card{position:absolute;top:28px;width:148px;height:230px;overflow:hidden;border:3px solid var(--accent);border-radius:17px;background:#111824;box-shadow:0 0 15px #f4c54247}.menu-card img{display:block;width:100%;height:100%;object-fit:cover;filter:invert(1) sepia(1) saturate(3.2) hue-rotate(350deg) brightness(1.08)}.menu-card-left{left:7px;transform:rotate(-15deg)}.menu-card-center{left:50%;z-index:2;transform:translate(-50%);width:164px;height:250px;top:14px}.menu-card-right{right:7px;transform:rotate(15deg)}.menu-card-spark{position:absolute;z-index:3;color:var(--accent);font-size:25px;text-shadow:0 0 12px var(--accent)}.menu-card-spark-top{top:-7px;left:50%;transform:translate(-50%)}.menu-card-spark-left{left:-12px;top:138px}.menu-card-spark-right{right:-12px;top:138px}.menu-quick-play-card{display:flex;align-items:center;width:100%;min-height:110px;border:3px solid var(--accent);border-radius:25px;padding:18px 24px;gap:20px;background:linear-gradient(105deg,#574015a3,#0b111ce6 55%);box-shadow:0 0 22px #f4c54233;color:#fff;text-align:left;cursor:pointer}.menu-quick-play-icon{color:var(--accent);font-size:67px;line-height:.72;font-weight:900;transform:skew(-12deg);text-shadow:0 0 15px rgba(244,197,66,.35)}.menu-quick-play-left{flex:1;display:flex;flex-direction:column;gap:6px}.menu-quick-play-title{font-size:27px;line-height:1;font-weight:800;color:#fff}.menu-quick-play-sub{font-size:18px;color:#9aa7bd;line-height:1.15}.menu-quick-play-btn{width:58px;height:58px;border-radius:50%;background:transparent;border:2px solid var(--accent);color:var(--accent);font-size:52px;line-height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s}.menu-quick-play-btn:hover{transform:scale(1.06);box-shadow:0 0 16px #f4c54266}.menu-quick-play-btn:active{transform:scale(.95)}.menu-options-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(176px,1fr);gap:12px;overflow:visible}.menu-option-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:176px;padding:24px 12px 18px;overflow:hidden;background:linear-gradient(140deg,#1f252ebf,#080e18d6);border:3px solid var(--accent-2);border-radius:28px;cursor:pointer;gap:8px;color:#fff;box-shadow:0 0 16px #f4c5421f,inset 0 0 26px #f4c54208;transition:background .15s,transform .15s,box-shadow .15s}.menu-option-card:hover{background:linear-gradient(140deg,#483c1fcc,#080e18e6);box-shadow:0 0 24px #f4c54245,inset 0 0 26px #f4c5420d;transform:translateY(-2px)}.menu-option-card:active{transform:scale(.985)}.menu-option-text{position:relative;z-index:1;font-size:22px;line-height:1.12;font-weight:800;color:#fff;text-align:center}.menu-option-card>svg{position:relative;z-index:1;filter:sepia(1) saturate(5) hue-rotate(355deg) brightness(1.16)}.menu-option-suit{position:absolute;top:11px;right:21px;z-index:1;color:#ffffff12;font-size:76px;line-height:1}.divider{display:flex;align-items:center;width:100%;gap:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-strong)}.divider-text{font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap;letter-spacing:.5px}.btn{padding:16px 32px;font-size:17px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;letter-spacing:.5px;box-shadow:0 4px 15px #0006;position:relative}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4d8dff40}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#f8d45a,#d99a22);color:#17130a;border:1px solid var(--accent)}.btn-primary:hover{box-shadow:0 0 22px #f4c54257,0 6px 16px #0006}.btn-secondary{background:linear-gradient(135deg,#1a3452,#122840);color:var(--accent);border:1px solid var(--border-strong)}.btn-secondary:hover{background:linear-gradient(135deg,#f8d45a,#d99a22);color:#17130a}.btn-leave{background:transparent;color:#ff4d4d;border:2px solid #ff4d4d;box-shadow:0 4px 15px #ff4d4d33}.btn-leave:hover{background:#ff4d4d1a;box-shadow:0 4px 15px #ff4d4d66}.btn-danger{background:linear-gradient(135deg,#3a1525,#2a0f1a);color:#ff6b81;border:1px solid rgba(255,107,129,.4)}.btn-danger:hover{box-shadow:0 0 16px #ff6b814d}.btn-small{padding:6px 12px;font-size:13px;background:#3c78c814;color:var(--accent);border:1px solid var(--border);border-radius:6px;cursor:pointer;margin-left:10px}.btn-small:hover{background:#3c78c829}.stats{display:flex;gap:30px;margin-top:50px;padding:20px 40px;background:#102236e0;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 16px #3c78c80f}.stat{display:flex;flex-direction:column;align-items:center}.stat span{font-size:32px;font-weight:700;color:var(--accent);text-shadow:0 0 8px rgba(77,141,255,.35)}.stat small{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}#room-screen{max-width:600px;margin:60px auto;padding:40px;background:#102236eb;border-radius:20px;border:1px solid var(--border);text-align:center;box-shadow:0 0 24px #3c78c80f}#room-screen h2{margin-bottom:20px;font-size:28px;color:var(--accent);text-shadow:0 0 8px rgba(60,120,200,.25)}.room-code{font-size:20px;padding:20px;background:#3c78c80d;border:2px dashed var(--accent);border-radius:12px;margin-bottom:20px}#room-code{font-weight:700;color:var(--accent);font-size:24px;letter-spacing:2px;text-shadow:0 0 8px rgba(60,120,200,.3)}.players-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.player-item{padding:12px 20px;background:#3c78c80d;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:10px;color:var(--accent)}.player-item .avatar{flex-shrink:0}.game-screen{position:relative;padding:8px 8px 0;max-width:1200px;margin:0 auto;height:100dvh;display:none;flex-direction:column;overflow:hidden}.game-screen.active{display:flex}.top-bar{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;padding:8px 12px;margin-bottom:0;position:relative;z-index:10}.opponents-container{display:flex;gap:32px;align-items:flex-start}.opponents-multi{gap:100px;justify-content:center}.opponents-multi.opponents-3{gap:60px;justify-content:space-between;width:100%;padding:0 24px;box-sizing:border-box}.opponents-multi.opponents-3 .avatar-badge-wrap{display:flex;flex-direction:column;align-items:center}.opponents-multi.opponents-3 .pos-left,.opponents-multi.opponents-3 .pos-center,.opponents-multi.opponents-3 .pos-right{align-self:flex-start}.opponents-multi.opponents-3 .opponent-hand{z-index:0}.waiting-message{font-size:12px;color:var(--text-muted);margin-top:8px;text-align:center}.avatar-badge-wrap{position:relative;flex-shrink:0}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#152e4a,#091625);display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid var(--border-strong);box-shadow:0 0 10px #3c78c826;flex-shrink:0;position:relative;z-index:1}.top-bar .avatar{border:2px solid rgba(60,120,200,.18)}.avatar-turn{border-color:#3ddc73!important;box-shadow:0 0 16px #3ddc7380!important}.avatar-defending{border-color:#ff6b81!important;box-shadow:0 0 16px #ff6b8180!important}@property --timer-pct{syntax: "<number>"; inherits: false; initial-value: 100;}.timer-ring-css{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:15px;padding:5px;background:conic-gradient(#ff6b81 calc(var(--timer-pct) * 1%),transparent calc(var(--timer-pct) * 1%));-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);-webkit-mask-composite:xor;mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask-composite:exclude;pointer-events:none;z-index:0;animation:timer-shrink linear forwards}@keyframes timer-shrink{0%{--timer-pct: 100}to{--timer-pct: 0}}.timer-ring-green{background:conic-gradient(#3ddc73 calc(var(--timer-pct) * 1%),transparent calc(var(--timer-pct) * 1%))}.btn-done-wrap{position:relative;display:inline-flex;align-items:center;border:none!important;outline:none!important;box-shadow:none!important}.btn-done-wrap.timer-active{border:none!important;outline:none!important;box-shadow:none!important}.btn-done-wrap.timer-active:before,.btn-done-wrap.timer-active:after{display:none!important;content:none!important}.btn-surrender{padding:8px 16px;font-size:12px;flex-shrink:0;position:absolute;right:12px}.turn-indicator{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);z-index:1;background:linear-gradient(135deg,#3ddc73,#2fb366);color:#1a2a3a;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 0 8px #3ddc7366;animation:pulse 1.5s ease-in-out infinite}.game-actions .turn-indicator{bottom:auto;top:100%;margin-top:2px}.badge-bito,.badge-pass,.badge-take{position:absolute;top:-24px;left:50%;transform:translate(-50%);z-index:2;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none}.badge-bito{background:#fff;color:#1a2a3a;box-shadow:0 0 8px #16283c66}.badge-pass{background:#fff8dc;color:#5a4a1a;box-shadow:0 0 8px #fff8dc80}.badge-take{background:#e3f2fd;color:#1565c0;box-shadow:0 0 8px #1565c066}.badge-ready{position:absolute;top:-24px;left:50%;transform:translate(-50%);z-index:2;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none;background:#4caf50;color:#fff;box-shadow:0 0 8px #4caf5080}.btn-ready{font-size:14px!important;font-weight:700;background:transparent!important;color:#4caf50!important;border-color:#4caf50!important;box-shadow:0 0 6px #4caf5080!important;padding:6px 20px}.btn-ready:hover{color:#66bb6a!important;border-color:#66bb6a!important;box-shadow:0 0 10px #4caf50b3!important}.opponents-container .badge-bito,.opponents-container .badge-pass,.opponents-container .badge-ready,.opponents-container .badge-take,.action-center .badge-ready{top:-16px}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.05)}}.opponent-area{position:relative;width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;padding-top:36px;padding-bottom:16px}.opponent-hand{position:relative;width:100%;z-index:2;min-height:100px;margin-top:-40px}.opponent-hand .card-back{position:absolute;left:50%;margin-left:0;transform:translate(-50%) rotate(0);transform-origin:50% 0%}.opponent-avatar-section{z-index:3;display:flex;justify-content:center;align-items:flex-start;gap:12px;padding-bottom:0}.avatar-opponent{width:72px!important;height:72px!important;font-size:28px!important;border-radius:18px!important;border:none!important;box-shadow:0 0 0 3px #3c78c82e!important;z-index:4!important}.avatar-empty{background:transparent!important;border:2px dashed rgba(60,120,200,.45)!important;box-shadow:none!important;opacity:.6}.table-center{position:relative;display:flex;align-items:stretch;justify-content:center;padding:4px;flex:1;min-height:0;z-index:5}.table-center-placeholder{flex:1;min-height:200px}.table-settlement{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000!important;pointer-events:none;overflow:hidden}.table-banknote{position:absolute;left:50%;top:50%;width:142px;height:76px;transform:translate(-50%,-50%);animation:tablePrizeSettle 4.4s cubic-bezier(.2,.75,.25,1) both}.money-bundle{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:8px}.money-bundle-back{left:15px;top:4px;width:110px;height:54px;transform:rotate(-8deg);background:repeating-linear-gradient(135deg,rgba(255,255,255,.15) 0 3px,transparent 3px 10px),linear-gradient(135deg,#b2e89d,#4f9f61);border:2px solid #e9ffd8;box-shadow:0 8px 14px #114b244d,inset 0 0 0 2px #236c3638}.money-bundle-back:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px dashed rgba(236,255,216,.65);border-radius:5px;transform:rotate(2deg)}.money-bundle-mid{left:8px;top:11px;width:118px;height:56px;transform:rotate(5deg);background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(20,105,42,.14) 9px 10px),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 13px),linear-gradient(135deg,#dfffc2,#69bd78);border:2px solid #f4ffd8;box-shadow:0 8px 20px #44d2686b,inset 0 0 0 2px #29823b33}.money-bundle-mid:before{content:"";position:absolute;left:10px;right:10px;top:8px;bottom:8px;border:1px dashed rgba(236,255,216,.72);border-radius:4px}.money-bundle-front{left:1px;top:16px;width:126px;height:58px;gap:8px;color:#073b1a;font-size:17px;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(20,105,42,.12) 9px 10px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.12) 15px 16px),linear-gradient(135deg,#edffc5,#78d986);border:2px solid #f4ffd8;box-shadow:0 8px 24px #44d26880,inset 0 0 0 2px #14642d40,inset 0 -8px #2f8f441f}.money-bundle-front:before,.money-bundle-front:after{content:"";position:absolute;top:-2px;bottom:-2px;width:7px;background:linear-gradient(90deg,#ffd75f,#b77b12,#ffe78b);border:1px solid #fff0a0}.money-bundle-front:before{left:27px}.money-bundle-front:after{right:27px}.money-bundle-front span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(5,70,25,.35);border-radius:50%;font-weight:900}.money-bundle-front strong{letter-spacing:.2px;text-shadow:0 1px rgba(255,255,255,.55)}.money-bundle-front em{position:absolute;right:7px;top:5px;color:#b77b12;font-size:10px;font-style:normal}.money-bundle-front small{position:absolute;left:7px;bottom:4px;color:#073b1a94;font-size:6px;font-weight:900;letter-spacing:1.2px}@keyframes tablePrizeSettle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}32%{opacity:1;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;left:50%;top:var(--settle-y);transform:translate(calc(-50% + var(--settle-dx)),-50%) scale(.68)}to{opacity:1;left:50%;top:var(--settle-y);transform:translate(calc(-50% + var(--settle-dx)),-50%) scale(.55)}}.table-jester{position:absolute;left:50%;top:50%;width:98px;height:92px;transform:translate(-50%,-50%);animation:tableHatSettle 4.4s cubic-bezier(.2,.75,.25,1) both}.table-jester i{position:absolute;left:28px;top:1px;width:41px;height:71px;z-index:1;background:linear-gradient(135deg,#b40029,#93001e 58%,#610015);clip-path:polygon(4% 92%,16% 60%,12% 28%,28% 10%,49% 4%,72% 9%,94% 20%,79% 31%,69% 44%,66% 65%,78% 92%,50% 82%,24% 100%);filter:drop-shadow(0 7px 6px rgba(0,0,0,.4))}.table-jester i:before{content:"";position:absolute;left:-22px;top:25px;width:47px;height:53px;background:linear-gradient(135deg,#a90027,#760018);clip-path:polygon(4% 98%,9% 48%,22% 19%,44% 5%,65% 8%,84% 25%,96% 57%,88% 80%,72% 61%,53% 48%,36% 52%,22% 70%,15% 100%)}.table-jester i:after{content:"";position:absolute;right:-25px;top:27px;width:49px;height:52px;background:linear-gradient(135deg,#a90027,#760018);clip-path:polygon(4% 98%,9% 48%,22% 19%,44% 5%,65% 8%,84% 25%,96% 57%,88% 80%,72% 61%,53% 48%,36% 52%,22% 70%,15% 100%);transform:scaleX(-1)}.jester-band{position:absolute;left:8px;top:57px;width:82px;height:25px;z-index:2;background:linear-gradient(180deg,#ffd817,#f3b900 72%,#d58b00);clip-path:polygon(2% 10%,98% 0,100% 78%,76% 91%,48% 100%,21% 91%,0 76%);box-shadow:0 5px 7px #0000004d}.jester-band:after{content:"";position:absolute;top:5px;right:10px;bottom:5px;left:10px;border:1px solid rgba(255,248,161,.7);border-radius:50%}.table-jester b{position:absolute;left:-2px;top:60px;width:11px;height:11px;z-index:3;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5a8 0,#fff5a8,#ffd75f 36%,#d99618);border:1px solid #fff0a0;box-shadow:0 2px 5px #ffbe2da6}.table-jester b:before,.table-jester b:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.65)}.table-jester b:before{left:42px;top:-57px;background:radial-gradient(circle at 35% 30%,#e9ffff,#50c9e8 45%,#137cba)}.table-jester b:after{left:78px;top:1px;background:radial-gradient(circle at 35% 30%,#fff5a8,#ffd75f 45%,#d99618)}.table-jester em{position:absolute;z-index:1;left:50%;bottom:0;transform:translate(-50%);padding:4px 8px;border-radius:7px;background:#85132a;color:#fff;font-style:normal;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 3px 8px #00000059}.table-jester{width:124px;height:80px}.table-jester img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.35))}.table-jester em{bottom:-14px}.table-banknote{scale:.82;transform-origin:center center}.table-jester{scale:.84;transform-origin:center center}@keyframes tableHatSettle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}32%{opacity:1;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;left:50%;top:var(--settle-y);transform:translate(calc(-50% + var(--settle-dx)),-50%) scale(.77)}to{opacity:1;left:50%;top:var(--settle-y);transform:translate(calc(-50% + var(--settle-dx)),-50%) scale(.72)}}.deck-area{position:absolute;left:-78px;top:540px;z-index:6}.deck-area .deck{position:relative!important;width:110px;height:157px}.deck-back-pattern{background:repeating-linear-gradient(45deg,#e8e8e8 0,#e8e8e8 2px,#2a6b3a 2px,#2a6b3a 5px),repeating-linear-gradient(-45deg,#e8e8e8 0,#e8e8e8 2px,#2a6b3a 2px,#2a6b3a 5px);background-blend-mode:multiply;background-color:#f0f0f0}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;width:110px;height:157px;border-radius:6px;border:2px solid #fff;box-shadow:0 3px 8px #0000008c}.deck-card-1{transform:rotate(10deg) translate(-1px,1px);z-index:2}.deck-card-2{transform:rotate(10deg) translate(1px,-1px);z-index:3}.deck-card-3{transform:rotate(10deg);z-index:4}.deck-trump-peek{position:absolute;top:25px;left:145%;z-index:1;transform:rotate(90deg);transform-origin:top left}.deck-trump-peek .card{cursor:default!important;box-shadow:0 3px 8px #0000008c!important}.deck-trump-peek .card.disabled{cursor:default!important}.empty-deck-icon{position:absolute;top:32px;left:113px;font-size:36px;line-height:1;opacity:.7;color:var(--text)}.empty-deck-icon.red{color:#a3122d}.empty-deck-icon.black{color:#ccc}.deck-count{position:absolute;left:89px;top:-22px;font-size:15px;color:#fff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.25);white-space:nowrap;line-height:1;z-index:5}.deck-count.empty{opacity:.3}.discard-area{position:absolute;left:auto;right:-62px;top:560px;width:0;height:0;z-index:6}.discard-card{position:absolute;top:0;right:0;bottom:0;left:20px;width:76px;height:108px;border-radius:6px;border:2px solid #fff;box-shadow:0 3px 8px #0000008c;transform-origin:top left}@keyframes discardCardIn{0%{opacity:0}to{opacity:1}}@keyframes discardPulse{0%{filter:brightness(1)}25%{filter:brightness(1.08)}to{filter:brightness(1)}}.discard-card{animation:discardCardIn .5s ease-out both}.discard-pulse{animation:discardPulse 1s cubic-bezier(.4,0,.2,1)}.trump-card.red{color:#a3122d}.trump-card.black{color:#16161a}.trump-suit-icon{font-size:inherit;font-weight:inherit;font-family:inherit}.trump-indicator{display:none}.trump-suit-label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px;pointer-events:none;-webkit-user-select:none;user-select:none}.trump-suit-label-icon{font-size:20px;line-height:1}.trump-suit-label-text{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.trump-suit-label.red{color:#e74c3c}.trump-suit-label.black{color:#9ca3af}.table{flex:1;min-width:0;min-height:220px;outline:none;padding:24px 12px 12px;display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;align-content:flex-start;gap:28px 48px;position:relative;background:none transparent;transition:background .3s}.table-hint{display:none}.table-pair{position:relative;width:110px;height:157px}.table-pair .card{transition:none!important}.table-pair .card.attack{transform:rotate(-6deg)}.table-pair .card.defense{position:absolute;top:18px;left:18px;transform:rotate(6deg)}.table-pair .card.clickable-attack{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.table-pair .card.clickable-attack:hover{transform:rotate(-6deg);box-shadow:0 2px 8px #00000040}.table-pair.leaving .card{transition:none!important;animation:none!important}.table-pair.leaving .card.defense{transition:none!important}.game-actions{position:relative;z-index:26;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:60px;padding:10px 0;margin-top:auto;background:linear-gradient(180deg,#182f4bf5,#13263dfa);border-top:1px solid rgba(244,197,66,.36);border-radius:16px 16px 0 0;box-shadow:0 -4px 12px #00000040}.action-buttons-left{grid-column:1;display:flex;flex-direction:row;gap:12px;justify-content:center;align-items:center;padding-left:0}.action-buttons-right{grid-column:3;display:flex;flex-direction:row;gap:12px;justify-content:center;align-items:center;padding-right:0}.action-text-btn{background:linear-gradient(180deg,#2f4b6ceb,#1b3350f0);border:1px solid rgba(157,184,216,.22);border-radius:13px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;padding:12px 20px;height:44px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;box-shadow:0 5px 12px #0003,inset 0 1px #ffffff14;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap}.action-text-btn:hover{color:#fff7d6;border-color:#f4c542b3;background:linear-gradient(180deg,#4c698bfa,#233e5cfa);box-shadow:0 7px 16px #00000040,0 0 14px #f4c5421f}.action-text-btn:active{transform:scale(.95);box-shadow:0 2px 5px #00000040}.your-turn-text{color:#ffe7a0;font-size:14px;font-weight:700;white-space:nowrap;padding:10px 16px;border:1px solid rgba(244,197,66,.28);border-radius:12px;background:#f4c54214;box-shadow:inset 0 1px #ffffff0f}#btn-done{font-size:12px;color:#07150c;background:linear-gradient(180deg,#71ed98,#2fb866);border-color:#8cf5ac!important;box-shadow:0 5px 14px #3ddc733d,inset 0 1px #ffffff73!important}#btn-done:hover{color:#06150b;background:linear-gradient(180deg,#8cf5ac,#42cf76)}.half-warning-text{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;color:#3ddc73;font-size:12px;font-weight:700;pointer-events:none;opacity:0;animation:halfShow .01s var(--half-delay, 17.5s) forwards,halfPulse .6s ease-in-out infinite alternate;animation-delay:var(--half-delay, 17.5s),calc(var(--half-delay, 17.5s) + .01s)}@keyframes halfShow{to{opacity:1}}@keyframes halfPulse{0%{opacity:.6}to{opacity:1}}#btn-pass{color:#ffe49a;border-color:#f4c54280;background:linear-gradient(180deg,#7b5e24d1,#4d3a1ae6)}#btn-pass:hover{color:#fff4c7;border-color:#f4c542}#btn-take{font-size:11px;color:#ffd4da;border-color:#ff6b816b;background:linear-gradient(180deg,#803648e0,#482231f0)}#btn-take:hover{color:#fff;border-color:#ff8094}.btn-throw{color:#17130a;background:linear-gradient(180deg,#f8d45a,#d99a22);border-color:#ffe28a;box-shadow:0 5px 15px #f4c54240,inset 0 1px #ffffff80}.btn-throw:hover{color:#17130a;background:linear-gradient(180deg,#ffe17a,#e6aa2b)}.btn-surrender{background:#ff6b8124;border-color:#ff6b814d;color:var(--red)}.btn-surrender:hover{color:var(--red);background:#ff6b8138;border-color:var(--red)}.room-code-chip{font-size:11px;font-weight:600;letter-spacing:.5px;color:#7d8bab;background:#3c78c81f;border:1px solid rgba(60,120,200,.25);border-radius:10px;padding:4px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.room-code-chip:hover{color:var(--accent);border-color:var(--accent)}.room-code-chip-btn{font-size:14px;font-weight:700;letter-spacing:1px;color:#4d8dff;background:#4d8dff1f;border-color:#4d8dff59;padding:6px 16px}.btn-surrender-float{position:absolute;left:calc(50% + 116px);top:45%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#753143cc,#411e2ceb);border:1px solid rgba(255,107,129,.42);border-radius:12px;color:#ffb1bd;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;padding:9px 14px;display:flex;align-items:center;gap:6px;box-shadow:0 5px 12px #0003,inset 0 1px #ffffff14;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap;z-index:27}.btn-surrender-float:hover{color:#fff;background:linear-gradient(180deg,#973d52f0,#542234fa);border-color:#ff8094;box-shadow:0 7px 16px #00000040,0 0 14px #ff6b8129}.btn-surrender-float:active{transform:translate(-50%,-50%) scale(.95)}.action-center{grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;justify-self:center}.action-name{font-size:14px;color:var(--text-dim);font-weight:600;white-space:nowrap}.avatar-square{border-radius:18px;border:none!important;position:relative}#turn-avatar{width:72px!important;height:72px!important;font-size:28px!important;border-radius:18px!important;box-shadow:0 0 10px #3c78c82e;z-index:4}.avatar-square.turn-active:before{display:none!important}@keyframes handCardAppear{0%{opacity:0;transform:translateY(90px) scale(.45) rotate(20deg)}to{opacity:1}}.hand-area{position:relative}.hand-turn-text{position:absolute;bottom:calc(100% + 60px);left:50%;transform:translate(-50%);color:#3ddc73;font-size:16px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:30;text-shadow:0 0 10px rgba(61,220,115,.3);animation:showAfterHalf calc(var(--half-delay, 17.5s) * 2) linear forwards,halfPulse .6s ease-in-out infinite alternate;animation-delay:0s,calc(var(--half-delay, 17.5s) * 1)}@keyframes showAfterHalf{0%,49.9%{opacity:0}50%{opacity:1}84%{opacity:1}to{opacity:0}}.player-hand{position:relative;z-index:25;display:flex;justify-content:center;align-items:flex-end;min-height:0;padding:0 16px;width:100%;box-sizing:border-box;gap:0;margin-bottom:-60px;transform:scale(var(--hand-scale, 1));transform-origin:bottom center;transition:transform .25s ease;max-width:100%;border:none;outline:none;background:transparent}.card{width:110px;height:157px;background:#fff;border-radius:6px;border:1.2px solid #888;box-shadow:0 2px 8px #00000040;position:relative;font-family:Arial,Helvetica,sans-serif;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;transition:transform .18s ease-out,box-shadow .18s ease,border-color .18s ease;flex-shrink:0;overflow:hidden}.card.red{color:#c0392b}.card.black{color:#1a1a2e}.card svg{display:block}.card-corner,.card-rank,.card-suit-small,.card-pips,.card-face-center{display:none}.player-hand .card{margin-left:var(--hand-overlap, -22px);transform-origin:bottom center}.player-hand .card:first-child{margin-left:6px}.player-hand .card:nth-child(1){transform:rotate(-12deg)}.player-hand .card:nth-child(2){transform:rotate(-9deg)}.player-hand .card:nth-child(3){transform:rotate(-6deg)}.player-hand .card:nth-child(4){transform:rotate(-3deg)}.player-hand .card:nth-child(5){transform:rotate(0)}.player-hand .card:nth-child(6){transform:rotate(3deg)}.player-hand .card:nth-child(7){transform:rotate(6deg)}.player-hand .card:nth-child(8){transform:rotate(9deg)}.player-hand .card:nth-child(9){transform:rotate(12deg)}.player-hand .card:nth-child(n+10){transform:rotate(12deg)}.player-hand .card.hover-peek{transform:translateY(-34px) rotate(0) scale(1.14)!important;box-shadow:0 0 20px #3c78c840,0 16px 32px #00000040;z-index:20;margin-left:-14px;margin-right:10px;border-color:var(--accent)}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.player-hand .card.lifted{transform:translateY(-8px) scale(1.05) rotate(0)!important;z-index:18;box-shadow:0 0 16px #3c78c82e,0 12px 24px #000000bf;border-color:var(--accent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card.dragging-touch{transition:none!important;z-index:100!important;cursor:grabbing;border-color:var(--accent)!important;box-shadow:0 0 40px #3c78c866,0 25px 50px #0000004d!important}.card.snapping{z-index:25;transition:transform .35s cubic-bezier(.34,1.56,.64,1)!important}.card.red{color:#a3122d;text-shadow:none}.card.black{color:#16161a;text-shadow:none}.card.trump-card-in-hand{border-color:gold!important;border-width:2px!important;box-shadow:0 0 8px #ffd70099,0 4px 12px #0000008c!important;animation:trumpHandGlow 2s ease-in-out infinite}@keyframes trumpHandGlow{0%,to{box-shadow:0 0 8px #ffd70099,0 4px 12px #0000008c}50%{box-shadow:0 0 12px #ffd700cc,0 4px 12px #0000008c}}.card.disabled{cursor:not-allowed}.card.selected{border-color:#3b82f6;border-width:2.5px;box-shadow:0 0 14px #3b82f699,0 6px 16px #0006;transform:translateY(-10px)!important;z-index:5}.btn-throw{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #2563eb66}.btn-throw:active{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important}.throw-in-hint{animation:throwInPulse .8s ease-in-out infinite alternate;color:#f59e0b!important;font-weight:700}@keyframes throwInPulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.card-back{width:65px;height:93px;background:repeating-linear-gradient(45deg,#e8e8e8 0,#e8e8e8 2px,#2a6b3a 2px,#2a6b3a 5px),repeating-linear-gradient(-45deg,#e8e8e8 0,#e8e8e8 2px,#2a6b3a 2px,#2a6b3a 5px);background-blend-mode:multiply;background-color:#f0f0f0;border-radius:5px;border:2px solid #fff;outline:1px solid rgba(0,0,0,.4);outline-offset:-5px;box-shadow:0 0 4px #00000026,0 3px 8px #0000004d;margin-left:var(--hand-overlap-back, -24px);transition:transform .3s,margin-left .25s ease;position:relative}.card-back:first-child{margin-left:0}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#02060ee6;z-index:100;align-items:center;justify-content:center;animation:fadeIn .3s}.modal.active{display:flex}.modal-content{background:linear-gradient(135deg,#152e4a,#091625);padding:40px;border-radius:20px;text-align:center;border:2px solid var(--accent);max-width:400px;animation:modalPop .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px #3c78c81f}@keyframes modalPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.result-icon{font-size:80px;margin-bottom:10px}.modal-content h2{font-size:36px;margin-bottom:10px;background:linear-gradient(180deg,#60d0e0,#40b8c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(60,120,200,.25))}.modal-content p{color:var(--text-dim);margin-bottom:25px}.modal-content .btn{display:block;width:100%;margin-bottom:10px}.result-money-flow,.result-loss-flow{height:76px;position:relative;margin:-8px 0 18px;overflow:hidden}.result-banknote{position:absolute;left:12%;top:14px;padding:9px 12px;border-radius:7px;color:#083415;background:linear-gradient(135deg,#d9ffad,#71ca78);border:2px solid #eaffce;box-shadow:0 5px 15px #42be5f59;font-size:14px;animation:banknoteToAvatar 2.15s cubic-bezier(.2,.8,.25,1) both}.result-avatar-target{position:absolute;right:12%;top:15px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#162d48;border:2px solid #e7b955;animation:targetPulse 2.15s ease both}@keyframes banknoteToAvatar{0%{opacity:0;transform:translate(-30px,-20px) rotate(-12deg) scale(.65)}22%{opacity:1;transform:translate(0) rotate(-4deg) scale(1.06)}72%{opacity:1;transform:translate(180px,2px) rotate(8deg) scale(.84)}to{opacity:0;transform:translate(205px,2px) rotate(8deg) scale(.25)}}@keyframes targetPulse{0%,68%{transform:scale(1)}80%{transform:scale(1.22);box-shadow:0 0 22px #e7b955}to{transform:scale(1)}}.result-jester-hat{position:absolute;left:14%;top:10px;width:62px;height:54px;display:grid;place-items:end center;color:#fff;font-size:13px;z-index:1;animation:hatToAvatar 2.15s cubic-bezier(.2,.8,.25,1) both}.result-jester-hat i{position:absolute;top:0;left:8px;width:46px;height:31px;background:#e3424b;clip-path:polygon(0 85%,9% 15%,25% 68%,46% 0,65% 68%,91% 15%,100% 85%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.result-jester-hat i:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:9px;border-radius:50%;background:#a91e2b}.result-jester-hat strong{position:relative;padding:3px 6px;border-radius:6px;background:#8e1d2c}.result-avatar-target.loss{border-color:#e3424b}@keyframes hatToAvatar{0%{opacity:0;transform:translate(-25px,-20px) rotate(-18deg) scale(.55)}20%{opacity:1;transform:translate(0) rotate(0) scale(1.06)}70%{opacity:1;transform:translate(180px,3px) rotate(12deg) scale(.8)}to{opacity:0;transform:translate(205px,4px) rotate(12deg) scale(.25)}}.emoji-bubble{position:absolute;bottom:calc(100% + 14px);left:50%;z-index:70;pointer-events:none;transform:translate(-50%);width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#081226d1;border:1.5px solid rgba(120,170,255,.4);border-radius:16px;box-shadow:0 8px 20px #00000080;animation:emojiPop 3s ease forwards}.avatar-opponent .emoji-bubble{top:calc(100% + 12px);bottom:auto}@keyframes emojiPop{0%{transform:translate(-50%) scale(0) rotate(-14deg);opacity:0}12%{transform:translate(-50%) scale(1.22) rotate(4deg);opacity:1}30%{transform:translate(-50%) scale(1) rotate(0);opacity:1}82%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1.45) rotate(0);opacity:0}}.emoji-picker-content{width:min(380px,calc(100vw - 48px));padding:28px 22px 24px}.emoji-picker-content h2{font-size:28px;margin-bottom:6px}.emoji-picker-content p{font-size:13px;margin-bottom:18px}.emoji-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.emoji-option{background:linear-gradient(135deg,#1a2b47,#0d1830);border:2px solid rgba(77,141,255,.25);border-radius:16px;padding:10px 8px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.emoji-option:hover{transform:translateY(-3px) scale(1.06);border-color:var(--accent);box-shadow:0 0 18px #4d8dff40}.emoji-option:active{transform:scale(.94)}#turn-avatar{cursor:pointer}#turn-avatar:hover{box-shadow:0 0 0 2px #4d8dff59,0 0 18px #4d8dff40}.setup-modal-content{width:min(480px,calc(100vw - 64px));max-width:480px;padding:32px 28px;background:linear-gradient(145deg,#0e1e32fa,#081222fa),radial-gradient(circle at 50% 0%,rgba(60,120,200,.12),transparent 42%);border:1px solid rgba(60,120,200,.25);border-radius:20px;box-shadow:0 24px 60px #0006,inset 0 1px #00000026}.setup-header{text-align:center;margin-bottom:24px}.setup-icon-wrap{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.setup-icon-card{display:inline-flex;align-items:center;justify-content:center;width:40px;height:56px;background:linear-gradient(145deg,#1a3452,#122840);border-radius:6px;font-size:20px;color:#fff;font-weight:700;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(60,120,200,.25)}.setup-icon-card:nth-child(1){transform:rotate(-8deg) translateY(4px);color:#1a1a2e}.setup-icon-card:nth-child(2){transform:rotate(0) translateY(0);color:#ff4757}.setup-icon-card:nth-child(3){transform:rotate(8deg) translateY(4px);color:#1a1a2e}.setup-modal-content h2{font-size:28px;margin-bottom:4px}.setup-subtitle{color:var(--text-dim);font-size:14px;margin-bottom:0}.setup-group{margin-bottom:18px;text-align:center}.setup-label{display:block;font-weight:600;color:var(--accent);margin-bottom:10px;letter-spacing:.5px;font-size:13px;text-transform:uppercase}.setup-count-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px;border-radius:12px;background:#10223699;border:1px solid rgba(60,120,200,.1)}.setup-count-grid.cols-3{grid-template-columns:repeat(3,1fr)}.setup-count-btn{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:10px;padding:12px 8px;cursor:pointer;transition:all .2s ease}.setup-count-btn:hover{background:#3c78c814;border-color:#3c78c82e}.setup-count-btn.active{background:linear-gradient(135deg,#e8c773,#b98728);color:#04111f;border-color:#16283c4d;box-shadow:0 8px 18px #b9872838}.setup-count-num{font-size:22px;font-weight:800;line-height:1.1}.setup-count-label{font-size:11px;opacity:.8;font-weight:500}.setup-count-btn.active .setup-count-label{opacity:1}.setup-stake-hint{margin-top:9px;color:var(--text-dim);font-size:11px;line-height:1.35}.setup-stake-slider{padding:14px 16px 10px;border-radius:12px;background:#10223699;border:1px solid rgba(60,120,200,.16)}.setup-stake-value{color:#e8c773;font-size:25px;font-weight:800;line-height:1;margin-bottom:14px}.setup-stake-value small{color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase}.setup-stake-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(90deg,#e8c773 0 var(--stake-progress),#28415c var(--stake-progress) 100%)}.setup-stake-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;border-radius:50%;background:#fff4c8;border:3px solid #be8c30;box-shadow:0 2px 9px #00000073;cursor:grab}.setup-stake-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff4c8;border:3px solid #be8c30}.setup-stake-scale{display:flex;justify-content:space-between;margin-top:8px;color:#7588a8;font-size:11px;font-weight:600}.btn-icon{margin-right:6px;font-size:12px}.btn-ghost{display:block;width:100%;padding:12px;border:1px solid rgba(60,120,200,.15);background:transparent;color:var(--text-dim);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:0}.btn-ghost:hover{background:#3c78c80f;color:var(--text);border-color:#3c78c847}.join-modal-content{max-width:380px;padding:32px 28px}.join-modal-icon{font-size:56px;margin-bottom:8px;filter:drop-shadow(0 0 12px rgba(77,141,255,.4))}.join-modal-content h2{font-size:26px;margin-bottom:6px}.join-modal-desc{color:var(--text-dim);font-size:13px;margin-bottom:20px;line-height:1.4}.join-input-wrap{position:relative;display:flex;align-items:center;margin-bottom:8px}.join-input{width:100%;padding:14px 48px 14px 16px;font-size:18px;font-weight:600;letter-spacing:2px;text-align:center;text-transform:uppercase;font-family:Segoe UI,Tahoma,monospace;color:var(--text);background:#102236e0;border:2px solid var(--border-strong);border-radius:12px;outline:none;transition:all .25s ease;box-shadow:inset 0 2px 6px #0006}.join-input::placeholder{color:var(--text-dim);letter-spacing:1px;font-weight:400;text-transform:none}.join-input:focus{border-color:var(--accent);box-shadow:inset 0 2px 6px #0006,0 0 0 3px #3c78c81f,0 0 20px #3c78c81f}.join-paste-btn{position:absolute;right:8px;width:34px;height:34px;border-radius:8px;background:#3c78c814;border:1px solid var(--border);color:var(--accent);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.join-paste-btn:hover{background:#3c78c829;border-color:var(--accent)}.join-paste-btn:active{transform:scale(.92)}.join-error{min-height:18px;color:var(--red);font-size:12px;margin-bottom:12px;text-align:center;font-weight:500}.join-submit-btn{width:100%;margin-bottom:10px}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.join-input.shake{animation:shakeError .4s ease;border-color:var(--red)!important}.surrender-modal-content{max-width:380px;padding:32px 28px}.surrender-icon{font-size:56px;margin-bottom:8px;filter:drop-shadow(0 0 12px rgba(255,107,129,.4))}.surrender-modal-content h2{font-size:26px;margin-bottom:6px;background:linear-gradient(180deg,#ff8a9b,#ff6b81);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.surrender-desc{color:var(--text-dim);font-size:13px;margin-bottom:20px;line-height:1.4}.waiting-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ef2;z-index:150;align-items:center;justify-content:center;animation:fadeIn .4s ease}.waiting-overlay.active{display:flex}.waiting-content{text-align:center;padding:40px}.waiting-spinner{width:56px;height:56px;border:4px solid rgba(60,120,200,.12);border-top-color:var(--accent);border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-title{font-size:26px;font-weight:700;color:var(--accent);margin-bottom:8px;text-shadow:0 0 10px rgba(77,141,255,.3)}.waiting-subtitle{font-size:15px;color:var(--text-dim);margin-bottom:16px}.waiting-timer{font-size:40px;font-weight:700;color:var(--accent);text-shadow:0 0 12px rgba(60,120,200,.25);font-variant-numeric:tabular-nums;border:2px solid var(--accent);border-radius:12px;padding:12px 24px;display:inline-block;box-shadow:0 0 10px #3c78c826}@keyframes takeCards{to{transform:translate(200px,300px) scale(.3);opacity:0}}.card.taking{animation:takeCards 1s forwards}.bito-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(60,120,200,.18) 0%,transparent 70%);border-radius:16px;animation:bitoFlash 1s ease;pointer-events:none}@keyframes bitoFlash{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}.toast{position:fixed;top:30px;left:50%;transform:translate(-50%);background:#102236f2;color:var(--accent);padding:14px 28px;border-radius:30px;border:1px solid var(--accent);z-index:200;font-weight:700;animation:toastIn .4s ease;box-shadow:0 0 16px #3c78c82e}@keyframes toastIn{0%{transform:translate(-50%,-100px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:700px){#menu-screen{padding:16px 20px}.menu-cards-stack svg{width:160px;height:208px}.menu-quick-play-card{padding:16px;gap:12px;border-radius:14px}.menu-quick-play-title{font-size:16px}.menu-quick-play-sub{font-size:12px}.menu-quick-play-btn{width:42px;height:42px}.top-bar{padding:6px 8px;gap:6px}.game-screen{padding:4px 4px 0;height:100dvh;width:100%;max-width:none;margin:0}.opponent-area{min-height:160px;padding-bottom:12px}.opponent-hand{margin-top:-26px}.avatar-opponent,#turn-avatar{width:64px!important;height:64px!important;font-size:25px!important;border-radius:16px!important}#turn-avatar:before{display:none!important}.avatar{width:40px;height:40px;font-size:20px;border-width:1.5px}.turn-indicator{font-size:9px;padding:2px 8px}.btn-surrender-float{padding:6px 12px;font-size:10px}.opponent-hand{min-height:85px}.card{width:95px;height:135px;font-size:19px;padding:6px 8px}.deck-area .deck,.deck-card{width:95px;height:135px}.deck-count{left:88px}.discard-card{width:76px;height:108px}.card-rank{font-size:13px}.card-suit-small{font-size:10px}.table-pair{width:95px;height:135px}.game-actions{min-height:72px;padding:12px 0;margin-left:-4px;margin-right:-4px;grid-template-columns:1fr auto 1fr;gap:6px;width:auto}.action-buttons-left,.action-buttons-right{flex-direction:row;gap:8px;justify-content:center;align-items:center;padding-left:0;padding-right:0}.action-text-btn{font-size:14px;padding:12px 18px;min-width:110px;border-radius:14px}.action-center{gap:4px}.avatar{width:36px;height:36px;font-size:18px}.action-name{font-size:10px}.table-pair .card.defense{top:16px;left:16px}.deck-area{top:auto;bottom:290px;left:-78px}.empty-deck-icon{left:111px;top:28px}.discard-area{top:auto;bottom:405px;left:auto;right:-58px}.deck-trump-peek{left:145%}.table{min-height:200px;padding:6px;gap:14px 28px}.table-center{margin-top:70px}.player-hand{min-height:0;padding:0 20px;margin-bottom:-28px}.player-hand .card{margin-left:var(--hand-overlap, -26px)}.player-hand .card:nth-child(1){transform:rotate(-14deg)}.player-hand .card:nth-child(2){transform:rotate(-11deg)}.player-hand .card:nth-child(3){transform:rotate(-8deg)}.player-hand .card:nth-child(4){transform:rotate(-4deg)}.player-hand .card:nth-child(5){transform:rotate(0)}.player-hand .card:nth-child(6){transform:rotate(4deg)}.player-hand .card:nth-child(7){transform:rotate(8deg)}.player-hand .card:nth-child(8){transform:rotate(11deg)}.player-hand .card:nth-child(9){transform:rotate(14deg)}.player-hand .card:nth-child(n+10){transform:rotate(14deg)}.player-hand .card.hover-peek{transform:translateY(-24px) rotate(0) scale(1.16)!important}.player-hand .card.lifted{transform:translateY(-8px) scale(1.04) rotate(0)!important}.action-text-btn{font-size:13px;padding:10px 14px;min-width:90px}.card-back{width:40px;height:57px;margin-left:var(--hand-overlap-back, -16px)}.join-modal-content,.surrender-modal-content{padding:24px 20px;max-width:92vw}.join-modal-icon,.surrender-icon{font-size:44px}.join-modal-content h2,.surrender-modal-content h2{font-size:22px}.join-modal-desc,.surrender-desc{font-size:12px;margin-bottom:16px}.join-input{font-size:16px;padding:12px 44px 12px 14px;letter-spacing:1.5px}.join-paste-btn{width:30px;height:30px;right:6px;font-size:14px}}.opponent-area{isolation:isolate}.opponent-area>.opponent-hand,.opponents-container .opponent-hand{position:relative;z-index:1!important}.opponent-avatar-section,.opponents-container .avatar-badge-wrap{position:relative;z-index:20!important}.opponent-avatar-section .avatar-opponent,.opponents-container .avatar-opponent{position:relative;z-index:30!important}@media(max-width:480px){.game-screen{padding:2px 2px 0;height:100dvh;width:100%;max-width:none;margin:0}#menu-screen{padding:14px 16px}.menu-cards-stack svg{width:140px;height:182px}.menu-quick-play-card{padding:14px;gap:10px;border-radius:12px}.menu-quick-play-title{font-size:15px}.menu-option-row{padding:14px;gap:10px}.menu-option-text{font-size:14px}.menu-avatar-circle{width:44px;height:44px}.menu-username{font-size:15px}.menu-balance-pill{padding:6px 14px}.menu-balance-value{font-size:14px}.opponent-hand{min-height:50px}.opponent-hand{margin-top:-26px}.avatar-opponent{width:64px!important;height:64px!important;font-size:25px!important;border-radius:16px!important}#turn-avatar{width:64px!important;height:64px!important;font-size:25px!important}#turn-avatar:before{display:none!important}.player-hand{margin-bottom:-20px;padding-left:18px;padding-right:18px}.player-hand .card{margin-left:var(--hand-overlap, -18px)}.player-hand .card.hover-peek{transform:translateY(-12px) rotate(0) scale(1.1)!important}.player-hand .card.lifted{transform:translateY(-4px) scale(1.02) rotate(0)!important}.card,.deck-area .deck,.deck-card{width:88px;height:125px}.deck-count{left:82px}.discard-card{width:70px;height:100px}.card-rank{font-size:12px}.card-suit-small{font-size:9px}.table-pair{width:88px;height:125px}.table{min-height:120px;gap:12px 28px;padding:4px}.table-center{margin-top:70px}.table-pair .card.defense{top:14px;left:14px}.deck-area{top:auto;bottom:260px;left:-78px}.empty-deck-icon{left:80px;top:22px}.discard-area{top:auto;bottom:365px;left:auto;right:-56px}.deck-trump-peek{left:145%}.game-actions{min-height:64px;padding:10px 0;margin-left:-2px;margin-right:-2px;width:auto}.action-text-btn{padding:8px 12px;height:38px;font-size:12px;min-width:72px;border-radius:10px}.action-buttons-left,.action-buttons-right{gap:4px;justify-content:center;padding-left:0;padding-right:0}.avatar{width:30px;height:30px;font-size:16px}.turn-indicator{font-size:9px;padding:2px 6px}}@media(max-width:380px){.game-screen{padding:2px 2px 0;height:100dvh;width:100%;max-width:none;margin:0}#menu-screen{padding:12px}.menu-cards-stack svg{width:120px;height:156px}.menu-quick-play-card{padding:12px;gap:8px;border-radius:10px}.menu-quick-play-title{font-size:14px}.menu-option-row{padding:12px;gap:8px}.menu-option-text{font-size:13px}.menu-avatar-circle{width:40px;height:40px}.menu-username{font-size:14px}.menu-balance-pill{padding:5px 12px}.menu-balance-value{font-size:13px}.bottom-nav{margin:0 8px 8px}.card,.deck-area .deck,.deck-card{width:78px;height:111px}.deck-count{left:72px}.discard-card{width:62px;height:88px}.card-rank{font-size:11px}.card-suit-small{font-size:8px}.table-pair{width:78px;height:111px}.table-pair .card.defense{top:10px;left:10px}.deck-area{top:auto;bottom:250px;left:-78px}.empty-deck-icon{left:107px;top:22px}.discard-area{top:auto;bottom:341px;left:auto;right:-54px}.table{min-height:100px;gap:10px 24px;padding:2px}.table-center{margin-top:66px}.action-name{font-size:9px}.avatar{width:24px;height:24px;font-size:12px;border-radius:8px}.turn-indicator{font-size:7px;padding:1px 5px}.game-actions{min-height:56px;padding:8px 0;gap:4px;margin-left:-2px;margin-right:-2px;width:auto}.action-text-btn{padding:6px 8px;height:32px;font-size:11px;min-width:62px;border-radius:8px}.action-buttons-left,.action-buttons-right{gap:4px;justify-content:center;padding-left:0;padding-right:0}.player-hand{margin-bottom:-18px;padding-left:16px;padding-right:16px}.player-hand .card{margin-left:var(--hand-overlap, -16px)}.player-hand .card.hover-peek{transform:translateY(-8px) rotate(0) scale(1.06)!important}.player-hand .card.lifted{transform:translateY(-2px) scale(1.02) rotate(0)!important}}@media(min-width:701px){.deck-area{left:-72px;top:590px}.deck-area .deck{width:95px;height:135px}.discard-area{right:-62px;left:auto;top:610px}.discard-card{width:76px;height:108px}.deck-card{width:95px;height:135px}.deck-trump-peek{left:145%;transform:rotate(90deg);transform-origin:top left}.deck-count{font-size:17px;top:-24px;left:89px}.table{min-height:260px;gap:24px 40px}.card{width:100px;height:143px;font-size:22px}.card-rank{font-size:14px}.card-suit-small{font-size:11px}.table-pair{width:100px;height:143px}.table-pair .card.defense{top:20px;left:20px}.player-hand{min-height:0;padding:0 20px;margin-bottom:-40px}.player-hand .card{margin-left:var(--hand-overlap, -30px)}.opponent-hand{min-height:130px}.opponent-area{min-height:190px}.opponent-hand{margin-top:-40px}.game-actions{min-height:60px;padding:10px 0}.action-text-btn{font-size:16px;padding:6px 10px;min-width:120px}}.tab-layout{display:flex;flex-direction:column;height:100dvh;background:var(--bg-0)}.tab-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}#menu-screen{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;background:var(--bg-0);max-width:480px;margin:0 auto;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.bottom-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:0 0 2px;margin:0 12px 12px;background:#091625;border:1px solid var(--border);flex-shrink:0;border-radius:28px;position:relative;z-index:0;overflow:visible}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0;transition:color .2s ease;font-family:inherit}.bottom-nav-icon-wrap{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:6px solid transparent;transition:background .2s ease,transform .2s ease,border-color .2s ease}.bottom-nav-icon-wrap.active{background:var(--accent);border-color:transparent;transform:translateY(-16px);box-shadow:0 6px 16px #3c78c84d;color:#fff}.bottom-nav-btn.active{color:var(--accent)}.bottom-nav-label{font-size:10px;font-weight:600;letter-spacing:.3px}.rooms-screen{flex:1;display:flex;flex-direction:column;padding:20px}.rooms-header h2{font-size:22px;margin:0 0 16px;color:var(--text)}.rooms-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);text-align:center}.rooms-empty p{margin:0;font-size:15px}.rooms-empty-hint{font-size:13px;opacity:.6;margin-bottom:12px}.profile-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;gap:20px;background:var(--bg-0);max-width:480px;margin:0 auto;width:100%;overflow-y:auto}.profile-header-row{display:flex;align-items:center;width:100%;justify-content:center;position:relative}.profile-title{font-size:20px;font-weight:700;color:#fff;margin:0}.profile-settings-btn{position:absolute;right:0;background:none;border:none;cursor:pointer;padding:4px}.profile-avatar-section{position:relative;cursor:pointer}.profile-avatar-big{width:100px;height:100px;border-radius:50%;background:var(--bg-1);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center}.profile-avatar-initials{font-size:36px;font-weight:700;color:var(--accent)}.profile-avatar-edit-btn{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-0)}.profile-info{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-name{font-size:22px;font-weight:700;color:#fff}.profile-rank-row{display:flex;align-items:center;gap:5px}.profile-rank{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.profile-date{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);margin-top:2px}.profile-pills{display:flex;gap:10px;width:100%}.profile-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;font-weight:600;color:#fff}.profile-pill-accent{border-color:var(--accent);background:#4a90e20f}.profile-winrate-section{width:100%}.profile-winrate-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-winrate-label{font-size:14px;color:var(--text-dim)}.profile-winrate-pct{font-size:14px;font-weight:700;color:var(--accent)}.profile-winrate-bar{width:100%;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.profile-winrate-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .6s ease}.profile-stats{display:flex;gap:10px;width:100%}.profile-stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:1px solid var(--border);border-radius:12px;background:#0f152080}.profile-stat-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.profile-stat-win{background:#4ac88c1f;color:#4ac88c}.profile-stat-lose{background:#ff6b811f;color:#ff6b81}.profile-stat-total{background:#4a90e21f;color:var(--accent)}.profile-stat-num{font-size:22px;font-weight:800;color:#fff}.profile-stat-lbl{font-size:11px;color:var(--text-dim)}.profile-achievements{width:100%}.profile-achievements-title{font-size:15px;font-weight:600;color:var(--text-dim);margin:0 0 12px}.profile-achievements-grid{display:flex;gap:10px}.profile-achievement{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-achievement-icon{width:52px;height:52px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;background:#0f152080}.profile-achievement-locked{border-color:var(--border);opacity:.5}.profile-achievement-label{font-size:10px;color:var(--text-dim);text-align:center;line-height:1.2}.profile-menu-list{width:100%;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0f152080}.profile-menu-row{display:flex;align-items:center;width:100%;padding:16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;gap:12px;transition:background .15s}.profile-menu-row:last-child{border-bottom:none}.profile-menu-row:hover{background:#4a90e20f}.profile-menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.profile-menu-text{flex:1;font-size:15px;font-weight:600;color:#fff;text-align:left}.profile-menu-arrow{font-size:18px;color:var(--text-dim)}.profile-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:transparent;border:1px solid rgba(212,64,64,.3);border-radius:14px;color:#d44040;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.profile-logout-btn:hover{background:#d4404014}.profile-logout-btn:active{background:#d4404026}.rating-screen{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;background:var(--bg-0);max-width:480px;margin:0 auto;width:100%}.rating-header{text-align:center}.rating-title{font-size:22px;font-weight:700;color:#fff;margin:0}.rating-subtitle{font-size:13px;color:var(--text-dim);margin:4px 0 0}.rating-back-icon{font-size:20px;color:var(--text-dim)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:10px 0 0}.podium-player{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:120px}.podium-center{max-width:140px}.podium-crown{margin-bottom:-4px}.podium-avatar-wrap{position:relative}.podium-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-1);border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;overflow:hidden}.podium-avatar-first{width:72px;height:72px;border-color:var(--accent);box-shadow:0 0 20px #4a90e24d}.podium-initials{font-size:18px;font-weight:700;color:var(--accent)}.podium-avatar-first .podium-initials{font-size:24px}.podium-nick{font-size:13px;font-weight:600;color:#fff;text-align:center;margin-top:2px}.podium-rating{font-size:12px;font-weight:600;color:var(--accent)}.podium-bar{width:100%;border:1px solid var(--accent);border-radius:8px;display:flex;align-items:flex-start;justify-content:center;padding:8px 0;margin-top:4px;min-height:50px;background:#4a90e20a}.podium-bar-1{min-height:60px;border-width:2px;background:#4a90e20f}.podium-bar-2{min-height:48px;border-color:var(--border-strong)}.podium-bar-3{min-height:44px;border-color:var(--border-strong)}.podium-place{font-size:14px;font-weight:800;color:var(--accent)}.rating-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0f152080}.rating-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.rating-row:last-child{border-bottom:none}.rating-place{width:22px;font-size:15px;font-weight:600;color:var(--text-dim);text-align:center;flex-shrink:0}.rating-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-1);border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.rating-avatar-text{font-size:12px;font-weight:700;color:var(--accent)}.rating-player-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.rating-nick{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-rank{font-size:11px;color:var(--text-dim)}.rating-score{display:flex;align-items:center;gap:4px;flex-shrink:0}.rating-arrow{font-size:12px;color:var(--accent)}.rating-balance{font-size:14px;font-weight:700;color:var(--accent)}.rating-my-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#0f152099;margin-top:auto}.rating-my-place{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}.rating-my-text{flex:1;font-size:14px;font-weight:600;color:#fff}.rating-my-arrow{font-size:18px;color:var(--text-dim)}.rating-nick{flex:1;font-size:14px;font-weight:600;color:var(--text)}.rating-balance{font-size:14px;font-weight:700;color:#4caf50}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#152e4a,#080f1c 70%);transition:opacity .5s ease,transform .5s ease;overflow:hidden}.splash-screen.fade-out{opacity:0;transform:scale(1.1);pointer-events:none}.splash-deck{position:relative;width:200px;height:200px;margin-bottom:50px}.splash-card{position:absolute;left:50%;bottom:0;width:68px;height:96px;margin-left:-34px;border-radius:6px;background:#fff;border:2px solid #ddd;box-shadow:0 3px 8px #0006;transform-origin:bottom center;animation:fanCard .7s cubic-bezier(.23,1,.32,1) forwards;opacity:0}@keyframes fanCard{0%{transform:rotate(0) scale(.9);opacity:0}40%{opacity:1}to{transform:rotate(var(--fan-rot, 0deg)) scale(1);opacity:1}}.splash-card:nth-child(1){--fan-rot: -36deg;z-index:1;animation-delay:0s}.splash-card:nth-child(2){--fan-rot: -27deg;z-index:2;animation-delay:.05s}.splash-card:nth-child(3){--fan-rot: -18deg;z-index:3;animation-delay:.1s}.splash-card:nth-child(4){--fan-rot: -9deg;z-index:4;animation-delay:.15s}.splash-card:nth-child(5){--fan-rot: 0deg;z-index:5;animation-delay:.2s}.splash-card:nth-child(6){--fan-rot: 9deg;z-index:4;animation-delay:.25s}.splash-card:nth-child(7){--fan-rot: 18deg;z-index:3;animation-delay:.3s}.splash-card:nth-child(8){--fan-rot: 27deg;z-index:2;animation-delay:.35s}.splash-card:nth-child(9){--fan-rot: 36deg;z-index:1;animation-delay:.4s}.splash-text-group{display:flex;flex-direction:column;align-items:center;gap:4px}.splash-title{font-size:48px;font-weight:900;letter-spacing:10px;text-transform:uppercase;background:linear-gradient(135deg,#60d0e0,#3a7bd5,#a78bfa);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleRise .7s cubic-bezier(.23,1,.32,1) .8s both,shimmer 3s ease-in-out 1.5s infinite;filter:drop-shadow(0 0 20px rgba(58,123,213,.3))}.splash-subtitle{font-size:16px;color:var(--text-dim);letter-spacing:6px;text-transform:uppercase;animation:titleRise .6s cubic-bezier(.23,1,.32,1) 1.1s both}@keyframes titleRise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.splash-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.splash-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#3a7bd599;animation:particleFloat var(--dur, 4s) var(--delay, 0s) infinite ease-in-out}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}50%{transform:translate(var(--dx, 30px),var(--dy, -60px)) scale(1.5)}}.auth-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px;background:linear-gradient(145deg,#0a0e1a,#0f2238,#0b1a2e)}.auth-card{max-width:420px;width:100%;background:linear-gradient(160deg,#0f2238f2,#0a1628fa);border-radius:24px;padding:32px 24px 28px;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff0a;border:1px solid var(--border);position:relative}.auth-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(58,123,213,.4),transparent);border-radius:100%}.auth-header{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--border)}.auth-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #3a7bd54d}.auth-title{font-size:32px;font-weight:800;background:linear-gradient(135deg,#8ec5ff,#5a9fe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.auth-title span{background:linear-gradient(135deg,gold,#f0a500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tabs{display:flex;background:#0a162899;border-radius:14px;padding:3px;margin-bottom:24px;border:1px solid rgba(50,100,180,.08)}.auth-tabs button{flex:1;background:transparent;border:none;padding:11px 0;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .25s ease}.auth-tabs button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 3px 12px #3a7bd54d}.auth-tabs button:not(.active):hover{color:var(--text-dim)}.auth-form{display:flex;flex-direction:column}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:11px;font-weight:500;color:var(--text-dim);margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.auth-field input{width:100%;padding:14px 16px;background:#0a162880;border:1px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);outline:none;transition:all .25s ease}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3a7bd51a;background:#0a1628b3}.auth-field input::placeholder{color:var(--text-muted)}.auth-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:4px;box-shadow:0 4px 16px #3a7bd540}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3a7bd559}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.5;transform:none;pointer-events:none}.auth-error{color:var(--red);font-size:13px;text-align:center;margin-top:10px;min-height:18px}.auth-link{text-align:center;margin-top:14px;font-size:13px;color:var(--accent);cursor:pointer;font-weight:500;transition:color .2s}.auth-link:hover{color:#5a9fe6}.avatar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-modal{background:linear-gradient(160deg,#0f2238fa,#0a1628);border-radius:20px;padding:24px;max-width:320px;width:90%;border:1px solid var(--border)}.avatar-modal h3{color:var(--text);font-size:16px;margin-bottom:14px;text-align:center}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.avatar-option{aspect-ratio:1;background:#0a162880;border:2px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s}.avatar-option:hover{border-color:#3a7bd54d;background:#3a7bd51a}.avatar-option.selected{border-color:var(--accent);background:#3a7bd526;box-shadow:0 0 10px #3a7bd533}.avatar-modal-btn{width:100%;padding:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.avatar-modal-btn:hover{transform:translateY(-1px)}.avatar-tabs{display:flex;gap:6px;margin-bottom:14px}.avatar-tab{flex:1;padding:8px;background:#0a162880;border:1px solid rgba(90,140,220,.15);border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.avatar-tab:hover{background:#3a7bd51a}.avatar-tab.active{background:#3a7bd526;border-color:var(--accent);color:var(--text)}.avatar-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;margin-bottom:14px}.avatar-upload-btn{padding:12px 24px;background:#3a7bd526;border:2px dashed rgba(58,123,213,.4);border-radius:12px;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.avatar-upload-btn:hover{background:#3a7bd540;border-color:var(--accent)}.avatar-upload-btn:disabled{opacity:.5;cursor:not-allowed}.avatar-upload-preview{display:flex;flex-direction:column;align-items:center;gap:4px}.opp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:12px;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);animation:oppOverlayIn .65s cubic-bezier(.22,1,.36,1) forwards}.opp-overlay.closing{animation:oppOverlayOut .5s ease forwards}@keyframes oppOverlayIn{0%{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{background:#0000008c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes oppOverlayOut{0%{background:#0000008c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}to{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.opp-card{width:92vw;max-width:420px;max-height:88vh;background:#0e1e37;border-radius:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;animation:oppCardIn .5s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 8px 60px #0009}.opp-card.closing{animation:oppCardOut .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes oppCardIn{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes oppCardOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.opp-avatar-half{position:relative;width:70vw;max-width:300px;aspect-ratio:1 / 1;margin-top:24px;border-radius:24px;background:#0a1628;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:oppAvatarGrow .6s .05s cubic-bezier(.22,1,.36,1) both}.opp-avatar-photo{width:100%;height:100%;object-fit:cover;animation:oppPhotoIn .5s .15s cubic-bezier(.22,1,.36,1) both}.opp-avatar-emoji{font-size:100px;line-height:1;animation:oppPhotoIn .5s .15s cubic-bezier(.22,1,.36,1) both}@keyframes oppAvatarGrow{0%{opacity:0;transform:scale(.2);border-radius:50%}60%{opacity:1;transform:scale(1.06);border-radius:24px}to{opacity:1;transform:scale(1);border-radius:24px}}@keyframes oppPhotoIn{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.opp-avatar-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#0e1e37);pointer-events:none}.opp-info{width:100%;padding:20px 24px 28px;display:flex;flex-direction:column;align-items:center;animation:oppInfoIn .4s .2s cubic-bezier(.22,1,.36,1) both}@keyframes oppInfoIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.opp-name{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.opp-rank{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 16px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:22px}.opp-stats-row{display:flex;align-items:center;gap:0;width:100%;margin-bottom:18px}.opp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.opp-stat-num{font-size:22px;font-weight:800;letter-spacing:-.5px}.opp-stat-lbl{font-size:12px;color:#fff6;font-weight:500}.opp-stat-divider{width:1px;height:32px;background:#ffffff14;flex-shrink:0}.opp-bar-wrap{width:100%;margin-bottom:18px}.opp-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#ffffff73;margin-bottom:8px}.opp-bar-pct{font-weight:700;color:#fff;font-size:14px}.opp-bar-track{width:100%;height:7px;background:#ffffff0f;border-radius:4px;overflow:hidden}.opp-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.22,1,.36,1);animation:oppBarGrow .8s .3s cubic-bezier(.22,1,.36,1) both}@keyframes oppBarGrow{0%{width:0!important}}.opp-rating{display:flex;align-items:center;gap:7px;margin-bottom:12px}.opp-rating-star{font-size:20px;color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.opp-rating-num{font-size:18px;font-weight:800;color:gold}.opp-rating-lbl{font-size:13px;color:#ffd70073;font-weight:500}.opp-since{font-size:12px;color:#ffffff4d;margin-top:4px}.opp-loading{padding:30px 0;display:flex;justify-content:center}.opp-spinner{width:26px;height:26px;border:2.5px solid rgba(255,255,255,.08);border-top-color:#3a7bd5;border-radius:50%;animation:oppSpin .7s linear infinite}@keyframes oppSpin{to{transform:rotate(360deg)}}.avatar-opponent{cursor:pointer}.avatar-opponent:active{transform:scale(.95)}.opp-modal-name{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px}.opp-modal-rank{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase;margin-bottom:16px}.opp-modal-stats{display:flex;align-items:center;width:100%;margin-bottom:14px}.opp-modal-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.opp-modal-stat-num{font-size:20px;font-weight:800;letter-spacing:-.5px}.opp-modal-stat-lbl{font-size:11px;color:#fff6;font-weight:500}.opp-modal-stat-sep{width:1px;height:28px;background:#ffffff14;flex-shrink:0}.opp-modal-bar{width:100%;margin-bottom:14px}.opp-modal-bar-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#fff6;margin-bottom:6px}.opp-modal-bar-pct{font-weight:700;color:#fff;font-size:13px}.opp-modal-bar-track{width:100%;height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden}.opp-modal-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.22,1,.36,1);animation:oppModalBarGrow .8s .25s cubic-bezier(.22,1,.36,1) both}@keyframes oppModalBarGrow{0%{width:0!important}}.opp-modal-rating{display:flex;align-items:center;gap:6px}.opp-modal-rating-star{font-size:18px;color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.opp-modal-rating-num{font-size:16px;font-weight:800;color:gold}.opp-modal-rating-lbl{font-size:12px;color:#ffd70073;font-weight:500}.opp-modal-since{font-size:12px;color:#ffffff4d;margin-top:8px}.opp-modal-guest{font-size:14px;color:#ffffff59;margin-top:4px}.opp-modal-body-overlay.closing{opacity:0!important;transform:translateY(8px)!important;transition:opacity .25s ease,transform .25s ease!important}@media(min-width:768px){#menu-screen{max-width:560px;padding:24px 28px;gap:20px}.profile-screen,.rating-screen{max-width:560px}.menu-cards-stack svg{width:220px;height:286px}.menu-quick-play-card{padding:24px;border-radius:18px}.menu-quick-play-title{font-size:20px}.menu-option-row{padding:20px 22px;gap:16px}.menu-option-text{font-size:16px}.bottom-nav{margin:0 16px 14px}}@media(min-width:900px){#menu-screen{max-width:640px;padding:28px 32px;gap:24px}.profile-screen,.rating-screen{max-width:640px}.menu-cards-stack svg{width:240px;height:312px}.menu-options-list{border-radius:16px}.menu-option-row{padding:22px 24px}.menu-quick-play-card{padding:26px;border-radius:20px}}@media(min-width:1024px){#menu-screen{max-width:720px;padding:32px 40px;gap:28px}.profile-screen,.rating-screen{max-width:720px}.menu-top{gap:16px}.menu-avatar-circle{width:56px;height:56px}.menu-username{font-size:19px}.menu-balance-pill{padding:10px 22px}.menu-cards-stack svg{width:260px;height:338px}.menu-quick-play-card{padding:28px;border-radius:20px;gap:20px}.menu-quick-play-title{font-size:22px}.menu-quick-play-sub{font-size:14px}.menu-quick-play-btn{width:56px;height:56px}.menu-options-list{border-radius:18px}.menu-option-row{padding:24px 26px;gap:18px}.menu-option-text{font-size:17px}.menu-option-icon{width:28px;height:28px}.bottom-nav{margin:0 24px 16px;padding:0 0 4px}}:root{color-scheme:dark;--bg-0: #090a15;--bg-1: #101122;--panel: rgba(24, 25, 48, .72);--panel-solid: #15162b;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--accent: #7557ff;--accent-2: #ff4c88;--text: #f8f7ff;--text-dim: #a5a4b8;--text-muted: #77778c;--gold: #ffcf5a;--red: #ff4c88}html,body,#root{min-height:100%;background:var(--bg-0)}body{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(117,87,255,.25),transparent 30rem),radial-gradient(circle at 92% 82%,rgba(255,76,136,.17),transparent 27rem),var(--bg-0)}body:before{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}.tab-layout,.tab-content,#menu-screen,.profile-screen,.rating-screen,.rooms-screen,.game-screen{background:transparent}.tab-layout{position:relative;isolation:isolate}.tab-content{scrollbar-color:rgba(117,87,255,.55) transparent}#menu-screen{max-width:680px;padding:22px 22px 18px;gap:15px}#menu-screen:before{content:"DURAK ONLINE  •  ЧЕСТНАЯ ИГРА";color:#a895ff;font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1}.menu-top{padding:14px 16px;border:1px solid var(--border);border-radius:20px;background:var(--panel);box-shadow:inset 0 1px #ffffff0d,0 18px 45px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.menu-avatar-circle{border:1px solid rgba(255,255,255,.16);border-radius:18px;color:#fff;background:linear-gradient(145deg,#8a63ff,#ff4c88);box-shadow:0 10px 24px #7557ff4d,inset 0 1px #ffffff3d}.menu-username{letter-spacing:-.04em}.menu-user-rank{color:#a895ff;font-size:11px;letter-spacing:.08em}.menu-balance-pill{gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.13);background:#0a0b1cb3;box-shadow:none}.menu-currency{color:#ff74a5}.menu-cards-display{min-height:270px}.menu-cards-stack{filter:drop-shadow(0 26px 40px rgba(0,0,0,.45))}.menu-cards-stack:before{border-color:#ffffff1a;background:conic-gradient(from 30deg,#7557ff29,#ff4c881f,#7557ff29);box-shadow:0 0 55px #7557ff2b,inset 0 0 55px #ff4c8814}.menu-card{border:2px solid rgba(255,255,255,.78);background:#121326;box-shadow:0 16px 34px #00000061,0 0 24px #7557ff2e}.menu-card img{filter:invert(1) sepia(.15) saturate(6) hue-rotate(205deg) brightness(1.02)}.menu-card-center{border-color:#ffffffeb;box-shadow:0 18px 44px #0000007a,0 0 38px #ff4c883b}.menu-card-spark{color:#ff72a3;text-shadow:0 0 14px rgba(255,76,136,.85)}.menu-quick-play-card{min-height:94px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(110deg,#6d50f3,#8a63ff 48%,#ff4c88 130%);box-shadow:0 15px 38px #684bf052,inset 0 1px #ffffff3d;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.menu-quick-play-card:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 19px 45px #684bf066,inset 0 1px #ffffff47}.menu-quick-play-icon,.menu-quick-play-btn{color:#fff;text-shadow:none}.menu-quick-play-sub{color:#ffffffb3}.menu-quick-play-btn{border-color:#ffffff8f;background:#ffffff1a}.menu-options-list{gap:10px}.menu-option-card{min-height:150px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#1e2040d1,#0d0e1ed1);box-shadow:inset 0 1px #ffffff0d,0 14px 32px #0000002b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.menu-option-card:nth-child(2n){background:linear-gradient(145deg,#341a38c2,#0d0e1ed6)}.menu-option-card:hover{border-color:#a895ff8c;background:linear-gradient(145deg,#382e70d6,#15132de6);box-shadow:0 18px 36px #7557ff33,inset 0 1px #ffffff14}.menu-option-card>svg{filter:hue-rotate(58deg) saturate(1.45) drop-shadow(0 10px 18px rgba(117,87,255,.25))}.menu-option-suit{color:#ffffff0e}.bottom-nav{max-width:680px;width:calc(100% - 28px);margin:0 auto 14px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#121328d1;box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff0d;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}.bottom-nav-btn{flex:1;min-height:50px;border-radius:16px}.bottom-nav-icon-wrap{width:44px;height:44px;border:0;border-radius:14px}.bottom-nav-icon-wrap.active{color:#fff;background:linear-gradient(135deg,#7557ff,#ff4c88);transform:none;box-shadow:0 9px 25px #7557ff59,inset 0 1px #ffffff3d}.rooms-screen,.profile-screen,.rating-screen{max-width:680px;padding:24px 20px}.rooms-header h2,.profile-title,.rating-title{font-weight:800;letter-spacing:-.04em}.profile-pill,.profile-stat-card,.profile-menu-list,.rating-list,.rating-my-bar,.podium-bar,.room-card{border-color:var(--border);background:var(--panel);box-shadow:inset 0 1px #ffffff0b,0 14px 34px #00000029;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.profile-avatar-big,.podium-avatar,.rating-avatar{border-color:#a895ff8c;background:linear-gradient(145deg,#7557ff3d,#ff4c881f)}.profile-avatar-big,.podium-avatar-first{box-shadow:0 0 32px #7557ff45}.profile-avatar-edit-btn,.profile-winrate-fill,.podium-bar-1{background:linear-gradient(110deg,#7557ff,#ff4c88)}.profile-pill-accent,.podium-bar,.rating-my-place{border-color:#a895ff8c}.profile-rank,.profile-winrate-pct,.profile-avatar-initials,.podium-initials,.podium-rating,.podium-place,.rating-arrow,.rating-avatar-text,.rating-balance,.rating-my-place,.auth-link{color:#a895ff}.profile-menu-row:hover,.rating-row:hover{background:#7557ff14}.auth-screen,.splash-screen{background:radial-gradient(circle at 15% 18%,rgba(117,87,255,.3),transparent 26rem),radial-gradient(circle at 88% 80%,rgba(255,76,136,.2),transparent 25rem),#090a15}.auth-screen:before,.splash-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px}.auth-card{max-width:440px;padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#14152bc2;box-shadow:0 28px 75px #0000006b,inset 0 1px #ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.auth-card:before{width:58%;height:1px;background:linear-gradient(90deg,transparent,#a895ff,#ff75a6,transparent)}.auth-header{justify-content:flex-start;border-color:#ffffff17}.auth-icon{position:relative;width:52px;height:52px;border-radius:17px;background:conic-gradient(#7557ff 0,#7557ff 48%,#ff4c88 48%);box-shadow:0 0 30px #7557ff59}.auth-title,.auth-title span{color:#f8f7ff;background:none;-webkit-text-fill-color:currentColor}.auth-title{font-weight:800;letter-spacing:-.045em}.auth-title span{color:#a895ff}.auth-tabs{border:1px solid rgba(255,255,255,.08);background:#08091685}.auth-tabs button.active,.auth-btn,.btn-primary{color:#fff;background:linear-gradient(110deg,#6d50f3,#8a63ff 48%,#ff4c88 130%);border-color:transparent;box-shadow:0 13px 32px #684bf04d,inset 0 1px #ffffff38}.auth-field input{border-color:#ffffff1a;border-radius:14px;color:#fff;background:#0809168c}.auth-field input:focus{border-color:#8c73ff;background:#080916bf;box-shadow:0 0 0 3px #7557ff29}.splash-title{background:linear-gradient(110deg,#7557ff,#a895ff 45%,#ff4c88);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px rgba(117,87,255,.34))}.splash-card{border-color:#ffffffd1;box-shadow:0 12px 30px #0000006b,0 0 14px #7557ff29}.modal{background:#060711bd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.modal-content,.avatar-modal,.opp-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,#1e2040f5,#0c0d1cfa);box-shadow:0 28px 75px #00000080,inset 0 1px #ffffff0f}.modal-content h2{background:linear-gradient(110deg,#a895ff,#ff73a5);-webkit-background-clip:text;background-clip:text;filter:none}.setup-count-btn,.avatar-option,.avatar-tab,.join-code-input,.room-code-chip{border-color:#ffffff1a;background:#08091680}.setup-count-btn.active,.avatar-option.selected,.avatar-tab.active{border-color:#8c73ff;color:#fff;background:#7557ff2e;box-shadow:0 0 20px #7557ff2e}.btn-secondary,.btn-small{color:#b9aaff;border-color:#a895ff59;background:#7557ff1a}.game-screen{background:radial-gradient(circle at 50% 42%,rgba(117,87,255,.14),transparent 32rem),radial-gradient(circle at 92% 88%,rgba(255,76,136,.09),transparent 24rem)}.table-center{border-radius:32px}.game-actions{border-top-color:#ffffff14;background:linear-gradient(to top,rgba(9,10,21,.96),rgba(9,10,21,.64),transparent)}.action-text-btn,.btn-ready{color:#fff;border-color:#ffffff1f;border-radius:14px;background:linear-gradient(110deg,#6d50f3,#8a63ff 58%,#ff4c88 140%);box-shadow:0 10px 28px #684bf042,inset 0 1px #fff3}.action-text-btn.btn-throw{color:#fff!important;background:linear-gradient(110deg,#7557ff,#ff4c88)!important;border-color:#ffffff2e!important;box-shadow:0 10px 28px #7557ff47,inset 0 1px #ffffff38!important}.action-text-btn.btn-throw:hover{color:#fff!important;background:linear-gradient(110deg,#856bff,#ff6098)!important}.btn-surrender-float{border-color:#ff4c8859;color:#ff79a8;background:#ff4c8817}.avatar,.avatar-square{border-color:#a895ff99;background:linear-gradient(145deg,#7557ff38,#ff4c881f);box-shadow:0 0 24px #7557ff2e}.timer-ring-css,.timer-ring-green{border-color:#8f78ff}.room-code-chip,.your-turn-text,.hand-turn-text{color:#b8aaff}@media(max-width:700px){#menu-screen{padding:17px 14px 10px;gap:12px}#menu-screen:before{font-size:9px;padding-left:2px}.menu-top{padding:11px 12px;border-radius:17px}.menu-avatar-circle{border-radius:15px}.menu-cards-display{min-height:232px}.menu-quick-play-card,.menu-option-card{border-radius:18px}.menu-option-card{min-height:132px}.bottom-nav{width:calc(100% - 20px);margin-bottom:9px}.auth-card{padding:25px 20px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.opponent-area .avatar-opponent.avatar-disconnected{opacity:.78;filter:saturate(.58) brightness(.78);box-shadow:0 0 0 2px #ff49696b,0 0 22px #ff2d5538!important}.connection-lost-badge{position:absolute;top:-9px;right:-9px;z-index:140;width:31px;height:31px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ff526e,#bd1538);border:2px solid #171126;border-radius:50%;box-shadow:0 5px 16px #db1b437a;pointer-events:none;animation:reconnect-badge-pulse 1.45s ease-in-out infinite}.connection-lost-badge svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.connection-lost-badge span{position:absolute;right:-6px;bottom:-5px;min-width:21px;padding:2px 4px;color:#fff;background:#8d102b;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-size:8px;font-weight:900;line-height:1;letter-spacing:-.15px;text-align:center}@keyframes reconnect-badge-pulse{0%,to{transform:scale(1);box-shadow:0 5px 16px #db1b436b}50%{transform:scale(1.08);box-shadow:0 5px 22px #ff3459a6}}.action-text-btn.btn-throw{color:#17130a!important;background:linear-gradient(180deg,#f8d45a,#d99a22)!important;border-color:#ffe28a!important;box-shadow:0 5px 15px #f4c54240,inset 0 1px #ffffff80!important}.action-text-btn.btn-throw:hover{color:#17130a!important;background:linear-gradient(180deg,#ffe17a,#e6aa2b)!important}.game-actions .action-text-btn,.game-actions .btn-surrender-float{height:44px;min-height:44px;padding-top:0;padding-bottom:0;align-items:center}.player-hand.hand-count-1 .card{margin-left:0;transform:rotate(0)}.player-hand.hand-count-2 .card{margin-left:-6px}.player-hand.hand-count-2 .card:first-child{margin-left:6px}.player-hand.hand-count-2 .card:nth-child(1){transform:rotate(-2deg)}.player-hand.hand-count-2 .card:nth-child(2){transform:rotate(2deg)}.player-hand.hand-count-3 .card,.player-hand.hand-count-4 .card{margin-left:-10px}.player-hand.hand-count-3 .card:first-child,.player-hand.hand-count-4 .card:first-child{margin-left:6px}.player-hand.hand-count-3 .card:nth-child(1){transform:rotate(-4deg)}.player-hand.hand-count-3 .card:nth-child(2){transform:rotate(0)}.player-hand.hand-count-3 .card:nth-child(3){transform:rotate(4deg)}.player-hand.hand-count-4 .card:nth-child(1){transform:rotate(-6deg)}.player-hand.hand-count-4 .card:nth-child(2){transform:rotate(-2deg)}.player-hand.hand-count-4 .card:nth-child(3){transform:rotate(2deg)}.player-hand.hand-count-4 .card:nth-child(4){transform:rotate(6deg)}@media(min-width:1280px){#menu-screen,.profile-screen,.rating-screen{max-width:800px}.menu-cards-stack svg{width:280px;height:364px}}@media(max-width:700px){#menu-screen{padding:18px 18px 12px;gap:13px;overflow-y:auto}.menu-avatar-circle{width:50px;height:50px;border-width:2px}.menu-username{font-size:19px}.menu-user-rank{font-size:13px}.menu-balance-pill{gap:7px;border-width:2px;padding:7px 13px}.menu-currency{font-size:23px}.menu-balance-value{font-size:18px}.menu-cards-display{min-height:245px}.menu-cards-stack{height:235px;max-width:330px}.menu-cards-stack:before{width:235px;height:235px}.menu-card{width:119px;height:185px;top:27px;border-width:2px;border-radius:13px}.menu-card-center{width:132px;height:203px;top:13px}.menu-card-spark{font-size:19px}.menu-card-spark-left,.menu-card-spark-right{top:115px}.menu-quick-play-card{min-height:88px;padding:13px 16px;gap:12px;border-width:2px;border-radius:19px}.menu-quick-play-icon{font-size:53px}.menu-quick-play-title{font-size:20px}.menu-quick-play-sub{font-size:13px}.menu-quick-play-btn{width:46px;height:46px;font-size:42px}.menu-options-list{gap:9px;grid-auto-rows:minmax(142px,1fr)}.menu-option-card{min-height:142px;padding:15px 8px 12px;gap:4px;border-width:2px;border-radius:22px}.menu-option-card>svg{width:54px;height:54px}.menu-option-suit{top:8px;right:13px;font-size:57px}.menu-option-text{font-size:17px}}@media(max-width:380px){#menu-screen{padding-left:13px;padding-right:13px;gap:10px}.menu-avatar-circle{width:45px;height:45px}.menu-username{font-size:17px}.menu-user-rank{font-size:11px}.menu-balance-pill{padding:6px 10px}.menu-balance-value{font-size:16px}.menu-cards-display{min-height:220px}.menu-cards-stack{height:210px}.menu-cards-stack:before{width:210px;height:210px}.menu-card{width:105px;height:164px}.menu-card-center{width:116px;height:181px}.menu-quick-play-title{font-size:18px}.menu-quick-play-sub{font-size:12px}.menu-option-card{min-height:128px}.menu-option-text{font-size:15px}}@media(min-width:768px){.game-screen{max-width:1000px;padding:12px 16px}.game-actions{min-height:64px;padding:12px 0}.action-text-btn{font-size:17px;padding:12px 18px;min-width:130px}.opponents-container{gap:40px}.rooms-screen{max-width:560px;margin:0 auto}}@media(min-width:1024px){.game-screen{max-width:1100px;padding:16px 24px}.card{width:110px;height:157px;font-size:24px}.card-rank{font-size:15px}.card-suit-small{font-size:12px}.table-pair{width:110px;height:157px}.table-pair .card.defense{top:22px;left:22px}.player-hand{padding:0 24px}.player-hand .card{margin-left:var(--hand-overlap, -34px)}.opponent-hand{min-height:150px}.opponent-area{min-height:210px}.rooms-screen{max-width:720px}}.action-text-btn.btn-throw,.action-text-btn.btn-throw:hover{color:#fff!important;background:linear-gradient(110deg,#7557ff,#ff4c88)!important;border-color:#ffffff2e!important;box-shadow:0 10px 28px #7557ff47,inset 0 1px #ffffff38!important}@media(min-width:768px){#menu-screen,.profile-screen,.rating-screen,.rooms-screen{max-width:680px}}@media(max-width:700px){#menu-screen{padding:17px 14px 10px;gap:12px}.menu-quick-play-card,.menu-option-card{border-width:1px;border-radius:18px}.menu-options-list{grid-auto-rows:minmax(132px,1fr)}.menu-option-card{min-height:132px}}body,#root,.tab-layout,.auth-screen{background-color:#090a15!important}.auth-screen,#menu-screen{color:#f8f7ff}.auth-screen{min-height:100svh;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 24px;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 12% 18%,rgba(117,87,255,.25),transparent 30rem),radial-gradient(circle at 92% 82%,rgba(255,76,136,.17),transparent 27rem),#090a15!important}.auth-brandbar,.menu-brandbar,.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-brand,.menu-brand{display:flex;align-items:center;gap:12px;color:#f8f7ff;font-size:17px;font-weight:800;letter-spacing:-.03em}.auth-brand-mark,.menu-brand-mark{position:relative;width:38px;aspect-ratio:1;flex:0 0 auto;border-radius:13px;background:conic-gradient(#7557ff 0,#7557ff 42%,#ff4c88 42%);box-shadow:0 0 30px #7557ff61}.auth-brand-mark:after,.menu-brand-mark:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:#090a15}.auth-fair,.menu-online{display:flex;align-items:center;gap:9px;color:#a5a4b8;font-size:13px}.auth-fair:before,.menu-online>span{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#55e2a3;box-shadow:0 0 14px #55e2a3}.auth-main{display:grid;grid-template-columns:minmax(340px,1fr) minmax(340px,430px);align-items:center;gap:clamp(42px,8vw,110px);padding:54px 3vw 46px}.auth-promo{max-width:560px}.auth-eyebrow,.menu-eyebrow{margin:0 0 18px;color:#a895ff;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.auth-promo h1,.menu-copy h1{margin:0;color:#f8f7ff;font-size:clamp(3.3rem,6.4vw,6.4rem);font-weight:800;line-height:.88;letter-spacing:-.075em}.auth-promo h1 em,.menu-copy h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1.5px rgba(255,255,255,.66)}.auth-hint,.menu-hint{max-width:38ch;margin:26px 0 28px;color:#a5a4b8;font-size:15px;line-height:1.65}.auth-feature{min-height:72px;display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#181930b3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-feature-swatch{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:21px;background:linear-gradient(135deg,#7557ff,#ff4c88);box-shadow:0 8px 20px #7557ff40}.auth-feature strong,.auth-feature small{display:block}.auth-feature strong{color:#f8f7ff;font-size:15px}.auth-feature small{margin-top:4px;color:#a5a4b8;font-size:13px}.auth-screen .auth-card{width:100%;max-width:430px;padding:28px;border:1px solid rgba(255,255,255,.1)!important;border-radius:22px;background:#181930b8!important;box-shadow:0 30px 65px #00000061,inset 0 1px #ffffff12!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.auth-card-title{color:#f8f7ff;font-size:22px;font-weight:800;letter-spacing:-.04em}.auth-card-caption{margin:5px 0 22px;color:#a5a4b8;font-size:13px}.auth-screen .auth-tabs{padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090a15a8!important}.auth-screen .auth-tabs button{color:#77778c}.auth-screen .auth-tabs button.active{color:#fff!important;background:linear-gradient(110deg,#6d50f3,#8a63ff 48%,#ff4c88 130%)!important;box-shadow:0 8px 24px #684bf04d!important}.auth-screen .auth-field label{color:#a5a4b8;font-weight:700;letter-spacing:.08em}.auth-screen .auth-field input{min-height:50px;color:#f8f7ff;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px;background:#090a15b8!important}.auth-screen .auth-field input:focus{border-color:#8d75ff!important;box-shadow:0 0 0 3px #7557ff2b!important}.auth-screen .auth-btn{min-height:62px;color:#fff!important;border-radius:17px;background:linear-gradient(110deg,#6d50f3,#8a63ff 48%,#ff4c88 130%)!important;box-shadow:0 15px 38px #684bf052,inset 0 1px #ffffff3d!important;font-size:14px;font-weight:800;letter-spacing:.08em}.auth-footer{color:#77778c;font-size:12px}#menu-screen{max-width:1180px!important;width:min(1180px,calc(100% - 36px))!important;margin:0 auto;padding:24px 0 18px!important;gap:18px!important}#menu-screen:before{content:none!important}.menu-brandbar{min-height:40px}#menu-screen .menu-top{padding:11px 14px;border:1px solid rgba(255,255,255,.1)!important;border-radius:17px;background:#1819309e!important;box-shadow:inset 0 1px #ffffff0d!important}#menu-screen .menu-avatar-circle{color:#fff;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(135deg,#7557ff,#ff4c88)!important;box-shadow:0 9px 24px #7557ff47!important}#menu-screen .menu-user-rank,#menu-screen .menu-currency{color:#a895ff!important}#menu-screen .menu-balance-pill{border:1px solid rgba(255,255,255,.1)!important;background:#090a15a8!important}.menu-hero{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(330px,.85fr);align-items:center;gap:clamp(38px,6vw,90px);min-height:420px;padding:16px 3vw 6px;flex:0 0 auto}.menu-brandbar,#menu-screen .menu-top,#menu-screen .menu-options-list{flex-shrink:0}#menu-screen .menu-cards-display{min-height:360px}#menu-screen .menu-cards-stack{width:min(100%,480px);height:350px;display:grid;place-items:center;filter:none}#menu-screen .menu-cards-art{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.38));-webkit-user-select:none;user-select:none;pointer-events:none;backface-visibility:hidden;transform:translateZ(0)}#menu-screen .menu-cards-stack:before{content:none}#menu-screen .menu-card{top:42px;width:178px;height:276px;border:1px solid rgba(255,255,255,.82)!important;border-radius:16px;background:#fff!important;box-shadow:0 18px 34px #0000006b!important;backface-visibility:hidden;transform-style:preserve-3d}#menu-screen .menu-card img{display:block;width:100%;height:100%;object-fit:fill;filter:none;image-rendering:auto;backface-visibility:hidden}#menu-screen .menu-card-center{top:22px;width:198px;height:304px;box-shadow:0 22px 42px #0000007a!important}#menu-screen .menu-card-spark{display:none}.menu-copy{max-width:430px}#menu-screen .menu-copy h1{font-size:clamp(3.1rem,5.4vw,5.9rem)}#menu-screen .menu-quick-play-card{position:relative;min-height:76px;padding:12px 14px;gap:13px;overflow:hidden;border:1px solid rgba(164,144,255,.24)!important;border-radius:17px;background:linear-gradient(110deg,rgba(117,87,255,.13),transparent 48%),#121327e6!important;box-shadow:0 14px 34px #0000003d,inset 0 1px #ffffff0f!important;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}#menu-screen .menu-quick-play-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#8f75ff,#ff5b98);box-shadow:0 0 18px #8f75ff99}#menu-screen .menu-quick-play-card:hover{transform:translateY(-2px);border-color:#a895ff80!important;background:linear-gradient(110deg,#7557ff33,#ff4c880d),#14152cf5!important;box-shadow:0 18px 38px #0000004d,0 0 28px #7557ff1a,inset 0 1px #ffffff14!important}#menu-screen .menu-quick-play-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;color:#c5b8ff;border:1px solid rgba(168,149,255,.22);border-radius:13px;background:#7557ff1a;box-shadow:inset 0 1px #ffffff0f;transform:none;text-shadow:none}#menu-screen .menu-quick-play-icon svg{width:25px;height:25px}#menu-screen .menu-quick-play-title{font-size:13px;letter-spacing:.1em;font-weight:800}#menu-screen .menu-quick-play-sub{margin-top:4px;color:#8f8ca5!important;font-size:11px;font-weight:500}#menu-screen .menu-quick-play-btn{width:36px;height:36px;color:#b8a9ff;border:1px solid rgba(168,149,255,.25)!important;background:#7557ff14;font-size:0;box-shadow:none}#menu-screen .menu-quick-play-card:hover .menu-quick-play-btn{color:#fff;border-color:#a895ff85!important;background:#7557ff33}#menu-screen .menu-options-list{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(116px,auto);gap:10px}#menu-screen .menu-option-card{min-height:116px;padding:16px 18px 18px;align-items:flex-start;justify-content:flex-end;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px;background:#181930b3!important;box-shadow:inset 0 1px #ffffff0d,0 14px 32px #00000029!important}#menu-screen .menu-option-card:hover{border-color:#a895ff8c!important;background:#26224cdb!important}#menu-screen .menu-option-card>svg{width:50px;height:50px}#menu-screen .menu-option-icon{position:relative;z-index:2;width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;color:#f7f4ff;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(145deg,#7557fff2,#ff4c88b8);box-shadow:0 10px 24px #7557ff4d,inset 0 1px #ffffff40;transition:transform .2s ease,box-shadow .2s ease}#menu-screen .menu-option-icon svg{width:24px;height:24px;filter:none;stroke-width:1.8}#menu-screen .menu-option-join .menu-option-icon{background:linear-gradient(145deg,#8d6cff,#6a4be2)}#menu-screen .menu-option-create .menu-option-icon{background:linear-gradient(145deg,#ff5b9a,#9a55e8)}#menu-screen .menu-option-private .menu-option-icon{background:linear-gradient(145deg,#a77cff,#7656d8)}#menu-screen .menu-option-card:hover .menu-option-icon{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 30px #7557ff6b,inset 0 1px #ffffff4d}@media(max-width:820px){#menu-screen .menu-options-list{grid-template-columns:1fr 1fr;grid-template-rows:145px 65px 145px;grid-auto-rows:unset;align-items:stretch;gap:0}#menu-screen .menu-option-bot{grid-column:1;grid-row:1;min-height:145px;height:145px;align-self:stretch;border-radius:18px 0 0}#menu-screen .menu-option-join{grid-column:2;grid-row:1 / span 2;min-height:210px;height:210px;border-radius:0 18px 0 0}#menu-screen .menu-option-create{grid-column:1;grid-row:2 / span 2;min-height:210px;height:210px;border-radius:0 0 0 18px}#menu-screen .menu-option-private{grid-column:2;grid-row:3;min-height:145px;height:145px;align-self:stretch;border-radius:0 0 18px}}#menu-screen .menu-option-text{width:100%;font-size:12px;text-align:left;white-space:nowrap}#menu-screen .menu-option-suit{--suit-rx: 53deg;--suit-ry: 12deg;--suit-rz: -15deg;--suit-sx: 1.08;--suit-sy: 1;top:50%;right:auto;left:50%;z-index:0;color:#373250!important;font-family:Georgia,Times New Roman,serif;font-size:clamp(315px,57vw,390px);line-height:1;opacity:.18;pointer-events:none;transform:translate(-50%,-50%) perspective(340px) rotateX(var(--suit-rx)) rotateY(var(--suit-ry)) rotate(var(--suit-rz)) scaleX(var(--suit-sx)) scaleY(var(--suit-sy));transform-origin:50% 72%;text-shadow:1px 1px 0 #514871,2px 2px 0 #493f68,3px 3px 0 #40385d,5px 7px 13px rgba(0,0,0,.4);filter:drop-shadow(0 18px 9px rgba(0,0,0,.45));transition:transform .25s ease,filter .25s ease,opacity .25s ease}#menu-screen .menu-option-join .menu-option-suit{--suit-sx: .88;top:32%;left:32%;font-size:clamp(285px,52vw,355px);color:#41365f!important;text-shadow:1px 1px 0 #7d65a9,2px 2px 0 #68538e,3px 3px 0 #554474,5px 7px 13px rgba(0,0,0,.4)}#menu-screen .menu-option-bot .menu-option-suit{--suit-sx: .94;top:14%;left:32%}#menu-screen .menu-option-create .menu-option-suit{--suit-sx: 1.08;top:38%;left:30%;color:#512f56!important;font-family:Segoe UI Symbol,Arial,sans-serif;font-weight:900;text-shadow:1px 1px 0 #a95b92,2px 2px 0 #8d4b7b,3px 3px 0 #713e65,5px 7px 13px rgba(0,0,0,.4)}#menu-screen .menu-option-private .menu-option-suit{--suit-rx: 53deg;--suit-sy: .86;top:20%;left:38%;font-size:clamp(340px,62vw,420px);color:#3e365d!important;text-shadow:1px 1px 0 #856fbd,2px 2px 0 #705ca2,3px 3px 0 #5c4c87,5px 7px 13px rgba(0,0,0,.4)}#menu-screen .menu-option-card:hover .menu-option-suit{opacity:.29;transform:translate(-50%,-52%) perspective(340px) rotateX(calc(var(--suit-rx) - 5deg)) rotateY(var(--suit-ry)) rotate(var(--suit-rz)) scaleX(var(--suit-sx)) scaleY(var(--suit-sy)) scale(1.03);filter:drop-shadow(0 21px 11px rgba(0,0,0,.52))}@media(max-width:820px){.auth-screen,#menu-screen{width:min(100% - 28px,620px)!important;padding-top:20px!important}.auth-main,.menu-hero{grid-template-columns:1fr;gap:24px;padding:36px 0 34px}.menu-hero{grid-template-rows:280px auto;min-height:0;margin-bottom:0;padding-bottom:8px}.auth-promo,.menu-copy{max-width:none;text-align:center}.auth-hint,.menu-hint{margin-inline:auto}.auth-promo h1,.menu-copy h1{font-size:clamp(3.1rem,14vw,5.1rem)!important}.auth-feature{text-align:left}.auth-card{max-width:none!important}.menu-copy{order:2}#menu-screen .menu-cards-display{order:1;width:100%;height:280px;min-height:280px;position:relative}#menu-screen .menu-cards-stack{height:275px}#menu-screen .menu-cards-stack:before{width:270px;height:270px}#menu-screen .menu-card{top:38px;width:132px;height:205px;border-width:1px!important;border-radius:12px}#menu-screen .menu-card-center{top:22px;width:148px;height:229px}#menu-screen .menu-options-list{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(126px,1fr)}#menu-screen .menu-option-card{min-height:126px}}@media(max-width:430px){.auth-screen,#menu-screen{width:min(100% - 20px,410px)!important}.auth-fair,.menu-online{font-size:0}.auth-fair:after{content:"онлайн";font-size:11px}.menu-online:after{content:"в сети";font-size:11px}.auth-main,.menu-hero{padding-top:28px}.auth-screen .auth-card{padding:22px 18px}.auth-footer span:last-child{display:none}}.splash-screen.splash-v2{isolation:isolate;gap:0;background:radial-gradient(circle at 50% 42%,rgba(119,79,255,.23),transparent 27rem),radial-gradient(circle at 48% 44%,rgba(255,69,145,.12),transparent 18rem),#080912;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1),filter .65s ease}.splash-screen.splash-v2.fade-out{opacity:0;transform:scale(1.08);filter:blur(8px) brightness(1.35)}.splash-v2-warmup{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(168,149,255,.22);border-radius:50%;box-shadow:0 0 30px #7557ff29}.splash-v2-warmup span{width:22px;height:22px;border:2px solid rgba(255,255,255,.12);border-top-color:#a895ff;border-radius:50%;animation:splashWarmupSpin .72s linear infinite}@keyframes splashWarmupSpin{to{transform:rotate(360deg)}}.splash-v2-grid{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(168,149,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(168,149,255,.12) 1px,transparent 1px);background-size:54px 54px;transform:perspective(500px) rotateX(63deg) translateY(23%);-webkit-mask-image:radial-gradient(circle,#000 0 20%,transparent 67%);mask-image:radial-gradient(circle,#000 0 20%,transparent 67%);animation:splashGridDrift 3.2s ease-out both}.splash-v2-suits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.splash-v2-suits span{position:absolute;color:#a895ff;opacity:0;font:700 clamp(32px,6vw,68px)/1 Georgia,serif;filter:blur(.2px) drop-shadow(0 0 20px rgba(117,87,255,.5));animation:splashSuitFloat 2.5s ease-out forwards}.splash-v2-suits span:nth-child(1){left:9%;top:18%;animation-delay:.18s}.splash-v2-suits span:nth-child(2){right:10%;top:22%;color:#ff5c98;animation-delay:.32s}.splash-v2-suits span:nth-child(3){left:14%;bottom:18%;animation-delay:.48s}.splash-v2-suits span:nth-child(4){right:13%;bottom:16%;color:#ff5c98;animation-delay:.62s}.splash-v2-stage{position:relative;width:min(78vw,420px);height:min(54vw,295px);min-height:220px;display:grid;place-items:center;perspective:1000px;contain:layout style;overflow:visible}.splash-v2-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(168,149,255,.35);border-radius:50%;transform:translate(-50%,-50%) scale(.25);opacity:0}.splash-v2-ring-outer{width:min(76vw,390px);aspect-ratio:1;background:conic-gradient(from 30deg,rgba(117,87,255,.18),rgba(255,76,136,.12),transparent 55%,rgba(117,87,255,.18));box-shadow:0 0 80px #7557ff2e,inset 0 0 70px #ff4c8814;animation:splashRingBurst 1.15s cubic-bezier(.16,.82,.25,1) .2s forwards,splashRingTurn 8s linear 1.35s infinite}.splash-v2-ring-inner{width:min(55vw,270px);aspect-ratio:1;border-style:dashed;border-color:#ff649e66;animation:splashRingBurst .9s cubic-bezier(.16,.82,.25,1) .38s forwards,splashRingTurn 6s linear 1.28s infinite reverse}.splash-v2-flare{position:absolute;left:50%;top:50%;width:min(72vw,310px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.94) 0 2%,rgba(138,99,255,.72) 9%,rgba(255,76,136,.27) 34%,transparent 70%);box-shadow:none;opacity:0;transform:translate(-50%,-50%) scale(.16);animation:splashFlare .8s ease-out .72s both}.splash-v2-card{position:absolute;top:50%;left:50%;width:clamp(104px,25vw,142px);aspect-ratio:450 / 676;overflow:hidden;border:3px solid rgba(255,255,255,.94);border-radius:15px;background:#fff;box-shadow:0 24px 55px #00000094,0 0 28px #7557ff2e;opacity:0;transform-origin:50% 85%;backface-visibility:hidden;will-change:transform,opacity}.splash-v2-card img{display:block;width:100%;height:100%;object-fit:cover;filter:none}.splash-v2-card-left{z-index:1;animation:splashDealLeft 1.08s cubic-bezier(.15,.86,.2,1.18) .3s forwards}.splash-v2-card-center{z-index:3;animation:splashDealCenter 1.02s cubic-bezier(.15,.86,.2,1.12) .5s forwards,splashHeroPulse 1.5s ease-in-out 1.55s infinite}.splash-v2-card-right{z-index:2;animation:splashDealRight 1.08s cubic-bezier(.15,.86,.2,1.18) .4s forwards}.splash-v2-spark{position:absolute;z-index:5;color:#ff70a5;opacity:0;text-shadow:0 0 18px #ff4c88;animation:splashSpark 1.2s ease-out forwards}.splash-v2-spark-a{left:10%;top:51%;font-size:24px;animation-delay:.88s}.splash-v2-spark-b{right:9%;top:33%;font-size:18px;color:#b7a8ff;animation-delay:1.02s}.splash-v2-spark-c{left:50%;top:1%;font-size:21px;animation-delay:1.16s}.splash-v2-brand{position:relative;z-index:6;display:grid;justify-items:center;margin-top:24px}.splash-v2-logo{position:absolute;left:50%;top:18px;width:74px;aspect-ratio:1;border-radius:24px;background:conic-gradient(#7557ff 0,#7557ff 42%,#ff4c88 42%,#ff4c88 78%,#a895ff 78%);box-shadow:0 0 55px #7557ff80;opacity:0;transform:translate(-50%,-45%) scale(.15) rotate(-130deg);animation:splashLogoPop .75s cubic-bezier(.14,.9,.3,1.25) 1.12s forwards}.splash-v2-logo span{position:absolute;top:21px;right:21px;bottom:21px;left:21px;border-radius:50%;background:#090a15}.splash-v2-wordmark{position:relative;z-index:1;color:#fff;font:900 clamp(38px,9vw,64px)/.9 Manrope,sans-serif;letter-spacing:.18em;padding-left:.18em;opacity:0;transform:translateY(22px);text-shadow:0 12px 40px rgba(0,0,0,.8);animation:splashWordmark .75s cubic-bezier(.2,.82,.2,1) 1.42s forwards}.splash-v2-tagline{margin-top:14px;color:#aaa3c7;font:800 10px/1 Manrope,sans-serif;letter-spacing:.35em;padding-left:.35em;opacity:0;animation:splashWordmark .6s ease-out 1.68s forwards}.splash-v2-loader{width:130px;height:3px;margin-top:21px;overflow:hidden;border-radius:99px;background:#ffffff14;opacity:0;animation:splashLoaderShow .2s ease 1.7s forwards}.splash-v2-loader span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7557ff,#a895ff 48%,#ff4c88);box-shadow:0 0 14px #8a63ff;transform:translate(-102%);animation:splashLoad 1s cubic-bezier(.3,.7,.2,1) 1.75s forwards}@keyframes splashDealLeft{0%{opacity:0;transform:translate(-250%,-20%) rotateY(75deg) rotate(-42deg) scale(.55)}68%{opacity:1}to{opacity:1;transform:translate(-125%,-48%) rotate(-15deg) scale(.92)}}@keyframes splashDealCenter{0%{opacity:0;transform:translate(-50%,75%) rotateX(68deg) scale(.45)}70%{opacity:1}to{opacity:1;transform:translate(-50%,-55%) rotate(0) scale(1.08)}}@keyframes splashDealRight{0%{opacity:0;transform:translate(150%,-20%) rotateY(-75deg) rotate(42deg) scale(.55)}68%{opacity:1}to{opacity:1;transform:translate(25%,-48%) rotate(15deg) scale(.92)}}@keyframes splashHeroPulse{0%,to{filter:drop-shadow(0 0 0 rgba(255,76,136,0))}50%{filter:drop-shadow(0 0 18px rgba(255,76,136,.42))}}@keyframes splashRingBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotate(-35deg)}60%{opacity:.9}to{opacity:.55;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes splashRingTurn{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes splashFlare{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}36%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.38)}}@keyframes splashSpark{0%{opacity:0;transform:scale(.2) rotate(-30deg)}45%{opacity:1}to{opacity:.75;transform:scale(1) rotate(20deg)}}@keyframes splashLogoPop{to{opacity:.92;transform:translate(-50%,-45%) scale(1) rotate(0)}}@keyframes splashWordmark{to{opacity:1;transform:translateY(0)}}@keyframes splashLoaderShow{to{opacity:1}}@keyframes splashLoad{to{transform:translate(0)}}@keyframes splashSuitFloat{0%{opacity:0;transform:translateY(28px) rotate(-18deg) scale(.7)}40%{opacity:.23}to{opacity:.04;transform:translateY(-24px) rotate(14deg) scale(1.2)}}@keyframes splashGridDrift{0%{opacity:0;transform:perspective(500px) rotateX(63deg) translateY(30%)}to{opacity:.14;transform:perspective(500px) rotateX(63deg) translateY(20%)}}@media(max-width:430px){.splash-v2-stage{width:92vw;height:270px}.splash-v2-brand{margin-top:12px}.splash-v2-card{width:112px}}@media(prefers-reduced-motion:reduce){.splash-v2 *{animation-duration:.01ms!important;animation-delay:0s!important}}html,body,#root,.tab-content,#menu-screen,.profile-screen,.rating-screen,.rooms-screen,.opp-card{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.tab-content::-webkit-scrollbar,#menu-screen::-webkit-scrollbar,.profile-screen::-webkit-scrollbar,.rating-screen::-webkit-scrollbar,.rooms-screen::-webkit-scrollbar,.opp-card::-webkit-scrollbar{width:0;height:0;display:none}.game-screen{isolation:isolate}.game-screen .game-actions{z-index:60;overflow:visible;border:1px solid rgba(255,255,255,.14);border-bottom-color:#ffffff12;background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 38%),#121128c7;box-shadow:0 -14px 34px #02020c57,inset 0 1px #ffffff1f;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}.profile-screen.profile-simple{position:relative;justify-content:flex-start;align-items:stretch;gap:16px;width:min(100%,560px);max-width:560px;padding:28px 18px 116px;margin:0 auto;overflow-x:hidden;color:#f6f4ff;background:radial-gradient(circle at 50% 15%,rgba(122,88,255,.12),transparent 44%),transparent}.profile-simple-header{display:flex;flex-direction:column;gap:3px;padding:0 4px}.profile-simple-header,.profile-simple-hero,.profile-simple-results,.profile-simple-logout{flex-shrink:0}.profile-simple-header h2{margin:0;font-size:29px;font-weight:780;line-height:1.05;letter-spacing:-.045em}.profile-simple-eyebrow,.profile-simple-section-label{color:#e9e4ff7a;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.profile-simple-hero,.profile-simple-results{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.065),transparent 42%),#111026d1;box-shadow:0 22px 52px #02020c40,inset 0 1px #ffffff0e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.profile-simple-hero{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:15px;min-height:220px;padding:24px 20px 18px;border-radius:26px}.profile-simple-hero:before,.profile-simple-hero:after{position:absolute;z-index:0;color:#ffffff06;font-family:Georgia,serif;line-height:1;pointer-events:none}.profile-simple-hero:before{content:"♠";top:-23px;right:19px;font-size:126px;transform:rotate(13deg)}.profile-simple-hero:after{content:"♥";right:114px;bottom:-41px;color:#ec539809;font-size:92px;transform:rotate(-16deg)}.profile-simple-glow{position:absolute;top:-70px;right:-45px;width:190px;height:190px;border-radius:50%;background:#7f58ff33;filter:blur(44px);pointer-events:none}.profile-simple-avatar{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:76px;height:76px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:23px;color:#fff;font-size:60px;background:linear-gradient(145deg,#7c5cff,#cc4fae);box-shadow:0 14px 34px #623fd947,inset 0 1px #ffffff3d}.profile-simple-avatar-edit{position:absolute;right:5px;bottom:5px;display:grid;width:27px;height:27px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:9px;color:#fff;background:#0e0c1fdb;box-shadow:0 6px 18px #0000004d;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.profile-simple-avatar-edit:hover{background:#714ee7eb}.profile-simple-identity{position:relative;z-index:1;min-width:0;padding-right:84px}.profile-store-button{position:absolute;z-index:4;top:19px;right:18px;display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid rgba(186,158,255,.2);border-radius:11px;color:#d8ccff;font:inherit;font-size:10px;font-weight:760;background:linear-gradient(145deg,#855cff29,#e04fb514);box-shadow:inset 0 1px #ffffff14,0 8px 20px #0504122e;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-store-button:hover{transform:translateY(-2px);border-color:#cdb5ff6b;background:linear-gradient(145deg,#855cff45,#e04fb524)}.profile-store-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-simple-identity h3{overflow:hidden;margin:0 0 7px;color:#fff;font-size:24px;font-weight:780;line-height:1.05;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.profile-simple-rank{display:flex;align-items:center;gap:7px;color:#b9a9ff;font-size:12px;font-weight:700}.profile-simple-rank-mark{color:#dc69c7;font-size:15px;line-height:1}.profile-simple-since{margin-left:2px;color:#e9e4ff61;font-weight:600}.profile-simple-wallet{position:relative;z-index:1;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;margin-top:5px;padding:15px 7px 2px;border-top:1px solid rgba(255,255,255,.07)}.profile-simple-wallet-item{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-simple-wallet-label{color:#e9e4ff6e;font-size:11px;font-weight:650}.profile-simple-wallet-item strong{color:#fff;font-size:19px;font-weight:760;letter-spacing:-.025em}.profile-simple-currency{margin-right:5px;color:#aa94ff}.profile-simple-wallet-line{width:1px;height:30px;background:#ffffff14}.profile-simple-results{padding:19px;border-radius:22px;background:radial-gradient(circle at 13% 75%,rgba(80,214,156,.09),transparent 35%),radial-gradient(circle at 90% 20%,rgba(239,108,146,.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),transparent 45%),#111026d6}.profile-simple-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.profile-simple-season{color:#e9e4ff6b;font-size:10px;font-weight:650}.profile-results-dashboard{display:grid;grid-template-columns:114px minmax(0,1fr);align-items:center;gap:17px}.profile-results-ring{position:relative;display:grid;width:112px;height:112px;place-items:center;border-radius:50%;background:conic-gradient(#55d69d 0 var(--profile-win-angle),#dc5e7d var(--profile-win-angle) 360deg);box-shadow:0 0 30px #43cb921c}.profile-results-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#121125;box-shadow:inset 0 1px #ffffff0f}.profile-results-ring-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.profile-results-ring-inner strong{color:#f5fff9;font-size:25px;font-weight:790;letter-spacing:-.045em}.profile-results-ring-inner span{color:#8be8c0ab;font-size:10px;font-weight:700}.profile-results-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-results-card{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:8px 9px;border:1px solid transparent;border-radius:13px}.profile-results-card-win{border-color:#4fd39a2e;background:linear-gradient(145deg,#4fd39a24,#4fd39a0b)}.profile-results-card-loss{border-color:#ef6c922e;background:linear-gradient(145deg,#ef6c9224,#ef6c920b)}.profile-results-card-total{grid-column:1 / -1;border-color:#ac8eff30;background:linear-gradient(105deg,#7557ff26,#e057b613)}.profile-results-card-symbol{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;font-size:13px;font-weight:850;background:#ffffff14}.profile-results-card-win .profile-results-card-symbol{color:#6ce0ad}.profile-results-card-loss .profile-results-card-symbol{color:#ff82a4}.profile-results-card-total .profile-results-card-symbol{color:#b7a4ff;font-family:Georgia,serif}.profile-results-card>div{display:flex;min-width:0;flex-direction:column;gap:1px}.profile-results-card strong{color:#fff;font-size:16px;font-weight:760;line-height:1}.profile-results-card>div>span{overflow:hidden;color:#efebff78;font-size:8px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.profile-simple-logout{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:11px 16px;border:1px solid rgba(255,117,144,.15);border-radius:15px;color:#ff96aac7;font:inherit;font-size:13px;font-weight:680;background:#ff537709;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.profile-simple-logout:hover{color:#ff9cb0;border-color:#ff759045;background:#ff537713}.profile-avatar-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#03030cad;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:profileAvatarFade .18s ease-out}.profile-avatar-modal{width:min(100%,390px);padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:25px;color:#fff;background:linear-gradient(155deg,#231e48fa,#0c0c1cfc 58%);box-shadow:0 28px 80px #00000094,inset 0 1px #ffffff12;animation:profileAvatarRise .25s cubic-bezier(.2,.8,.2,1)}.profile-avatar-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-avatar-modal-head>div{display:flex;flex-direction:column;gap:3px}.profile-avatar-modal-head span{color:#e9e4ff6e;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.profile-avatar-modal-head h3{margin:0;font-size:21px;font-weight:760;letter-spacing:-.03em}.profile-avatar-modal-head>button{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#ffffffa6;font-size:24px;line-height:1;background:#ffffff0b;cursor:pointer}.profile-avatar-preview{display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin:20px auto 16px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:26px;font-size:68px;background:linear-gradient(145deg,#7c5cff,#cc4fae);box-shadow:0 15px 34px #623fd94d}.profile-avatar-upload,.profile-avatar-save{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;border-radius:14px;color:#eeeaff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.profile-avatar-upload{border:1px solid rgba(170,148,255,.23);background:#7557ff1a}.profile-avatar-upload:hover{background:#7557ff2b}.profile-avatar-divider{display:flex;align-items:center;gap:10px;margin:17px 0 13px;color:#e9e4ff59;font-size:10px;font-weight:650}.profile-avatar-divider:before,.profile-avatar-divider:after{content:"";flex:1;height:1px;background:#ffffff12}.profile-avatar-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.profile-avatar-options button{display:grid;aspect-ratio:1;padding:0;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:12px;font-size:22px;background:#ffffff09;cursor:pointer}.profile-avatar-options button:hover,.profile-avatar-options button.selected{border-color:#a78dffa6;background:#7557ff2e;box-shadow:inset 0 0 0 1px #a78dff1f}.profile-avatar-error{margin:11px 0 0;color:#ff8fa8;font-size:11px;text-align:center}.profile-avatar-save{margin-top:16px;border:0;color:#fff;background:linear-gradient(110deg,#7557ff,#db4dad);box-shadow:0 12px 26px #7557ff3d,inset 0 1px #fff3}.profile-avatar-save:disabled{opacity:.58;cursor:wait}.profile-store-modal{width:min(100%,430px);overflow:hidden;background:radial-gradient(circle at 86% 10%,rgba(198,75,183,.2),transparent 34%),linear-gradient(155deg,#231e48fc,#0c0c1cfc 58%)}.profile-store-balance{display:flex;align-items:center;justify-content:space-between;margin:18px 0 13px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#08081659}.profile-store-balance span{color:#e9e4ff78;font-size:10px;font-weight:700}.profile-store-balance strong{color:#d2c2ff;font-size:16px;font-weight:820}.profile-store-pack{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;padding:13px;border:1px solid rgba(182,144,255,.2);border-radius:20px;background:linear-gradient(135deg,#7e53f521,#e24bae12),#09091880;box-shadow:inset 0 1px #ffffff0f,0 18px 38px #02020c3d}.profile-store-pack.is-owned{border-color:#4edda047;background:linear-gradient(135deg,#41cd911a,#7e53f514),#09091880}.profile-store-pack-art{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:#171329;box-shadow:0 13px 27px #0000004d}.profile-store-pack-art img{display:block;width:100%;height:100%;object-fit:cover}.profile-store-pack-art-collage{display:grid;grid-template-columns:1fr 1fr}.profile-store-pack-art-collage img{min-width:0;object-position:center}.profile-store-pack-art span{position:absolute;right:7px;bottom:7px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;font-size:8px;font-weight:800;background:#090816c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-store-pack-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.profile-store-pack-copy small{color:#aa94ff;font-size:8px;font-weight:850;letter-spacing:.13em}.profile-store-pack-copy h4{margin:4px 0 5px;color:#fff;font-size:18px;letter-spacing:-.03em}.profile-store-pack-copy p{margin:0;color:#ece8ff80;font-size:10px;line-height:1.35}.profile-store-pack-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.profile-store-pack-bottom>strong{color:#f2dc91;font-size:14px}.profile-store-pack-bottom button{min-width:84px;padding:8px 11px;border:0;border-radius:10px;color:#fff;font:inherit;font-size:10px;font-weight:800;background:linear-gradient(135deg,#805cff,#d14cbb);box-shadow:0 8px 18px #7a4eeb47;cursor:pointer}.profile-store-pack-bottom button:disabled{color:#83e5b7;background:#45be8421;box-shadow:none;cursor:default}.profile-store-success,.profile-store-error{margin:12px 2px 0;text-align:center;font-size:10px;line-height:1.4}.profile-store-success{color:#7ce8b4d1}.emoji-option-sticker{overflow:hidden;padding:5px;border-color:#cc68c261;background:linear-gradient(145deg,#784ce247,#0d1830eb)}.emoji-bubble img{width:48px!important;height:48px!important;border-radius:13px!important;box-shadow:0 5px 14px #00000059}.emoji-bubble.emoji-bubble-sticker{width:96px;height:96px;border-radius:25px;border-color:#d77ad385;background:linear-gradient(145deg,#1d1639f0,#0a0d1eeb);box-shadow:0 14px 34px #0000008c,0 0 25px #c253be33}.emoji-bubble.emoji-bubble-sticker img{width:88px!important;height:88px!important;border-radius:21px!important}@keyframes profileAvatarFade{0%{opacity:0}}@keyframes profileAvatarRise{0%{opacity:0;transform:translateY(18px) scale(.98)}}@media(min-width:600px){.profile-avatar-modal-backdrop{align-items:center}}.profile-state-screen{justify-content:center;min-height:60vh}.profile-state-card{display:flex;flex-direction:column;align-items:center;gap:13px;width:min(100%,360px);padding:28px;color:#ffffffb3;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#111026c2}.profile-state-card p{margin:0}.profile-state-symbol{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#ff91a8;font-weight:800;background:#ff64841a}.profile-loading-dot{width:10px;height:10px;border-radius:50%;background:#a78dff;box-shadow:0 0 18px #8c6cff;animation:profilePulse 1s ease-in-out infinite alternate}.profile-loading-text{color:#e9e4ff6b;font-size:12px;font-weight:650}@keyframes profilePulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.12)}}@media(max-width:380px){.profile-screen.profile-simple{padding:21px 13px 104px;gap:13px}.profile-simple-header h2{font-size:26px}.profile-simple-hero{min-height:204px;padding:20px 16px 15px}.profile-simple-avatar{width:68px;height:68px;border-radius:20px}.profile-simple-identity h3{font-size:21px}.profile-simple-identity{padding-right:44px}.profile-store-button{width:35px;padding:0;justify-content:center}.profile-store-button span{display:none}.profile-simple-results{padding:17px 14px}.profile-results-dashboard{grid-template-columns:99px minmax(0,1fr);gap:12px}.profile-results-ring{width:98px;height:98px}.profile-results-ring-inner strong{font-size:22px}.profile-results-card{grid-template-columns:24px minmax(0,1fr);min-height:46px;padding:7px;gap:6px}.profile-results-card-symbol{width:24px;height:24px}.profile-results-card strong{font-size:14px}}@media(max-width:390px){.profile-store-pack{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:11px}.profile-store-pack-copy h4{font-size:16px}.profile-store-pack-bottom button{min-width:74px}}.game-actions .action-buttons-left,.game-actions .action-center,.game-actions .btn-surrender-float{z-index:62}.avatar-badge-wrap>.badge-bito,.avatar-badge-wrap>.badge-pass,.avatar-badge-wrap>.badge-take,.avatar-badge-wrap>.badge-ready{top:auto;bottom:-13px;z-index:70;padding:4px 10px;border:1px solid rgba(255,255,255,.68);color:#fff;font-size:10px;line-height:1;letter-spacing:.055em;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:0 5px 15px #00000061,inset 0 1px #ffffff40}.avatar-badge-wrap>.badge-bito{background:#39b96ceb}.avatar-badge-wrap>.badge-pass{background:#7557fff0}.avatar-badge-wrap>.badge-take{background:#e15b81f0}.avatar-badge-wrap>.badge-ready{background:#39b96ceb}.opponent-area>.opponent-hand,.opponents-container .opponent-hand{margin-top:-40px!important}.opponent-area .opponent-hand .card-back{top:10px}.game-actions .action-center .avatar-badge-wrap>.badge-bito,.game-actions .action-center .avatar-badge-wrap>.badge-pass,.game-actions .action-center .avatar-badge-wrap>.badge-take,.game-actions .action-center .avatar-badge-wrap>.badge-ready{top:-18px;bottom:auto}.game-actions .your-turn-text,.game-actions .action-text-btn{opacity:1;visibility:visible;text-shadow:0 1px 3px rgba(0,0,0,.42)}.game-actions .your-turn-text{color:#f4f0ff;border-color:#a895ff75;background:#7557ff38;box-shadow:inset 0 1px #ffffff1a,0 7px 20px #0000002e}@media(max-width:700px){.game-screen .game-actions{margin-inline:2px;width:calc(100% - 4px);border-radius:18px 18px 0 0}.opponent-area>.opponent-hand,.opponents-container .opponent-hand{margin-top:-26px!important}}.opponent-area .opponent-hand{z-index:1!important;transform:translateZ(0)}.opponent-area .opponent-hand .card-back{z-index:1!important}.opponent-area .opponent-avatar-section,.opponents-container .avatar-badge-wrap{z-index:100!important}.opponent-area .avatar-opponent{z-index:101!important;isolation:isolate;background:linear-gradient(145deg,#282052,#17152d)!important;box-shadow:0 0 0 1px #a895ff57,0 10px 24px #05041280,0 0 24px #7557ff33!important;transform:translateZ(1px)}.opponent-area .avatar-badge-wrap>.badge-bito,.opponent-area .avatar-badge-wrap>.badge-pass,.opponent-area .avatar-badge-wrap>.badge-take,.opponent-area .avatar-badge-wrap>.badge-ready{position:absolute!important;top:-18px!important;bottom:auto!important;left:50%!important;z-index:110!important;transform:translate(-50%)!important}html,body,#root{width:100%;max-width:100%;overflow:hidden!important;scrollbar-gutter:auto!important}.game-screen{width:100vw!important;max-width:100vw!important;margin-inline:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}.ai-victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(circle at 50% 46%,rgba(117,87,255,.34),transparent 30%),linear-gradient(160deg,#070713f7,#12091dfb);animation:aiVictoryOverlay 3.6s ease both}.ai-victory-flash{position:absolute;z-index:-1;width:28vmin;aspect-ratio:1;border-radius:50%;background:#fff;filter:blur(20px);animation:aiVictoryFlash 1.15s ease-out both}.ai-victory-rays{position:absolute;z-index:-2;width:115vmax;aspect-ratio:1;opacity:.2;background:repeating-conic-gradient(from 0deg,rgba(168,149,255,.54) 0 5deg,transparent 5deg 13deg);-webkit-mask-image:radial-gradient(circle,#000 0 18%,transparent 57%);mask-image:radial-gradient(circle,#000 0 18%,transparent 57%);animation:aiVictoryRays 12s linear infinite,aiVictoryRaysIn 1s ease-out both}.ai-victory-content{position:relative;z-index:2;width:min(88vw,430px);padding:42px 28px 30px;text-align:center;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(155deg,#201c41d6,#0e0c1fe0);box-shadow:inset 0 1px #ffffff1a,0 32px 80px #0000007a,0 0 70px #7557ff33;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);animation:aiVictoryCard 3.6s cubic-bezier(.2,.8,.2,1) both}.ai-victory-trophy{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:0 auto 24px;color:#ffe39a;border:1px solid rgba(255,218,128,.4);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,241,190,.22),transparent 36%),linear-gradient(145deg,#a96e22,#5c3516);box-shadow:inset 0 1px #ffffff47,0 18px 38px #00000052,0 0 42px #ffbf4a3d;animation:aiVictoryTrophy .95s .14s cubic-bezier(.18,1.45,.32,1) both}.ai-victory-trophy svg{filter:drop-shadow(0 5px 8px rgba(52,25,4,.44))}.ai-victory-trophy-ring{position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border:1px solid rgba(255,222,139,.22);border-radius:50%;animation:aiVictoryRing 1.8s .4s ease-out infinite}.ai-victory-kicker{margin-bottom:8px;color:#b9a8ff;font-size:10px;line-height:1;font-weight:850;letter-spacing:.26em;animation:aiVictoryText .55s .62s ease-out both}.ai-victory-content h2{margin:0;color:#fff;font-size:clamp(48px,14vw,74px);line-height:.98;font-weight:950;letter-spacing:.06em;text-shadow:0 0 28px rgba(168,149,255,.28);animation:aiVictoryTitle .7s .45s cubic-bezier(.2,1,.3,1) both}.ai-victory-content p{margin:13px 0 24px;color:#ebe8f8b3;font-size:14px;animation:aiVictoryText .55s .8s ease-out both}.ai-victory-progress{width:min(240px,72%);height:3px;margin:0 auto;overflow:hidden;border-radius:4px;background:#ffffff14}.ai-victory-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8c72ff,#ff6297);box-shadow:0 0 14px #a895ffb3;animation:aiVictoryProgress 2.6s .75s linear both}.ai-victory-particles span{position:absolute;top:-12vh;left:var(--particle-left);color:#a895ff;font-family:Georgia,serif;font-size:calc(17px + (var(--particle-index) % 4) * 5px);opacity:0;animation:aiVictoryParticle 2.4s calc(.18s + (var(--particle-index) % 6) * .14s) ease-in both}.ai-victory-particles span:nth-child(3n+2){color:#ff6598}.ai-victory-particles span:nth-child(4n){color:#ffe19a}@keyframes aiVictoryOverlay{0%{opacity:0}9%,88%{opacity:1}to{opacity:0}}@keyframes aiVictoryFlash{0%{opacity:0;transform:scale(.2)}18%{opacity:.85}to{opacity:0;transform:scale(6)}}@keyframes aiVictoryRays{to{transform:rotate(360deg)}}@keyframes aiVictoryRaysIn{0%{opacity:0;scale:.55}}@keyframes aiVictoryCard{0%{opacity:0;transform:translateY(42px) scale(.84)}18%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.96)}}@keyframes aiVictoryTrophy{0%{opacity:0;transform:translateY(-35px) rotate(-12deg) scale(.25)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes aiVictoryRing{0%{opacity:.8;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}@keyframes aiVictoryTitle{0%{opacity:0;transform:scale(.72);letter-spacing:.22em}to{opacity:1;transform:scale(1);letter-spacing:.06em}}@keyframes aiVictoryText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aiVictoryProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes aiVictoryParticle{0%{opacity:0;transform:translateY(-8vh) rotate(0) scale(.6)}14%{opacity:.85}to{opacity:0;transform:translate(var(--particle-drift),122vh) rotate(540deg) scale(1.1)}}@media(prefers-reduced-motion:reduce){.ai-victory-overlay,.ai-victory-content,.ai-victory-trophy,.ai-victory-trophy-ring,.ai-victory-kicker,.ai-victory-content h2,.ai-victory-content p,.ai-victory-progress span{animation:none!important}.ai-victory-flash,.ai-victory-rays,.ai-victory-particles{display:none}}#menu-screen .menu-options-list{gap:8px;isolation:isolate}#menu-screen .menu-option-card{--mode-accent: 153, 128, 255;--suit-fill: #4d4278;--suit-fill-hover: #594b8d;position:relative;min-height:124px;padding:15px 16px 14px;align-items:stretch;justify-content:space-between;gap:0;overflow:hidden;isolation:isolate;color:#f8f7ff;border:1px solid rgba(var(--mode-accent),.25)!important;border-radius:16px;background:radial-gradient(circle at 82% 14%,rgba(var(--mode-accent),.13),transparent 42%),linear-gradient(145deg,#19182ef7,#0b0b19fa)!important;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #00000047,0 14px 34px #03030d38!important;transform:translateZ(0);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}#menu-screen .menu-option-join{--mode-accent: 122, 104, 239;--suit-fill: #40376f;--suit-fill-hover: #4b4083}#menu-screen .menu-option-create{--mode-accent: 215, 83, 138;--suit-fill: #71364f;--suit-fill-hover: #85405f}#menu-screen .menu-option-private{--mode-accent: 176, 117, 236;--suit-fill: #594078;--suit-fill-hover: #684a8d}#menu-screen .menu-option-card:before{content:"";position:absolute;inset:0 auto 0 0;z-index:3;width:2px;background:linear-gradient(180deg,transparent 5%,rgba(var(--mode-accent),.9) 50%,transparent 95%);box-shadow:0 0 16px rgba(var(--mode-accent),.55)}#menu-screen .menu-option-card:after{content:"";position:absolute;z-index:0;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(var(--mode-accent),.55),transparent 70%);opacity:.52}#menu-screen .menu-option-card:hover{border-color:rgba(var(--mode-accent),.6)!important;background:radial-gradient(circle at 82% 14%,rgba(var(--mode-accent),.2),transparent 44%),linear-gradient(145deg,#1f1d39fc,#0d0c1dfc)!important;box-shadow:inset 0 1px #ffffff14,0 18px 40px #03030d59,0 0 22px rgba(var(--mode-accent),.1)!important;transform:translateY(-3px)}#menu-screen .menu-option-card:active{transform:translateY(-1px) scale(.992)}#menu-screen .menu-option-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;color:#e0dcf166;font-size:8px;line-height:1;font-weight:800;letter-spacing:.16em}#menu-screen .menu-option-head span:last-child{color:rgba(var(--mode-accent),.82)}#menu-screen .menu-option-icon{position:relative;z-index:2;width:43px;height:43px;display:grid;place-items:center;align-self:flex-start;margin:13px 0 12px;color:rgb(var(--mode-accent));border:1px solid rgba(var(--mode-accent),.32);border-radius:12px;background:linear-gradient(145deg,rgba(var(--mode-accent),.12),rgba(var(--mode-accent),.025));box-shadow:inset 0 1px #ffffff13,inset 0 0 0 4px #08081433,0 8px 22px #0000003d;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease}#menu-screen .menu-option-card .menu-option-icon{background:linear-gradient(145deg,rgba(var(--mode-accent),.12),rgba(var(--mode-accent),.025))}#menu-screen .menu-option-icon svg{width:27px;height:27px;stroke-width:1.55;filter:drop-shadow(0 0 8px rgba(var(--mode-accent),.28))}#menu-screen .menu-option-card:hover .menu-option-icon{color:#fff;border-color:rgba(var(--mode-accent),.58);background:rgba(var(--mode-accent),.16);box-shadow:inset 0 1px #ffffff1a,0 10px 25px rgba(var(--mode-accent),.15);transform:translateY(-2px)}#menu-screen .menu-option-footer{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:8px}#menu-screen .menu-option-text{width:auto;color:#f3f1fb;font-size:12px;line-height:1.14;font-weight:680;letter-spacing:-.015em;text-align:left;white-space:normal}#menu-screen .menu-option-arrow{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;margin-bottom:-4px;color:#e9e5f870;border:1px solid rgba(255,255,255,.08);border-radius:50%;transition:color .22s ease,border-color .22s ease,transform .22s ease}#menu-screen .menu-option-card:hover .menu-option-arrow{color:rgb(var(--mode-accent));border-color:rgba(var(--mode-accent),.3);transform:translate(2px)}#menu-screen .menu-option-suit,#menu-screen .menu-option-bot .menu-option-suit,#menu-screen .menu-option-join .menu-option-suit,#menu-screen .menu-option-create .menu-option-suit,#menu-screen .menu-option-private .menu-option-suit{position:absolute;z-index:0;top:50%;right:-10px;left:auto;width:126px;height:126px;color:rgb(var(--mode-accent))!important;opacity:1;transform:translateY(-50%) rotate(-7deg);transform-origin:center;text-shadow:none;filter:drop-shadow(0 18px 18px rgba(0,0,0,.25));pointer-events:none;transition:transform .34s cubic-bezier(.2,.75,.2,1),filter .24s ease}#menu-screen .menu-option-suit svg{display:block;width:100%;height:100%;overflow:visible}#menu-screen .suit-emblem-shadow{fill:#090812;opacity:.58;transform:translate(4px,7px)}#menu-screen .suit-emblem-face{fill:var(--suit-fill);fill-opacity:1;stroke:none;transition:fill .22s ease}#menu-screen .suit-emblem-inner{display:none}#menu-screen .menu-option-card:hover .menu-option-suit{opacity:1;transform:translate(-4px,-50%) rotate(-4deg) scale(1.035);filter:drop-shadow(0 20px 19px rgba(0,0,0,.34))}#menu-screen .menu-option-card:hover .suit-emblem-face{fill:var(--suit-fill-hover)}@media(max-width:820px){#menu-screen .menu-options-list{gap:6px}#menu-screen .menu-option-card{padding:14px 14px 13px}#menu-screen .menu-option-bot,#menu-screen .menu-option-private{min-height:145px;height:145px}#menu-screen .menu-option-join,#menu-screen .menu-option-create{min-height:210px;height:210px}#menu-screen .menu-option-icon{margin-top:auto}}@media(max-width:820px){#menu-screen{width:min(100% - 20px,620px)!important;padding:10px 0 8px!important;gap:8px!important}#menu-screen .menu-brandbar{min-height:30px}#menu-screen .menu-top{min-height:60px;padding:8px 11px;border-radius:14px}#menu-screen .menu-avatar-circle{width:43px;height:43px;border-radius:13px}#menu-screen .menu-username{font-size:17px}#menu-screen .menu-balance-pill{padding:7px 11px}#menu-screen .menu-hero{grid-template-rows:190px auto;gap:7px;padding:0 0 2px}#menu-screen .menu-cards-display{width:100%;height:190px;min-height:190px}#menu-screen .menu-cards-stack{width:min(100%,340px);height:190px}#menu-screen .menu-cards-art{max-height:190px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.34))}#menu-screen .menu-copy{width:100%}#menu-screen .menu-quick-play-card{min-height:62px;padding:10px 12px;border-radius:16px}#menu-screen .menu-quick-play-icon{width:37px;height:37px;border-radius:11px}#menu-screen .menu-options-list{grid-template-rows:124px 48px 124px;gap:5px}#menu-screen .menu-option-card{padding:10px 12px 11px;border-radius:14px}#menu-screen .menu-option-bot,#menu-screen .menu-option-private{min-height:124px;height:124px}#menu-screen .menu-option-join,#menu-screen .menu-option-create{min-height:177px;height:177px}#menu-screen .menu-option-icon{width:39px;height:39px;margin-bottom:8px}#menu-screen .menu-option-icon svg{width:24px;height:24px}#menu-screen .menu-option-suit,#menu-screen .menu-option-bot .menu-option-suit,#menu-screen .menu-option-join .menu-option-suit,#menu-screen .menu-option-create .menu-option-suit,#menu-screen .menu-option-private .menu-option-suit{width:106px;height:106px}}@media(max-width:430px)and (max-height:760px){#menu-screen .menu-hero{grid-template-rows:164px auto}#menu-screen .menu-cards-display,#menu-screen .menu-cards-stack{height:164px;min-height:164px}#menu-screen .menu-cards-art{max-height:164px}#menu-screen .menu-options-list{grid-template-rows:108px 38px 108px}#menu-screen .menu-option-bot,#menu-screen .menu-option-private{min-height:108px;height:108px}#menu-screen .menu-option-join,#menu-screen .menu-option-create{min-height:151px;height:151px}}.settlement-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;pointer-events:none;isolation:isolate;font-family:inherit}.settlement-preview-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#090817}.settlement-preview-shell #game-screen{margin:0 auto}.settlement-preview-caption{position:fixed;left:50%;bottom:92px;z-index:1100;padding:7px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#090817c2;color:#ffffffad;font-size:9px;font-weight:900;letter-spacing:.15em;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-stake-chip{position:absolute;top:14px;right:14px;z-index:140;padding:4px;color:#fff}.game-stake-chip strong{color:#ffe49a;font-size:13px;font-weight:950;letter-spacing:.02em;text-shadow:0 2px 10px rgba(255,194,57,.22)}.opponent-seat-name,.player-seat-name{position:absolute;right:2px;bottom:5px;left:2px;z-index:45;overflow:hidden;padding:0 3px;border:0;border-radius:0;color:#fff;font-size:9px;font-weight:900;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px #000,0 1px 8px rgba(0,0,0,.95);background:none;box-shadow:none;pointer-events:none}@media(max-width:480px){.game-stake-chip{top:8px;right:8px;padding:4px}.game-stake-chip strong{font-size:12px}.opponent-seat-name,.player-seat-name{font-size:8.5px}}.settlement-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 46%,rgba(255,222,92,.13) 0 15%,transparent 43%),linear-gradient(180deg,#0605181f,#060518a8);-webkit-backdrop-filter:blur(1.2px) saturate(.92);backdrop-filter:blur(1.2px) saturate(.92);animation:settlementVignette 6.1s ease both}.settlement-stage-title{position:absolute;top:10.5%;left:50%;z-index:8;display:grid;justify-items:center;gap:4px;width:min(88%,420px);transform:translate(-50%);text-align:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.54));animation:settlementTitle 5.9s cubic-bezier(.2,.8,.2,1) both}.settlement-stage-title span{color:#f7d879;font-size:clamp(10px,2.8vw,13px);font-weight:900;letter-spacing:.24em}.settlement-stage-title strong{color:#fff;font-size:clamp(19px,5.7vw,29px);font-weight:950;letter-spacing:.03em;text-shadow:0 2px 0 rgba(77,37,0,.7),0 0 26px rgba(255,210,82,.45)}.settlement-bank{position:absolute;z-index:12;display:grid;justify-items:center;transform:translate(-50%,-50%);animation:settlementBank 3.05s cubic-bezier(.18,.88,.2,1) both}.settlement-bank-aura{position:absolute;left:50%;top:50%;width:210px;height:150px;border:1px solid rgba(255,220,102,.55);border-radius:50%;background:radial-gradient(circle,rgba(255,211,72,.28),rgba(255,180,55,.06) 52%,transparent 72%);box-shadow:0 0 55px #ffc4344d,inset 0 0 30px #ffe58f24;transform:translate(-50%,-50%);animation:settlementAura 1.3s ease-in-out .28s infinite alternate}.settlement-bank-label{position:relative;z-index:5;margin-top:9px;padding:4px 12px 3px;border:1px solid rgba(255,222,116,.42);border-radius:999px;background:#110d24d1;color:#ffe28c;font-size:9px;font-weight:900;letter-spacing:.22em;box-shadow:0 5px 20px #00000057}.settlement-bundle{position:relative;z-index:3;width:142px;height:78px;filter:drop-shadow(0 14px 15px rgba(0,0,0,.38))}.settlement-bundle-compact{transform:scale(.68)}.settlement-note{position:absolute;left:7px;top:9px;width:128px;height:61px;overflow:hidden;border:2px solid #eaffd0;border-radius:8px;background:radial-gradient(circle at 50% 50%,transparent 0 20px,rgba(24,106,52,.12) 21px 23px,transparent 24px),repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.13) 14px 15px),linear-gradient(135deg,#e7ffc0,#6cc779 70%,#3f9558);box-shadow:inset 0 0 0 2px #1d683045,inset 0 -9px #145b2b1f}.settlement-note:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed rgba(25,105,52,.45);border-radius:4px}.settlement-note-back{transform:translate(9px,-8px) rotate(8deg);filter:brightness(.76)}.settlement-note-mid{transform:translate(3px,-3px) rotate(-5deg);filter:brightness(.9)}.settlement-note-front{display:flex;align-items:center;justify-content:center;gap:7px;color:#0c4e26;font-style:normal}.settlement-note-front span{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(7,67,29,.38);border-radius:50%;font-size:17px;font-weight:950}.settlement-note-front strong{font-size:15px;font-weight:950;letter-spacing:-.03em;text-shadow:0 1px rgba(255,255,255,.72)}.settlement-note-front small{position:absolute;right:9px;top:6px;color:#b87b15;font-size:7px;font-weight:950;letter-spacing:.08em}.settlement-strap{position:absolute;z-index:7;left:59px;top:2px;width:23px;height:72px;border-inline:1px solid rgba(255,244,161,.85);background:linear-gradient(90deg,#ae7210,#ffe484 30%,#c88b1f 72%,#80500a);box-shadow:0 0 8px #ffd14d52;transform:rotate(-1deg)}.settlement-spark{position:absolute;z-index:7;width:7px;height:7px;border-radius:1px;background:#ffe67e;box-shadow:0 0 12px #ffc936;transform:translate(-50%,-50%) rotate(45deg) scale(0);animation:settlementSpark 1.1s cubic-bezier(.15,.74,.16,1) var(--spark-delay) both}.settlement-money-flight{position:absolute;z-index:20;width:142px;height:78px;transform:translate(-50%,-50%) scale(.15);animation:settlementMoneyFlight 1.9s cubic-bezier(.18,.7,.18,1) var(--money-delay) both}.settlement-winner-glow{position:absolute;z-index:6;width:92px;height:92px;border:2px solid rgba(255,231,145,.72);border-radius:50%;background:radial-gradient(circle,rgba(255,216,92,.38),transparent 68%);box-shadow:0 0 35px #ffcc4373,inset 0 0 24px #ffeea838;transform:translate(-50%,-50%) scale(.15);animation:settlementWinnerGlow 1.05s ease-out calc(var(--money-delay) + 1.28s) both}.settlement-loose-note{position:absolute;z-index:30;display:grid;place-items:center;width:32px;height:19px;border:1px solid #eaffd0;border-radius:3px;background:linear-gradient(135deg,#dcffbd,#54ad6b);color:#185d32;font-size:10px;font-style:normal;font-weight:950;opacity:0;box-shadow:0 5px 10px #00000047}.settlement-loose-note-a{left:18px;top:15px;animation:settlementLooseA 1.25s ease-out calc(var(--money-delay) + .28s) both}.settlement-loose-note-b{right:9px;top:29px;animation:settlementLooseB 1.35s ease-out calc(var(--money-delay) + .35s) both}.settlement-hat-flight{position:absolute;z-index:25;display:grid;justify-items:center;width:184px;transform:translate(-50%,-50%) scale(.18) rotate(-32deg);transform-origin:50% 68%;animation:settlementHatFlight 2.05s cubic-bezier(.16,.72,.22,1) var(--hat-delay) both}.settlement-hat-flight img{display:block;width:168px;height:112px;object-fit:contain;filter:drop-shadow(0 14px 11px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(255,70,111,.22))}.settlement-hat-flight strong{margin-top:-15px;padding:4px 13px;border:1px solid rgba(255,119,147,.45);border-radius:999px;background:linear-gradient(180deg,#841838f5,#450d23fa);color:#fff4f7;font-size:13px;font-weight:950;letter-spacing:.16em;box-shadow:0 6px 14px #00000059}.settlement-hat-flight em{margin-top:4px;color:#ff91ab;font-size:12px;font-style:normal;font-weight:900;text-shadow:0 2px 8px #000}.settlement-hat-trail{position:absolute;left:50%;top:42%;width:190px;height:22px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,72,119,.05) 20%,rgba(255,97,137,.62));filter:blur(5px);transform:translate(-82%,-50%) rotate(-12deg);opacity:.8}.settlement-loser-impact{position:absolute;z-index:7;width:112px;height:112px;border:2px solid rgba(255,91,131,.7);border-radius:50%;background:radial-gradient(circle,rgba(255,73,117,.32),transparent 65%);box-shadow:0 0 42px #ff2f6566,inset 0 0 28px #ff88a533;transform:translate(-50%,-50%) scale(.1);animation:settlementLoserImpact .95s ease-out calc(var(--hat-delay) + 1.42s) both}.settlement-scene-draw .settlement-vignette{background:radial-gradient(circle at 50% 44%,#9a7eff2e,#0605189e 70%);animation-duration:3.4s}.settlement-scene-draw .settlement-stage-title{top:42%;animation-duration:3.25s}.settlement-scene-draw .settlement-stage-title span{color:#bdaaff}.settlement-scene-draw .settlement-stage-title strong{text-shadow:0 0 28px rgba(147,107,255,.65)}@keyframes settlementVignette{0%{opacity:0}8%,88%{opacity:1}to{opacity:0}}@keyframes settlementTitle{0%{opacity:0;transform:translate(-50%,-18px) scale(.9);filter:blur(7px)}10%{opacity:1;transform:translate(-50%) scale(1);filter:blur(0) drop-shadow(0 8px 20px rgba(0,0,0,.54))}84%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.96)}}@keyframes settlementBank{0%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotate(-7deg);filter:blur(8px)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.13) rotate(2deg);filter:blur(0)}25%,66%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}86%{opacity:.62;transform:translate(-50%,-50%) scale(.82)}to{opacity:0;transform:translate(-50%,-50%) scale(.55)}}@keyframes settlementAura{0%{opacity:.5;transform:translate(-50%,-50%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes settlementSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(0)}18%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) rotate(180deg) scale(.25)}}@keyframes settlementMoneyFlight{0%{opacity:0;transform:translate(-50%,-50%) scale(.16) rotate(0)}13%{opacity:1;transform:translate(-50%,-72%) scale(.78) rotate(var(--money-tilt))}47%{opacity:1;transform:translate(-50%,-88%) scale(.82) rotate(-4deg)}82%{opacity:1;transform:translate(calc(-50% + var(--money-x)),calc(-50% + var(--money-y) - 18px)) scale(.62) rotate(3deg)}94%{opacity:1;transform:translate(calc(-50% + var(--money-x)),calc(-50% + var(--money-y))) scale(.56) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--money-x)),calc(-50% + var(--money-y))) scale(.48)}}@keyframes settlementWinnerGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}34%{opacity:1;transform:translate(-50%,-50%) scale(1.16)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes settlementLooseA{0%{opacity:0;transform:translate(0) rotate(-8deg) scale(.5)}25%{opacity:.95}to{opacity:0;transform:translate(-36px,-62px) rotate(-26deg) scale(.9)}}@keyframes settlementLooseB{0%{opacity:0;transform:translate(0) rotate(9deg) scale(.5)}24%{opacity:.95}to{opacity:0;transform:translate(45px,-48px) rotate(32deg) scale(.86)}}@keyframes settlementHatFlight{0%{opacity:0;transform:translate(-50%,-180%) scale(.28) rotate(-26deg);filter:blur(8px)}12%{opacity:1;transform:translate(-50%,-112%) scale(1.02) rotate(13deg);filter:blur(0)}30%{opacity:1;transform:translate(-50%,-130%) scale(1.08) rotate(-8deg)}68%{opacity:1;transform:translate(calc(-50% + var(--hat-x)),calc(-50% + var(--hat-y) - 52px)) scale(.96) rotate(7deg)}82%{opacity:1;transform:translate(calc(-50% + var(--hat-x)),calc(-50% + var(--hat-y) + 7px)) scale(1.02,.9) rotate(-3deg)}91%{opacity:1;transform:translate(calc(-50% + var(--hat-x)),calc(-50% + var(--hat-y) - 7px)) scale(.96,1.03) rotate(2deg)}to{opacity:1;transform:translate(calc(-50% + var(--hat-x)),calc(-50% + var(--hat-y))) scale(.93) rotate(0)}}@keyframes settlementLoserImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}@media(max-width:600px){.settlement-bank{scale:.88}.settlement-stage-title{top:8%}.settlement-hat-flight{width:156px}.settlement-hat-flight img{width:144px;height:96px}}@media(prefers-reduced-motion:reduce){.settlement-scene *,.settlement-scene *:before,.settlement-scene *:after{animation-duration:.001ms!important;animation-delay:0ms!important}}.auth-screen{height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}.auth-screen::-webkit-scrollbar{width:0;display:none}@media(max-width:430px){.auth-screen{align-content:start;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}.auth-main{gap:18px;padding:22px 0 20px}.auth-eyebrow{margin-bottom:12px}.auth-promo h1{font-size:clamp(3rem,13vw,4.4rem)!important}.auth-hint{margin-block:20px;line-height:1.5}.auth-feature{min-height:66px}.auth-card-caption{margin-bottom:16px}.auth-screen .auth-tabs{margin-bottom:18px}.auth-screen .auth-field{margin-bottom:12px}.auth-screen .auth-field input{min-height:48px;padding-block:12px}.auth-screen .auth-btn{min-height:54px}}#menu-screen .menu-stage{position:relative;z-index:0;flex-shrink:0;padding:0 14px 14px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.105);border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(117,87,255,.15),transparent 40%),linear-gradient(155deg,#181830f5,#0a0a17fa);box-shadow:inset 0 1px #ffffff0b,0 20px 44px #0000003d}#menu-screen .menu-stage:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.022) 50%,transparent 50.2%),radial-gradient(circle at 88% 8%,rgba(255,76,136,.1),transparent 28%);pointer-events:none}#menu-screen .menu-stage .menu-top{position:relative;z-index:3;margin:0;padding:12px 2px 10px;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;border-radius:0;background:transparent!important;box-shadow:none!important}#menu-screen .menu-stage .menu-balance-pill{border-color:#ffffff1a!important;background:#07071280!important}#menu-screen .menu-stage .menu-hero{position:relative;z-index:1;margin:0}#menu-screen .menu-stage .menu-quick-play-card{border-color:#a895ff3d!important;background:linear-gradient(110deg,#7557ff38,#ff4c8814),#0a0a19c2!important;box-shadow:inset 0 1px #ffffff0f,0 10px 25px #0003!important}#menu-screen .menu-options-heading{display:flex;align-items:center;justify-content:space-between;min-height:20px;padding:0 4px;color:#ece9fac2;font-size:9px;line-height:1;font-weight:850;letter-spacing:.16em}#menu-screen .menu-options-heading span:last-child{color:#a895ff80;font-size:8px}@media(max-width:820px){#menu-screen{gap:10px!important}#menu-screen .menu-stage{padding:0 10px 10px;border-radius:20px}#menu-screen .menu-stage .menu-top{min-height:59px;padding:8px 1px}#menu-screen .menu-stage .menu-hero{grid-template-rows:184px auto;gap:8px;padding:2px 0 0}#menu-screen .menu-stage .menu-cards-display,#menu-screen .menu-stage .menu-cards-stack{height:184px;min-height:184px}#menu-screen .menu-stage .menu-cards-art{max-height:184px}#menu-screen .menu-options-heading{min-height:16px}#menu-screen .menu-options-list{grid-template-rows:116px 44px 116px;gap:6px}#menu-screen .menu-option-bot,#menu-screen .menu-option-private{min-height:116px;height:116px}#menu-screen .menu-option-join,#menu-screen .menu-option-create{min-height:166px;height:166px}}@media(max-width:430px)and (max-height:760px){#menu-screen{gap:7px!important}#menu-screen .menu-stage .menu-hero{grid-template-rows:148px auto}#menu-screen .menu-stage .menu-cards-display,#menu-screen .menu-stage .menu-cards-stack{height:148px;min-height:148px}#menu-screen .menu-stage .menu-cards-art{max-height:148px}#menu-screen .menu-options-list{grid-template-rows:102px 34px 102px}#menu-screen .menu-option-bot,#menu-screen .menu-option-private{min-height:102px;height:102px}#menu-screen .menu-option-join,#menu-screen .menu-option-create{min-height:142px;height:142px}}.podium-player{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.podium-player .podium-avatar,.rating-row .rating-avatar{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.podium-player:hover .podium-avatar,.rating-row:hover .rating-avatar{border-color:#ff75b0cc;box-shadow:0 0 24px #7557ff57;transform:translateY(-2px)}.podium-player:focus-visible,.rating-row:focus-visible,.rating-my-bar:focus-visible{outline:2px solid #a895ff;outline-offset:3px}.rating-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;border-bottom:1px solid var(--border);color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.rating-my-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.player-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30000;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(117,87,255,.18),transparent 38%),#04040ed1;animation:playerProfileOverlayIn .24s ease-out both}.player-profile-overlay.is-closing{animation:playerProfileOverlayOut .24s ease-in both}.player-profile-modal{--profile-accent: #a895ff;--profile-accent-rgb: 168, 149, 255;position:relative;width:min(100%,420px);max-height:min(720px,calc(100dvh - 36px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.13);border-radius:28px;color:#fff;background:linear-gradient(180deg,#1b1837fa,#0b0b1bfc);box-shadow:0 34px 90px #00000094,0 0 0 1px rgba(var(--profile-accent-rgb),.1),inset 0 1px #ffffff14;scrollbar-width:none;animation:playerProfileCardIn .38s cubic-bezier(.2,.85,.25,1.08) both}.player-profile-modal::-webkit-scrollbar{display:none}.player-profile-overlay.is-closing .player-profile-modal{animation:playerProfileCardOut .22s ease-in both}.player-profile-legend{--profile-accent: #ffca68;--profile-accent-rgb: 255, 202, 104}.player-profile-master{--profile-accent: #ff75b0;--profile-accent-rgb: 255, 117, 176}.player-profile-pro{--profile-accent: #9c83ff;--profile-accent-rgb: 156, 131, 255}.player-profile-skilled{--profile-accent: #68d7ff;--profile-accent-rgb: 104, 215, 255}.player-profile-rookie{--profile-accent: #7be3ad;--profile-accent-rgb: 123, 227, 173}.player-profile-close{position:absolute;top:14px;right:14px;z-index:5;width:36px;height:36px;display:grid;place-items:center;padding:0 0 2px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#ffffffc7;background:#0808168c;box-shadow:inset 0 1px #ffffff14;font:400 25px/1 Manrope,sans-serif;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.player-profile-close:hover{color:#fff;background:#ffffff21;transform:rotate(4deg) scale(1.04)}.player-profile-hero{position:relative;height:295px;background:radial-gradient(circle at 50% 76%,rgba(var(--profile-accent-rgb),.34),transparent 40%),linear-gradient(135deg,#7557ff4d,#ff4c881f 56%,#0909181a);border-bottom:1px solid rgba(var(--profile-accent-rgb),.2)}.player-profile-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%)}.player-profile-place{position:absolute;top:22px;left:22px;z-index:2;color:#ffffff94;font-size:10px;font-weight:900;letter-spacing:.16em}.player-profile-suit{position:absolute;color:rgba(var(--profile-accent-rgb),.12);font-family:Georgia,serif;line-height:1;-webkit-user-select:none;user-select:none}.player-profile-suit-a{left:8px;bottom:-9px;font-size:112px;transform:rotate(-16deg)}.player-profile-suit-b{right:24px;top:42px;font-size:74px;transform:rotate(14deg)}.player-profile-suit-c{right:106px;top:15px;font-size:34px;transform:rotate(-10deg)}.player-profile-avatar-ring{position:absolute;left:50%;bottom:12px;z-index:3;width:230px;max-width:none;height:230px;padding:4px;border-radius:30px;background:linear-gradient(145deg,#fff,var(--profile-accent) 42%,#ff4c88);box-shadow:0 18px 38px #00000075,0 0 32px rgba(var(--profile-accent-rgb),.38);transform:translate(-50%)}.player-profile-avatar{position:relative;isolation:isolate;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:4px solid #111128;border-radius:25px;background:linear-gradient(145deg,#2b2854,#15152d);font-size:190px}.player-profile-avatar-main{--profile-photo-side-inset: 0px;--profile-photo-fade-width: 24px;position:relative;z-index:1;width:100%;height:100%;min-width:0;min-height:0;border-radius:inherit;object-fit:contain;object-position:center;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent var(--profile-photo-side-inset),#000 calc(var(--profile-photo-side-inset) + var(--profile-photo-fade-width)),#000 calc(100% - var(--profile-photo-side-inset) - var(--profile-photo-fade-width)),transparent calc(100% - var(--profile-photo-side-inset)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent var(--profile-photo-side-inset),#000 calc(var(--profile-photo-side-inset) + var(--profile-photo-fade-width)),#000 calc(100% - var(--profile-photo-side-inset) - var(--profile-photo-fade-width)),transparent calc(100% - var(--profile-photo-side-inset)),transparent 100%);pointer-events:none}.player-profile-avatar-blur{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:0;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;opacity:.78;filter:blur(22px) brightness(.58) saturate(.88);transform:scale(1.08);pointer-events:none}.player-profile-avatar.has-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:linear-gradient(90deg,rgba(17,17,40,.28) 0%,rgba(17,17,40,.08) 13%,transparent 27%,transparent 73%,rgba(17,17,40,.08) 87%,rgba(17,17,40,.28) 100%);box-shadow:inset 0 0 30px #1111283d;pointer-events:none}.player-profile-content{display:flex;flex-direction:column;align-items:center;padding:20px 22px}.player-profile-content h3{max-width:100%;margin:0;overflow:hidden;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.player-profile-rank{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:6px 12px;border:1px solid rgba(var(--profile-accent-rgb),.28);border-radius:999px;color:var(--profile-accent);background:rgba(var(--profile-accent-rgb),.09);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.player-profile-rank span{font-size:14px;line-height:1}.player-profile-rating{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin-top:20px;padding:15px 16px;border:1px solid rgba(var(--profile-accent-rgb),.2);border-radius:17px;background:linear-gradient(110deg,rgba(var(--profile-accent-rgb),.12),#ffffff06);box-shadow:inset 0 1px #ffffff0d}.player-profile-rating-label{color:#ffffff75;font-size:10px;font-weight:900;letter-spacing:.15em}.player-profile-rating strong{color:#fff0bd;font-size:23px;font-weight:900;letter-spacing:-.03em}.player-profile-rating-delta{color:#69e5aa;font-size:10px}.player-profile-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.player-profile-stats>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:13px 5px 11px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#ffffff09}.player-profile-stats strong{color:#fff;font-size:19px;font-weight:900}.player-profile-stats span{color:#ffffff6b;font-size:10px;font-weight:700}.player-profile-stats>div:first-child strong{color:#6ee7ad}.player-profile-stats>div:nth-child(2) strong{color:#ff7c9f}.player-profile-progress{width:100%;margin-top:16px}.player-profile-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#ffffff7a;font-size:11px;font-weight:700}.player-profile-progress-head strong{color:#fff;font-size:12px}.player-profile-progress-track{height:7px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#d95c7c,#b94468);box-shadow:inset 0 1px 2px #0000003d,0 0 10px #d95c7c24}.player-profile-progress-track span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#43c98b,#69e5aa);box-shadow:0 0 14px #4fd39a6b;animation:playerProfileProgress .7s .18s cubic-bezier(.2,.8,.25,1) both}.player-profile-footer{display:flex;align-items:center;gap:7px;margin-top:17px;color:#ffffff59;font-size:10px;font-weight:700;letter-spacing:.02em}.player-profile-online-dot{width:6px;height:6px;border-radius:50%;background:#62e6aa;box-shadow:0 0 10px #62e6aabf}@keyframes playerProfileOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes playerProfileOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes playerProfileCardIn{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes playerProfileCardOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes playerProfileProgress{0%{transform:scaleX(0);transform-origin:left}}@media(max-width:460px){.player-profile-overlay{padding:11px 22px}.player-profile-modal{width:min(100%,350px);max-height:calc(100dvh - 22px);border-radius:23px}.player-profile-hero{height:280px}.player-profile-avatar-ring{width:220px;max-width:none;height:220px;bottom:10px;border-radius:28px}.player-profile-avatar{border-radius:23px;font-size:174px}.player-profile-content{padding:18px 15px 16px}.player-profile-content h3{font-size:22px}.player-profile-rating{margin-top:16px}}@media(max-width:360px){.player-profile-overlay{padding-inline:24px}.player-profile-modal{width:min(100%,300px)}.player-profile-avatar-ring{width:190px;height:190px}.player-profile-hero{height:250px}.player-profile-stats{gap:5px}.player-profile-stats>div{padding-inline:3px}}@media(max-height:650px){.player-profile-hero{height:230px}.player-profile-avatar-ring{width:170px;height:170px;bottom:8px;border-radius:24px}.player-profile-avatar{border-width:3px;border-radius:20px;font-size:142px}.player-profile-content{padding-top:16px}.player-profile-rating{margin-top:12px;padding-block:11px}.player-profile-stats>div{padding-block:9px}.player-profile-progress{margin-top:12px}.player-profile-footer{margin-top:11px}}@media(prefers-reduced-motion:reduce){.player-profile-overlay,.player-profile-overlay.is-closing,.player-profile-modal,.player-profile-overlay.is-closing .player-profile-modal,.player-profile-progress-track span{animation-duration:.001ms!important}}:root,:root[data-theme=violet]{--theme-bg: #090a15;--theme-bg-2: #101122;--theme-bg-rgb: 9, 10, 21;--theme-panel: #181930;--theme-panel-rgb: 24, 25, 48;--theme-panel-2: #242047;--theme-panel-2-rgb: 36, 32, 71;--theme-primary: #7557ff;--theme-primary-rgb: 117, 87, 255;--theme-secondary: #ff4c88;--theme-secondary-rgb: 255, 76, 136;--theme-soft: #a895ff;--theme-soft-rgb: 168, 149, 255;--theme-text: #f8f7ff;--theme-text-dim: #a5a4b8;--theme-text-muted: #77778c;--theme-gold: #ffcf5a}:root[data-theme=emerald]{--theme-bg: #05110d;--theme-bg-2: #0a1c15;--theme-bg-rgb: 5, 17, 13;--theme-panel: #10261d;--theme-panel-rgb: 16, 38, 29;--theme-panel-2: #173d2d;--theme-panel-2-rgb: 23, 61, 45;--theme-primary: #20c997;--theme-primary-rgb: 32, 201, 151;--theme-secondary: #9be26d;--theme-secondary-rgb: 155, 226, 109;--theme-soft: #7ee0bd;--theme-soft-rgb: 126, 224, 189;--theme-text: #f3fff9;--theme-text-dim: #a2bcb0;--theme-text-muted: #708b7f;--theme-gold: #f5d26d}:root[data-theme=ocean]{--theme-bg: #05101d;--theme-bg-2: #091b2d;--theme-bg-rgb: 5, 16, 29;--theme-panel: #10253a;--theme-panel-rgb: 16, 37, 58;--theme-panel-2: #143b58;--theme-panel-2-rgb: 20, 59, 88;--theme-primary: #3388ff;--theme-primary-rgb: 51, 136, 255;--theme-secondary: #35d4e8;--theme-secondary-rgb: 53, 212, 232;--theme-soft: #83bdff;--theme-soft-rgb: 131, 189, 255;--theme-text: #f4faff;--theme-text-dim: #a1b6ca;--theme-text-muted: #6d8499;--theme-gold: #ffd16e}:root[data-theme=ruby]{--theme-bg: #15070c;--theme-bg-2: #250b14;--theme-bg-rgb: 21, 7, 12;--theme-panel: #35101e;--theme-panel-rgb: 53, 16, 30;--theme-panel-2: #542039;--theme-panel-2-rgb: 84, 32, 57;--theme-primary: #e4426f;--theme-primary-rgb: 228, 66, 111;--theme-secondary: #ff8b55;--theme-secondary-rgb: 255, 139, 85;--theme-soft: #ff9db7;--theme-soft-rgb: 255, 157, 183;--theme-text: #fff6f8;--theme-text-dim: #c6a4ad;--theme-text-muted: #916f78;--theme-gold: #ffd071}:root[data-theme=amber]{--theme-bg: #140d05;--theme-bg-2: #241808;--theme-bg-rgb: 20, 13, 5;--theme-panel: #34240f;--theme-panel-rgb: 52, 36, 15;--theme-panel-2: #503a19;--theme-panel-2-rgb: 80, 58, 25;--theme-primary: #e6ad35;--theme-primary-rgb: 230, 173, 53;--theme-secondary: #ff7048;--theme-secondary-rgb: 255, 112, 72;--theme-soft: #ffd17b;--theme-soft-rgb: 255, 209, 123;--theme-text: #fffaf0;--theme-text-dim: #c9b696;--theme-text-muted: #907e61;--theme-gold: #ffe08b}:root[data-theme=aurora]{--theme-bg: #051018;--theme-bg-2: #0a1c25;--theme-bg-rgb: 5, 16, 24;--theme-panel: #102b31;--theme-panel-rgb: 16, 43, 49;--theme-panel-2: #243759;--theme-panel-2-rgb: 36, 55, 89;--theme-primary: #43d7c3;--theme-primary-rgb: 67, 215, 195;--theme-secondary: #9a6cff;--theme-secondary-rgb: 154, 108, 255;--theme-soft: #8fe9dc;--theme-soft-rgb: 143, 233, 220;--theme-text: #f2fffd;--theme-text-dim: #a1bfbe;--theme-text-muted: #708d90;--theme-gold: #ffd56f}:root[data-theme=graphite]{--theme-bg: #080a0e;--theme-bg-2: #101319;--theme-bg-rgb: 8, 10, 14;--theme-panel: #1a1e27;--theme-panel-rgb: 26, 30, 39;--theme-panel-2: #2a303c;--theme-panel-2-rgb: 42, 48, 60;--theme-primary: #aab4c8;--theme-primary-rgb: 170, 180, 200;--theme-secondary: #eef1f7;--theme-secondary-rgb: 238, 241, 247;--theme-soft: #d0d6e1;--theme-soft-rgb: 208, 214, 225;--theme-text: #f8f9fb;--theme-text-dim: #afb5bf;--theme-text-muted: #767e8b;--theme-gold: #e9c975}:root{--bg-0: var(--theme-bg);--bg-1: var(--theme-bg-2);--panel: rgba(var(--theme-panel-rgb), .76);--panel-solid: var(--theme-panel);--border: rgba(var(--theme-soft-rgb), .14);--border-strong: rgba(var(--theme-soft-rgb), .28);--accent: var(--theme-primary);--accent-2: var(--theme-secondary);--text: var(--theme-text);--text-dim: var(--theme-text-dim);--text-muted: var(--theme-text-muted);--gold: var(--theme-gold);--red: var(--theme-secondary)}html,body,#root{color:var(--theme-text);background:var(--theme-bg)!important}body{background:radial-gradient(circle at 12% 18%,rgba(var(--theme-primary-rgb),.25),transparent 30rem),radial-gradient(circle at 92% 82%,rgba(var(--theme-secondary-rgb),.16),transparent 27rem),var(--theme-bg)!important;transition:background-color .28s ease,color .28s ease}body:before,.auth-screen:before,.splash-screen:before{background-image:linear-gradient(rgba(var(--theme-soft-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--theme-soft-rgb),.055) 1px,transparent 1px)!important}.tab-content{scrollbar-color:rgba(var(--theme-primary-rgb),.55) transparent}#menu-screen:before,.menu-user-rank,.menu-options-heading span:last-child,.menu-currency,.room-code-chip,.your-turn-text,.hand-turn-text{color:var(--theme-soft)!important}.menu-avatar-circle,.profile-simple-avatar,.profile-avatar-preview{background:linear-gradient(145deg,var(--theme-primary),var(--theme-secondary))!important;box-shadow:0 12px 30px rgba(var(--theme-primary-rgb),.28),inset 0 1px #ffffff3b!important}#menu-screen .menu-stage{border-color:rgba(var(--theme-soft-rgb),.16)!important;background:radial-gradient(circle at 50% 42%,rgba(var(--theme-primary-rgb),.15),transparent 40%),linear-gradient(155deg,rgba(var(--theme-panel-rgb),.96),rgba(var(--theme-bg-rgb),.98))!important}#menu-screen .menu-stage:before{background:linear-gradient(90deg,transparent 0 49.8%,rgba(var(--theme-soft-rgb),.035) 50%,transparent 50.2%),radial-gradient(circle at 88% 8%,rgba(var(--theme-secondary-rgb),.13),transparent 28%)!important}#menu-screen .menu-stage .menu-balance-pill{border-color:rgba(var(--theme-soft-rgb),.15)!important;background:rgba(var(--theme-bg-rgb),.58)!important}#menu-screen .menu-stage .menu-quick-play-card,.menu-quick-play-card{border-color:rgba(var(--theme-soft-rgb),.3)!important;background:linear-gradient(110deg,rgba(var(--theme-primary-rgb),.33),rgba(var(--theme-secondary-rgb),.13)),rgba(var(--theme-bg-rgb),.76)!important;box-shadow:inset 0 1px #ffffff12,0 14px 34px rgba(var(--theme-primary-rgb),.2)!important}.menu-option-card,.menu-option-card:nth-child(2n){border-color:rgba(var(--theme-soft-rgb),.15)!important;background:linear-gradient(145deg,rgba(var(--theme-panel-2-rgb),.72),rgba(var(--theme-bg-rgb),.88))!important}.menu-option-card:hover{border-color:rgba(var(--theme-soft-rgb),.55)!important;background:linear-gradient(145deg,rgba(var(--theme-primary-rgb),.28),rgba(var(--theme-panel-rgb),.92))!important;box-shadow:0 18px 36px rgba(var(--theme-primary-rgb),.2),inset 0 1px #ffffff14!important}.menu-option-suit{color:rgba(var(--theme-soft-rgb),.09)!important}.menu-card-spark{color:var(--theme-secondary)!important;text-shadow:0 0 14px rgba(var(--theme-secondary-rgb),.75)!important}.bottom-nav{border-color:rgba(var(--theme-soft-rgb),.15)!important;background:rgba(var(--theme-panel-rgb),.88)!important;box-shadow:0 18px 50px #0000005c,inset 0 1px rgba(var(--theme-soft-rgb),.08)!important}.bottom-nav-icon-wrap.active,.profile-avatar-edit-btn,.profile-winrate-fill,.podium-bar-1{color:#fff!important;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;box-shadow:0 9px 25px rgba(var(--theme-primary-rgb),.34),inset 0 1px #ffffff38!important}.profile-pill,.profile-stat-card,.profile-menu-list,.rating-list,.rating-my-bar,.podium-bar,.room-card,.rooms-empty,.profile-state-card{border-color:rgba(var(--theme-soft-rgb),.14)!important;background:rgba(var(--theme-panel-rgb),.78)!important}.profile-rank,.profile-winrate-pct,.profile-avatar-initials,.podium-initials,.podium-rating,.podium-place,.rating-arrow,.rating-avatar-text,.rating-balance,.rating-my-place,.auth-link,.rating-my-text strong{color:var(--theme-soft)!important}.profile-menu-row:hover,.rating-row:hover{background:rgba(var(--theme-primary-rgb),.1)!important}.podium-player:hover .podium-avatar,.rating-row:hover .rating-avatar{border-color:rgba(var(--theme-secondary-rgb),.8)!important;box-shadow:0 0 24px rgba(var(--theme-primary-rgb),.35)!important}.podium-player:focus-visible,.rating-row:focus-visible,.rating-my-bar:focus-visible{outline-color:var(--theme-soft)!important}.auth-screen,.splash-screen,.splash-v2{background:radial-gradient(circle at 15% 18%,rgba(var(--theme-primary-rgb),.3),transparent 26rem),radial-gradient(circle at 88% 80%,rgba(var(--theme-secondary-rgb),.2),transparent 25rem),var(--theme-bg)!important}.auth-card,.auth-screen .auth-card{border-color:rgba(var(--theme-soft-rgb),.15)!important;background:rgba(var(--theme-panel-rgb),.82)!important}.auth-card:before{background:linear-gradient(90deg,transparent,var(--theme-primary),var(--theme-secondary),transparent)!important}.auth-icon,.auth-brand-mark,.splash-v2-logo{background:conic-gradient(var(--theme-primary) 0 48%,var(--theme-secondary) 48%)!important;box-shadow:0 0 30px rgba(var(--theme-primary-rgb),.34)!important}.auth-title span,.auth-eyebrow,.auth-card-caption{color:var(--theme-soft)!important}.auth-tabs,.auth-screen .auth-tabs{border-color:rgba(var(--theme-soft-rgb),.13)!important;background:rgba(var(--theme-bg-rgb),.58)!important}.auth-tabs button.active,.auth-screen .auth-tabs button.active,.auth-btn,.auth-screen .auth-btn,.btn-primary,.profile-avatar-save{color:#fff!important;border-color:transparent!important;background:linear-gradient(110deg,var(--theme-primary),var(--theme-secondary))!important;box-shadow:0 13px 32px rgba(var(--theme-primary-rgb),.3),inset 0 1px #fff3!important}.auth-field input,.auth-screen .auth-field input{border-color:rgba(var(--theme-soft-rgb),.14)!important;color:var(--theme-text)!important;background:rgba(var(--theme-bg-rgb),.62)!important}.auth-field input:focus,.auth-screen .auth-field input:focus{border-color:var(--theme-primary)!important;box-shadow:0 0 0 3px rgba(var(--theme-primary-rgb),.18)!important}.splash-title,.splash-v2-wordmark{background:linear-gradient(110deg,var(--theme-primary),var(--theme-soft) 45%,var(--theme-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important}.splash-v2-flare,.splash-v2-loader:after{background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary))!important}.modal{background:rgba(var(--theme-bg-rgb),.78)!important}.modal-content,.avatar-modal,.opp-card,.profile-avatar-modal,.player-profile-modal{border-color:rgba(var(--theme-soft-rgb),.18)!important;background:radial-gradient(circle at 88% 8%,rgba(var(--theme-secondary-rgb),.14),transparent 35%),linear-gradient(150deg,rgba(var(--theme-panel-2-rgb),.98),rgba(var(--theme-bg-rgb),.99) 64%)!important}.modal-content h2{background:linear-gradient(110deg,var(--theme-soft),var(--theme-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important}.setup-count-btn,.avatar-option,.avatar-tab,.join-code-input,.room-code-chip{border-color:rgba(var(--theme-soft-rgb),.14)!important;background:rgba(var(--theme-bg-rgb),.55)!important}.setup-count-btn.active,.avatar-option.selected,.avatar-tab.active{border-color:var(--theme-primary)!important;background:rgba(var(--theme-primary-rgb),.2)!important}.btn-secondary,.btn-small{color:var(--theme-soft)!important;border-color:rgba(var(--theme-soft-rgb),.4)!important;background:rgba(var(--theme-primary-rgb),.12)!important}.game-screen{background:radial-gradient(circle at 50% 42%,rgba(var(--theme-primary-rgb),.17),transparent 32rem),radial-gradient(circle at 92% 88%,rgba(var(--theme-secondary-rgb),.11),transparent 24rem),var(--theme-bg)!important}.game-screen .game-actions{border-color:rgba(var(--theme-soft-rgb),.17)!important;background:linear-gradient(115deg,rgba(var(--theme-soft-rgb),.075),transparent 38%),rgba(var(--theme-panel-rgb),.84)!important}.action-text-btn,.btn-ready,.action-text-btn.btn-throw{color:#fff!important;border-color:rgba(var(--theme-soft-rgb),.2)!important;background:linear-gradient(110deg,var(--theme-primary),var(--theme-secondary))!important;box-shadow:0 10px 28px rgba(var(--theme-primary-rgb),.28),inset 0 1px #fff3!important}.action-text-btn.btn-throw:hover{background:linear-gradient(110deg,var(--theme-soft),var(--theme-secondary))!important}.avatar,.avatar-square,.opponent-area .avatar-opponent{border-color:rgba(var(--theme-soft-rgb),.62)!important;background:linear-gradient(145deg,rgba(var(--theme-primary-rgb),.25),rgba(var(--theme-secondary-rgb),.13)),var(--theme-panel)!important;box-shadow:0 0 0 1px rgba(var(--theme-soft-rgb),.22),0 10px 24px #00000073,0 0 24px rgba(var(--theme-primary-rgb),.19)!important}.timer-ring-css,.timer-ring-green{border-color:var(--theme-primary)!important}.game-stake-chip{color:var(--theme-gold)!important}.ai-victory-overlay{background:radial-gradient(circle at 50% 46%,rgba(var(--theme-primary-rgb),.34),transparent 30%),linear-gradient(160deg,rgba(var(--theme-bg-rgb),.97),rgba(var(--theme-panel-rgb),.985))!important}.ai-victory-content{background:linear-gradient(155deg,rgba(var(--theme-panel-2-rgb),.88),rgba(var(--theme-bg-rgb),.92))!important;box-shadow:inset 0 1px #ffffff1a,0 32px 80px #0000007a,0 0 70px rgba(var(--theme-primary-rgb),.2)!important}.ai-victory-kicker{color:var(--theme-soft)!important}.profile-screen.profile-simple{color:var(--theme-text)!important;background:radial-gradient(circle at 50% 15%,rgba(var(--theme-primary-rgb),.14),transparent 44%),transparent!important}.profile-simple-hero,.profile-simple-results{border-color:rgba(var(--theme-soft-rgb),.15)!important;background:linear-gradient(145deg,rgba(var(--theme-soft-rgb),.075),transparent 42%),rgba(var(--theme-panel-rgb),.84)!important}.profile-simple-hero:after{color:rgba(var(--theme-secondary-rgb),.05)!important}.profile-simple-glow{background:rgba(var(--theme-primary-rgb),.24)!important}.profile-simple-avatar-edit{background:rgba(var(--theme-bg-rgb),.88)!important}.profile-simple-avatar-edit:hover{background:rgba(var(--theme-primary-rgb),.92)!important}.profile-simple-rank,.profile-simple-currency{color:var(--theme-soft)!important}.profile-simple-rank-mark{color:var(--theme-secondary)!important}.profile-results-card-total{border-color:rgba(var(--theme-soft-rgb),.23)!important;background:linear-gradient(105deg,rgba(var(--theme-primary-rgb),.17),rgba(var(--theme-secondary-rgb),.09))!important}.profile-results-card-total .profile-results-card-symbol{color:var(--theme-soft)!important}.profile-results-ring:before{background:var(--theme-bg-2)!important}.profile-hero-actions{position:absolute;z-index:4;top:18px;right:18px;display:flex;align-items:center;gap:7px}.profile-hero-action,.profile-store-button{position:relative;top:auto;right:auto;display:flex;align-items:center;gap:6px;min-height:35px;padding:7px 10px;border:1px solid rgba(var(--theme-soft-rgb),.24);border-radius:11px;color:var(--theme-soft);font:inherit;font-size:10px;font-weight:760;background:linear-gradient(145deg,rgba(var(--theme-primary-rgb),.18),rgba(var(--theme-secondary-rgb),.09));box-shadow:inset 0 1px #ffffff14,0 8px 20px #0000002e;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-hero-action:hover,.profile-store-button:hover{transform:translateY(-2px);border-color:rgba(var(--theme-soft-rgb),.55);background:linear-gradient(145deg,rgba(var(--theme-primary-rgb),.3),rgba(var(--theme-secondary-rgb),.16))}.profile-hero-action svg,.profile-store-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-theme-button{color:var(--theme-gold)}.profile-simple-identity{padding-right:176px}.profile-avatar-upload{border-color:rgba(var(--theme-soft-rgb),.28)!important;background:rgba(var(--theme-primary-rgb),.12)!important}.profile-avatar-upload:hover{background:rgba(var(--theme-primary-rgb),.2)!important}.profile-avatar-options button:hover,.profile-avatar-options button.selected{border-color:rgba(var(--theme-soft-rgb),.68)!important;background:rgba(var(--theme-primary-rgb),.2)!important}.profile-store-modal{background:radial-gradient(circle at 86% 10%,rgba(var(--theme-secondary-rgb),.2),transparent 34%),linear-gradient(155deg,rgba(var(--theme-panel-2-rgb),.99),rgba(var(--theme-bg-rgb),.99) 58%)!important}.profile-store-balance{background:rgba(var(--theme-bg-rgb),.45)!important}.profile-store-balance strong{color:var(--theme-soft)!important}.profile-store-pack{border-color:rgba(var(--theme-soft-rgb),.26)!important;background:linear-gradient(135deg,rgba(var(--theme-primary-rgb),.15),rgba(var(--theme-secondary-rgb),.08)),rgba(var(--theme-bg-rgb),.55)!important}.profile-theme-backdrop{z-index:320}.profile-theme-modal{width:min(100%,510px);max-height:min(760px,calc(100dvh - 36px));overflow-y:auto;background:radial-gradient(circle at 88% 8%,rgba(var(--theme-secondary-rgb),.18),transparent 34%),linear-gradient(155deg,rgba(var(--theme-panel-2-rgb),.99),rgba(var(--theme-bg-rgb),.995) 64%)!important}.profile-theme-intro{margin:13px 0 16px;color:var(--theme-text-dim);font-size:11px;line-height:1.5}.profile-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-theme-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 21px;align-items:center;gap:10px;min-width:0;min-height:76px;padding:10px;overflow:hidden;border:1px solid rgba(var(--theme-soft-rgb),.13);border-radius:16px;color:var(--theme-text);text-align:left;background:rgba(var(--theme-panel-rgb),.62);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-theme-card:hover{transform:translateY(-2px);border-color:rgba(var(--theme-soft-rgb),.42);background:rgba(var(--theme-panel-2-rgb),.72)}.profile-theme-card.is-active{border-color:rgba(var(--theme-soft-rgb),.72);background:linear-gradient(125deg,rgba(var(--theme-primary-rgb),.22),rgba(var(--theme-secondary-rgb),.1));box-shadow:inset 0 0 0 1px rgba(var(--theme-soft-rgb),.09),0 10px 28px rgba(var(--theme-primary-rgb),.13)}.profile-theme-preview{position:relative;display:block;width:52px;height:52px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:radial-gradient(circle at 24% 23%,var(--theme-swatch-a),transparent 49%),radial-gradient(circle at 80% 80%,var(--theme-swatch-b),transparent 48%),var(--theme-swatch-bg);box-shadow:inset 0 1px #ffffff26,0 8px 18px #00000038}.profile-theme-preview i{position:absolute;display:block;border-radius:999px;background:#ffffffdb}.profile-theme-preview i:first-child{left:9px;bottom:9px;width:26px;height:5px}.profile-theme-preview i:nth-child(2){left:9px;bottom:18px;width:17px;height:5px;opacity:.68}.profile-theme-preview i:last-child{right:8px;top:8px;width:9px;height:9px;background:var(--theme-swatch-b);box-shadow:0 0 10px var(--theme-swatch-b)}.profile-theme-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.profile-theme-copy strong{overflow:hidden;color:var(--theme-text);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.profile-theme-copy small{color:var(--theme-text-muted);font-size:8px;font-weight:650;line-height:1.35}.profile-theme-check{display:grid;width:21px;height:21px;place-items:center;border:1px solid rgba(var(--theme-soft-rgb),.22);border-radius:50%;color:var(--theme-bg);font-size:12px;font-weight:900;background:rgba(var(--theme-soft-rgb),.06)}.profile-theme-card.is-active .profile-theme-check{border-color:transparent;background:var(--theme-soft)}.profile-theme-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(var(--theme-soft-rgb),.11)}.profile-theme-footer>span{display:flex;align-items:center;gap:7px;color:var(--theme-text-muted);font-size:9px;font-weight:700}.profile-theme-footer>span i{width:6px;height:6px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 9px rgba(var(--theme-primary-rgb),.8)}.profile-theme-footer>button{min-height:36px;padding:8px 18px;border:0;border-radius:11px;color:#fff;font:inherit;font-size:11px;font-weight:800;background:linear-gradient(110deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 9px 22px rgba(var(--theme-primary-rgb),.24);cursor:pointer}.player-profile-modal{--profile-accent: var(--theme-secondary) !important;--profile-accent-rgb: var(--theme-secondary-rgb) !important}.player-profile-rating strong{color:var(--theme-gold)!important}.player-profile-suit{color:rgba(var(--theme-soft-rgb),.08)!important}@media(max-width:540px){.profile-theme-grid{grid-template-columns:1fr}.profile-theme-modal{width:min(100%,410px)}}@media(max-width:430px){.profile-hero-actions{top:17px;right:15px;gap:6px}.profile-hero-action{width:36px;padding:7px;justify-content:center}.profile-hero-action>span{display:none}.profile-simple-identity{padding-right:82px}.profile-theme-backdrop{padding:11px}.profile-theme-modal{max-height:calc(100dvh - 22px);padding:17px;border-radius:22px}}.voice-remote-audio{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.voice-chat-control{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:58;transform:translate(-50%)}.voice-chat-button{position:relative;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(var(--theme-soft-rgb),.22);border-radius:50%;color:var(--theme-text-muted);background:rgba(var(--theme-panel-rgb),.86);box-shadow:0 10px 26px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.voice-chat-button:active{transform:scale(.92)}.voice-chat-button svg{width:21px;height:21px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.voice-chat-control.is-mic-on .voice-chat-button{border-color:#4ae8a68c;color:#55e9ac;background:#185f49b8;box-shadow:0 0 0 4px #4ae8a61c,0 0 22px #4ae8a63d,0 10px 28px #00000052}.voice-chat-control.is-mic-off .voice-chat-button{border-color:#ff5a858c;color:#ff7198;background:#671a37c7;box-shadow:0 0 0 4px #ff5a8517,0 0 20px #ff5a8533,0 10px 28px #00000052}.voice-chat-control.is-mic-on.is-connecting .voice-chat-button,.voice-chat-control.is-mic-on.is-waiting .voice-chat-button{animation:voiceChatPulse 1.45s ease-in-out infinite}.voice-chat-status-dot{position:absolute;right:2px;bottom:2px;width:8px;height:8px;border:2px solid rgba(var(--theme-panel-rgb),.95);border-radius:50%;background:#8790a6}.is-live .voice-chat-status-dot,.is-listening .voice-chat-status-dot{background:#55e9ac}.is-muted .voice-chat-status-dot,.is-blocked .voice-chat-status-dot{background:#ff7198}.is-connecting .voice-chat-status-dot,.is-requesting .voice-chat-status-dot,.is-waiting .voice-chat-status-dot{background:var(--theme-soft)}.voice-chat-slash{stroke-width:2.35}.voice-chat-message{position:absolute;left:50%;bottom:calc(100% + 7px);width:max-content;max-width:min(250px,78vw);padding:7px 10px;border:1px solid rgba(255,113,152,.28);border-radius:9px;color:#ffd3df;background:#260c1af0;box-shadow:0 8px 22px #00000047;font-size:10px;font-weight:700;line-height:1.3;text-align:center;transform:translate(-50%);pointer-events:none}@keyframes voiceChatPulse{0%,to{box-shadow:0 0 0 2px #4ae8a621,0 0 18px #4ae8a633,0 10px 26px #00000047}50%{box-shadow:0 0 0 8px #4ae8a600,0 0 25px #4ae8a64d,0 10px 26px #00000047}}@media(max-width:430px){.voice-chat-control{bottom:calc(100% + 4px)}}