:root{--primary-color: #ff0080;--secondary-color: #00d4ff;--accent-color: #ffd700;--dark-bg: #0a0e27;--darker-bg: #050814;--card-bg: rgba(15, 20, 40, .9);--text-primary: #ffffff;--text-secondary: #a0aec0;--red-player: #ff3366;--blue-player: #3366ff;--success: #00ff88;--warning: #ffaa00;--safe-top: 0px;--safe-right: 0px;--safe-bottom: 0px;--safe-left: 0px;--glow-primary: 0 0 20px var(--primary-color), 0 0 40px var(--primary-color);--glow-secondary: 0 0 20px var(--secondary-color), 0 0 40px var(--secondary-color);--shadow-heavy: 0 10px 40px rgba(0, 0, 0, .7);--shadow-card: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:#0a0e27}body{font-family:Rajdhani,sans-serif;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0a0e27);color:var(--text-primary);overflow:hidden;height:100%;min-height:100dvh;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.use-safe-area{--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}html[dir=rtl] body{direction:rtl}html[dir=rtl] .menu-container,html[dir=rtl] .lobby-screen,html[dir=rtl] .modal-content,html[dir=rtl] .chat-drawer,html[dir=rtl] .player-details,html[dir=rtl] .piece-selector,html[dir=rtl] .guide-panel{text-align:right}html[dir=rtl] .guide-overlay{justify-content:flex-start}html[dir=rtl] .top-hud-right{order:-1}html[dir=rtl] .chat-mute-btn{margin-right:0;margin-left:8px}html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] [contenteditable=true]{text-align:right}input,textarea,[contenteditable=true]{-webkit-user-select:text;-ms-user-select:text;user-select:text}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,212,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}body.has-background-skin:before{opacity:.35}.hidden{display:none!important}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--darker-bg) 0%,var(--dark-bg) 100%);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s ease}.loading-content{text-align:center;animation:slideUp .8s ease}.game-logo{margin-bottom:50px}.logo-text{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,0,128,.5);animation:pulse 2s ease-in-out infinite}.logo-subtitle{font-size:1.2rem;color:var(--text-secondary);letter-spacing:4px;margin-top:10px}.loading-bar-container{width:400px;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin:30px auto;box-shadow:inset 0 2px 5px #00000080}.loading-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:10px;width:0%;transition:width .3s ease;box-shadow:var(--glow-primary);animation:shimmer 2s linear infinite}.loading-text{color:var(--text-secondary);font-size:1rem;letter-spacing:2px}#main-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:hidden;direction:ltr}#menu-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.menu-container{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;min-height:100%;padding:clamp(18px,4vh,50px) clamp(18px,4vw,50px) clamp(14px,3vh,28px)}.menu-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0}.menu-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0 16px;margin-bottom:0}.menu-header-row .game-title{margin-bottom:0;text-align:left;align-self:center}.menu-header-row .coin-balance-chip{position:static!important;inset:auto!important;transform:none!important}.menu-header-row .inventory-cta{position:relative!important;inset:auto!important}.menu-tip{margin:20px 0 30px;padding:12px 18px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-align:center}.game-title{position:relative;margin-bottom:clamp(18px,5vh,80px);text-align:center}.title-main{font-family:Orbitron,sans-serif;font-size:clamp(2.8rem,6vh,6rem);font-weight:900;background:linear-gradient(45deg,#ff0080,#ff0080,#00d4ff,#00d4ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;text-shadow:0 0 40px rgba(255,0,128,.8);letter-spacing:clamp(4px,1vw,10px)}.title-sub{font-family:Orbitron,sans-serif;font-size:clamp(1.4rem,3.4vh,3rem);font-weight:700;color:var(--secondary-color);text-shadow:var(--glow-secondary);letter-spacing:clamp(6px,2vw,15px);margin-top:-10px}.title-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,0,128,.3),transparent 70%);filter:blur(60px);animation:rotate 20s linear infinite;will-change:transform;z-index:-1}.menu-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vh,20px);width:min(520px,90vw);min-width:0;margin-top:clamp(16px,3vh,36px)}.menu-buttons .menu-btn:first-child{grid-column:1 / -1}.menu-btn{position:relative;padding:clamp(12px,2.2vh,20px) clamp(18px,4vw,40px);font-family:Orbitron,sans-serif;font-size:clamp(.95rem,2.2vh,1.2rem);font-weight:700;background:var(--card-bg);border:2px solid rgba(255,255,255,.2);border-radius:clamp(12px,2vh,15px);color:var(--text-primary);cursor:pointer;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:15px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.btn-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.btn-subtext{font-size:clamp(.6rem,1.4vh,.75rem);letter-spacing:clamp(.08em,.16em,.18em);color:var(--text-secondary);text-transform:uppercase}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.menu-btn:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px #ff008066}.menu-btn:hover:before{left:100%}.menu-btn:disabled,.primary-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.menu-btn:disabled:before{left:-100%}.menu-btn.menu-btn-locked{opacity:.45;filter:grayscale(.5);position:relative}.menu-btn.menu-btn-locked:hover{transform:none;border-color:#fff3;box-shadow:none}.menu-lock-badge{position:absolute;top:8px;right:10px;font-size:1.1rem;filter:drop-shadow(0 0 4px rgba(255,200,0,.6));animation:lock-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes lock-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.primary-btn{background:linear-gradient(135deg,var(--primary-color),#c70060);border:none;box-shadow:0 10px 30px #ff008080;font-size:clamp(1.05rem,2.5vh,1.3rem);padding:clamp(14px,2.5vh,22px) clamp(20px,4.2vw,44px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.primary-btn:hover{box-shadow:var(--glow-primary);transform:translateY(-5px) scale(1.05)}.btn-icon{font-size:1.5rem}.friend-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.btn-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,0,128,.4),transparent 70%);filter:blur(20px);opacity:0;transition:opacity .3s ease;pointer-events:none}.primary-btn:hover .btn-glow{opacity:1}.menu-footer{position:relative;margin-top:clamp(8px,1.6vh,16px);padding-top:4px;padding-bottom:0;width:100%;text-align:center;color:var(--text-secondary);font-size:clamp(.9rem,1.8vh,1.1rem)}body.is-mobile #main-menu .menu-container{padding:16px calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}body.is-mobile #main-menu .menu-stack{justify-content:flex-start;gap:0}body.is-mobile #main-menu .game-title{align-self:flex-start;margin-bottom:8px;text-align:left}body.is-mobile #main-menu .menu-header-row .game-title{align-self:center;margin-bottom:0}body.is-mobile #main-menu .title-main{font-size:clamp(2.2rem,7vw,3.2rem);letter-spacing:4px}body.is-mobile #main-menu .title-sub{font-size:clamp(1rem,4.2vw,1.5rem);letter-spacing:6px}body.is-mobile #main-menu .title-glow{width:260px;height:260px;opacity:.75}body.is-mobile #main-menu .menu-buttons{width:100%;max-width:520px;margin-bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-radius:18px;background:#080c1ab3;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-top:18px}body.is-mobile #main-menu .menu-btn{flex-direction:row-reverse;justify-content:space-between;padding:14px 16px;gap:10px}body.is-mobile #main-menu .menu-buttons .menu-btn{width:100%}body.is-mobile #main-menu .menu-buttons .menu-btn .btn-label{align-items:flex-start;text-align:left}body.is-mobile #main-menu .menu-buttons .menu-btn:first-child{grid-column:1 / -1}body.is-mobile #main-menu .btn-label{align-items:flex-start}body.is-mobile #main-menu .btn-subtext{display:none}body.is-mobile #main-menu .btn-icon{font-size:1.2rem}body.is-mobile #main-menu .menu-buttons .menu-footer{grid-column:1 / -1;display:block;font-size:.85rem;opacity:.9;margin-top:8px}body.is-mobile #main-menu .inventory-cta{position:fixed;top:auto;bottom:calc(16px + var(--safe-bottom));right:16px;padding:10px 12px;border-radius:14px}body.is-mobile #main-menu .google-cta,body.is-mobile #main-menu .account-chip{position:fixed;top:auto;bottom:calc(16px + var(--safe-bottom));left:16px}body.is-mobile #main-menu .google-cta{padding:10px 12px;border-radius:14px;gap:8px}body.is-mobile #main-menu .google-cta .google-label{font-size:.7rem;letter-spacing:.12em}body.is-mobile #main-menu .google-cta .google-icon{width:20px;height:20px}body.is-mobile #main-menu .account-chip{width:52px;height:52px;border-radius:16px}body.is-mobile #main-menu .tc-balance-chip{position:fixed;top:calc(12px + var(--safe-top));left:auto;right:calc(180px + var(--safe-right));transform:none;padding:8px 12px;gap:6px;border-radius:14px}body.is-mobile #main-menu .tc-balance-label{font-size:.6rem}body.is-mobile #main-menu .tc-balance-value{font-size:.9rem}body.is-mobile #main-menu .account-avatar{width:28px;height:28px;border-radius:10px}body.is-mobile #main-menu .inventory-icon{width:40px;height:40px;border-radius:12px}body.is-mobile #main-menu .inventory-label{font-size:.7rem}body.is-mobile #main-menu .inventory-sub{display:none}@media(orientation:landscape){body.is-mobile #main-menu .inventory-cta{top:calc(14px + var(--safe-top));bottom:auto;right:calc(14px + var(--safe-right))}body.is-mobile #main-menu .google-cta,body.is-mobile #main-menu .account-chip{top:calc(14px + var(--safe-top));bottom:auto;left:calc(14px + var(--safe-left))}}body.is-mobile .lobby-screen{padding:16px calc(18px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(18px + var(--safe-left))}body.is-mobile .lobby-header{flex-direction:row;align-items:center;gap:10px;justify-content:space-between}body.is-mobile .lobby-title h1{font-size:1.6rem;letter-spacing:.18em}body.is-mobile .lobby-tabs{width:100%}body.is-mobile .lobby-tab{flex:1;text-align:center;padding:10px 12px;font-size:.75rem}body.is-mobile .lobby-grid{grid-template-columns:1fr;gap:14px}body.is-mobile .lobby-card{padding:16px;border-radius:16px}body.is-mobile .lobby-actions,body.is-mobile .lobby-verify{flex-direction:column;align-items:stretch}body.is-mobile .lobby-verify-actions{width:100%}body.is-mobile .lobby-list{max-height:clamp(160px,30vh,320px)}body.is-mobile .lobby-code-row{flex-direction:column;align-items:stretch}body.is-mobile .lobby-avatars{gap:8px}body.is-mobile .lobby-avatar{width:32px;height:32px}body.is-mobile .game-hud{padding:8px 10px;border-bottom:0;box-shadow:none;background:transparent}body.is-mobile .top-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}body.is-mobile .top-hud-right{display:flex;align-items:center;gap:6px}body.is-mobile .top-hud-right .player-info.player2{display:none}body.is-mobile .player-info{gap:8px}body.is-mobile .player-info.player1{display:flex;align-items:center;gap:0}body.is-mobile .player-info.player1 .player-avatar{grid-area:avatar}body.is-mobile .player-info.player1 .player-details{display:none}body.is-mobile .player-info.player1 .player-name{grid-area:name;margin-bottom:0;font-size:.95rem}body.is-mobile .player-info.player1 .player-score{grid-area:score;font-size:.75rem}body.is-mobile .player-info.player1 .turn-indicator{grid-area:turn;justify-self:start}body.is-mobile .avatar-circle{width:40px;height:40px;border-width:2px}body.is-mobile .game-info{justify-content:flex-end;gap:8px}body.is-mobile .turn-indicator{padding:4px 8px;font-size:.6rem;letter-spacing:1px}body.is-mobile .timer-container{padding:6px 8px}body.is-mobile .timer-value{font-size:.95rem}body.is-mobile .icon-btn{width:38px;height:38px;font-size:.95rem;border-radius:10px}body.is-mobile .piece-selector{top:50%;bottom:auto;transform:translateY(-50%);width:28vw;max-width:150px;max-height:28vh;padding:6px;border-width:1px;background:#0c102033}body.is-mobile .player1-selector{left:10px}body.is-mobile .player2-selector{right:10px}body.is-mobile .selector-title{font-size:.75rem;margin-bottom:6px}body.is-mobile .player-name-input{padding:5px 6px;font-size:.7rem;margin:6px 0}body.is-mobile .pieces-grid{max-height:none;overflow:visible;padding-right:0}body.is-mobile .piece-item{padding:6px 8px;min-height:36px;border-radius:10px}body.is-mobile .piece-label{display:none}body.is-mobile .piece-count{width:18px;height:18px;font-size:.65rem}body.is-mobile .size-1 .piece-visual{width:20px;height:20px}body.is-mobile .size-2 .piece-visual{width:28px;height:28px}body.is-mobile .size-3 .piece-visual{width:36px;height:36px}body.is-mobile .size-4 .piece-visual{width:28px;height:28px}body.is-mobile .size-5 .piece-visual{width:32px;height:32px}body.is-mobile .size-6 .piece-visual{width:36px;height:36px}@media(orientation:portrait){body.is-mobile .piece-selector{top:46%;width:38vw;max-width:190px;max-height:none}body.is-mobile .pieces-grid{gap:6px}body.is-mobile .piece-item{min-height:32px;padding:4px 6px}body.is-mobile .piece-count{width:16px;height:16px;font-size:.6rem}body.is-mobile .size-1 .piece-visual{width:18px;height:18px}body.is-mobile .size-2 .piece-visual{width:24px;height:24px}body.is-mobile .size-3 .piece-visual{width:30px;height:30px}body.is-mobile .size-4 .piece-visual{width:24px;height:24px}body.is-mobile .size-5 .piece-visual{width:28px;height:28px}body.is-mobile .size-6 .piece-visual{width:30px;height:30px}}@media(orientation:landscape){body.is-mobile .piece-selector{top:44%;width:30vw;max-width:170px;max-height:none;height:auto}body.is-mobile .pieces-grid{gap:6px}body.is-mobile .piece-item{min-height:32px;padding:4px 6px}}body.is-mobile.is-landscape #game-container{overflow-y:auto}body.is-mobile.is-landscape .piece-selector{top:48%;transform:translateY(-50%) translateY(-6px)}body.is-mobile.is-landscape .lobby-list{max-height:clamp(200px,42vh,420px)}body.is-mobile.is-landscape #lobby-panel-online .lobby-list{max-height:clamp(240px,50vh,520px)}body.is-mobile.is-landscape.compact-height #main-menu .menu-container{padding:12px calc(14px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(14px + var(--safe-left))}body.is-mobile.is-landscape.compact-height #main-menu .menu-stack{gap:10px}body.is-mobile.is-landscape.compact-height #main-menu .title-main{font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:4px}body.is-mobile.is-landscape.compact-height #main-menu .title-sub{font-size:clamp(.8rem,3.2vw,1.2rem);letter-spacing:6px}body.is-mobile.is-landscape.compact-height #main-menu .menu-buttons{gap:8px;padding:10px;margin-top:12px}body.is-mobile.is-landscape.compact-height #main-menu .menu-btn{padding:10px 12px;font-size:.85rem}body.is-mobile.is-landscape.compact-height #main-menu .btn-icon{font-size:1.05rem}body.is-mobile.is-landscape.compact-height #main-menu .menu-buttons .menu-footer{font-size:.75rem;margin-top:6px}body.is-mobile.is-landscape.compact-height #main-menu .inventory-cta{padding:8px 10px;border-radius:12px}body.is-mobile.is-landscape.compact-height .game-hud{padding:6px 8px}body.is-mobile.is-landscape.compact-height .game-info{gap:6px}body.is-mobile.is-landscape.compact-height .timer-container{padding:4px 6px}body.is-mobile.is-landscape.compact-height .timer-value{font-size:.85rem}body.is-mobile.is-landscape.compact-height .icon-btn{width:32px;height:32px;font-size:.85rem;border-radius:8px}body.is-mobile.is-landscape.compact-height .turn-indicator{padding:3px 6px;font-size:.55rem}body.is-mobile.is-landscape.compact-height .chat-drawer{width:180px;height:200px}body.is-mobile.is-landscape.compact-height .chat-toast{top:64px;font-size:.8rem}body.is-mobile.is-landscape.compact-height .piece-selector{width:24vw;max-width:140px;padding:5px}body.is-mobile.is-landscape.compact-height .pieces-grid{gap:5px}body.is-mobile.is-landscape.compact-height .piece-item{min-height:30px;padding:4px 6px;border-radius:8px}body.is-mobile.is-landscape.compact-height .piece-count{width:16px;height:16px;font-size:.6rem;top:4px;right:4px}body.is-mobile.is-landscape.compact-height .size-1 .piece-visual{width:18px;height:18px}body.is-mobile.is-landscape.compact-height .size-2 .piece-visual{width:24px;height:24px}body.is-mobile.is-landscape.compact-height .size-3 .piece-visual{width:30px;height:30px}body.is-mobile.is-landscape.compact-height .size-4 .piece-visual{width:24px;height:24px}body.is-mobile.is-landscape.compact-height .size-5 .piece-visual{width:28px;height:28px}body.is-mobile.is-landscape.compact-height .size-6 .piece-visual{width:30px;height:30px}body.is-mobile.is-landscape.ultra-compact-height #main-menu .menu-container{padding:10px calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left))}body.is-mobile.is-landscape.ultra-compact-height #main-menu .title-main{font-size:clamp(1.6rem,4.6vw,2.2rem)}body.is-mobile.is-landscape.ultra-compact-height #main-menu .title-sub{font-size:clamp(.7rem,3vw,1rem)}body.is-mobile.is-landscape.ultra-compact-height #main-menu .menu-buttons{gap:6px;padding:8px}body.is-mobile.is-landscape.ultra-compact-height #main-menu .menu-btn{padding:8px 10px;font-size:.8rem}body.is-mobile.is-landscape.ultra-compact-height .game-hud{padding:4px 6px}body.is-mobile.is-landscape.ultra-compact-height .timer-value{font-size:.75rem}body.is-mobile.is-landscape.ultra-compact-height .icon-btn{width:30px;height:30px;font-size:.8rem}body.is-mobile.is-landscape.ultra-compact-height .piece-selector{width:22vw;max-width:130px;padding:4px}body.is-mobile.is-landscape.ultra-compact-height .piece-item{min-height:26px;padding:3px 5px}body.is-mobile.is-landscape.ultra-compact-height .piece-count{width:14px;height:14px;font-size:.55rem}body.is-mobile.is-landscape.ultra-compact-height .size-1 .piece-visual{width:16px;height:16px}body.is-mobile.is-landscape.ultra-compact-height .size-2 .piece-visual{width:22px;height:22px}body.is-mobile.is-landscape.ultra-compact-height .size-3 .piece-visual{width:26px;height:26px}body.is-mobile.is-landscape.ultra-compact-height .size-4 .piece-visual{width:22px;height:22px}body.is-mobile.is-landscape.ultra-compact-height .size-5 .piece-visual{width:24px;height:24px}body.is-mobile.is-landscape.ultra-compact-height .size-6 .piece-visual{width:26px;height:26px}body.is-mobile.is-landscape.micro-height #main-menu .menu-container{padding:6px calc(10px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(10px + var(--safe-left))}body.is-mobile.is-landscape.micro-height #main-menu .menu-stack{gap:4px;overflow-y:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}body.is-mobile.is-landscape.micro-height #main-menu .game-title{margin-bottom:2px}body.is-mobile.is-landscape.micro-height #main-menu .title-main{font-size:clamp(1.2rem,3.8vw,1.8rem);letter-spacing:2px}body.is-mobile.is-landscape.micro-height #main-menu .title-sub{font-size:clamp(.55rem,2.4vw,.8rem);letter-spacing:4px;margin-top:-4px}body.is-mobile.is-landscape.micro-height #main-menu .title-glow{width:160px;height:160px;opacity:.5}body.is-mobile.is-landscape.micro-height #main-menu .menu-buttons{gap:5px;padding:6px;margin-top:4px;border-radius:12px}body.is-mobile.is-landscape.micro-height #main-menu .menu-btn{padding:7px 10px;font-size:.72rem;border-radius:8px;gap:6px}body.is-mobile.is-landscape.micro-height #main-menu .btn-icon{font-size:.9rem}body.is-mobile.is-landscape.micro-height #main-menu .menu-buttons .menu-footer{font-size:.65rem;margin-top:3px}body.is-mobile.is-landscape.micro-height #main-menu .inventory-cta{padding:5px 8px;border-radius:8px;font-size:.65rem}body.is-mobile.is-landscape.micro-height #main-menu .inventory-icon{font-size:.85rem}body.is-mobile.is-landscape.micro-height #main-menu .inventory-label{font-size:.6rem}body.is-mobile.is-landscape.micro-height #main-menu .google-cta,body.is-mobile.is-landscape.micro-height #main-menu .account-chip{padding:4px 8px;border-radius:8px;font-size:.6rem}body.is-mobile.is-landscape.micro-height .game-hud{padding:3px 6px}body.is-mobile.is-landscape.micro-height .game-info{gap:4px}body.is-mobile.is-landscape.micro-height .timer-container{padding:2px 5px}body.is-mobile.is-landscape.micro-height .timer-value{font-size:.7rem}body.is-mobile.is-landscape.micro-height .icon-btn{width:26px;height:26px;font-size:.75rem;border-radius:6px}body.is-mobile.is-landscape.micro-height .turn-indicator{padding:2px 5px;font-size:.5rem}body.is-mobile.is-landscape.micro-height .piece-selector{width:20vw;max-width:115px;padding:3px}body.is-mobile.is-landscape.micro-height .pieces-grid{gap:3px}body.is-mobile.is-landscape.micro-height .piece-item{min-height:24px;padding:2px 4px;border-radius:6px}body.is-mobile.is-landscape.micro-height .piece-count{width:12px;height:12px;font-size:.5rem}body.is-mobile.is-landscape.micro-height .size-1 .piece-visual{width:14px;height:14px}body.is-mobile.is-landscape.micro-height .size-2 .piece-visual{width:18px;height:18px}body.is-mobile.is-landscape.micro-height .size-3 .piece-visual{width:22px;height:22px}body.is-mobile.is-landscape.micro-height .size-4 .piece-visual{width:18px;height:18px}body.is-mobile.is-landscape.micro-height .size-5 .piece-visual{width:20px;height:20px}body.is-mobile.is-landscape.micro-height .size-6 .piece-visual{width:22px;height:22px}body.is-mobile.is-landscape.micro-height .chat-drawer{width:160px;height:170px}body.is-mobile.is-landscape.micro-height .chat-toast{top:50px;font-size:.7rem}body.is-mobile.fold-wide #main-menu .menu-buttons{max-width:640px}body.is-mobile.fold-wide .lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.is-mobile.fold-wide .piece-selector{width:22vw;max-width:190px;padding:8px}body.is-mobile.fold-wide .piece-item{min-height:36px}body.is-mobile.fold-wide .size-1 .piece-visual{width:22px;height:22px}body.is-mobile.fold-wide .size-2 .piece-visual{width:30px;height:30px}body.is-mobile.fold-wide .size-3 .piece-visual{width:36px;height:36px}body.is-mobile.fold-wide .size-4 .piece-visual{width:30px;height:30px}body.is-mobile.fold-wide .size-5 .piece-visual{width:34px;height:34px}body.is-mobile.fold-wide .size-6 .piece-visual{width:36px;height:36px}.orientation-lock{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(circle at top,rgba(255,0,128,.25),transparent 55%),linear-gradient(150deg,#080c1ceb,#0a0e27f5);color:var(--text-primary);letter-spacing:.08em}.orientation-lock-card{background:#0c1224e6;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 26px;box-shadow:var(--shadow-heavy);max-width:320px}.orientation-lock-title{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:8px}.orientation-lock-text{color:var(--text-secondary);font-size:.85rem;letter-spacing:.04em}body.is-mobile:not(.is-landscape) .orientation-lock{display:flex}body.is-mobile:not(.is-landscape) #main-menu,body.is-mobile:not(.is-landscape) #lobby-screen,body.is-mobile:not(.is-landscape) #game-container{filter:blur(2px);pointer-events:none}.inventory-cta{position:absolute;top:calc(32px + var(--safe-top));right:36px;z-index:3;display:flex;align-items:center;gap:14px;padding:16px 22px;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 60%),linear-gradient(140deg,#ff008059,#00d4ff4d);border:2px solid rgba(255,255,255,.35);border-radius:18px;color:var(--text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:0 12px 30px #00000059,0 0 30px #ff008059;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;animation:inventoryPulse 3.2s ease-in-out infinite}.google-cta{position:absolute;top:calc(32px + var(--safe-top));left:36px;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 18px;background:radial-gradient(circle at top,rgba(255,255,255,.2),transparent 60%),linear-gradient(140deg,#468cff59,#ff008047);border:2px solid rgba(255,255,255,.35);border-radius:16px;color:var(--text-primary);cursor:pointer;box-shadow:0 12px 26px #00000059,0 0 18px #50a0ff33;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-transform:uppercase;letter-spacing:.18em}.google-cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000073,0 0 24px #78b4ff59;border-color:#ffffff80}.google-cta.disabled,.google-cta:disabled{opacity:.7;cursor:default;transform:none;box-shadow:0 12px 28px #00000047}.google-cta .google-label{font-size:.78rem;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.35)}.google-cta .google-icon{width:20px;height:20px;border-radius:8px}.account-chip{position:absolute;top:calc(32px + var(--safe-top));left:36px;z-index:3;width:64px;height:64px;border-radius:20px;border:2px solid rgba(255,255,255,.35);background:#0a0c18bf;box-shadow:0 12px 26px #0006;display:flex;align-items:center;justify-content:center;cursor:pointer}.account-avatar{width:34px;height:34px;border-radius:14px;background:#00d4ff;box-shadow:inset 0 0 12px #ffffff40}.inventory-cta:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);opacity:.7}.inventory-cta:after{content:"";position:absolute;top:-120%;left:-60%;width:60%;height:240%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(12deg);animation:inventoryShine 3s linear infinite}.inventory-cta:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent-color);box-shadow:0 16px 40px #00000073,0 0 35px #00d4ff66}.inventory-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#ff0080,#00d4ff);box-shadow:inset 0 0 12px #ffffff4d;position:relative;flex-shrink:0}.inventory-icon:before{content:"";position:absolute;inset:9px;border-radius:10px;background:#0a0e27e6;border:1px solid rgba(255,255,255,.3)}.inventory-icon:after{content:"";position:absolute;top:7px;left:8px;width:14px;height:14px;border-radius:4px;background:#fff9;filter:blur(.5px)}.inventory-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.inventory-label{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700}.inventory-sub{font-size:.8rem;color:#ffffffbf;letter-spacing:1px;text-transform:none}@keyframes inventoryPulse{0%,to{box-shadow:0 12px 30px #00000059,0 0 30px #ff008059}50%{box-shadow:0 16px 35px #0006,0 0 38px #00d4ff73}}@keyframes inventoryShine{0%{transform:translate(-120%) rotate(12deg);opacity:0}30%{opacity:.6}to{transform:translate(260%) rotate(12deg);opacity:0}}.rewards-screen{position:fixed;inset:0;z-index:1750;overflow:hidden;background:radial-gradient(circle at 18% 10%,#48548466,#060810f2 55%),radial-gradient(circle at 85% 20%,rgba(96,120,175,.25),transparent 60%),linear-gradient(135deg,#0b0f1d,#05070f 70%)}.rewards-page{height:100vh;padding:6px calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));display:flex;flex-direction:column;gap:0;overflow:hidden}.rewards-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;position:relative;width:100%;flex-shrink:0;min-height:48px;justify-content:space-between}.rewards-header-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;text-align:center}.rewards-back{position:relative;z-index:2}.rewards-title{font-size:1.1rem;letter-spacing:2px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5);font-weight:800}.rewards-intro{display:none}.rewards-wallet{z-index:2;padding:6px 10px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:0;min-width:80px;text-align:right;box-shadow:none;overflow:hidden;position:relative;top:auto;right:auto;transform:none}.rewards-wallet-amount{font-size:.85rem;font-family:Orbitron,sans-serif;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;width:100%}.rewards-wallet-amount:before{content:"🪙";font-size:.9rem}.rewards-balance-note,.rewards-ad{display:none}.rewards-content{max-width:1180px;width:100%;margin:0 auto;padding:0 10px 4px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;scrollbar-width:none}.rewards-content::-webkit-scrollbar{display:none}.rewards-panel{padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}.rewards-panel-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:4px;padding:0 8px;min-height:16px}.rewards-panel-title{display:none}.rewards-reset{font-size:.75rem;color:#ffffffa6;background:#0000004d;padding:2px 8px;border-radius:8px;margin-left:auto}.rewards-tasks{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-bottom:4px}.rewards-task-card{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:#0a0e18d1;border:1px solid rgba(255,255,255,.08)}.rewards-task-details{flex:1;min-width:0}.rewards-task-title{font-size:.98rem;font-weight:600;color:var(--text-primary)}.rewards-task-desc{font-size:.82rem;color:#ffffffa6;margin-top:4px}.rewards-task-meta{display:flex;align-items:center;gap:10px;margin-top:8px}.rewards-task-progress{flex:1;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.rewards-task-progress-fill{height:100%;background:linear-gradient(135deg,#00d4ff,#ff5bb0);width:0%;transition:width .3s ease}.rewards-task-count{font-size:.78rem;color:#ffffffb3}.rewards-task-reward{min-width:86px;padding:8px 10px;border-radius:12px;background:#0c1220e6;border:1px solid rgba(215,181,109,.25);text-align:center;font-size:.85rem;color:#d7b56df2;font-family:Orbitron,sans-serif}.rewards-task-action{min-width:120px;padding:10px 14px;border-radius:12px;font-size:.78rem}.rewards-task-action.disabled{opacity:.6;cursor:not-allowed}.rewards-empty{text-align:center;padding:18px 12px 6px;color:#fff9}.inventory-screen{position:fixed;inset:0;z-index:1800;overflow-y:auto;background:radial-gradient(circle at 20% 10%,#46568273,#060810f2 55%),radial-gradient(circle at 80% 20%,rgba(90,110,160,.25),transparent 60%),linear-gradient(135deg,#0b0f1d,#05070f 70%)}.inventory-page{height:100vh;padding:18px calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));display:flex;flex-direction:column;gap:10px;overflow:hidden}.inventory-page-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;position:relative}.inventory-mode-tabs{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;margin-top:0;width:fit-content;flex:1;justify-content:center}.inventory-wallet{padding:8px 12px;border-radius:14px;background:#0000002e;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px;min-width:120px;text-align:right;box-shadow:none;position:relative;overflow:hidden}.inventory-mode-btn{border:0;background:linear-gradient(135deg,#ffffff14,#ffffff08);color:#e4e8f2;font-size:.92rem;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;border-radius:16px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 16px #0000004d}.inventory-mode-btn.active{background:linear-gradient(135deg,#ffd66d47,#34689638);color:#fff;border:1px solid rgba(255,255,255,.32);box-shadow:0 10px 24px #00000059,0 0 20px #d7b56d40}.inventory-wallet-label{display:none}.inventory-wallet-amount{font-size:1rem;font-family:Orbitron,sans-serif;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px}.inventory-wallet-amount:before{content:"🪙";font-size:1.1rem}.inventory-wallet-ad{display:none}.inventory-wallet-ad:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 48%,transparent 95%);transform:translate(-120%);animation:walletShimmer 3.4s ease-in-out infinite;pointer-events:none}@keyframes walletShimmer{0%{transform:translate(-140%)}55%{transform:translate(140%)}to{transform:translate(140%)}}.inventory-page-top .inventory-header-text{flex:1}.inventory-back{white-space:nowrap}.inventory-content{--inventory-gold: #d7b56d;--inventory-ink: #0c111f;--inventory-panel: rgba(15, 20, 34, .92);width:100%;margin:0 auto;padding:0;background:transparent;border:none;box-shadow:none;flex:1;min-height:0;display:flex;flex-direction:column}.inventory-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:10px;flex-shrink:0}.inventory-title{text-align:left;margin-bottom:10px}.inventory-intro{text-align:left;margin-bottom:0;color:var(--text-secondary);font-size:1rem}.inventory-shell{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:10px;align-items:stretch;flex:1;min-height:0;overflow:hidden}.inventory-tabs{display:flex;flex-direction:column;gap:6px;margin:0;width:100%}.inventory-tab{width:100%;padding:7px 10px;font-family:Orbitron,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:1.4px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.inventory-tab.active{background:linear-gradient(135deg,#d7b56d40,#3c78a02e);border-color:#d7b56db3;box-shadow:0 0 18px #d7b56d59}.inventory-tab-coins{position:relative;overflow:hidden;border-color:#ff923e73;background:linear-gradient(140deg,#ff5f1f29,#ffd0571a);box-shadow:inset 0 0 0 1px #ffe2990f}.inventory-tab-coins:before{content:"";position:absolute;top:-12px;left:50%;width:32%;height:180%;transform:translate3d(-220%,0,0) rotate(24deg);background:linear-gradient(180deg,#fff0,#ffdea357,#fff0);animation:coins-tab-shine 2.4s linear infinite;will-change:transform,opacity;pointer-events:none}.inventory-tab-coins.active{border-color:#ffbc55f2;background:linear-gradient(135deg,#ff723666,#ffc75757);box-shadow:0 0 16px #ff973861,inset 0 0 10px #ffd06833;animation:coins-tab-pulse 2.6s ease-in-out infinite;will-change:transform}@keyframes coins-tab-shine{0%{transform:translate3d(-220%,0,0) rotate(24deg);opacity:0}30%{opacity:.85}to{transform:translate3d(220%,0,0) rotate(24deg);opacity:0}}@keyframes coins-tab-pulse{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-.5px,0) scale(1.01)}}.inventory-filter-title{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9;margin-bottom:10px}.inventory-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.inventory-chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;cursor:pointer;transition:all .2s ease}.inventory-chip.active{background:#d7b56d33;border-color:#d7b56dcc;color:var(--text-primary)}.inventory-main{background:var(--inventory-panel);border-radius:20px;padding:18px 14px 0;border:1px solid rgba(255,255,255,.08);height:100%;overflow-y:auto;position:relative;scrollbar-width:none}.inventory-main::-webkit-scrollbar{display:none}.inventory-footer{display:none!important;height:0;margin:0;padding:0}.inventory-loading{position:absolute;inset:60px 18px 18px;border-radius:16px;background:#070a12d9;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:10px;z-index:5;color:#fffc;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.inventory-loading-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#6fb7ff;animation:inventory-spin .8s linear infinite}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.inventory-search{position:relative;flex:1;min-width:200px}.inventory-search input{width:100%;padding:10px 12px 10px 36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-primary)}.inventory-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff9;pointer-events:none}.inventory-count{display:none}.inventory-panels{min-height:260px}.inventory-panel{display:none}.inventory-panel.active{display:block}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.inventory-panel-coins{padding-bottom:0}.coins-panel-head{display:none}.coins-panel-title{margin:0;font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:#ffd988;text-shadow:0 0 16px rgba(255,194,98,.38)}.coins-panel-hint{margin:0;color:#c9ceeecc;font-size:.72rem;letter-spacing:.02em}.coins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pack500 pack1000 hero" "pack2300 pack3500 ads";gap:12px;align-content:start}.coins-packs-slot{display:contents}.coins-billing-card{position:relative;grid-area:ads;margin-top:0;min-height:208px;padding:14px 14px 12px;padding-right:clamp(164px,46%,304px);border-radius:20px;border:2px solid rgba(196,138,255,.72);background:radial-gradient(circle at 84% 18%,rgba(255,178,90,.14),transparent 38%),radial-gradient(circle at 14% 12%,rgba(183,124,255,.26),transparent 40%),radial-gradient(circle at 12% 84%,rgba(120,165,255,.18),transparent 44%),linear-gradient(154deg,#181243f7,#201654f5 54%,#321e5af2);display:flex;flex-direction:column;gap:8px;overflow:visible;isolation:isolate;z-index:2;box-shadow:inset 0 0 24px #b27cff29,0 12px 24px #03061266,0 0 22px #bc86ff2e;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;will-change:transform}.coins-billing-card:before{content:"";position:absolute;left:77%;bottom:0;width:clamp(140px,53%,268px);height:clamp(132px,94%,238px);transform:translate(-50%) translateY(-14px) scale(1.08);background:url(/assets/remove-ads-card-69Pi9TwT.png) no-repeat center/contain,url(/assets/coin-pack-1000-Bca8w4X6.png) no-repeat center/contain;filter:brightness(1.12) saturate(1.06) drop-shadow(0 14px 16px rgba(255,177,82,.42)) drop-shadow(0 -2px 10px rgba(255,213,145,.28));opacity:.98;pointer-events:none;z-index:3}.coins-billing-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 86%,#ffb66061,#ffb66000 56%),radial-gradient(circle at 18% 24%,rgba(245,223,255,.2) 0 2px,transparent 3px),radial-gradient(circle at 38% 74%,rgba(224,182,255,.2) 0 2px,transparent 3px),radial-gradient(circle at 74% 60%,rgba(166,200,255,.22) 0 2px,transparent 3px),radial-gradient(circle at 60% 22%,rgba(255,184,112,.14) 0 2px,transparent 3px);opacity:.46;z-index:1}.coins-billing-card:hover{transform:translateY(-2px);z-index:4;border-color:#f4dcfff5;box-shadow:0 16px 28px #0305108a,0 0 26px #ba84ff6b,0 0 18px #78a4ff3d,inset 0 0 24px #d2a2ff38}.coins-billing-copy{display:flex;flex-direction:column;gap:3px;z-index:2;max-width:52%}.coins-billing-chip{display:inline-flex;align-items:center;width:fit-content;min-height:20px;padding:0 8px;border-radius:999px;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#311e08fa;background:linear-gradient(120deg,#ffe48efa,#ffad4ffa);box-shadow:0 0 12px #ffb85857}.coins-billing-actions{display:flex;flex-direction:column;gap:8px;width:clamp(172px,64%,238px);align-self:flex-start;margin-top:auto;padding-top:8px;z-index:4}.coins-billing-title{margin:0;font-family:Orbitron,sans-serif;font-size:clamp(.92rem,1.08vw,1.04rem);letter-spacing:.08em;text-transform:uppercase;color:#f8ecb6;text-shadow:0 0 12px rgba(255,190,92,.3);line-height:1.08;white-space:nowrap}.coins-billing-hint{margin:0;font-size:.7rem;line-height:1.45;color:#d0daffd6;max-width:27ch}.coin-pack-buy-btn,.coins-remove-ads-btn,.coins-restore-purchases-btn{width:100%;min-height:38px!important;padding:8px 14px!important;border-radius:12px!important;font-family:Orbitron,sans-serif;font-size:.66rem!important;letter-spacing:.06em!important;text-transform:uppercase;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;line-height:1!important;text-align:center!important}.coins-remove-ads-btn{background:linear-gradient(180deg,#f6d47efa,#d6a444fa)!important;border-color:#ffe6a8f2!important;color:#3a2408fa!important;text-shadow:none!important;box-shadow:0 8px 16px #ffb5543d,inset 0 1px #fff2cb80;font-size:clamp(.58rem,1.18vw,.66rem)!important;line-height:1.12!important}.coins-restore-purchases-btn{border-color:#7a98e594!important;color:#c7d2fff0!important;background:linear-gradient(165deg,#243574e0,#172354eb)!important}.coins-remove-ads-btn.billing-btn{background:linear-gradient(180deg,#f6d47efa,#d6a444fa)!important;border-color:#ffe09ce6!important;color:#3a2408fa!important;text-shadow:none!important;box-shadow:0 10px 20px #ffb5544d,inset 0 1px #fff2cb80}.coins-remove-ads-btn.billing-btn.owned{background:linear-gradient(180deg,#8bf6baf5,#3eb67af5)!important;border-color:#b9ffd7bf!important;color:#0a301af5!important}.coins-billing-status{margin-top:0;min-height:17px;font-size:.71rem;color:#d9e2ffd1;z-index:2}.coin-pack-card.pack-coins-500{grid-area:pack500}.coin-pack-card.pack-coins-2300{grid-area:pack2300}.coin-pack-card.pack-coins-1000{grid-area:pack1000}.coin-pack-card.pack-coins-3500{grid-area:pack3500}.coin-pack-card.pack-coins-8500{grid-area:hero}.coin-pack-card{position:relative;border-radius:20px;padding:14px 12px 12px;padding-right:clamp(98px,32%,280px);min-height:188px;border:1px solid rgba(255,178,94,.42);background:radial-gradient(circle at 26% 18%,rgba(255,188,96,.16),transparent 42%),radial-gradient(circle at 70% 70%,rgba(255,133,86,.1),transparent 45%),linear-gradient(92deg,#0a0a22b3,#0a0a2285 38%,#0a0a2214 74%,#0a0a2261),linear-gradient(162deg,#1f1543f5,#0a0e2af5);background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease}.coin-pack-card:before{content:"";position:absolute;right:10px;bottom:6px;width:clamp(96px,34%,260px);height:clamp(96px,74%,240px);background-repeat:no-repeat;background-position:center;background-size:contain;filter:brightness(1.12) saturate(1.16) drop-shadow(0 0 16px rgba(255,185,90,.44));pointer-events:none;z-index:1}.coin-pack-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 22% 24%,rgba(255,226,160,.24) 0 2px,transparent 3px),radial-gradient(circle at 66% 30%,rgba(255,204,112,.2) 0 2px,transparent 3px),radial-gradient(circle at 84% 68%,rgba(255,182,112,.18) 0 2px,transparent 3px);opacity:.34;pointer-events:none;z-index:1}.coin-pack-card:hover{transform:translateY(-3px);border-color:#ffd27edb;box-shadow:0 16px 28px #0305108c,0 0 24px #ffa94e3d;filter:saturate(1.08)}.coin-pack-aura{position:absolute;inset:-35% -30% auto;height:85%;opacity:.9;pointer-events:none;filter:blur(20px);z-index:1}.coin-pack-badge,.coin-pack-total,.coin-pack-subtitle,.coin-pack-breakdown,.coin-pack-price,.coin-pack-buy-btn,.coin-pack-note{position:relative;z-index:2}.coin-pack-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#281a0af2;background:linear-gradient(120deg,#ffe99ffa,#ffb258fa);box-shadow:0 0 14px #ffb05442;margin-bottom:10px}.coin-pack-badge-empty{background:transparent;min-height:20px;padding:0}.coin-pack-total{font-family:Orbitron,sans-serif;font-size:1.42rem;font-weight:800;letter-spacing:.03em;color:#fff5da;text-shadow:0 0 10px rgba(255,210,132,.22);line-height:1.1}.coin-pack-subtitle{font-size:.62rem;letter-spacing:.22em;color:#e1e7fcd6;margin-top:2px;margin-bottom:8px}.coin-pack-breakdown{min-height:28px;display:flex;flex-direction:column;gap:3px}.coin-pack-base{font-size:.76rem;color:#f4eeffe6}.coin-pack-bonus{font-size:.68rem;color:#ffc45f;letter-spacing:.06em}.coin-pack-bonus-empty{opacity:0}.coin-pack-price{margin-top:8px;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:1rem;color:#ffd675;text-shadow:0 0 10px rgba(255,176,74,.4)}.coin-pack-buy-btn{background:linear-gradient(180deg,#f6d178,#cf9e45)!important;border:1px solid rgba(255,219,142,.9)!important;box-shadow:0 8px 18px #ffab4a42,inset 0 1px #fff2ca8f;color:#3a2508!important;text-shadow:none}.coin-pack-buy-btn:hover{color:#2b1a05!important;filter:brightness(1.08)}.coin-pack-buy-btn:disabled{background:linear-gradient(180deg,#f7d37aeb,#d3a54beb)!important;border-color:#ffe4a2b8!important;color:#3a2508d1!important;box-shadow:0 6px 14px #ffb44a29,inset 0 1px #fff4d261}.coin-pack-note{margin-top:8px;font-size:.64rem;color:#cddbffc2;line-height:1.35}.coin-pack-card.is-buying{transform:scale(.99);opacity:.9}.coin-pack-card.tier-starter .coin-pack-aura{background:radial-gradient(circle,#d6b0798f,#a8713f00)}.coin-pack-card.tier-silver .coin-pack-aura{background:radial-gradient(circle,#94ceff8a,#5283cc00)}.coin-pack-card.tier-azure .coin-pack-aura{background:radial-gradient(circle,#54c9ff94,#3460de00)}.coin-pack-card.tier-gold .coin-pack-aura{background:radial-gradient(circle,#ffd560a3,#ff893d00)}.coin-pack-card.tier-inferno .coin-pack-aura{background:radial-gradient(circle,#ff664ebd,#ff404000)}.coin-pack-card.coin-pack-hero{border-color:#ffa55cfa;border-width:2px;padding-right:clamp(194px,48%,460px);background:linear-gradient(92deg,#1a0a20cc,#1a0a209e 38%,#1a0a201f 72%,#1a0a2066),radial-gradient(circle at 66% 18%,rgba(255,161,92,.24),transparent 44%),radial-gradient(circle at 24% 74%,rgba(252,92,108,.2),transparent 44%),linear-gradient(160deg,#662946f0,#211440f5);box-shadow:0 0 34px #ff804a6b,inset 0 0 34px #ff944a47;animation:coin-pack-hero-pulse 2.8s ease-in-out infinite}.coin-pack-card.coin-pack-hero:after{border:1px solid rgba(255,190,114,.72);box-shadow:inset 0 0 22px #ff914c42,0 0 18px #ff7a4b3d;background:radial-gradient(circle at 56% 22%,rgba(255,226,168,.24) 0 2px,transparent 4px),radial-gradient(circle at 72% 56%,rgba(255,204,117,.2) 0 2px,transparent 4px),radial-gradient(circle at 30% 68%,rgba(255,174,84,.18) 0 2px,transparent 4px);animation:coin-pack-sparkle 3.6s linear infinite}@keyframes coin-pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes coin-pack-hero-pulse{0%,to{box-shadow:0 0 28px #ff6e4242,inset 0 0 34px #ff8a422e}50%{box-shadow:0 0 34px #ff894e66,inset 0 0 40px #ffa4573d}}@keyframes coin-pack-sparkle{0%{opacity:.32}50%{opacity:.62}to{opacity:.32}}.coin-pack-card.pack-coins-500{background-image:radial-gradient(circle at 28% 14%,rgba(255,199,106,.2),transparent 43%),linear-gradient(92deg,#100920a8,#1009207a 40%,#1009201a 74%,#10092057),linear-gradient(180deg,#ffcc7e24,#ffcc7e00 43%,#0c0a2861)}.coin-pack-card.pack-coins-500:before{background-image:url(/assets/coin-pack-500-D7UM6jR1.png)}.coin-pack-card.pack-coins-1000{background-image:radial-gradient(circle at 56% 18%,rgba(255,189,112,.16),transparent 46%),linear-gradient(92deg,#0d0c26ad,#0d0c267a 40%,#0d0c261a 74%,#0d0c265c),linear-gradient(180deg,#a8c6ff29,#a8c6ff00 43%,#0d14345c)}.coin-pack-card.pack-coins-1000:before{background-image:url(/assets/coin-pack-1000-Bca8w4X6.png);width:clamp(102px,36%,270px)}.coin-pack-card.pack-coins-2300{background-image:radial-gradient(circle at 30% 20%,rgba(110,206,255,.16),transparent 44%),linear-gradient(92deg,#0b0e2aad,#0b0e2a7a 40%,#0b0e2a1a 74%,#0b0e2a5c),linear-gradient(180deg,#61c0ff2e,#61c0ff00 43%,#0b17385c)}.coin-pack-card.pack-coins-2300:before{background-image:url(/assets/coin-pack-3500-Bjc-NbFN.png);width:clamp(112px,38%,300px);height:clamp(96px,74%,240px);right:-6px;bottom:6px}.coin-pack-card.pack-coins-3500{background-image:radial-gradient(circle at 30% 16%,rgba(255,198,104,.2),transparent 43%),linear-gradient(92deg,#100a22ad,#100a227a 40%,#100a221a 74%,#100a225c),linear-gradient(180deg,#ffc6662e,#ffc66600 43%,#1410345c)}.coin-pack-card.pack-coins-3500:before{background-image:url(/assets/coin-pack-3500-Bjc-NbFN.png);width:clamp(120px,41%,320px)}.coin-pack-card.pack-coins-8500{background-image:radial-gradient(circle at 65% 24%,rgba(255,151,92,.24),transparent 46%),linear-gradient(92deg,#180a24b3,#180a2480 40%,#180a241a 72%,#180a2457),linear-gradient(180deg,#ff9c6c33,#ff9c6c00 43%,#1c103e5c)}.coin-pack-card.pack-coins-8500:before{background-image:url(/assets/coin-pack-8500-B8jtVvXc.png);width:clamp(156px,48%,420px);height:clamp(120px,84%,300px);right:10px;bottom:2px;filter:brightness(1.1) saturate(1.14) drop-shadow(0 0 18px rgba(255,185,92,.48))}.skin-card{position:relative;background:linear-gradient(160deg,#181e34f2,#080a14f2);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-primary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.skin-card.skin-loading:after{content:"";position:absolute;inset:0;background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.skin-card.skin-loading:before{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#ffffffe6;border-radius:50%;top:12px;right:12px;animation:skinSpin .8s linear infinite;z-index:2}@keyframes skinSpin{to{transform:rotate(360deg)}}.skin-card:hover{transform:translateY(-2px);border-color:#d7b56d99;box-shadow:0 12px 26px #00000073}.skin-card.selected{border-color:#00d4ff;border-width:3px;box-shadow:0 0 18px #00d4ffb3,0 0 35px #00d4ff59}.skin-card.inventory-hidden{display:none}.skin-card.is-locked:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ff008014,#00d4ff0f);pointer-events:none}.skin-card-top{width:100%;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;align-items:center}.inventory-eye-btn{margin-left:auto;border:none;background:#ffffff14;color:#ffffffe6;padding:6px 8px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #ffffff14;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.inventory-eye-btn svg{width:18px;height:18px;fill:currentColor}.inventory-eye-btn:hover{transform:translateY(-1px);background:#d7b56d33;box-shadow:0 6px 16px #00000059}.skin-card-info{text-align:center;width:100%}.skin-collection{font-size:.75rem;color:#fff9}.skin-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.skin-price{font-size:.82rem;color:var(--accent-color);font-weight:800;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px}.skin-price:before{content:"🪙";font-size:.9rem}.skin-cta{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;padding:6px 10px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.skin-card.is-locked .skin-cta{background:linear-gradient(135deg,#ff008033,#00d4ff33);color:#fff;border-color:#fff3}.skin-card.is-owned .skin-cta{background:#00ff881a;color:var(--success);border-color:#00ff8840}.skin-preview{display:block;position:relative;overflow:hidden}.skin-preview.has-image{background:transparent!important;box-shadow:none!important;border:none!important}.skin-preview.has-image:after{display:none!important}.skin-preview.piece{width:64px;height:64px;border-radius:50%;box-shadow:inset 0 0 14px #ffffff40}.skin-preview.board,.skin-preview.background{width:86px;height:56px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 18px #ffffff26}.skin-preview.board:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);border-radius:8px}.skin-preview.background:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.25);border-radius:8px}.skin-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.skin-name{font-family:Orbitron,sans-serif;font-size:.95rem;text-align:center}.skin-price{display:block;margin-top:4px;font-size:.8rem;color:#ffffffbf;letter-spacing:.04em}.skin-tag{display:none;padding:2px 8px;border-radius:10px;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;color:#fffc}.skin-tag.owned{background:#44d28c33;color:#63f0b2}.skin-tag.new{background:#d7b56d38;color:#f0d08a}.skin-tag.free{background:#52a0ff33;color:#8bbdff}.skin-card[data-new=true] .skin-tag.new{display:inline-flex}.skin-card[data-owned=true]:not([data-free=true]) .skin-tag.owned{display:inline-flex}.inventory-preview{background:#0c101cd9;border-radius:20px;padding:18px 16px;border:1px solid rgba(255,255,255,.08)}.inventory-preview-title{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--inventory-gold);margin-bottom:12px}.inventory-preview-card{display:flex;flex-direction:column;gap:12px}.inventory-preview-name{font-family:Orbitron,sans-serif;font-size:1.05rem}.inventory-preview-badges{display:flex;gap:8px;flex-wrap:wrap}.inventory-preview .skin-tag{display:inline-flex}.inventory-preview-stage{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#ffffff0f,#080a12e6);border-radius:16px;padding:18px;position:relative;min-height:150px;overflow:hidden}.inventory-preview-board{position:absolute;width:min(190px,75%);height:115px;border-radius:18px;background:linear-gradient(135deg,#161c2ef2,#0a0e1af2),radial-gradient(circle at top,rgba(255,255,255,.12),transparent 60%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 18px #ffffff0f,0 18px 35px #00000073}.inventory-preview-board:before{content:"";position:absolute;inset:10px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px;opacity:.6}.inventory-preview.preview-mode-board .inventory-preview-board{display:none}.inventory-preview.preview-mode-board .inventory-preview-stage{background:radial-gradient(circle at center,#ffffff14,#0a0c14f2)}.inventory-preview-visual{position:relative;z-index:1}.inventory-preview-visual.skin-preview.piece{width:90px;height:90px;box-shadow:inset 0 0 14px #fff3,0 12px 25px #00000073}.inventory-preview-visual.skin-preview.piece:after{content:"";position:absolute;width:70%;height:22%;left:50%;bottom:-10%;transform:translate(-50%);background:radial-gradient(circle,rgba(0,0,0,.35),transparent 70%);filter:blur(6px)}.inventory-preview-visual.skin-preview.board,.inventory-preview-visual.skin-preview.background{width:130px;height:80px}.inventory-preview-meta{display:flex;flex-direction:column;gap:8px}.inventory-preview-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.inventory-preview-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem}.inventory-preview-value{color:#ffffffd9}.inventory-equip{width:100%;margin-top:4px;font-size:.95rem}.inventory-equip:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.inventory-empty{margin-top:16px;text-align:center;color:#fff9;font-size:.9rem}.inventory-showroom{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:calc(32px + var(--safe-top)) calc(20px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(20px + var(--safe-left));background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 45%),radial-gradient(circle at 80% 10%,rgba(215,181,109,.15),transparent 50%),linear-gradient(135deg,#060810fa,#04050cfa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.inventory-showroom.hidden{display:none}.inventory-showroom-shell{width:min(94vw,980px);max-height:min(92vh,820px);background:linear-gradient(150deg,#101424f5,#050710fa);border-radius:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px #000000a6;padding:20px 22px 24px;position:relative;overflow-x:hidden;overflow-y:auto}.inventory-showroom-shell:before{content:"";position:absolute;inset:-40% -20% auto;height:60%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);opacity:.6}.inventory-showroom-top{display:flex;align-items:flex-start;gap:18px;position:relative;z-index:2}.inventory-showroom-text{display:flex;flex-direction:column;gap:4px}.inventory-showroom-label{font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#fff9}.inventory-showroom-name{font-family:Orbitron,sans-serif;font-size:1.25rem;color:#f2f5ff}.inventory-showroom-hint{font-size:.78rem;color:#fff9}.inventory-showroom-stage{position:relative;margin:16px 0 12px;border-radius:24px;padding:0;height:clamp(200px,36vh,340px);background:radial-gradient(circle at 50% 35%,#ffffff14,#0a0c14f2 65%),linear-gradient(180deg,#0a0c14eb,#030408fa);border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;align-items:center;justify-content:center}.inventory-showroom-stage.showroom-background{background-color:#0a0c14f2}.inventory-showroom-stage.showroom-background canvas{display:none!important}.inventory-showroom-stage.showroom-background .inventory-showroom-placeholder,.inventory-showroom-stage.showroom-background .inventory-showroom-tip{display:none}.inventory-showroom-stage.showroom-background:after{content:"";position:absolute;width:min(560px,86%);height:min(320px,72%);left:50%;top:58%;transform:translate(-50%,-50%);border-radius:34px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.12),rgba(0,0,0,.25) 66%,transparent 72%),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:cover,28px 28px,28px 28px;background-position:center,center,center;opacity:.42;pointer-events:none;z-index:1}.inventory-showroom-canvas{width:100%;height:100%;display:block;position:relative;z-index:2}.inventory-showroom-stage canvas{width:100%;height:100%;display:block}.inventory-showroom-active-canvas{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:10!important}#inventory-showroom-canvas{width:100%;height:100%;display:block;touch-action:none}.inventory-showroom-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;z-index:1}.inventory-showroom-stage.has-renderer .inventory-showroom-placeholder{opacity:0}.inventory-showroom-stage.is-loading .inventory-showroom-placeholder{opacity:1}.inventory-showroom-stage.is-loading canvas{opacity:.35}.inventory-showroom-glow{position:absolute;top:-40%;width:240px;height:360px;background:radial-gradient(circle,rgba(215,181,109,.3),transparent 70%);filter:blur(20px);opacity:.7;pointer-events:none}.inventory-showroom-glow-left{left:-60px}.inventory-showroom-glow-right{right:-60px}.inventory-showroom-tip{position:absolute;bottom:14px;right:18px;padding:6px 10px;border-radius:10px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#fff9;background:#080a1299;border:1px solid rgba(255,255,255,.08);pointer-events:none}.inventory-showroom-progress{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#00000073;padding:8px 14px;border-radius:12px;font-size:.9rem;letter-spacing:.04em;box-shadow:var(--shadow-heavy);z-index:2}.inventory-showroom-progress.hidden{display:none}.inventory-showroom-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;position:relative;z-index:2}.inventory-showroom-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.inventory-showroom-label-text{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#fff9}.inventory-showroom-value{font-size:.88rem;font-weight:600;color:#fffffff2}.preview-neon{background:radial-gradient(circle at 30% 30%,#00d4ff,#00557a)}.preview-crimson{background:radial-gradient(circle at 30% 30%,#ff557a,#5a001f)}.preview-aurora{background:radial-gradient(circle at 30% 30%,#9cf3ff,#3b5eff)}.preview-gold{background:radial-gradient(circle at 30% 30%,gold,#8a5d00)}.preview-obsidian{background:radial-gradient(circle at 30% 30%,#2a2a3a,#05060b)}.preview-skyline{background:radial-gradient(circle at 30% 30%,#9fd4ff,#2d3b6d)}.preview-ember{background:linear-gradient(135deg,#ff6f61,#702b2b),repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 18px,transparent 18px 36px)}.preview-ice{background:linear-gradient(135deg,#c4f2ff,#1e3c72),repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 20px,transparent 20px 40px)}.preview-carbon{background:linear-gradient(135deg,#4a4a4a,#111),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 16px,transparent 16px 32px)}.preview-royal{background:linear-gradient(135deg,#5a2bff,#1b093f),repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 18px,transparent 18px 36px)}.preview-sunset{background:linear-gradient(135deg,#ff9a8b,#ff6a88),repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 18px,transparent 18px 36px)}.preview-vortex{background:linear-gradient(135deg,#00c6ff,#0072ff),repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 18px,transparent 18px 36px)}.inventory-footer{display:none!important;margin-top:0;padding-top:0;border-top:none;height:0!important;overflow:hidden!important}.inventory-footer-count{letter-spacing:.08em}.inventory-footer-version{opacity:.7}.inventory-footer .inventory-mode-tabs{width:auto;gap:6px}.inventory-footer .inventory-mode-btn{min-width:130px;padding:12px 18px;font-size:.9rem;letter-spacing:.12em;border-radius:12px;background:#ffffff0a;color:#fffc}.inventory-footer .inventory-mode-btn.active{background:linear-gradient(135deg,#ffd66d47,#34689638);color:#fff;box-shadow:0 6px 18px #00000059}html[dir=rtl] .inventory-shell{direction:rtl}html[dir=rtl] .inventory-page-top{flex-direction:row-reverse}html[dir=rtl] .inventory-wallet{text-align:right;margin-left:0;margin-right:auto}html[dir=rtl] .rewards-header{flex-direction:row-reverse}html[dir=rtl] .rewards-balance-card{margin-left:0;margin-right:auto;text-align:left}html[dir=rtl] .inventory-tab,html[dir=rtl] .inventory-intro,html[dir=rtl] .inventory-title{text-align:right}html[dir=rtl] .inventory-search input{padding:10px 36px 10px 12px}html[dir=rtl] .inventory-search-icon{left:auto;right:12px}html[dir=rtl] .coin-pack-card{padding-right:12px;padding-left:clamp(98px,32%,280px)}html[dir=rtl] .coin-pack-card:before{right:auto;left:10px}html[dir=rtl] .coin-pack-card.coin-pack-hero{padding-right:12px;padding-left:clamp(194px,48%,460px)}html[dir=rtl] .coin-pack-card.pack-coins-2300:before{right:auto;left:-6px}html[dir=rtl] .coin-pack-card.pack-coins-8500:before{right:auto;left:10px}html[dir=rtl] .inventory-preview-row,html[dir=rtl] .inventory-showroom-top{flex-direction:row-reverse}html[dir=rtl] .inventory-showroom-text{text-align:right}html[dir=rtl] .inventory-showroom-row{flex-direction:row-reverse}html[dir=rtl] .inventory-showroom-tip{right:auto;left:18px}html[dir=rtl] .profile-row{flex-direction:row-reverse}html[dir=rtl] .profile-meta-row{direction:rtl}@media(max-width:1100px){.inventory-shell{grid-template-columns:minmax(160px,200px) minmax(0,1fr)}}@media(max-width:860px){.rewards-page{padding:10px 16px}.rewards-header{gap:10px}.rewards-balance-card{width:100%;text-align:left;align-self:stretch}.rewards-task-card{flex-direction:column;align-items:flex-start}.rewards-task-action{width:100%}.inventory-page{padding:18px 16px 0}.inventory-page-top{gap:10px}.inventory-wallet{width:auto;min-width:0;max-width:320px;text-align:left;align-self:stretch}.inventory-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}}body.is-mobile .inventory-shell{grid-template-columns:1fr;gap:12px}body.is-mobile .inventory-rail{order:0;width:100%;background:transparent;border:none;padding:0;box-shadow:none}body.is-mobile .inventory-tabs{flex-direction:row;gap:8px}body.is-mobile .inventory-tab{flex:1;text-align:center;padding:10px 12px}body.is-mobile .coins-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pack500 pack1000 hero" "pack2300 pack3500 ads";gap:8px}body.is-mobile .inventory-screen.inventory-coins-active .inventory-main{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}body.is-mobile .inventory-screen.inventory-coins-active .coins-panel-head{margin-bottom:8px}body.is-mobile .inventory-screen.inventory-coins-active .coins-panel-hint{display:none}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-card{gap:8px;min-height:124px;padding:10px 10px 8px;padding-right:clamp(90px,45%,158px);border-radius:12px;grid-area:ads}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-card:before{left:76%;bottom:18px;width:clamp(80px,45%,136px);height:clamp(74px,78%,122px);transform:translate(-50%) translateY(-14px) scale(1.04)}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-chip{min-height:18px;font-size:.52rem;padding:0 7px}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-title{font-size:.62rem;letter-spacing:.06em;white-space:nowrap}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-hint{display:none}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-actions{width:clamp(126px,64%,182px);align-self:flex-start;gap:6px;margin-top:auto;padding-top:6px}body.is-mobile .inventory-screen.inventory-coins-active .coins-remove-ads-btn{min-height:30px!important;font-size:.56rem!important;letter-spacing:.04em!important;border-radius:9px;padding:6px 8px!important;line-height:1.12!important}body.is-mobile .inventory-screen.inventory-coins-active .coins-restore-purchases-btn{min-height:30px!important;font-size:.56rem!important;letter-spacing:.06em!important;border-radius:9px;padding:6px 8px!important}body.is-mobile .inventory-screen.inventory-coins-active .coins-billing-status{margin-top:0;min-height:14px;font-size:.62rem}body.is-mobile .inventory-screen.inventory-coins-active .coins-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:"pack500 pack1000 hero" "pack2300 pack3500 ads";gap:8px;align-content:start}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card{border-radius:14px;padding:9px 8px 8px;padding-right:clamp(64px,34%,150px);min-height:112px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-badge{min-height:16px;font-size:.52rem;padding:0 6px;margin-bottom:6px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-total{font-size:.98rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-subtitle{font-size:.52rem;margin-bottom:5px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-breakdown{min-height:22px;gap:1px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-base{font-size:.68rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-bonus{font-size:.58rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-price{font-size:.8rem;margin-top:5px;margin-bottom:6px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-buy-btn{min-height:30px;font-size:.56rem;letter-spacing:.06em;border-radius:9px;padding:6px 8px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-buy-btn,body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-buy-btn:hover,body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-buy-btn:disabled{color:#3a2508!important}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-buy-btn:disabled{opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.3)}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-note{display:none}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-500{grid-area:pack500}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-2300{grid-area:pack2300}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-1000{grid-area:pack1000}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-3500{grid-area:pack3500}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-8500{grid-area:hero}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.coin-pack-hero{min-height:112px;padding:10px 8px 8px;padding-right:clamp(92px,42%,220px);transform:none;box-shadow:0 0 16px #ff5e443b,inset 0 0 14px #ff874d2e}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card:before{right:6px;bottom:24px;width:clamp(72px,40%,150px);height:clamp(62px,70%,122px)}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-2300:before{width:clamp(78px,42%,166px);height:clamp(62px,70%,122px)}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-3500:before{width:clamp(84px,44%,178px)}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.pack-coins-8500:before{width:clamp(92px,47%,186px);height:clamp(72px,76%,134px);bottom:20px}html[dir=rtl] body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card{padding-right:8px;padding-left:clamp(64px,34%,150px)}html[dir=rtl] body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.coin-pack-hero{padding-right:8px;padding-left:clamp(92px,42%,220px)}html[dir=rtl] body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card:before{right:auto;left:6px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.coin-pack-hero .coin-pack-total{font-size:1.08rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.coin-pack-hero .coin-pack-price{font-size:.84rem}body.is-mobile .inventory-main{order:1}@media(max-width:960px){.inventory-cta{top:20px;right:20px;padding:14px 18px;gap:10px}.inventory-icon{width:40px;height:40px}}@media(max-width:720px){.inventory-cta{position:fixed;top:auto;bottom:24px;right:20px}.inventory-sub{display:none}.inventory-showroom-shell{padding:20px 16px 22px;max-height:calc(100vh - 32px)}.inventory-showroom-name{font-size:1.18rem}.inventory-showroom-stage{height:clamp(180px,36vh,260px)}.inventory-showroom-tip{right:12px;bottom:10px;font-size:.68rem}.coins-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pack500 pack1000 hero" "pack2300 pack3500 ads";gap:6px}body.is-mobile .inventory-screen.inventory-coins-active .coins-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:"pack500 pack1000 hero" "pack2300 pack3500 ads";gap:6px;align-content:start}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card{min-height:104px;padding:8px 7px 7px}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-total{font-size:.88rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-price{font-size:.74rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card .coin-pack-buy-btn{min-height:28px;font-size:.52rem}body.is-mobile .inventory-screen.inventory-coins-active .coins-remove-ads-btn,body.is-mobile .inventory-screen.inventory-coins-active .coins-restore-purchases-btn{min-height:28px!important;font-size:.52rem!important;letter-spacing:.03em!important;line-height:1.1!important}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.coin-pack-hero .coin-pack-total{font-size:.96rem}body.is-mobile .inventory-screen.inventory-coins-active .coin-pack-card.coin-pack-hero .coin-pack-price{font-size:.76rem}}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:100;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.game-hud{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;padding:20px 40px;box-shadow:none;overflow:visible;position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:160}.top-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:0;left:0;right:0;z-index:160;overflow:visible;pointer-events:none}.top-hud-right{display:flex;align-items:center;gap:16px;pointer-events:auto;justify-self:end;justify-content:flex-end}.top-hud .player-info{justify-self:start}.top-hud .player-info.player1{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.top-hud .player-info.player2{display:none}.chat-anchor{position:relative;display:flex;align-items:center;z-index:170}.chat-toggle-wrap{position:relative;display:inline-flex;align-items:center}.chat-unread{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--secondary-color);color:var(--text-primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00d4ff99;pointer-events:none}.player-info{display:flex;align-items:center;gap:20px;background:#080c1c99;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px 6px 8px;pointer-events:auto;position:relative}.player-info.player1 .player-avatar,.player-info.player1 .player-details,.player-score{display:none}.player-avatar{position:relative}.avatar-circle{width:60px;height:60px;border-radius:50%;border:3px solid;box-shadow:0 0 20px;animation:pulse 2s ease-in-out infinite}.red-player{background:linear-gradient(135deg,var(--red-player),#ff6699);border-color:var(--red-player);box-shadow:0 0 20px var(--red-player)}.blue-player{background:linear-gradient(135deg,var(--blue-player),#6699ff);border-color:var(--blue-player);box-shadow:0 0 20px var(--blue-player)}.player-details h3{font-family:Orbitron,sans-serif;font-size:1.3rem;margin-bottom:5px}.player-score{color:var(--text-secondary);font-size:1rem}.turn-indicator{padding:10px 20px;background:var(--success);color:var(--dark-bg);font-weight:700;border-radius:10px;font-size:.9rem;letter-spacing:2px;box-shadow:0 5px 15px #0f86;animation:blink 1.5s ease-in-out infinite;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:calc(100% + 6px);left:0;transform:none;white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none}.turn-indicator.active{visibility:visible;opacity:1}.game-info{display:flex;align-items:center;gap:20px;background:#080c1c99;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;pointer-events:auto;justify-self:center}.timer-container{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:#ffffff0a;border-radius:10px}.timer-label{font-size:.8rem;color:var(--text-secondary)}.timer-value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent-color)}.icon-btn{width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:#fff3;transform:scale(1.1);box-shadow:0 5px 15px #ffffff4d}.chat-toggle{font-size:1.4rem}.chat-toggle.active{background:#f363;box-shadow:0 0 18px #f366}.chat-mute-btn{font-size:1.2rem;margin-right:8px}.chat-mute-btn.active{background:#fa03;box-shadow:0 0 16px #ffaa0059}#game-canvas-container{flex:1;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;touch-action:none}.chat-drawer{position:absolute;top:calc(100% + 10px);right:12px;width:clamp(150px,20vw,200px);max-width:none;height:240px;max-height:calc(100vh - 140px);display:flex;flex-direction:column;gap:6px;padding:8px;background:#0a0e27d9;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-heavy);z-index:200;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.chat-drawer.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-drawer-header{display:flex;align-items:center;justify-content:space-between}.chat-title{font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:1px;color:var(--accent-color)}.chat-status{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;display:none!important}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.chat-message{display:flex;flex-direction:column;gap:2px;max-width:90%}.chat-message.self{align-self:flex-end;text-align:right}.chat-message .chat-meta{font-size:.68rem;color:var(--text-secondary)}.chat-message .chat-bubble{padding:6px 9px;border-radius:10px;background:#ffffff12;line-height:1.3;word-break:break-word;font-size:.88rem}.chat-message.self .chat-bubble{background:#3366ff40}.chat-input-row{display:flex;gap:4px;align-items:center;width:100%}.chat-input-row input{flex:1;padding:7px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-primary);font-size:.86rem;min-width:0}.chat-input-row input:disabled{opacity:.6;cursor:not-allowed}.chat-input-row #chat-send{flex:0 0 24px;min-width:24px;padding:4px;font-size:.72rem;line-height:1;background:#ffd700e6;color:#0a0e27;border:1px solid rgba(255,215,0,.25);border-radius:8px}.chat-toast{position:absolute;top:110px;left:50%;transform:translate(-50%);padding:14px 22px;background:#000000c7;border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;gap:8px;align-items:center;font-size:1.05rem;z-index:140;pointer-events:none}.chat-toast-name{font-weight:700;color:var(--accent-color)}.piece-selector{position:absolute;top:50%;transform:translateY(-50%);background:#0a0e2733;-webkit-backdrop-filter:none;backdrop-filter:none;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:none;width:200px;z-index:100;transition:opacity .3s ease,transform .3s ease}.player1-selector{left:20px;border-color:#3366ff80}.player2-selector{right:20px;border-color:#ff336680}.piece-selector.inactive{opacity:.35;pointer-events:none}.piece-selector.inactive .piece-item{pointer-events:none;cursor:not-allowed}.player-name-input{width:100%;padding:8px 12px;margin:0 0 15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;text-align:center;font-family:Orbitron,sans-serif;outline:none;transition:all .3s ease}.player-name-input[readonly]{pointer-events:none}.player-name-input:focus{border-color:var(--primary-color);background:#ffffff26}.player-name-input::placeholder{color:#fff6}.selector-title{display:none}.pieces-grid{display:flex;flex-direction:column;gap:12px}.piece-item{position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 15px;min-height:60px}.piece-item:hover{background:#ffffff1a;border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 20px #ff008066}.piece-item.selected{background:linear-gradient(135deg,var(--primary-color),#c70060);border-color:var(--primary-color);box-shadow:var(--glow-primary)}.piece-item.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.piece-visual{background:var(--red-player);border-radius:50%;box-shadow:0 3px 10px #ff336680;transition:all .3s ease;flex-shrink:0}.piece-item:hover .piece-visual{transform:scale(1.1) rotate(10deg)}.size-1 .piece-visual{width:32px;height:32px}.size-2 .piece-visual{width:46px;height:46px}.size-3 .piece-visual{width:60px;height:60px}.size-4 .piece-visual{width:46px;height:46px}.size-5 .piece-visual{width:53px;height:53px}.size-6 .piece-visual{width:60px;height:60px}.piece-label{margin-top:10px;font-size:.9rem;color:var(--text-secondary)}.piece-count{position:absolute;top:5px;right:5px;background:var(--accent-color);color:var(--dark-bg);width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:1;animation:fadeIn .2s ease forwards;touch-action:manipulation}body.is-mobile .modal{background:#000000eb;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content{position:relative;background:var(--card-bg);padding:40px;border-radius:20px;border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow-heavy);max-width:600px;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideUp .25s ease;touch-action:manipulation;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ad-loading-content{width:min(460px,calc(100vw - 36px));max-width:460px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;border-color:#00d4ff52;box-shadow:0 16px 34px #00000073,0 0 24px #00d4ff33}.ad-loading-spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:#00d4ff;animation:inventory-spin .9s linear infinite}.ad-loading-title{margin:4px 0 2px;letter-spacing:1.2px}.ad-loading-text{margin:0;color:#ffffffd9;font-size:.92rem;line-height:1.45}body.is-mobile .ad-loading-content{width:min(420px,calc(100vw - 24px));padding:20px 16px;gap:10px}.match-loading-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.match-loading-overlay.hidden{display:none}.match-loading-bg{position:absolute;inset:0;background:radial-gradient(circle at 22% 28%,rgba(255,0,128,.28),transparent 55%),radial-gradient(circle at 78% 72%,rgba(0,212,255,.28),transparent 55%),linear-gradient(135deg,#050814,#0a0e27,#050814);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:match-loading-fade .25s ease-out}@keyframes match-loading-fade{0%{opacity:0}to{opacity:1}}.match-loading-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 32px;width:min(92vw,560px);text-align:center;animation:match-loading-rise .38s cubic-bezier(.2,.9,.3,1.2)}@keyframes match-loading-rise{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.match-loading-vs-row{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.match-loading-player{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1 0;max-width:180px;min-width:0}.match-loading-avatar{width:92px;height:92px;border-radius:50%;border:3px solid rgba(255,255,255,.22);box-shadow:0 0 28px #00d4ff66,inset 0 4px 14px #ffffff2e,inset 0 -6px 18px #00000059;background-size:cover;background-position:center;position:relative}.match-loading-avatar:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(0,212,255,.4);opacity:0;animation:match-loading-pulse 2.2s ease-in-out infinite}.match-loading-player:last-child .match-loading-avatar:after{border-color:#ff008073;animation-delay:1.1s}@keyframes match-loading-pulse{0%,to{opacity:0;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.match-loading-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem;color:var(--text-primary);letter-spacing:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.55)}.match-loading-vs{font-family:Orbitron,sans-serif;font-size:2.6rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;letter-spacing:2px;filter:drop-shadow(0 0 22px rgba(255,0,128,.55));animation:match-loading-vs-pulse 1.3s ease-in-out infinite;flex-shrink:0}@keyframes match-loading-vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.match-loading-status{font-family:Orbitron,sans-serif;font-size:1.05rem;color:#ffffffeb;letter-spacing:.5px;min-height:1.4em;transition:opacity .22s ease;text-shadow:0 1px 6px rgba(0,0,0,.5)}.match-loading-status.fading{opacity:0}.match-loading-steps{display:flex;gap:14px}.match-loading-step{width:12px;height:12px;border-radius:50%;background:#ffffff2e;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.match-loading-step.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 14px #00d4ffb3;transform:scale(1.18)}.match-loading-step.done{background:var(--secondary-color);box-shadow:0 0 8px #00d4ff8c}body.is-mobile .match-loading-content{gap:22px;padding:28px 18px}body.is-mobile .match-loading-avatar{width:76px;height:76px;border-width:2px}body.is-mobile .match-loading-vs{font-size:2.1rem}body.is-mobile .match-loading-vs-row{gap:16px}body.is-mobile .match-loading-name{font-size:.85rem}body.is-mobile .match-loading-status{font-size:.92rem}body.is-mobile .match-loading-step{width:10px;height:10px}.quality-calibration{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.quality-calibration.hidden{display:none}.calibration-card{position:relative;z-index:1;background:#0f1428d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(100,130,200,.22);border-radius:24px;padding:44px 48px;width:min(90vw,460px);text-align:center;box-shadow:0 20px 60px #0000008c;animation:match-loading-rise .38s cubic-bezier(.2,.9,.3,1.2)}.calibration-logo{width:80px;height:80px;margin:0 auto 18px;position:relative}.calibration-pulse{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(80,180,255,.45),transparent 70%);animation:cal-pulse 2s ease-in-out infinite}.calibration-icon{position:relative;display:block;font-size:44px;line-height:80px;color:#6cb4ff;filter:drop-shadow(0 0 12px rgba(108,180,255,.5))}.calibration-title{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-primary, #e8eeff);margin:0 0 8px;letter-spacing:.5px}.calibration-subtitle{font-size:.9rem;color:#b4c8e6c7;margin:0 0 28px}.calibration-stages{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;text-align:start}.cal-stage{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#ffffff08;border-radius:10px;transition:background .28s ease}.cal-stage.active{background:#50b4ff1f}.cal-stage.done{background:#50ff9614}.cal-dot{width:10px;height:10px;border-radius:50%;background:#3a4660;transition:background .28s ease,box-shadow .28s ease,transform .28s ease;flex-shrink:0}.cal-stage.active .cal-dot{background:#6cb4ff;box-shadow:0 0 12px #6cb4ffd9;animation:cal-dot-pulse 1s ease-in-out infinite}.cal-stage.done .cal-dot{background:#50ff95;box-shadow:0 0 8px #50ff968c}.cal-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:#dce6faeb;letter-spacing:.4px}.calibration-progress{display:flex;align-items:center;gap:12px}.cal-progress-bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.cal-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#6cb4ff,#a06bff);transition:width .32s ease;border-radius:2px}.cal-progress-text{font-family:Orbitron,sans-serif;font-size:.8rem;color:#b4c8e6bf;min-width:36px;text-align:end}.calibration-result{margin-top:20px;animation:cal-result-in .5s cubic-bezier(.4,0,.2,1)}.calibration-result.hidden{display:none}.cal-result-badge{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#6cb4ff,#a06bff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:6px;letter-spacing:1.5px}.cal-result-fps{font-size:.82rem;color:#b4c8e6b3;letter-spacing:.5px}@keyframes cal-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:.4}}@keyframes cal-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@keyframes cal-result-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body.is-mobile .calibration-card{padding:32px 24px;width:min(94vw,400px)}body.is-mobile .calibration-title{font-size:1.05rem}body.is-mobile .calibration-icon{font-size:36px;line-height:64px}body.is-mobile .calibration-logo{width:64px;height:64px;margin-bottom:14px}body.is-mobile .cal-result-badge{font-size:1.45rem}.settings-retest-btn{padding:8px 16px!important;font-size:.85rem!important;min-height:36px!important;white-space:nowrap}.modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:var(--text-primary);font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;z-index:100}.menu-btn:focus,.primary-btn:focus,.icon-btn:focus,.modal-close:focus,.inventory-tab:focus,.lobby-tab:focus,.skin-card:focus,.lobby-avatar:focus,.piece-item:focus{outline:none}@media(hover:none){.menu-btn:hover{transform:none;border-color:#fff3;box-shadow:none}.menu-btn:hover:before{left:-100%}.primary-btn:hover{transform:none;box-shadow:0 10px 30px #ff008080}.primary-btn:hover .btn-glow{opacity:0}.inventory-cta:hover,.skin-card:hover,.icon-btn:hover,.modal-close:hover,.piece-item:hover,.lobby-avatar:hover{transform:none;box-shadow:none}}.modal-close:hover{background:var(--red-player);transform:rotate(90deg)}.modal-title{font-family:Orbitron,sans-serif;font-size:2rem;text-align:center;margin-bottom:30px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-content{max-width:640px;padding:0;overflow:hidden;display:flex;flex-direction:column}.settings-body{flex:1;display:flex;flex-direction:column;padding:12px 24px 10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-content:start}.settings-col{display:flex;flex-direction:column}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.settings-account-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.settings-account-inline .settings-account-status{width:100%;font-size:.75rem}.settings-tutorial-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:#ffffff80;font-size:.82rem;padding:4px 0;cursor:pointer;transition:color .2s ease}.settings-tutorial-link:hover{color:var(--primary-color)}.settings-account-btn{min-height:auto!important;padding:6px 12px!important;font-size:.75rem!important}.settings-account-btn.billing-btn{border-color:#ffc6418c!important;color:#ffe58a!important}.settings-account-btn.billing-btn.owned{border-color:#4dffad99!important;color:#97ffd0!important}.settings-content{max-width:500px;padding:0;overflow:hidden;display:flex;flex-direction:column}.tutorial-content{max-width:640px;padding:0;overflow:hidden;display:flex;flex-direction:column}.modal-scroll-body{flex:1;overflow-y:auto;padding:40px;-webkit-overflow-scrolling:touch}.profile-section{margin-bottom:18px}.profile-section label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--text-secondary)}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.profile-label{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffffa6}.profile-avatars{justify-content:flex-end;flex:1}.profile-handle{margin-top:8px;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#fff9}.profile-meta{display:grid;gap:10px;margin-bottom:18px}.profile-meta-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.9rem}.profile-auth{margin-bottom:16px}.profile-auth-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.profile-auth-status{color:#00d4ffe6;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}@keyframes inventory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-auth-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-auth-actions .menu-btn,.profile-auth-actions .primary-btn{flex:1 1 160px}.profile-auth-hint{margin-top:10px;color:#fff9;font-size:.82rem;letter-spacing:.04em}.profile-danger{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.profile-danger-hint{margin-bottom:8px;color:#ffcbbecc;font-size:.82rem;letter-spacing:.04em}.profile-reset-btn{border-color:#ffa60059;color:#ffd791e6}.btn-google{background:#fff;color:#1f1f1f;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 24px #00000040;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;letter-spacing:.02em;text-transform:none}.btn-google:hover{background:#f5f5f5}.btn-google:active{transform:translateY(1px)}.google-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;padding:2px;box-shadow:inset 0 0 0 1px #00000014}.google-icon svg{width:18px;height:18px;display:block}.google-label{font-size:.95rem}.success-btn{background:gold;border:none;color:#000;box-shadow:none;font-weight:700}.success-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.danger-btn{background:linear-gradient(135deg,#ff5858,#c42828);border:1px solid rgba(255,120,120,.6);color:#fff;box-shadow:0 12px 28px #ff585880;font-weight:700}.danger-btn:hover{filter:brightness(1.05)}.delete-account-content{max-width:520px}.delete-account-warning{margin:12px 0 10px;color:#ffc4c4d9;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.profile-status{min-height:18px;margin-top:10px;text-align:center;font-size:.85rem;color:#ffffffb3}.profile-status:empty{display:none;margin-top:0;min-height:0}.profile-legal{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.8rem}.profile-legal-link{color:#ffffff80;text-decoration:none;transition:color .2s ease}.profile-legal-link:hover{color:var(--primary-color);text-decoration:underline}.profile-legal-sep{color:#ffffff4d;margin:0 8px}#player-names-modal .modal-content{max-width:540px;max-height:min(86vh,760px);padding:24px 22px;overflow-y:auto}#player-names-modal .modal-title{font-size:1.6rem;margin-bottom:12px}#player-names-modal .modal-content>div{margin:10px 0!important}#player-names-modal label{font-size:.95rem!important;margin-bottom:8px!important}#player-names-modal input,#player-names-modal select,#player-names-modal .setup-ai-dropdown-trigger{padding:10px 12px!important;font-size:.95rem!important}#player-names-modal .setup-ai-dropdown{position:relative}#player-names-modal .setup-ai-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ffd1661a;border:2px solid #ffd166;border-radius:10px;color:#fff;text-align:start;font-family:Orbitron,sans-serif;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}#player-names-modal .setup-ai-dropdown-trigger:hover,#player-names-modal .setup-ai-dropdown-trigger[aria-expanded=true]{border-color:#ffe39c;box-shadow:0 0 14px #ffd1664d;background:#ffd16629}#player-names-modal .setup-ai-dropdown-arrow{color:#ffd166;font-size:.95em;line-height:1;transition:transform .2s ease}#player-names-modal .setup-ai-dropdown-trigger[aria-expanded=true] .setup-ai-dropdown-arrow{transform:rotate(180deg)}#player-names-modal .setup-ai-dropdown-menu{position:absolute;top:auto;bottom:calc(100% + 8px);left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#070b1cf5;box-shadow:0 16px 30px #00000059}#player-names-modal .setup-ai-dropdown-option{width:100%;border:1px solid transparent;border-radius:10px;background:#ffffff0a;color:#fff;font-family:Orbitron,sans-serif;font-size:.9rem;padding:9px 10px;text-align:start;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}#player-names-modal .setup-ai-dropdown-option:hover{background:#ffd16629;border-color:#ffd1668c}#player-names-modal .setup-ai-dropdown-option.selected{background:#ffd16633;border-color:#ffd166bf}#player-names-modal #player2-name-section,#player-names-modal #ai-difficulty-section{margin-bottom:10px!important}#player-names-modal .modal-close{top:8px;right:8px}#player-names-modal #btn-start-game{padding:12px 14px!important;font-size:1.05rem!important}body.is-mobile #player-names-modal .modal-content{max-width:min(94vw,460px);max-height:84vh;padding:clamp(12px,3vmin,18px) clamp(10px,2.5vmin,16px);overflow-y:auto}body.is-mobile #player-names-modal .modal-title{font-size:clamp(1.1rem,4vmin,1.4rem);margin-bottom:clamp(6px,1.8vmin,10px)}body.is-mobile #player-names-modal .modal-content>div{margin:clamp(6px,1.4vmin,9px) 0!important}body.is-mobile #player-names-modal label{font-size:clamp(.75rem,2.5vmin,.9rem)!important;margin-bottom:clamp(5px,1.2vmin,7px)!important}body.is-mobile #player-names-modal input,body.is-mobile #player-names-modal select,body.is-mobile #player-names-modal .setup-ai-dropdown-trigger{padding:clamp(6px,1.8vmin,10px) clamp(8px,2vmin,12px)!important;font-size:clamp(.8rem,2.5vmin,.9rem)!important}body.is-mobile #player-names-modal .setup-ai-dropdown-menu{top:auto;bottom:calc(100% + 6px);gap:4px;padding:6px}body.is-mobile #player-names-modal .setup-ai-dropdown-option{font-size:clamp(.78rem,2.4vmin,.88rem);padding:clamp(7px,1.8vmin,9px)}body.is-mobile #player-names-modal #player2-name-section,body.is-mobile #player-names-modal #ai-difficulty-section{margin-bottom:clamp(6px,1.4vmin,9px)!important}body.is-mobile #player-names-modal .modal-close{top:clamp(5px,1.2vmin,8px);right:clamp(5px,1.2vmin,8px);width:clamp(30px,7vmin,38px);height:clamp(30px,7vmin,38px);font-size:clamp(1.3rem,4.5vmin,1.7rem)}body.is-mobile #player-names-modal #btn-start-game{padding:clamp(9px,2vmin,12px) clamp(10px,2.5vmin,14px)!important;font-size:clamp(.85rem,2.8vmin,1rem)!important}.lan-content{max-width:760px}.lan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lan-panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px}.lan-panel h3{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:12px;color:var(--accent-color)}.lan-input{width:100%;padding:10px 12px;margin-bottom:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-primary);font-size:.95rem;font-family:Rajdhani,sans-serif;outline:none}.lan-input:focus{border-color:var(--primary-color)}.lan-rooms{margin-top:12px;max-height:220px;overflow-y:auto}.lan-room-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);margin-bottom:10px}.lan-room-name{font-family:Orbitron,sans-serif;font-size:.95rem}.lan-join-btn{padding:8px 16px;font-size:.85rem}.lan-join-btn.disabled{opacity:.5;pointer-events:none}.lan-status{margin-top:10px;min-height:18px;font-size:.85rem;color:var(--text-secondary)}.auth-debug{margin-top:12px;padding:12px;border-radius:12px;background:#0a0e1c99;border:1px solid rgba(255,255,255,.12)}.auth-debug-title{font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.auth-debug-log{max-height:140px;overflow-y:auto;font-family:Rajdhani,sans-serif;font-size:.78rem;color:var(--text-primary);white-space:pre-wrap;background:#05081499;border-radius:8px;padding:8px;margin:0 0 10px;border:1px solid rgba(255,255,255,.08)}.auth-debug-clear{padding:8px 12px;font-size:.75rem}.online-connecting{position:absolute;inset:0;background:#050814e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:20px;display:flex;align-items:center;justify-content:center;z-index:10}.online-connecting-text{font-family:Orbitron,sans-serif;font-size:1.1rem;letter-spacing:.2em;color:var(--text-primary);text-transform:uppercase}.lan-rematch-text{margin:18px 0 26px;text-align:center;font-size:1rem;color:var(--text-secondary)}.lan-invite{margin-top:14px}.lan-invite-title{font-size:.8rem;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:8px}.lan-invite-row{display:flex;gap:10px;align-items:center}.lan-invite-input{margin-bottom:0;flex:1}.lan-invite-copy{padding:10px 16px;font-size:.8rem}.lan-code-toggle{margin-top:12px}.lan-code{margin-top:10px;display:flex;gap:10px;align-items:center}.lan-code .lan-input{margin-bottom:0;flex:1}.lan-code-join{padding:10px 16px;font-size:.8rem}.lan-name-label{display:block;font-size:1.1rem;margin-bottom:10px;font-weight:700;text-align:center}.lan-name-label.lan-name-blue{color:#36f}.lan-name-label.lan-name-red{color:#f36}.lan-name-input{width:100%;padding:15px;font-size:1.1rem;background:#3366ff1a;border:2px solid #3366ff;border-radius:10px;color:#fff;text-align:center;font-family:Orbitron,sans-serif;outline:none}.lan-name-input.lan-name-red{background:#ff33661a;border-color:#f36}.lobby-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:flex;flex-direction:column;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:radial-gradient(circle at top,rgba(0,212,255,.12),transparent 60%),linear-gradient(180deg,#080c1cfa,#080c1ceb);color:var(--text-primary);overflow-y:hidden}#lobby-panel-online .lobby-list{max-height:calc(100vh - 100px);padding-bottom:80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;align-content:start;overflow-y:auto;padding-right:4px;position:relative;height:100%}.lobby-header{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:12px;width:100%}.lobby-tabs{margin:0;display:flex;justify-content:center;gap:8px;flex:1;flex-wrap:wrap}.lobby-tab{padding:5px 12px;border-radius:999px;font-size:.75rem;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text-primary);font-family:Orbitron,sans-serif;letter-spacing:.1em;cursor:pointer;transition:all .25s ease}.lobby-tab.active{border-color:var(--primary-color);box-shadow:var(--glow-primary);background:linear-gradient(135deg,#ff00804d,#00d4ff40)}.lobby-content{flex:1}.lobby-panel{display:none}.lobby-panel.active{display:block}.lobby-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:24px}.lobby-open-requests{grid-column:1 / -1;max-height:none}.lobby-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;box-shadow:var(--shadow-heavy);display:flex;flex-direction:column}.lobby-card h3{font-family:Orbitron,sans-serif;font-size:1.1rem;margin-bottom:16px;color:var(--accent-color)}.lobby-daily-card{grid-column:1 / -1;gap:14px}.lobby-daily-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.lobby-rewards-open{padding:10px 14px;border-radius:12px;font-size:.75rem}.lobby-daily-list{display:grid;gap:10px}.lobby-daily-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#0c1220d1;border:1px solid rgba(255,255,255,.08)}.lobby-daily-main{flex:1;min-width:0}.lobby-daily-title{font-size:.95rem;color:var(--text-primary);font-weight:600}.lobby-daily-progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:8px}.lobby-daily-progress-fill{height:100%;width:0%;background:linear-gradient(135deg,#00d4ff,#ff5bb0);transition:width .3s ease}.lobby-daily-count{font-size:.76rem;color:#ffffffb3;margin-top:6px}.lobby-daily-reward{min-width:72px;padding:6px 8px;border-radius:12px;background:#0c1220e6;border:1px solid rgba(215,181,109,.25);text-align:center;font-size:.75rem;color:#d7b56df2;font-family:Orbitron,sans-serif}.lobby-daily-action{min-width:110px;padding:8px 12px;border-radius:12px;font-size:.72rem}.lobby-daily-action.disabled{opacity:.6;cursor:not-allowed}.lobby-daily-empty{text-align:center;color:#fff9;padding-top:4px}.lobby-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.lobby-label{font-size:.8rem;letter-spacing:.2em;color:var(--text-secondary)}.lobby-avatars{display:flex;gap:10px;flex-wrap:wrap}.lobby-avatar{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 6px #ffffff40;transition:all .2s ease}.lobby-avatar:hover{transform:translateY(-2px) scale(1.05)}.lobby-avatar.selected{border-color:#ffffffe6;box-shadow:0 0 12px #00d4ffb3}.lobby-avatar[data-avatar=blue]{background:#4b6cff}.lobby-avatar[data-avatar=red]{background:#ff4b6b}.lobby-avatar[data-avatar=green]{background:#36d48f}.lobby-avatar[data-avatar=yellow]{background:#ffcc4d}.lobby-avatar[data-avatar=purple]{background:#a56bff}.lobby-avatar[data-avatar=cyan]{background:#31d8ff}.lobby-actions{display:flex;gap:12px;align-items:center}.lobby-list{display:flex;flex-direction:column;gap:12px;max-height:clamp(200px,40vh,520px);overflow-y:auto;padding-right:6px;flex:1}.lobby-pagination{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:.85rem}.lobby-page-btn{min-width:38px;padding:8px 10px;border-radius:10px;font-size:.8rem}.lobby-page-btn.disabled{opacity:.5;cursor:not-allowed}.lobby-page-info{font-family:Orbitron,sans-serif;letter-spacing:.08em}#lobby-panel-online .lobby-grid{display:block;position:relative;height:100%;padding-left:20px;box-sizing:border-box}#lobby-panel-online .lobby-card:first-child{background:transparent;border:none;box-shadow:none;padding:0;position:fixed;bottom:20px;left:20px;z-index:2000;width:auto;pointer-events:auto}#lobby-panel-online .lobby-actions{pointer-events:auto}#lobby-host-btn{background:gold;color:#000;font-size:.9rem;padding:8px 16px;border:none;box-shadow:0 4px 12px #ffd7004d;font-weight:800;letter-spacing:.05em}#lobby-host-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffd70080}#lobby-host-btn:disabled{background:#ffd7004d;color:#00000080;box-shadow:none}#lobby-panel-online .lobby-list{max-height:calc(100vh - 120px);padding-bottom:60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;align-content:start;overflow-y:auto;padding-right:4px;position:relative}#lobby-panel-online .lobby-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#ffffff80;font-size:.9rem;pointer-events:none;grid-column:1 / -1}#lobby-panel-online .lobby-card.lobby-open-requests h3{font-size:.9rem;margin-bottom:8px;opacity:.8}#lobby-panel-online .lobby-list-item{flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:center}#lobby-panel-online .lobby-list-left{flex-direction:column;gap:6px;margin-right:0}#lobby-panel-online .lobby-avatar-chip{width:32px;height:32px}#lobby-panel-online .lobby-name{font-size:.8rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby-panel-online .lobby-join-btn{padding:4px 12px;font-size:.75rem;width:100%;margin-top:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}#lobby-panel-online .lobby-join-btn:hover{background:var(--primary-color);border-color:transparent}.lobby-divider{height:1px;background:#ffffff1f;margin:18px 0 12px}.lobby-subtitle{font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.18em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px}.lobby-hint{margin:0 0 12px;color:var(--text-secondary);font-size:.85rem}.lobby-verify{margin-bottom:12px;padding:10px 12px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.lobby-verify-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.lobby-google-btn{padding:10px 14px;font-size:.85rem}.lobby-verify-text{display:flex;flex-direction:column;gap:4px}.lobby-verify-title{font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color)}.lobby-verify-sub{font-size:.85rem;color:var(--text-secondary)}.lobby-verify-status{margin-bottom:12px;min-height:18px}.lobby-code-row{display:flex;gap:10px;align-items:center}.lobby-code-row .lan-input{margin-bottom:0;flex:1}.lobby-join-btn{padding:10px 18px;font-size:.85rem}.lobby-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.lobby-list-left{display:flex;align-items:center;gap:12px}.lobby-avatar-chip{width:34px;height:34px;border-radius:50%;box-shadow:0 0 10px #00000059}.lobby-name{font-family:Orbitron,sans-serif;font-size:.95rem;display:flex;align-items:center;gap:6px}.lobby-verified{font-size:.95rem;line-height:1;filter:drop-shadow(0 0 6px rgba(0,255,136,.55))}.lobby-empty{text-align:center;padding:30px 0;color:var(--text-secondary);font-size:.9rem}.lobby-verify-content{max-width:520px}.lobby-auth-content{max-width:420px;padding:24px;position:relative}.lobby-auth-content .modal-close{position:absolute;font-size:1.5rem;top:8px;right:8px;width:28px;height:28px;line-height:28px;background:transparent;color:#fff6}.lobby-auth-content .lan-status{margin-top:4px;min-height:0;margin-bottom:0;font-size:.75rem;text-align:center}.lobby-auth-pass{margin-top:14px;padding:6px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.lobby-auth-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.lobby-auth-actions .menu-btn,.lobby-auth-actions .primary-btn{flex:1 1 140px;font-size:.75rem;padding:8px 12px;min-height:40px}.lobby-auth-reset{margin-top:12px;width:100%;background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff9;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem;padding:8px}.modal-close.disabled{opacity:.35;pointer-events:none}.lobby-lan-card{max-width:520px;margin:40px auto 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px;text-align:center;box-shadow:var(--shadow-heavy)}.lobby-lan-content{max-width:900px;margin:20px auto 0}.lobby-lan-header{text-align:center;margin-bottom:20px}.lobby-lan-header h3{font-family:Orbitron,sans-serif;color:var(--accent-color);margin-bottom:8px}.lobby-lan-header p{color:var(--text-secondary);margin:0}.lobby-lan-card h3{font-family:Orbitron,sans-serif;margin-bottom:12px;color:var(--accent-color)}.lobby-lan-card p{color:var(--text-secondary);margin-bottom:22px}.lobby-confirm-content{width:min(360px,calc(100vw - 32px));max-width:360px;padding:18px 20px 16px;text-align:center;max-height:none;overflow-y:visible}.lobby-confirm-content .modal-title{font-size:1rem;letter-spacing:.1em;margin-bottom:10px}.lobby-confirm-body{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin:0 0 14px}.lobby-confirm-avatar{width:44px;height:44px;border-radius:50%;background:#4b6cff;box-shadow:0 0 10px #00d4ff80;flex-shrink:0}.lobby-confirm-name{font-family:Orbitron,sans-serif;font-size:.95rem;letter-spacing:.08em}.lobby-confirm-timer{font-size:.8rem;color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.lobby-confirm-actions{display:flex;justify-content:center;gap:10px}.lobby-confirm-actions .primary-btn,.lobby-confirm-actions .menu-btn{flex:1;padding:10px 16px;min-height:40px;font-size:.85rem}.signout-confirm-content{max-width:420px;padding:24px;text-align:center}.signout-confirm-content .modal-title{margin-bottom:10px;font-size:1.2rem;letter-spacing:.08em}.signout-confirm-content .modal-close{top:8px;right:8px;width:30px;height:30px;font-size:1.35rem}.signout-confirm-text{margin:8px 0 18px;color:var(--text-secondary);font-size:.95rem;line-height:1.45}.signout-confirm-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.signout-confirm-actions .primary-btn,.signout-confirm-actions .menu-btn{min-width:150px}.unfriend-confirm-content{max-width:380px;padding:22px 22px 20px;text-align:center}.unfriend-confirm-content .modal-title{margin-bottom:14px;font-size:1.15rem;letter-spacing:.08em;color:var(--accent-color)}.unfriend-confirm-content .modal-close{top:8px;right:8px;width:30px;height:30px;font-size:1.35rem}.unfriend-confirm-body{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 10px}.unfriend-confirm-avatar{font-size:2.4rem;line-height:1;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.unfriend-confirm-name{font-family:Orbitron,sans-serif;font-size:1rem;color:var(--text-primary);letter-spacing:.04em;word-break:break-word;max-width:100%}.unfriend-confirm-text{margin:4px 0 16px;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.unfriend-confirm-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.unfriend-confirm-actions .primary-btn,.unfriend-confirm-actions .menu-btn{min-width:130px}.unfriend-confirm-actions .primary-btn.unfriend-confirm-danger{background:linear-gradient(135deg,var(--red-player),#c91f48);border-color:var(--red-player);box-shadow:0 0 18px #ff336659}.unfriend-confirm-actions .primary-btn.unfriend-confirm-danger:hover{background:linear-gradient(135deg,#ff4778,#b71a3f);box-shadow:0 0 22px #ff33668c}@media(max-width:768px){.lan-grid{grid-template-columns:1fr}}.tutorial-section{margin-bottom:30px}.tutorial-section h3{font-family:Orbitron,sans-serif;font-size:1.3rem;margin-bottom:15px;color:var(--accent-color)}.tutorial-section ul{list-style:none;padding-left:20px}.tutorial-section li{margin-bottom:10px;padding-left:25px;position:relative;line-height:1.6}.tutorial-section li:before{content:"▸";position:absolute;left:0;color:var(--primary-color)}.tutorial-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tc-balance-chip{position:absolute;top:calc(32px + var(--safe-top));left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 60%),linear-gradient(140deg,#0c1828b3,#0a0c18cc);box-shadow:0 10px 22px #00000059;letter-spacing:.12em;text-transform:uppercase}.tc-balance-label{font-size:.7rem;color:#ffffffa6}.tc-balance-value{font-family:Orbitron,sans-serif;font-size:1.05rem;color:#f1f6ff;text-shadow:0 0 12px rgba(0,212,255,.35)}.coin-balance-chip{position:fixed;top:calc(26px + var(--safe-top));left:auto;right:calc(200px + var(--safe-right));transform:none;padding:8px 12px;gap:6px;border-radius:14px;background:#ffd70014;color:gold;border:1px solid rgba(255,215,0,.25);box-shadow:0 8px 30px #0003;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;z-index:90}.coin-balance-label{font-size:.7rem;color:#ffe07ad9}.coin-balance-value{font-family:Orbitron,sans-serif;font-size:1.05rem;color:#ffe7a3;text-shadow:0 0 12px rgba(255,215,0,.35)}.size-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.size-example{display:flex;flex-direction:column;align-items:center;gap:10px}.size-visual{background:var(--red-player);border-radius:50%;box-shadow:0 5px 15px #ff336680}.size-visual.size-1{width:32px;height:32px}.size-visual.size-2{width:46px;height:46px}.size-visual.size-3{width:60px;height:60px}.guide-overlay{position:fixed;inset:0;z-index:999;display:flex;justify-content:flex-end;align-items:flex-end;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));background:radial-gradient(circle at var(--guide-spotlight-x, 50%) var(--guide-spotlight-y, 50%),rgba(0,0,0,0) 0,rgba(0,0,0,.35) var(--guide-spotlight-size, 120px),rgba(5,8,16,.88) calc(var(--guide-spotlight-size, 120px) + 120px));transition:background .3s ease;pointer-events:none}.guide-panel{width:min(220px,85vw);background:#0a0e18f0;border-radius:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.guide-title{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-color)}.guide-step{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.guide-progress{display:flex;gap:4px;margin:4px 0 8px}.guide-progress-dot{width:7px;height:7px;border-radius:50%;background:#ffffff26}.guide-progress-dot.active{background:var(--primary-color);box-shadow:0 0 12px #36f9}.guide-progress-dot.completed{background:#ffffff59}.guide-card{background:#121826e6;border-radius:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.08)}.guide-step-title{margin:0 0 4px;font-family:Orbitron,sans-serif;font-size:.9rem}.guide-step-text{margin:0 0 6px;font-size:.8rem;line-height:1.5;color:#ffffffd9}.guide-hint{font-size:.75rem;color:#ffd36a;min-height:1em}.guide-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.guide-skip{opacity:.8}#guide-back{display:none}.guide-allowed{box-shadow:0 0 0 2px #ffd36ad9,0 0 18px #ffd36a8c;animation:guidePulse 1.6s ease-in-out infinite}.guide-disabled{opacity:.5;filter:grayscale(.35)}.guide-shake{animation:guideShake .35s ease-in-out}@keyframes guidePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes guideShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}60%{transform:translate(4px)}}@media(max-width:768px){.guide-overlay{justify-content:center;padding:16px}.guide-panel{width:min(520px,96vw)}}.welcome-content{max-width:400px;padding:18px 20px;background:radial-gradient(circle at top,#223055f2,#0a0e18f2 70%);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 70px #0000008c}.welcome-hero{text-align:center;margin-bottom:8px}.welcome-title{font-family:Orbitron,sans-serif;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:0}.welcome-subtitle{display:none;color:#ffffffc7;font-size:.9rem;line-height:1.4}.welcome-language-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;color:#ffffffb3}.welcome-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.welcome-lang-option{border:1px solid rgba(255,255,255,.15);background:#121826e6;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}html[dir=rtl] .welcome-lang-option{align-items:flex-end;text-align:right}.welcome-lang-option:hover{transform:translateY(-2px);border-color:#ffffff59}.welcome-lang-option.active{border-color:var(--primary-color);box-shadow:0 0 0 1px #3366ff59,0 12px 28px #3366ff4d}.welcome-lang-name{font-weight:700;font-size:.9rem;color:#fff}.welcome-lang-badge{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#ffd36a}.welcome-language-note{margin-top:4px;font-size:.7rem;color:#fff9;text-align:center}.welcome-actions{margin-top:8px;display:flex;justify-content:center}@media(max-width:640px){.welcome-content{max-width:min(92vw,400px);padding:16px 18px}.welcome-language-grid{grid-template-columns:1fr}}.setting-item{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.setting-item label{font-weight:700;font-size:.88rem}.setting-item input[type=range]{flex:1;margin:0 20px;height:6px;background:#ffffff1a;border-radius:10px;outline:none}.setting-item input[type=range]::-webkit-slider-thumb{width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--primary-color)}.setting-item select{padding:6px 12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.fps-hidden-select{display:none!important}.fps-picker-trigger{min-width:120px;padding:6px 10px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.fps-picker-trigger:hover{border-color:#00d4ff73}.fps-picker-arrow{opacity:.75;font-size:.72rem}.fps-picker-content{width:min(420px,calc(100vw - 32px));max-width:420px;padding:26px 20px 18px}.fps-picker-list{display:grid;gap:10px;margin-top:14px}.fps-picker-option{width:100%}.fps-picker-option.selected{border-color:#00d4ffb3;box-shadow:0 0 18px #00d4ff33}.setting-item input[type=checkbox]{width:50px;height:25px;appearance:none;background:#ffffff1a;border-radius:25px;position:relative;cursor:pointer;transition:all .3s ease}.setting-item input[type=checkbox]:before{content:"";position:absolute;width:21px;height:21px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease}.setting-item input[type=checkbox]:checked{background:var(--success)}.setting-item input[type=checkbox]:checked:before{left:27px}.settings-section{margin-top:14px;padding:12px 14px;border-radius:12px;background:#080c1a99;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #00000040}.settings-section-title{font-weight:700;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#fff9}.settings-section-hint{margin-top:6px;font-size:.85rem;color:#ffffff8c}.settings-account-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px}.settings-account-actions .menu-btn{flex:1 1 160px;min-width:160px}.settings-account-status{margin-top:10px;min-height:18px;font-size:.85rem;color:#ffffffb3}.settings-version{font-size:.65rem;letter-spacing:.1em;color:#ffffff40}.gameover-content{text-align:center;max-width:min(680px,90vw);max-height:84vh;padding:20px 18px}.gameover-header{margin-bottom:16px}.gameover-title{font-size:clamp(1.7rem,3.9vw,2.1rem);margin-bottom:6px;animation:bounceIn .6s ease}.gameover-icon{font-size:clamp(2.1rem,4.1vw,2.9rem);animation:rotateIn .8s ease}html[dir=rtl] .gameover-content,html[dir=rtl] .gameover-header,html[dir=rtl] .gameover-title{text-align:center}.gameover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.stat-item{padding:9px 8px;background:#ffffff0b;border-radius:10px;border:2px solid rgba(255,255,255,.1)}.stat-label{display:block;color:var(--text-secondary);font-size:.7rem;margin-bottom:4px}.stat-value{display:block;font-family:Orbitron,sans-serif;font-size:clamp(1.05rem,2.1vw,1.4rem);font-weight:700;color:var(--accent-color)}.gameover-streak-badge{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 14px;margin-bottom:8px;border-radius:20px;background:linear-gradient(135deg,#ffa0002e,#ff50001a);border:1px solid rgba(255,140,0,.35);color:#fa0;font-size:.82rem;font-weight:700;letter-spacing:.03em;animation:streakPulse 2s ease-in-out infinite}@keyframes streakPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.gameover-buttons{display:flex;flex-direction:column;gap:10px}.gameover-buttons .primary-btn,.gameover-buttons .menu-btn{padding:8px 12px;font-size:.86rem}body.is-mobile .gameover-content{padding:12px 10px;max-width:88vw;max-height:82vh}body.is-mobile .gameover-header{margin-bottom:9px}body.is-mobile .gameover-title{font-size:1.28rem;margin-bottom:4px}body.is-mobile .gameover-icon{font-size:1.95rem}body.is-mobile .gameover-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}body.is-mobile .stat-item{padding:6px 5px;border-radius:8px}body.is-mobile .stat-label{font-size:.58rem;margin-bottom:2px}body.is-mobile .stat-value{font-size:.9rem}body.is-mobile .gameover-buttons{flex-direction:row;flex-wrap:wrap;gap:7px}body.is-mobile .gameover-buttons .menu-btn{flex:1 1 140px}.pause-content{text-align:center}.pause-buttons{display:flex;flex-direction:column;gap:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}@media(max-width:1200px){.title-main{font-size:4rem}.title-sub{font-size:2rem}.lobby-title h1{font-size:2.2rem;letter-spacing:.2em}.lobby-grid{grid-template-columns:1fr}}@media(max-width:768px){.title-main{font-size:3rem}.title-sub{font-size:1.5rem}.menu-buttons{min-width:300px}.piece-selector{min-width:90%}.pieces-grid{grid-template-columns:repeat(4,1fr)}.chat-drawer{position:fixed;inset:auto 0 0;width:100%;height:42%;border-radius:18px 18px 0 0;transform-origin:bottom center;padding:10px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.chat-toast{top:95px;width:calc(100% - 32px);justify-content:center}.lobby-screen{padding:24px}.lobby-header{flex-direction:column;align-items:flex-start}.lobby-title h1{font-size:1.8rem}.lobby-tabs{flex-wrap:wrap}}@media(max-width:900px)and (orientation:landscape){.menu-container{padding:18px 24px 16px;justify-content:flex-start}.menu-stack{justify-content:flex-start}.game-title{margin-bottom:24px}.title-main{font-size:2.6rem;letter-spacing:6px}.title-sub{font-size:1.4rem;letter-spacing:8px}.menu-tip{margin:10px 0 16px;padding:10px 12px;font-size:.65rem}.menu-buttons{width:min(90vw,420px);min-width:0;gap:12px}.menu-btn{padding:12px 18px;font-size:.95rem;border-radius:12px}.primary-btn{font-size:1.05rem;padding:16px 24px}.btn-icon{font-size:1.2rem}.btn-subtext{font-size:.6rem;letter-spacing:.12em}.menu-footer{font-size:.85rem}.inventory-cta{top:12px;right:12px;padding:10px 12px;border-radius:14px;gap:8px}.inventory-label{font-size:.7rem}.inventory-sub{font-size:.55rem}.lobby-screen{padding:16px 20px 24px}.lobby-title h1{font-size:1.6rem;letter-spacing:.18em}.lobby-card{padding:18px}.lobby-list{max-height:200px}.lobby-code-row{flex-direction:column;align-items:stretch}.lobby-code-row .lobby-join-btn{width:100%}.lobby-lan-content{max-width:820px}.game-hud{padding:calc(8px + var(--safe-top)) calc(14px + var(--safe-right)) 8px calc(14px + var(--safe-left))}.player-info{gap:10px}.avatar-circle{width:42px;height:42px;border-width:2px}.player-details h3{font-size:1rem}.player-score{font-size:.8rem}.turn-indicator{padding:6px 10px;font-size:.7rem;letter-spacing:1px}.game-info{gap:10px}.timer-container{padding:6px 10px}.timer-value{font-size:1.1rem}.icon-btn{width:40px;height:40px;font-size:1.1rem;border-radius:8px}.chat-drawer{width:220px;height:240px}.chat-toast{top:70px;font-size:.9rem}.piece-selector{top:auto;bottom:calc(8px + var(--safe-bottom));transform:none;width:44vw;max-width:260px;padding:12px;max-height:40vh}.player1-selector{left:10px}.player2-selector{right:10px}.selector-title{font-size:.85rem;margin-bottom:10px}.player-name-input{padding:6px 8px;font-size:.8rem;margin:6px 0 10px}.pieces-grid{gap:8px;max-height:24vh;overflow-y:auto;padding-right:4px}.piece-item{padding:8px 10px;min-height:44px}.piece-label{font-size:.75rem}.size-1 .piece-visual{width:24px;height:24px}.size-2 .piece-visual{width:34px;height:34px}.size-3 .piece-visual{width:44px;height:44px}}@media(max-height:820px)and (min-width:901px){.menu-container{padding:28px 40px;justify-content:flex-start}.menu-stack{justify-content:flex-start}.inventory-cta{top:16px;right:16px;padding:12px 14px;border-radius:14px;gap:10px}.inventory-label{font-size:.8rem}.inventory-sub{font-size:.6rem}.game-hud{padding:14px 24px}.player-info{gap:12px}.avatar-circle{width:50px;height:50px}.player-details h3{font-size:1.1rem}.player-score{font-size:.9rem}.turn-indicator{padding:8px 12px;font-size:.8rem;letter-spacing:1px}.game-info{gap:12px}.timer-value{font-size:1.3rem}.icon-btn{width:44px;height:44px;font-size:1.2rem}.piece-selector{width:180px;padding:14px}.player1-selector{left:12px}.player2-selector{right:12px}.selector-title{font-size:.9rem;margin-bottom:10px}.player-name-input{font-size:.85rem;margin:8px 0 12px}.piece-item{padding:10px 12px;min-height:52px}}@media(max-height:720px)and (min-width:901px){.game-title{margin-bottom:24px}.title-main{font-size:3.6rem;letter-spacing:6px}.title-sub{font-size:1.8rem;letter-spacing:8px}.menu-buttons{gap:10px}.menu-btn{padding:14px 20px;font-size:.95rem}.primary-btn{font-size:1.05rem;padding:14px 22px}.menu-footer{font-size:.85rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.rewards-task-card.special-ad-card{border:1px solid rgba(255,215,0,.5);background:linear-gradient(135deg,#ffd70014,#11172999);box-shadow:0 4px 20px #ffd7001a;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.rewards-task-card.special-ad-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffd70033;border-color:#ffd700cc}.rewards-task-card.special-ad-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.5}.rewards-task-card.special-ad-card .rewards-task-title{color:gold;text-shadow:0 2px 10px rgba(255,215,0,.2)}.rewards-task-card.special-ad-card .rewards-task-reward{color:#fff;background:#ffd70033;border:1px solid rgba(255,215,0,.3);padding:4px 10px;border-radius:12px}#rewards-watch-ad{display:none!important}.menu-balance{transition:opacity .3s ease}#tc-balance-chip,#coin-balance-chip{display:flex;opacity:1;pointer-events:auto;visibility:visible}#tc-balance-chip.hidden,#coin-balance-chip.hidden{display:none!important}.purchase-content{width:min(92vw,420px);max-width:420px;padding:22px 18px 18px;border-radius:14px;text-align:left;overflow-x:hidden}.purchase-preview{margin:8px 0 12px;display:flex;align-items:center;gap:10px;min-width:0}.purchase-skin-preview{width:42px;height:42px;border-radius:10px;display:block;overflow:hidden;box-shadow:none;flex:0 0 42px}.purchase-skin-preview img{width:100%;height:100%;object-fit:cover;display:block}.purchase-skin-name{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-break:break-word;min-width:0;flex:1 1 auto}.purchase-price-row,.purchase-balance-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;margin:6px 0;background:#ffffff0a;border-radius:8px;min-width:0}.purchase-label{color:#ffffffbf;font-size:.8rem;min-width:0;flex:1 1 auto}.purchase-price{font-weight:700;color:#f5d27a;font-size:.95rem;white-space:nowrap}.purchase-balance{color:#b8ffd9;font-size:.95rem;white-space:nowrap}.purchase-status{margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,120,120,.35);background:#78121238;color:#ffd6d6;font-size:.82rem;line-height:1.35;text-align:left;word-break:break-word}.purchase-actions{margin-top:12px;display:flex;gap:8px;flex-direction:column}.purchase-actions.single-action .menu-btn{display:none!important}.purchase-actions .primary-btn{width:100%;margin:0;padding:11px 12px;font-size:.9rem;border-radius:10px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.purchase-actions .menu-btn{width:100%;margin:0;padding:11px 12px;font-size:.85rem;border-radius:10px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.purchase-content.purchase-blocked .purchase-balance-row{border:1px solid rgba(255,120,120,.45);background:#78121233}.purchase-content.purchase-blocked .purchase-balance{color:#ffb7b7;font-weight:700}#purchase-modal .modal-title{font-size:1.05rem;margin:0 40px 8px 0;text-align:left;letter-spacing:.03em;-webkit-text-fill-color:currentColor;background:none;color:#fff}#purchase-modal .modal-close{top:8px;right:8px;width:30px;height:30px;font-size:1.35rem}#purchase-modal{overflow-x:hidden}@media(max-width:600px){.purchase-content{width:min(95vw,420px);padding:18px 14px 14px}}.coin-balance-icon{font-size:1rem}@media(max-width:900px){.chat-drawer{width:clamp(140px,20vw,180px);height:200px;max-height:50vh;gap:6px;padding:8px}.chat-messages{gap:5px;padding:6px 4px 6px 6px}.chat-message{gap:2px}.chat-message .chat-meta{font-size:.64rem}.chat-message .chat-bubble{font-size:.82rem;padding:6px 8px}.chat-input-row{gap:3px;width:100%}.chat-input-row input{padding:6px 8px;font-size:.78rem;min-width:0}.chat-input-row #chat-send{flex:0 0 22px;min-width:22px;padding:4px;font-size:.7rem}}body.is-mobile .chat-input-row #chat-send{flex:0 0 28px;min-width:28px;padding:5px;font-size:.78rem}.username-content{max-width:380px;padding:24px;background:radial-gradient(circle at top,#223055fa,#0a0e18fa 80%);border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 80px #0009;text-align:center}.username-title{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:8px;color:#fff;letter-spacing:.1em}.username-subtitle{font-size:.9rem;color:#ffffffb3;margin-bottom:20px}.username-input-container{position:relative;margin-bottom:20px}.username-input{width:100%;background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 16px;font-size:1.1rem;color:#fff;text-align:center;font-family:Orbitron,sans-serif;transition:all .2s ease}.username-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 15px #36f3}.username-input.valid{border-color:#2ecc71;background:#2ecc711a}.username-input.invalid{border-color:#e74c3c;background:#e74c3c1a}.username-status{height:20px;margin-top:8px;font-size:.85rem;font-weight:500}.username-status.success{color:#2ecc71}.username-status.error{color:#e74c3c}.username-status.checking{color:#f1c40f}.username-hint{font-size:.8rem;color:#ffffff80;margin-top:4px}.username-actions{display:flex;justify-content:center}#username-submit:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.profile-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#ffffffb3;margin-bottom:8px;text-transform:uppercase}.profile-display-input{width:100%;padding:14px 18px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;text-align:center;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#64ffda26,#00d4ff26);color:#64ffda;cursor:default;transition:all .3s ease;box-shadow:0 4px 15px #64ffda33,inset 0 1px 3px #ffffff1a;text-shadow:0 0 10px rgba(100,255,218,.5);letter-spacing:.05em;margin-bottom:16px}.profile-display-input:focus{outline:none;border-color:#64ffda80;box-shadow:0 6px 20px #64ffda66,inset 0 1px 3px #ffffff26}.profile-display-input::placeholder{color:#64ffda4d}#lobby-panel-online #lobby-username,#lobby-panel-online .lobby-avatar-row{display:none!important}#lobby-panel-private.active{height:100%;display:flex;flex-direction:column}#lobby-panel-private .lobby-grid{display:flex;flex-direction:row;height:calc(100vh - 110px);gap:16px;padding-right:20px;box-sizing:border-box}#lobby-panel-private .lobby-card{flex:1;justify-content:center;align-items:center;padding:16px;min-height:0}#lobby-panel-private h3{font-size:.95rem;margin-bottom:8px}#lobby-panel-private .lobby-hint{font-size:.8rem;margin-bottom:12px}#lobby-panel-private .primary-btn,#lobby-panel-private .menu-btn{font-size:.85rem;padding:10px 20px;height:auto;min-height:44px}#lobby-panel-private .lan-input{font-size:.9rem;height:40px}#private-host-status,#private-join-status{font-size:.8rem;margin-top:8px}#private-host-status.private-lock-hint,#private-join-status.private-lock-hint{color:#f46;font-weight:600}#private-room-code-section .lan-invite-title{font-size:.75rem;margin-bottom:4px}#private-room-code-section .lan-invite-row{gap:8px}.skin-progress{position:absolute;bottom:0;left:0;right:0;height:24px;background:#000c;display:flex;align-items:center;padding:0 8px;gap:8px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom-left-radius:14px;border-bottom-right-radius:14px;pointer-events:none}.skin-card-info{position:relative;z-index:20}.skin-progress-bar{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden;position:relative}.skin-progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--progress, 0%);background:var(--primary-color, #00d4ff);box-shadow:0 0 10px var(--primary-color, #00d4ff);transition:width .2s ease}.skin-progress-text{font-size:.75rem;font-weight:700;color:#fff;min-width:32px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.8)}.skin-card.skin-loading .skin-progress{display:flex!important}.disconnect-content{text-align:center;padding:40px 30px;background:linear-gradient(135deg,#b41e1ef2,#641414fa);border:2px solid rgba(255,100,100,.4);max-width:380px}.disconnect-icon{font-size:4rem;margin-bottom:15px;animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.disconnect-title{font-size:1.8rem;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.disconnect-timer{font-size:3.5rem;font-weight:900;color:#f44;font-variant-numeric:tabular-nums;margin:20px 0;text-shadow:0 0 20px rgba(255,68,68,.6);animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.7}}.disconnect-subtitle{font-size:1rem;color:#fffc;margin-bottom:10px}.disconnect-warning{font-size:.85rem;color:#ffc8c8e6;font-style:italic}.lag-performance-banner{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:10px;padding:7px 10px;background:linear-gradient(140deg,#18203af0,#0e1325fa);border:1px solid rgba(0,212,255,.28);border-radius:12px;box-shadow:0 10px 22px #0000005c,0 0 10px #00d4ff1f;z-index:176}.lag-performance-banner-title{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#ecf6ffeb;white-space:nowrap}.lag-performance-banner-actions{display:flex;align-items:center;gap:6px}.lag-performance-banner-actions .primary-btn,.lag-performance-banner-actions .menu-btn{min-height:28px;padding:5px 10px;border-radius:8px;font-size:.58rem;letter-spacing:.03em;line-height:1}body.is-mobile .lag-performance-banner{top:calc(100% + 4px);max-width:calc(100vw - 20px - var(--safe-left) - var(--safe-right));width:auto;padding:6px 8px;gap:8px}body.is-mobile .lag-performance-banner-title{font-size:.62rem;letter-spacing:.02em}body.is-mobile .lag-performance-banner-actions{gap:5px}body.is-mobile .lag-performance-banner-actions .primary-btn,body.is-mobile .lag-performance-banner-actions .menu-btn{min-height:26px;padding:5px 8px;font-size:.54rem}.stats-screen{position:fixed;inset:0;z-index:1750;overflow:hidden;background:radial-gradient(circle at 18% 10%,#48548466,#060810f2 55%),radial-gradient(circle at 85% 20%,rgba(96,120,175,.25),transparent 60%),linear-gradient(135deg,#0b0f1d,#05070f 70%)}.stats-page{height:100vh;padding:6px calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));display:flex;flex-direction:column;gap:0;overflow:hidden}.stats-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;width:100%;flex-shrink:0;min-height:48px}.stats-header-text{white-space:nowrap;pointer-events:none;text-align:center}.stats-back{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.4rem;width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.stats-back:hover{background:#ffffff26}.stats-title{font-size:1.1rem;letter-spacing:2px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5);font-weight:800;color:#fff}.stats-tabs{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.stats-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:1px;transition:all .2s;font-family:Orbitron,sans-serif}.stats-tab:hover{background:#ffffff1a;color:#fffc}.stats-tab.active{background:linear-gradient(135deg,#00d4ff33,#09c3);border-color:#00d4ff66;color:#00d4ff}.stats-tab-content{display:none;flex:1;overflow-y:auto;padding-bottom:20px}.stats-tab-content.active{display:block}.profile-tab-inner{max-width:540px;margin:0 auto;padding:8px 4px 20px}.profile-tab-inner .profile-section{margin-bottom:16px}.profile-tab-inner .profile-display-input{width:100%;padding:10px 14px;font-size:1rem;font-family:Orbitron,sans-serif;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;letter-spacing:1px}.profile-tab-inner .profile-meta,.profile-tab-inner .profile-actions{margin:16px 0}.profile-tab-inner .profile-legal{text-align:center;margin-top:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.settings-audio-group{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:20px}.settings-audio-group .setting-item{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:0}.settings-audio-group .setting-item label{font-size:.9rem}.settings-audio-group .setting-item input[type=range]{margin:0;width:100%}.settings-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding:10px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.toggle-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.toggle-grid-item label{font-weight:600;font-size:.85rem;color:#fffc;order:2}.toggle-grid-item input[type=checkbox]{width:44px;height:22px;appearance:none;background:#ffffff1a;border-radius:22px;position:relative;cursor:pointer;transition:all .3s ease;order:1}.toggle-grid-item input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease}.toggle-grid-item input[type=checkbox]:checked{background:var(--success)}.toggle-grid-item input[type=checkbox]:checked:before{left:24px}body.is-mobile .settings-body{padding:12px 14px 10px}body.is-mobile .settings-grid{grid-template-columns:1fr 1fr;gap:10px 18px}body.is-mobile .setting-item{margin-bottom:10px}body.is-mobile .setting-item label{font-size:.92rem;line-height:1.2;max-width:60%}body.is-mobile .settings-version{font-size:.6rem}body.is-mobile .setting-item select{padding:6px 10px;font-size:.85rem}body.is-mobile .fps-picker-trigger{min-width:110px;padding:6px 9px;font-size:.82rem}body.is-mobile .fps-picker-content{width:min(360px,calc(100vw - 20px));padding:22px 14px 14px}body.is-mobile .setting-item input[type=checkbox]{width:42px;height:22px}body.is-mobile .setting-item input[type=checkbox]:before{width:18px;height:18px;top:2px;left:2px}body.is-mobile .setting-item input[type=checkbox]:checked:before{left:22px}body.is-mobile .profile-tab-inner{padding:10px 12px 20px}body.is-mobile .profile-tab-inner .profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}body.is-mobile .profile-tab-inner .profile-meta-row{padding:10px;font-size:.85rem}body.is-mobile .profile-tab-inner .profile-meta-row span:first-child{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff9}body.is-mobile .profile-tab-inner .profile-meta-row span:last-child{font-weight:700}html[lang=en] body.is-mobile .profile-tab-inner .profile-avatar-section,body.is-mobile .profile-tab-inner .profile-meta-avatar-slot{display:none}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-avatar-slot{display:block}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-avatar-slot .lobby-avatars{justify-content:flex-end;gap:8px}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-avatar-slot .lobby-avatar{width:28px;height:28px}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-country{order:1}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-avatar-slot{order:2}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-provider{order:3}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-language{order:4}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-coins{order:5}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-email{order:6}html[lang=en] body.is-mobile .profile-tab-inner .profile-meta-verified{order:7}.stats-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px}.stats-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 10px;text-align:center;transition:transform .2s,border-color .2s}.stats-card:hover{transform:translateY(-2px);border-color:#ffffff26}.stats-card-icon{font-size:1.6rem;margin-bottom:4px}.stats-card-value{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:900;color:#fff;margin-bottom:2px}.stats-card-label{font-size:.65rem;color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-weight:600}.stats-card-big .stats-card-value{color:#00d4ff}.stats-card-win .stats-card-value{color:#0f8}.stats-card-loss .stats-card-value{color:#f68}.stats-card-accent .stats-card-value{color:gold}.stats-card-streak .stats-card-value{color:#f84}.stats-history-list{display:flex;flex-direction:column;gap:6px;padding:4px}.stats-empty{text-align:center;color:#fff6;padding:40px 20px;font-size:.9rem}.history-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:background .2s}.history-item:hover{background:#ffffff0f}.history-result{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.history-info{flex:1;min-width:0}.history-opponent{font-size:.85rem;font-weight:700;color:#ffffffe6;margin-bottom:2px}.history-meta{font-size:.7rem;color:#fff6}.history-score{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--accent-color);flex-shrink:0}.history-item.win{border-left:3px solid #00ff88}.history-item.loss{border-left:3px solid #ff6688}.history-item.draw{border-left:3px solid #ffd700}.leaderboard-filter{display:flex;gap:6px;padding:4px;margin-bottom:8px}.lb-filter-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.5px;transition:all .2s}.lb-filter-btn:hover{background:#ffffff1a}.lb-filter-btn.active{background:linear-gradient(135deg,#ffd70026,#ffa50026);border-color:#ffd70066;color:gold}.leaderboard-list{display:flex;flex-direction:column;gap:4px;padding:0 4px}.lb-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:background .2s}.lb-item:hover{background:#ffffff0f}.lb-item.lb-me{background:#00d4ff14;border-color:#00d4ff40}.lb-item.lb-top1{border-left:3px solid #ffd700}.lb-item.lb-top2{border-left:3px solid #c0c0c0}.lb-item.lb-top3{border-left:3px solid #cd7f32}.lb-rank{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:900;color:#ffffff80;width:30px;text-align:center;flex-shrink:0}.lb-top1 .lb-rank{color:gold}.lb-top2 .lb-rank{color:silver}.lb-top3 .lb-rank{color:#cd7f32}.lb-flag{font-size:1.2rem;flex-shrink:0}.lb-name{flex:1;font-size:.85rem;font-weight:600;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-value{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--accent-color);flex-shrink:0}@media(max-width:640px){.stats-overview-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stats-card{padding:10px 6px}.stats-card-value,.stats-card-icon{font-size:1.2rem}.stats-tabs{gap:2px}.stats-tab{padding:5px 8px;font-size:.65rem}}@media(max-height:500px){.stats-overview-grid{gap:4px}.stats-card{padding:6px 4px}.stats-card-value{font-size:1rem}.stats-card-icon{font-size:1rem;margin-bottom:1px}}html[dir=rtl] .stats-back{transform:scaleX(-1)}html[dir=rtl] .stats-tabs{margin-left:0;margin-right:auto}html[dir=rtl] .history-item.win{border-left:none;border-right:3px solid #00ff88}html[dir=rtl] .history-item.loss{border-left:none;border-right:3px solid #ff6688}html[dir=rtl] .history-item.draw,html[dir=rtl] .lb-item.lb-top1{border-left:none;border-right:3px solid #ffd700}html[dir=rtl] .lb-item.lb-top2{border-left:none;border-right:3px solid #c0c0c0}html[dir=rtl] .lb-item.lb-top3{border-left:none;border-right:3px solid #cd7f32}.gameover-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.gameover-action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:6px 14px;border-radius:9px;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.5px;transition:all .2s;font-family:Orbitron,sans-serif}.gameover-action-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.gameover-action-btn:active{transform:scale(.95)}body.is-mobile .gameover-actions{gap:8px;margin-top:8px}body.is-mobile .gameover-action-btn{padding:5px 10px;font-size:.62rem}.menu-btn-rate{border-color:#ffd70033;background:linear-gradient(135deg,#ffd7000d,#ffa50008)}.menu-btn-rate:hover{border-color:#ffd70059;background:linear-gradient(135deg,#ffd7001a,#ffa5000f)}.share-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:#00d4ff26;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:10px 24px;border-radius:10px;font-size:.85rem;font-weight:600;z-index:9999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.share-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.friend-badge{position:absolute;top:-6px;right:-10px;background:#f46;color:#fff;font-size:.65rem;font-weight:900;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:Orbitron,sans-serif;pointer-events:none;z-index:1}.friends-list{display:flex;flex-direction:column;gap:6px;padding:4px}.friend-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:background .2s}.friend-item:hover{background:#ffffff0f}.friend-avatar{font-size:1.8rem;flex-shrink:0;width:40px;text-align:center}.friend-info{flex:1;min-width:0}.friend-name{font-size:.85rem;font-weight:700;color:#ffffffe6;display:flex;align-items:center;gap:4px}.friend-name .verified-badge{font-size:.7rem}.friend-handle{font-size:.7rem;color:#ffffff59;font-family:Orbitron,sans-serif}.friend-meta{font-size:.7rem;color:#fff6}.friend-status{flex-shrink:0;font-size:.6rem;padding:3px 8px;border-radius:6px;font-weight:700;letter-spacing:.5px}.friend-status.online{background:#00ff8826;color:#0f8}.friend-status.offline{background:#ffffff0f;color:#ffffff4d}.friend-status.hidden{background:#ffb80029;color:#ffcf66}.friend-actions{display:flex;gap:6px;flex-shrink:0}.friend-action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.7rem;font-weight:700;transition:all .2s}.friend-action-btn:hover{background:#ffffff1f;color:#fff}.friend-action-btn.accept{background:#00ff881a;border-color:#00ff884d;color:#0f8}.friend-action-btn.accept:hover{background:#0f83}.friend-action-btn.decline{background:#ff44661a;border-color:#ff44664d;color:#f46}.friend-action-btn.decline:hover{background:#f463}.friend-action-btn.remove{color:#ffffff59;font-size:1rem;padding:4px 8px}.friends-add-section{padding:10px 4px}.friends-add-info{margin-bottom:20px;padding:14px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);border-radius:12px}.friends-your-id{font-size:.85rem;color:#ffffffb3;display:flex;align-items:center;gap:6px;margin:0}.friends-your-id strong{font-family:Orbitron,sans-serif;color:#00d4ff;font-size:.9rem;letter-spacing:1px}.friends-copy-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.friends-copy-btn:hover{background:#ffffff1f}.friends-input-label{display:block;font-size:.8rem;color:#ffffff80;margin-bottom:8px}.friends-input-row{display:flex;gap:8px}.friends-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 14px;border-radius:10px;font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:1px;outline:none;transition:border-color .2s}.friends-input:focus{border-color:#00d4ff66}.friends-input::placeholder{color:#fff3}.friends-send-btn{background:linear-gradient(135deg,#00d4ff33,#09c3);border:1px solid rgba(0,212,255,.4);color:#00d4ff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:1px;transition:all .2s;white-space:nowrap}.friends-send-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#0099cc4d)}.friends-send-btn:disabled{opacity:.4;cursor:not-allowed}.friends-add-status{margin-top:10px;font-size:.8rem;min-height:20px}.friends-add-status.success{color:#0f8}.friends-add-status.error{color:#f46}.friend-action-btn.message{color:#00d4ff;position:relative;font-size:.9rem;padding:4px 8px}.friend-action-btn.watch{color:#fa0;font-size:.9rem;padding:4px 8px;animation:watchPulse 2s infinite}@keyframes watchPulse{0%,to{opacity:1}50%{opacity:.6}}.dm-unread-badge{position:absolute;top:-4px;right:-4px;background:#f46;color:#fff;font-size:.55rem;font-weight:700;min-width:14px;height:14px;line-height:14px;text-align:center;border-radius:7px;padding:0 3px}.dm-chat-view{position:absolute;inset:0;display:flex;flex-direction:column;background:#0a0a19fa;z-index:10}.dm-chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.dm-chat-back{background:none;border:none;color:#00d4ff;font-size:1.3rem;cursor:pointer;padding:4px 8px}.dm-chat-name{font-size:.95rem;font-weight:700;color:#ffffffe6;font-family:Orbitron,sans-serif}.dm-chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.dm-message{display:flex;flex-direction:column;max-width:80%}.dm-mine{align-self:flex-end;align-items:flex-end}.dm-theirs{align-self:flex-start;align-items:flex-start}.dm-bubble{padding:8px 14px;border-radius:14px;font-size:.85rem;line-height:1.4;word-wrap:break-word;max-width:100%}.dm-mine .dm-bubble{background:#00d4ff26;border:1px solid rgba(0,212,255,.25);color:#ffffffe6;border-bottom-right-radius:4px}.dm-theirs .dm-bubble{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffd9;border-bottom-left-radius:4px}.dm-invite .dm-bubble{border-width:1px}.dm-invite-title{font-weight:700}.dm-invite-status{font-size:.72rem;opacity:.85;margin-top:4px}.dm-invite-actions{margin-top:8px}.dm-invite-action-label{font-size:.68rem;opacity:.8}.dm-invite-expired .dm-bubble{background:#8c8c8c1f!important;border:1px dashed rgba(190,190,190,.5)!important;color:#e6e6e6b8!important}.dm-invite-expired .dm-time,.dm-invite-expired .dm-invite-status{color:#ffaaaad9;opacity:1}.dm-invite-accept:disabled{opacity:.6;filter:grayscale(.4);cursor:not-allowed}.dm-time{font-size:.6rem;color:#ffffff40;margin-top:2px;padding:0 4px}.dm-chat-input-area{display:flex;gap:8px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.dm-chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 14px;border-radius:20px;font-size:.85rem;outline:none;transition:border-color .2s}.dm-chat-input:focus{border-color:#00d4ff66}.dm-chat-input::placeholder{color:#fff3}.dm-chat-send{background:linear-gradient(135deg,#00d4ff33,#09c3);border:1px solid rgba(0,212,255,.4);color:#00d4ff;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.dm-chat-send:hover{background:linear-gradient(135deg,#00d4ff4d,#0099cc4d)}.dm-chat-send:disabled,.dm-chat-send.is-disabled{opacity:.45;filter:grayscale(.8);cursor:not-allowed;pointer-events:none;background:linear-gradient(135deg,#82828226,#5a5a5a2e);border-color:#aaaaaa40;color:#d2d2d2a6}.watch-games-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-height:380px;overflow-y:auto;padding-right:4px}.watch-empty{text-align:center;color:#ffffff8c;padding:34px 0;font-size:.95rem;border:1px dashed rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(135deg,#08142c75,#140a2866)}.watch-card .menu-btn{margin-bottom:8px}.watch-game-item{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(120% 150% at 0% 0%,rgba(0,212,255,.15),transparent 55%),radial-gradient(120% 150% at 100% 100%,rgba(255,51,102,.15),transparent 55%),#0b122ad1;border:1px solid rgba(255,255,255,.17);border-radius:12px;padding:12px 14px;box-shadow:0 10px 18px #00000040;transition:transform .18s ease,box-shadow .22s ease,border-color .18s ease}.watch-game-item:hover{transform:translateY(-1px);border-color:#00d4ff73;box-shadow:0 12px 22px #00000052,0 0 0 1px #00d4ff2e inset}.watch-game-item:after{content:"";position:absolute;top:0;left:-55%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.16),transparent);transition:left .3s ease}.watch-game-item:hover:after{left:105%}.watch-game-info{display:flex;flex-direction:column;gap:4px}.watch-game-players{font-size:.98rem;font-weight:600;color:#fff;letter-spacing:.3px;text-shadow:0 0 8px rgba(0,0,0,.45)}.watch-game-time{font-size:.78rem;color:#ade7ffd1;letter-spacing:.08em;text-transform:uppercase}.watch-game-btn{background:linear-gradient(135deg,#00d4ffeb,#ff3366e6);color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .15s ease;box-shadow:0 8px 16px #00000040}.watch-game-btn:hover{transform:translateY(-1px) scale(1.01);filter:saturate(1.06);box-shadow:0 10px 20px #0000004d,0 0 14px #00d4ff4d}.spectator-bar{position:fixed;top:0;left:0;right:0;z-index:1500;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + var(--safe-top)) calc(18px + var(--safe-right)) 10px calc(18px + var(--safe-left));background:radial-gradient(120% 160% at 0% 0%,rgba(0,212,255,.16),transparent 52%),radial-gradient(120% 160% at 100% 100%,rgba(255,51,102,.14),transparent 54%),linear-gradient(135deg,#0a1838f0,#170828eb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.17);box-shadow:0 8px 18px #0000005c}.spectator-bar.hidden{display:none}.spectator-info{display:flex;align-items:center;gap:14px;font-size:.95rem;color:#fff}.spectator-live{color:#ff5a74;font-weight:700;font-size:.85rem;animation:spectatorPulse 1.5s infinite;letter-spacing:.06em}@keyframes spectatorPulse{0%,to{opacity:1}50%{opacity:.45}}.spectator-match{font-weight:600;text-shadow:0 0 10px rgba(0,0,0,.45)}.spectator-viewers{color:#ade7ffe6;font-size:.85rem;border:1px solid rgba(0,212,255,.25);border-radius:999px;padding:2px 10px;background:#00d4ff14}.spectator-leave{background:#ffffff21!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;padding:6px 14px!important;font-size:.76rem!important;min-height:auto!important;border-radius:8px!important;letter-spacing:.04em}.spectator-leave:hover{background:#ffffff38!important;border-color:#00d4ff73!important}body.spectating .top-hud{top:54px}body.spectating .turn-indicator{opacity:.78}body.spectating .timer-container,body.spectating .piece-selector-container,body.spectating .bottom-hud,body.spectating .game-info #btn-hint,body.spectating .game-info #btn-pause,body.spectating .chat-anchor{display:none!important}body.spectating.spectating-gameover #gameover-modal .gameover-content{background:radial-gradient(120% 140% at 0% 0%,rgba(0,212,255,.12),transparent 54%),radial-gradient(120% 140% at 100% 100%,rgba(255,51,102,.1),transparent 56%),#071024eb;border:1px solid rgba(255,255,255,.19);box-shadow:0 18px 38px #00000080,0 0 30px #00d4ff1f}body.spectating.spectating-gameover #gameover-title{color:#e8f9ff;text-shadow:0 0 12px rgba(0,212,255,.28)}body.spectating.spectating-gameover #gameover-modal:not(.spectator-end-mode) #btn-play-again,body.spectating.spectating-gameover #gameover-modal:not(.spectator-end-mode) .gameover-actions{display:none!important}body.spectating.spectating-gameover #gameover-modal:not(.spectator-end-mode) #btn-main-menu{width:100%;border-color:#00d4ff59;box-shadow:0 10px 20px #00000038}#gameover-modal.spectator-end-mode .gameover-stats,#gameover-modal.spectator-end-mode .gameover-actions{display:none!important}#gameover-modal.spectator-end-mode .gameover-header{margin-bottom:20px}#gameover-modal.spectator-end-mode .gameover-title{margin-bottom:10px}#gameover-modal.spectator-end-mode .gameover-icon{font-size:clamp(1.15rem,2.5vw,1.6rem);font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.04em;color:#e8f9ff;text-shadow:0 0 12px rgba(0,212,255,.22);animation:none}#gameover-modal.spectator-end-mode .gameover-buttons{margin-top:8px;gap:10px}#gameover-modal.spectator-end-mode #btn-play-again,#gameover-modal.spectator-end-mode #btn-main-menu{width:100%}@media(max-width:600px){.spectator-bar{padding:8px 10px}.spectator-info{gap:7px;font-size:.8rem}.spectator-viewers{padding:1px 8px;font-size:.75rem}.spectator-leave{padding:4px 10px!important;font-size:.7rem!important}body.spectating .top-hud{top:50px}}.web-demo-content{text-align:center;padding:36px 28px 28px;max-width:400px;background:linear-gradient(150deg,#0a0e27fa,#040612fc);border:1px solid rgba(0,212,255,.2);border-radius:24px;box-shadow:0 0 60px #00d4ff26,0 30px 60px #000000b3}.web-demo-header{margin-bottom:22px}.web-demo-icon{font-size:3rem;margin-bottom:10px;animation:web-demo-pulse 1.5s ease-in-out infinite}@keyframes web-demo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.web-demo-title{font-family:Orbitron,sans-serif;font-size:1.3rem;color:#f2f5ff;margin:0 0 8px}.web-demo-sub{font-size:.9rem;color:#fff9;margin:0}.web-demo-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.web-demo-feat{padding:10px 8px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#ffffffd9}.web-demo-cta{display:inline-block;transition:transform .2s}.web-demo-cta:hover{transform:scale(1.05)}.web-demo-badge{height:64px;width:auto}body.web-demo .menu-btn#btn-lobby,body.web-demo .menu-btn#btn-rewards,body.web-demo .menu-btn#btn-friends,body.web-demo .menu-btn#btn-profile,body.web-demo .menu-btn#btn-settings,body.web-demo .menu-btn#btn-play-vs-player,body.web-demo .menu-btn#btn-inventory,body.web-demo .menu-btn#btn-stats{display:none!important}body.web-demo #btn-play-vs-ai{width:100%;max-width:320px;margin:0 auto}.purchase-result-content{text-align:center;max-width:360px;padding:32px 24px 24px;position:relative;overflow:hidden;border-radius:24px}.purchase-result-content.pr-success{border-color:#00d4ff66;box-shadow:0 0 40px #00d4ff26,0 0 80px #00ffaa14}.purchase-result-content.pr-error{border-color:#ff506466;box-shadow:0 0 40px #ff506426}.purchase-result-content.pr-warning{border-color:#ffc83266;box-shadow:0 0 40px #ffc8321f}.purchase-result-content.pr-info{border-color:#ffffff26}.purchase-result-icon{font-size:3.2rem;margin-bottom:8px;animation:pr-bounce .6s cubic-bezier(.34,1.56,.64,1)}.pr-success .purchase-result-icon{animation:pr-bounce .6s cubic-bezier(.34,1.56,.64,1),pr-glow-pulse 2s ease-in-out infinite .6s}.pr-error .purchase-result-icon{animation:pr-shake .5s ease}@keyframes pr-bounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1)}}@keyframes pr-glow-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,212,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(0,255,170,.6))}}@keyframes pr-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.purchase-result-title{font-family:Orbitron,sans-serif;font-size:1.35rem;color:#f2f5ff;margin:0 0 8px;animation:pr-slide-up .4s ease .15s both}.pr-success .purchase-result-title{background:linear-gradient(135deg,#00d4ff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pr-error .purchase-result-title{color:#ff6b7a}.pr-warning .purchase-result-title{color:#ffc832}.purchase-result-msg{font-size:.95rem;color:#ffffffb3;margin:0 0 16px;animation:pr-slide-up .4s ease .25s both}@keyframes pr-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.purchase-result-balance{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin-bottom:18px;border-radius:14px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);animation:pr-slide-up .4s ease .35s both}.purchase-result-balance-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80}.purchase-result-balance-value{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:#00d4ff}.purchase-result-btn{width:100%;margin-top:4px;animation:pr-slide-up .4s ease .4s both}.purchase-result-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pr-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:pr-confetti 1.2s ease-out forwards;opacity:0}@keyframes pr-confetti{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}