:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:only light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 1024px){html,body,#root{width:100%;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden}}:root{--grid-max-width: 1200px;--grid-gap-desktop: 30px;--grid-gap-tablet: 25px;--grid-gap-mobile: 20px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--spacing-xxl: 40px;--padding-container-desktop: 40px 20px;--padding-container-tablet: 30px 15px;--padding-container-mobile: 20px 15px;--card-min-width-desktop: 280px;--card-min-width-tablet: 250px;--card-min-width-mobile: 300px;--card-aspect-ratio: 1.2;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 15px;--border-radius-xl: 20px;--shadow-light: 0 4px 15px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .2);--shadow-heavy: 0 15px 35px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--color-primary: #4F46E5;--color-primary-light: rgba(79, 70, 229, .1);--color-primary-dark: #3730A3;--color-secondary: #6B7280;--color-secondary-dark: #4B5563;--color-success: #10B981;--color-success-dark: #059669;--color-warning: #F59E0B;--color-error: #EF4444;--color-bg-primary: #090B0C;--color-bg-secondary: #0d0f10;--color-surface: rgba(26, 29, 31, .9);--color-surface-hover: rgba(26, 29, 31, .95);--color-border: rgba(255, 255, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--transition-base: all .3s ease;--transition-fast: all .15s ease;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px}.grid-container{max-width:var(--grid-max-width);margin:0 auto;padding:0 var(--spacing-lg);width:100%}.grid{display:grid;gap:var(--grid-gap-desktop);width:100%}.grid-1-col{grid-template-columns:1fr}.grid-2-col{grid-template-columns:repeat(2,1fr)}.grid-3-col{grid-template-columns:repeat(3,1fr)}.grid-4-col{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto-rows{grid-auto-rows:1fr}.grid-dense{grid-auto-flow:dense}.grid-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.grid-center{place-self:center}.grid-center-col{grid-column:2}@media (max-width: 1024px){:root{--grid-gap-desktop: var(--grid-gap-tablet);--padding-container-desktop: var(--padding-container-tablet)}.grid{gap:var(--grid-gap-tablet)}.grid-3-col,.grid-4-col{grid-template-columns:repeat(2,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){:root{--grid-gap-desktop: var(--grid-gap-mobile);--padding-container-desktop: var(--padding-container-mobile)}.grid{gap:var(--grid-gap-mobile)}.grid-2-col,.grid-3-col,.grid-4-col,.grid-auto-fit{grid-template-columns:1fr}.grid-span-2,.grid-span-3{grid-column:span 1}}.layout-header{display:grid;grid-template-areas:"nav";padding:var(--spacing-lg);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-horizontal{display:flex;justify-content:space-between;align-items:center;max-width:var(--grid-max-width);margin:0 auto;gap:var(--spacing-lg)}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--spacing-md)}.layout-main{padding:var(--padding-container-desktop);min-height:calc(100vh - 200px)}.layout-footer{padding:var(--spacing-lg);background:#0003;min-height:60px}.card-standard{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-width:var(--card-min-width-desktop);aspect-ratio:var(--card-aspect-ratio);display:flex;flex-direction:column;justify-content:space-between}.card-standard:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-heavy);background:#ffffff26;border-color:#ffffff4d}.btn-primary{padding:12px 24px;border-radius:var(--border-radius-md);font-weight:600;font-size:16px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary{padding:10px 20px;border-radius:var(--border-radius-sm);font-weight:600;font-size:14px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 1024px){.card-standard{min-width:var(--card-min-width-tablet);padding:var(--spacing-lg)}.nav-horizontal{gap:var(--spacing-md)}.btn-primary{padding:10px 20px;font-size:15px}.btn-secondary{padding:8px 16px;font-size:13px}}@media (max-width: 768px){.card-standard{min-width:var(--card-min-width-mobile);padding:var(--spacing-md);aspect-ratio:1.1}.nav-horizontal{flex-direction:column;gap:var(--spacing-md)}.nav-left{flex-wrap:wrap;justify-content:center}.btn-primary{padding:8px 16px;font-size:14px}.btn-secondary{padding:6px 12px;font-size:12px}}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.homepage{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#090b0c;color:#fff;overflow:hidden}.homepage-header{flex:0 0 auto;background:#1a2023;border-bottom:1px solid rgba(255,255,255,.1);z-index:100;padding-top:env(safe-area-inset-top,0)}.homepage-header__wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:20px;min-height:56px;padding:8px 16px}.homepage-header__logo{display:flex;align-items:center;font-size:20px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.homepage-header__logo-du{font-weight:300;color:#999}.homepage-header__logo-bir{font-weight:700;color:#fff}.homepage-header__lang{position:relative;margin-left:auto}.homepage-header__lang-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#ccc;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.homepage-header__lang-toggle:hover{background:#ffffff1a;color:#fff}.homepage-header__lang-arrow{font-size:11px;transition:transform .2s ease;display:inline-block}.homepage-header__lang-arrow.open{transform:rotate(180deg)}.homepage-header__lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#1e2328;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px;z-index:200;box-shadow:0 8px 24px #0006}.homepage-header__lang-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:#aaa;font-size:13px;cursor:pointer;transition:all .15s ease}.homepage-header__lang-item:hover{background:#ffffff14;color:#fff}.homepage-header__lang-item.active{background:#4caf5026;color:#4caf50}.homepage-header__lang-code{font-weight:700;min-width:24px}.homepage-header__lang-label{font-weight:400}.homepage-header__nav{display:none;flex:1;gap:8px}.homepage-header__nav-btn{padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.homepage-header__nav-btn:hover{background:#ffffff1a;color:#fff}.homepage-header__nav-btn.active{background:#4caf5033;color:#4caf50}.homepage-header__user{position:relative}.homepage-header__user-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.homepage-header__user-btn:hover{background:#ffffff26}.homepage-header__user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:#1a2023;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 0;z-index:200;box-shadow:0 8px 24px #0006}.homepage-header__user-info{padding:8px 16px 12px}.homepage-header__user-name{font-size:14px;font-weight:600;color:#fff}.homepage-header__user-username{font-size:12px;color:#888;margin-top:2px}.homepage-header__user-divider{height:1px;background:#ffffff1a;margin:4px 0}.homepage-header__user-item{display:block;width:100%;padding:10px 16px;background:none;border:none;color:#fff;font-size:14px;text-align:left;cursor:pointer;transition:background .2s}.homepage-header__user-item:hover{background:#ffffff14}.homepage-header__user-item--logout{color:#f55}.homepage__main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.homepage__main::-webkit-scrollbar{width:0;background:transparent}.homepage__main{scrollbar-width:none;-ms-overflow-style:none}.homepage-bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;background:#1a1d20;justify-content:space-evenly;align-items:center;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0));z-index:100}.homepage-bottomnav__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:60px;height:56px;background:#282c30f2;border:none;border-radius:12px;color:#fff9;cursor:pointer;transition:all .2s ease}.homepage-bottomnav__btn svg{width:22px;height:22px}.homepage-bottomnav__btn span{font-size:9px;font-weight:500}.homepage-bottomnav__btn:hover{background:#32373cf2}.homepage-bottomnav__btn.active{color:#4caf50;background:#4caf5026}.homepage-bottomnav__btn--play{border:2px solid #00D9FF;box-shadow:0 0 15px #00d9ff4d;color:#fff}.homepage-bottomnav__btn--play.active{color:#00d9ff;background:#00d9ff26}@media (min-width: 769px){.homepage-header__nav{display:flex}}@media (max-width: 768px){.homepage__main{padding-bottom:80px}.homepage-bottomnav{display:flex}}.page-container{min-height:100vh;background:#090b0c;color:#fff;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#1a2023;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.page-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.page-back-btn:hover{background:#fff3}.page-title{margin:0;font-size:20px;font-weight:600}.page-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.page-placeholder{text-align:center;padding:48px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.page-placeholder__icon{font-size:64px;display:block;margin-bottom:16px}.page-placeholder h2{margin:0 0 8px;font-size:24px;font-weight:600}.page-placeholder p{margin:0;color:#fff9;font-size:16px}@media (max-width: 768px){.page-header{padding:12px 16px}.page-title{font-size:18px}.page-placeholder{padding:32px 24px}.page-placeholder__icon{font-size:48px}.page-placeholder h2{font-size:20px}}.store-tabs{display:flex;gap:4px;padding:var(--spacing-lg) var(--spacing-lg) 0;margin-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.store-tabs::-webkit-scrollbar{display:none}.store-tab{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px solid rgba(255,255,255,.1);border-radius:8px 8px 0 0;background:#ffffff08;color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.store-tab:hover{background:#ffffff0f;color:var(--color-text-secondary)}.store-tab__icon{font-size:20px}.store-tab--active{color:var(--color-text-primary);border-bottom-color:transparent}.store-tab--active.store-tab--coins{background:#ffd7001a;border-color:#ffd7004d;border-bottom-color:transparent;color:gold}.store-tab--active.store-tab--gems{background:#00d9ff1a;border-color:#00d9ff4d;border-bottom-color:transparent;color:#00d9ff}.store-tab--active.store-tab--dice{background:#ff44441a;border-color:#ff44444d;border-bottom-color:transparent;color:#f44}.store-tab--active.store-tab--pieces{background:#4caf501a;border-color:#4caf504d;border-bottom-color:transparent;color:#4caf50}.store-tab--active.store-tab--nardPieces{background:#ff98001a;border-color:#ff98004d;border-bottom-color:transparent;color:#ff9800}.store-tab--active.store-tab--board{background:#9c27b01a;border-color:#9c27b04d;border-bottom-color:transparent;color:#9c27b0}.store-page{min-height:100%;padding:var(--spacing-lg);padding-bottom:100px;overflow-y:auto}.store-section-title{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.store-section-title span{font-size:28px}.store-banner{position:relative;background:linear-gradient(135deg,#1a1f36,#0d1117,#1a1f36);border-radius:var(--border-radius-xl);padding:32px 40px;margin-bottom:var(--spacing-xl);overflow:hidden;border:1px solid rgba(255,215,0,.2)}.store-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,217,255,.1) 0%,transparent 50%);animation:banner-glow 8s ease-in-out infinite;pointer-events:none}@keyframes banner-glow{0%,to{transform:translate(0)}50%{transform:translate(5%,5%)}}.store-banner-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.store-banner-text h2{margin:0 0 8px;font-size:28px;font-weight:800;background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.store-banner-text p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.store-banner-badge{display:flex;align-items:center;gap:12px;background:#ffd70026;padding:12px 24px;border-radius:var(--border-radius-lg);border:1px solid rgba(255,215,0,.3)}.store-banner-timer{display:flex;flex-direction:column;align-items:center}.store-banner-timer-value{font-size:24px;font-weight:700;color:gold}.store-banner-timer-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.store-banner-timer-separator{font-size:24px;font-weight:700;color:gold;margin-bottom:16px}.store-banner--gems{border-color:#00d9ff33}.store-banner--gems:before{background:radial-gradient(circle at 30% 30%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(147,51,234,.1) 0%,transparent 50%)}.store-banner--gems .store-banner-text h2{background:linear-gradient(90deg,#00d9ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.store-banner-badge--gems{background:#00d9ff26;border-color:#00d9ff4d}.store-banner-timer-value--gems,.store-banner-timer-separator--gems{color:#00d9ff}.store-packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.store-package-card{position:relative;background:#ffffff08;border-radius:var(--border-radius-xl);padding:24px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;overflow:hidden}.store-package-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.02) 100%);pointer-events:none}.store-package-card:hover{transform:translateY(-4px) scale(1.02);border-color:#fff3;box-shadow:0 20px 40px #0006,0 0 30px #ffd7001a}.store-package-card.coin-card:hover{border-color:#ffd70066;box-shadow:0 20px 40px #0006,0 0 30px #ffd70026}.store-package-card.gem-card:hover{border-color:#00d9ff66;box-shadow:0 20px 40px #0006,0 0 30px #00d9ff26}.store-package-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.store-package-badge.bonus{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.store-package-badge.best-value{background:linear-gradient(135deg,#ff6b00,#ff9500);color:#fff;animation:pulse-badge 2s ease-in-out infinite}.store-package-badge.mega-deal{background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.store-package-icon{width:80px;height:80px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}.store-package-icon.coin-icon{filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}.store-package-icon.gem-icon{filter:drop-shadow(0 0 20px rgba(0,217,255,.4))}.store-package-amount{font-size:var(--font-size-xl);font-weight:700;margin-bottom:4px;color:var(--color-text-primary)}.store-package-card.coin-card .store-package-amount{color:gold}.store-package-card.gem-card .store-package-amount{color:#00d9ff}.store-package-type{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:16px}.store-package-price{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.store-buy-btn{width:100%;padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.store-buy-btn.coin-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a1a}.store-buy-btn.coin-btn:hover{background:linear-gradient(135deg,#ffe44d,#ffb833);transform:scale(1.02);box-shadow:0 4px 15px #ffd70066}.store-buy-btn.gem-btn{background:linear-gradient(135deg,#00d9ff,#09c);color:#1a1a1a}.store-buy-btn.gem-btn:hover{background:linear-gradient(135deg,#33e5ff,#00b3e6);transform:scale(1.02);box-shadow:0 4px 15px #00d9ff66}.store-special-offers{margin-bottom:var(--spacing-xxl)}.store-offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.store-bundle-card{position:relative;background:linear-gradient(135deg,#4f46e51a,#9333ea1a);border-radius:var(--border-radius-xl);padding:24px;border:1px solid rgba(147,51,234,.3);transition:all .3s ease;overflow:hidden}.store-bundle-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(147,51,234,.2) 0%,transparent 70%);pointer-events:none}.store-bundle-card:hover{transform:translateY(-4px);border-color:#9333ea80;box-shadow:0 20px 40px #0006,0 0 30px #9333ea33}.store-bundle-discount{position:absolute;top:0;right:24px;background:linear-gradient(135deg,#ff5722,#e64a19);color:#fff;padding:8px 16px;font-size:var(--font-size-sm);font-weight:700;border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.store-bundle-content{position:relative;z-index:1}.store-bundle-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:12px;color:var(--color-text-primary)}.store-bundle-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.store-bundle-item{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.store-bundle-item.coin{color:gold}.store-bundle-item.gem{color:#00d9ff}.store-bundle-prices{display:flex;align-items:center;gap:12px;margin-bottom:16px}.store-bundle-original-price{font-size:var(--font-size-base);color:var(--color-text-muted);text-decoration:line-through}.store-bundle-current-price{font-size:var(--font-size-xl);font-weight:700;color:#4caf50}.store-bundle-btn{width:100%;padding:14px 24px;border:none;border-radius:var(--border-radius-md);background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease}.store-bundle-btn:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);transform:scale(1.02);box-shadow:0 4px 15px #9333ea66}.store-bundle-card--gems{background:linear-gradient(135deg,#00d9ff14,#0064b414);border-color:#00d9ff40}.store-bundle-card--gems:before{background:radial-gradient(circle,rgba(0,217,255,.15) 0%,transparent 70%)}.store-bundle-card--gems:hover{border-color:#00d9ff80;box-shadow:0 20px 40px #0006,0 0 30px #00d9ff33}.store-bundle-btn--gems{background:linear-gradient(135deg,#00d9ff,#09c);color:#1a1a1a}.store-bundle-btn--gems:hover{background:linear-gradient(135deg,#33e5ff,#00b3e6);box-shadow:0 4px 15px #00d9ff66}.store-dice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.store-dice-card{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border-radius:var(--border-radius-xl);padding:24px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease}.store-dice-card__image{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0;position:relative}.store-dice-card__dice{width:72px;height:72px;object-fit:contain;transition:transform .3s ease}.store-dice-card__dice--left{transform:rotate(-12deg);margin-right:-10px;z-index:1}.store-dice-card__dice--right{transform:rotate(15deg);margin-left:-10px}.store-dice-card:hover .store-dice-card__dice--left{transform:rotate(-12deg) scale(1.1)}.store-dice-card:hover .store-dice-card__dice--right{transform:rotate(15deg) scale(1.1)}.store-dice-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:16px;text-align:center}.store-dice-card__btn{width:100%;padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f44,#c00);color:#fff}.store-dice-card__btn:hover{background:linear-gradient(135deg,#f66,#e22);transform:scale(1.02);box-shadow:0 4px 15px #f446}.store-dice-card--gold .store-dice-card__dice{filter:brightness(.88) sepia(1) saturate(8) hue-rotate(5deg)}.store-dice-card--gold:hover{transform:translateY(-4px) scale(1.02);border-color:#ffd70066;box-shadow:0 16px 32px #0006,0 0 24px #ffd70026}.store-dice-card--black .store-dice-card__dice{filter:invert(1)}.store-dice-card--black:hover{transform:translateY(-4px) scale(1.02);border-color:#96969666;box-shadow:0 16px 32px #0006,0 0 24px #9696961a}.store-dice-card--white .store-dice-card__dice{filter:none}.store-dice-card--white:hover{transform:translateY(-4px) scale(1.02);border-color:#fff6;box-shadow:0 16px 32px #0006,0 0 24px #ffffff26}.store-dice-card--blue .store-dice-card__dice{filter:invert(1) sepia(.7) saturate(6) hue-rotate(175deg)}.store-dice-card--blue:hover{transform:translateY(-4px) scale(1.02);border-color:#2196f366;box-shadow:0 16px 32px #0006,0 0 24px #2196f326}.store-domino-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.store-domino-card{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border-radius:var(--border-radius-xl);padding:24px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease}.store-domino-card__image{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}.store-domino-card__piece{height:120px;object-fit:contain;transition:transform .3s ease;transform:rotate(-18deg)}.store-domino-card:hover .store-domino-card__piece{transform:rotate(-18deg) scale(1.1)}.store-domino-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:16px;text-align:center}.store-domino-card__btn{width:100%;padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.store-domino-card__btn:hover{background:linear-gradient(135deg,#66bb6a,#43a047);transform:scale(1.02);box-shadow:0 4px 15px #4caf5066}.store-domino-card--gold .store-domino-card__piece{filter:brightness(.88) sepia(1) saturate(8) hue-rotate(5deg)}.store-domino-card--gold:hover{transform:translateY(-4px) scale(1.02);border-color:#ffd70066;box-shadow:0 16px 32px #0006,0 0 24px #ffd70026}.store-domino-card--black .store-domino-card__piece{filter:invert(1)}.store-domino-card--black:hover{transform:translateY(-4px) scale(1.02);border-color:#96969666;box-shadow:0 16px 32px #0006,0 0 24px #9696961a}.store-domino-card--white .store-domino-card__piece{filter:brightness(1.15) contrast(1.1) saturate(0)}.store-domino-card--white:hover{transform:translateY(-4px) scale(1.02);border-color:#fff6;box-shadow:0 16px 32px #0006,0 0 24px #ffffff26}.store-domino-card--blue .store-domino-card__piece{filter:invert(1) sepia(.7) saturate(6) hue-rotate(175deg)}.store-domino-card--blue:hover{transform:translateY(-4px) scale(1.02);border-color:#2196f366;box-shadow:0 16px 32px #0006,0 0 24px #2196f326}.store-nard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.store-nard-card{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border-radius:var(--border-radius-xl);padding:24px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease}.store-nard-card__image{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}.store-nard-card__piece{width:90px;height:90px;object-fit:contain;transition:transform .3s ease}.store-nard-card:hover .store-nard-card__piece{transform:scale(1.1)}.store-nard-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:16px;text-align:center}.store-nard-card__btn{width:100%;padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff9800,#e65100);color:#fff}.store-nard-card__btn:hover{background:linear-gradient(135deg,#ffa726,#f57c00);transform:scale(1.02);box-shadow:0 4px 15px #ff980066}.store-nard-card--gold .store-nard-card__piece{filter:brightness(.88) sepia(1) saturate(8) hue-rotate(5deg)}.store-nard-card--gold:hover{transform:translateY(-4px) scale(1.02);border-color:#ffd70066;box-shadow:0 16px 32px #0006,0 0 24px #ffd70026}.store-nard-card--black:hover{transform:translateY(-4px) scale(1.02);border-color:#96969666;box-shadow:0 16px 32px #0006,0 0 24px #9696961a}.store-nard-card--white:hover{transform:translateY(-4px) scale(1.02);border-color:#fff6;box-shadow:0 16px 32px #0006,0 0 24px #ffffff26}.store-nard-card--blue:hover{transform:translateY(-4px) scale(1.02);border-color:#2196f366;box-shadow:0 16px 32px #0006,0 0 24px #2196f326}.store-board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.store-board-card{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border-radius:var(--border-radius-xl);padding:24px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease}.store-board-card__image{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0;width:100%;overflow:hidden;border-radius:var(--border-radius-md)}.store-board-card__board{width:100%;height:auto;object-fit:contain;border-radius:var(--border-radius-sm);transition:transform .3s ease}.store-board-card:hover .store-board-card__board{transform:scale(1.05)}.store-board-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:16px;text-align:center}.store-board-card__btn{width:100%;padding:12px 20px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.store-board-card__btn:hover{background:linear-gradient(135deg,#ab47bc,#8e24aa);transform:scale(1.02);box-shadow:0 4px 15px #9c27b066}.store-board-card--classic:hover{transform:translateY(-4px) scale(1.02);border-color:#8b5a4580;box-shadow:0 16px 32px #0006,0 0 24px #8b5a4533}.store-board-card--green .store-board-card__board{filter:sepia(.4) saturate(2) hue-rotate(70deg)}.store-board-card--green:hover{transform:translateY(-4px) scale(1.02);border-color:#4caf5080;box-shadow:0 16px 32px #0006,0 0 24px #4caf5033}.store-board-card--blue .store-board-card__board{filter:sepia(.4) saturate(2) hue-rotate(170deg)}.store-board-card--blue:hover{transform:translateY(-4px) scale(1.02);border-color:#2196f380;box-shadow:0 16px 32px #0006,0 0 24px #2196f333}.store-board-card--dark .store-board-card__board{filter:brightness(.4) contrast(1.2) saturate(.5)}.store-board-card--dark:hover{transform:translateY(-4px) scale(1.02);border-color:#96969666;box-shadow:0 16px 32px #0006,0 0 24px #9696961a}.store-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.store-coming-soon__icon{font-size:72px;margin-bottom:24px;opacity:.6}.store-coming-soon__title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.store-coming-soon__text{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;max-width:400px}@media (max-width: 1024px){.store-packages-grid,.store-dice-grid,.store-domino-grid,.store-nard-grid,.store-board-grid,.store-offers-grid{grid-template-columns:repeat(2,1fr)}.store-banner-content{flex-direction:column;text-align:center}.store-banner-text{text-align:center}}@media (max-width: 768px){.store-tabs{padding:var(--spacing-md) var(--spacing-md) 0}.store-tab{padding:12px 16px;font-size:var(--font-size-sm)}.store-page{padding:var(--spacing-md);padding-bottom:120px}.store-banner{padding:20px}.store-banner-text h2{font-size:22px}.store-section-title{font-size:var(--font-size-lg)}.store-packages-grid,.store-dice-grid,.store-domino-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.store-package-card,.store-dice-card,.store-domino-card,.store-nard-card,.store-board-card{padding:16px}.store-dice-card__dice{width:56px;height:56px}.store-domino-card__piece{height:100px}.store-package-icon{width:60px;height:60px;font-size:36px}.store-package-amount{font-size:var(--font-size-lg)}.store-offers-grid{grid-template-columns:1fr}.store-bundle-card{padding:20px}}@media (max-width: 480px){.store-packages-grid,.store-dice-grid,.store-domino-grid{grid-template-columns:repeat(2,1fr);gap:12px}.store-package-card,.store-dice-card,.store-domino-card,.store-nard-card,.store-board-card{padding:12px}.store-dice-card__dice{width:48px;height:48px}.store-domino-card__piece{height:80px}.store-package-icon{width:50px;height:50px;font-size:30px;margin-bottom:12px}.store-package-amount,.store-package-price{font-size:var(--font-size-base)}.store-buy-btn{padding:10px 16px;font-size:var(--font-size-xs)}.store-package-badge{font-size:10px;padding:3px 8px}}.championships-page{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}.championships-title{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#fff}.championships-title__icon{font-size:32px}.championships-list{display:flex;flex-direction:column;gap:20px}.championship-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.championship-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.championship-card--active{border:2px solid #FFD700;box-shadow:0 0 30px #ffd70026}.championship-card--active:hover{box-shadow:0 0 40px #ffd70040;transform:translateY(-2px)}.championship-card--waiting{border:2px solid #00D9FF;box-shadow:0 0 30px #00d9ff1a}.championship-card--waiting:hover{box-shadow:0 0 40px #00d9ff33;transform:translateY(-2px)}.championship-card--finished{border:2px solid rgba(255,255,255,.2);opacity:.7}.championship-card__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.championship-card__rank{font-size:28px}.championship-card__name{margin:0;font-size:22px;font-weight:700;color:#fff;flex:1}.championship-card__status{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.championship-card__status--active{background:linear-gradient(135deg,gold,orange);color:#000}.championship-card__status--waiting{background:linear-gradient(135deg,#00d9ff,#00a3cc);color:#000}.championship-card__status--finished{background:#fff3;color:#ffffffb3}.championship-card__info{display:flex;align-items:center;gap:24px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px;flex-wrap:wrap}.championship-card__info-item{display:flex;flex-direction:column;gap:4px}.championship-card__info-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.championship-card__info-value{font-size:16px;font-weight:600;color:#fff}.championship-card__prize{display:flex;align-items:center;gap:8px;margin-bottom:20px}.championship-card__prize-label{font-size:14px;color:#fff9}.championship-card__prize-value{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700}.championship-card__prize-coins{color:gold;display:flex;align-items:center;gap:4px}.championship-card__prize-gems{color:#00d9ff;display:flex;align-items:center;gap:4px}.championship-card__actions{display:flex;gap:12px}.championship-card__btn{flex:1;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.championship-card__btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.championship-card__btn--secondary:hover{background:#ffffff26;border-color:#ffffff4d}.championship-card__btn--primary{background:linear-gradient(135deg,gold,orange);border:none;color:#000}.championship-card__btn--primary:hover{transform:scale(1.02);box-shadow:0 4px 15px #ffd7004d}.championship-card__btn--cyan{background:linear-gradient(135deg,#00d9ff,#00a3cc);border:none;color:#000}.championship-card__btn--cyan:hover{transform:scale(1.02);box-shadow:0 4px 15px #00d9ff4d}@media (max-width: 768px){.championships-page{padding:16px;gap:16px}.championships-title{font-size:22px}.championships-title__icon{font-size:26px}.championship-card{padding:16px}.championship-card__header{flex-wrap:wrap;gap:8px}.championship-card__name{font-size:18px;width:100%;order:2}.championship-card__rank{font-size:24px}.championship-card__status{font-size:11px;padding:5px 10px}.championship-card__info{gap:16px}.championship-card__info-item{min-width:calc(50% - 8px)}.championship-card__info-value{font-size:14px}.championship-card__prize-value{font-size:16px}.championship-card__actions{flex-direction:column;gap:8px}.championship-card__btn{padding:12px 16px;font-size:13px}}.contact-page{min-height:100%;padding:var(--spacing-xl);padding-bottom:100px;max-width:640px;margin:0 auto}.contact-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 8px;text-align:center}.contact-page__subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;text-align:center}.contact-page__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-xl);text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-card:hover{background:#ffffff12;border-color:var(--contact-color);transform:translate(6px);box-shadow:0 4px 24px color-mix(in srgb,var(--contact-color) 25%,transparent)}.contact-card__icon{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--contact-color) 15%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.contact-card:hover .contact-card__icon{background:color-mix(in srgb,var(--contact-color) 25%,transparent);transform:scale(1.08)}.contact-card__icon svg{width:26px;height:26px;fill:var(--contact-color)}.contact-card__info{flex:1;min-width:0}.contact-card__name{margin:0 0 4px;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.contact-card__desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.contact-card__arrow{flex-shrink:0;opacity:0;transform:translate(-8px);transition:all .3s ease}.contact-card:hover .contact-card__arrow{opacity:1;transform:translate(0)}.contact-card__arrow svg{width:24px;height:24px;fill:var(--contact-color)}@media (max-width: 768px){.contact-page{padding:var(--spacing-lg);padding-bottom:120px}.contact-page__title{font-size:var(--font-size-xl)}.contact-card{padding:16px 20px;gap:16px}.contact-card__icon{width:46px;height:46px;border-radius:12px}.contact-card__icon svg{width:22px;height:22px}.contact-card__name{font-size:var(--font-size-base)}.contact-card__arrow{opacity:1;transform:translate(0)}}.rating-page{min-height:100%;padding:var(--spacing-lg);padding-bottom:100px;overflow-y:auto}.rating-page-title{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-xl);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.rating-page-title span{font-size:28px}.rating-game-tabs{display:flex;gap:8px;margin-bottom:var(--spacing-md);overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.rating-game-tabs::-webkit-scrollbar{display:none}.rating-game-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.rating-game-tab:hover{background:#ffffff26;border-color:#ffffff40}.rating-game-tab.active{background:linear-gradient(135deg,#9333ea,#7c3aed);border-color:#9333ea;color:#fff}.rating-game-tab .tab-icon{font-size:16px}.rating-time-filters{display:flex;gap:8px;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.rating-time-filters::-webkit-scrollbar{display:none}.rating-time-filter{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.rating-time-filter:hover{border-color:#00d9ff80;color:var(--color-text-primary)}.rating-time-filter.active{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff}.rating-leaderboard{background:#ffffff08;border-radius:var(--border-radius-xl);border:1px solid rgba(255,255,255,.08);overflow:hidden}.rating-leaderboard-header{display:flex;align-items:center;padding:16px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.header-rank{width:50px;text-align:center}.header-player{flex:1}.header-wins{width:80px;text-align:right}.rating-player-list{display:flex;flex-direction:column}.rating-player-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.rating-player-row:hover{background:#ffffff08}.rating-player-row:last-child{border-bottom:none}.rating-player-row.current-user{background:linear-gradient(90deg,#9333ea26,#9333ea0d);border:1px solid rgba(147,51,234,.3);border-radius:var(--border-radius-md);margin:8px 12px;box-shadow:0 0 20px #9333ea1a}.rating-player-row.current-user:hover{background:linear-gradient(90deg,#9333ea33,#9333ea14)}.player-rank{width:50px;text-align:center;display:flex;align-items:center;justify-content:center}.rank-medal{font-size:24px}.rank-medal.gold{filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.rank-medal.silver{filter:drop-shadow(0 0 8px rgba(192,192,192,.5))}.rank-medal.bronze{filter:drop-shadow(0 0 8px rgba(205,127,50,.5))}.rank-number{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary)}.player-info{flex:1;display:flex;align-items:center;gap:12px}.player-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px}.player-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.current-user-label{font-size:var(--font-size-sm);color:#9333ea;font-weight:500}.player-wins{width:80px;text-align:right;font-size:var(--font-size-lg);font-weight:700;color:#4caf50}.rating-separator{display:flex;align-items:center;justify-content:center;padding:12px;color:var(--color-text-muted);font-size:18px;letter-spacing:4px}@media (max-width: 768px){.rating-page{padding:var(--spacing-md);padding-bottom:120px}.rating-page-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.rating-page-title span{font-size:24px}.rating-game-tab{padding:8px 16px;font-size:var(--font-size-xs)}.rating-time-filter{padding:6px 12px;font-size:var(--font-size-xs)}.rating-leaderboard-header{padding:12px 16px;font-size:var(--font-size-xs)}.header-rank{width:40px}.header-wins{width:60px}.rating-player-row{padding:12px 16px}.player-rank{width:40px}.rank-medal{font-size:20px}.player-avatar{width:36px;height:36px;font-size:18px}.player-name{font-size:var(--font-size-sm)}.player-wins{width:60px;font-size:var(--font-size-base)}.rating-player-row.current-user{margin:8px}}@media (max-width: 480px){.rating-page-title{font-size:var(--font-size-base)}.rating-page-title span{font-size:20px}.rating-game-tab{padding:6px 12px}.rating-game-tab .tab-icon{font-size:14px}.rating-time-filter{padding:5px 10px}.rating-leaderboard-header{padding:10px 12px}.header-rank{width:35px}.header-wins{width:50px}.rating-player-row{padding:10px 12px}.player-rank{width:35px}.rank-medal{font-size:18px}.rank-number{font-size:var(--font-size-sm)}.player-info{gap:8px}.player-avatar{width:32px;height:32px;font-size:16px}.player-name,.current-user-label{font-size:var(--font-size-xs)}.player-wins{width:50px;font-size:var(--font-size-sm)}.rating-separator{padding:8px;font-size:14px}}.header-wrap{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:var(--header-h);padding:8px 16px}.nav-logo{display:flex;align-items:center;font-size:20px;text-transform:uppercase;letter-spacing:1px}.nav-logo__du{font-weight:300;color:#999}.nav-logo__bir{font-weight:700;color:#fff}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;background:#ffffff0d;color:#fff;font-size:20px;transition:all .2s ease}.hamburger:hover{background:#ffffff1a}#menuToggle{display:none}.nav-mobile{grid-column:1 / -1;display:none;padding:8px 16px 12px;background:#1a2023;border-top:1px solid rgba(255,255,255,.1)}.nav-mobile ul,.nav-desktop ul{list-style:none;padding:0;margin:0;display:flex;gap:10px}.nav-mobile ul{flex-direction:column}.nav-mobile a,.nav-mobile button,.nav-desktop a,.nav-desktop button{display:block;text-decoration:none;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#999;font-weight:400;font-size:14px;background:#ffffff0d;transition:all .2s ease;cursor:pointer}.nav-mobile a:hover,.nav-mobile button:hover,.nav-desktop a:hover,.nav-desktop button:hover{background:#ffffff26}.nav-mobile__install-btn{width:100%;display:block;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-align:left;animation:pulse 2s ease-in-out infinite}.nav-mobile__install-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px)}.nav-desktop{display:none}#menuToggle:checked~.nav-mobile{display:block}.user-controls{display:flex;align-items:center;gap:10px;justify-self:end;position:relative}.user-btn,.lang-toggle,.install-btn{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;padding:6px 10px;cursor:pointer;font-size:14px;transition:all .2s ease}.install-btn{font-size:18px;padding:6px 12px;background:linear-gradient(135deg,#4caf50,#45a049);border:1px solid rgba(76,175,80,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #4caf50b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #4caf5000}}.user-btn:hover,.lang-toggle:hover{background:#ffffff26}.install-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:scale(1.1)}.lang-selector{position:relative}.lang-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:100px;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:1000;animation:dropdownFadeIn .2s ease-out}.lang-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease}.lang-dropdown__item:hover{background:#ffffff1a}.lang-dropdown__item.active{background:#4caf504d;color:#4caf50}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#fffffffa;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown__header{padding:16px;background:linear-gradient(135deg,#1a2023 0% 100%);color:#fff}.user-dropdown__name{font-size:16px;font-weight:700;margin-bottom:4px}.user-dropdown__username{font-size:14px;opacity:.9}.user-dropdown__divider{height:1px;background:#0000001a;margin:4px 0}.user-dropdown__item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#333;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.user-dropdown__item:hover{background:#1a20231a}.user-dropdown__item--logout{color:#dc3545;font-weight:600}.user-dropdown__item--logout:hover{background:#dc35451a}.hero-banner-row{display:flex;gap:16px;margin-bottom:64px;width:100%;aspect-ratio:16 / 9}.hero-banner-row__carousel{flex:4;min-width:0;border-radius:24px;overflow:hidden}.hero-banner-row__sidebar{flex:1;display:flex;flex-direction:column;gap:8px}.sidebar-card{flex:1;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.sidebar-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0006}.sidebar-card__svg-bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s ease}.sidebar-card:hover .sidebar-card__svg-bg{transform:scale(1.05)}.sidebar-card__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px}.sidebar-card__badge{align-self:flex-start;padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sidebar-card__badge--new{background:#4caf50;color:#fff}.sidebar-card__badge--hot{background:#ff5722;color:#fff}.sidebar-card__badge--top{background:#9c27b0;color:#fff}.sidebar-card__info{flex:1;display:flex;flex-direction:column;justify-content:center}.sidebar-card__title{margin:0;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.sidebar-card__desc{margin:2px 0 0;font-size:11px;font-weight:500;color:#ffffffb3}.sidebar-card__cta{font-size:11px;font-weight:600;color:#ffffffe6;transition:color .2s ease}.sidebar-card:hover .sidebar-card__cta{color:#fff}.news-section{margin-bottom:48px}.news-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.news-row::-webkit-scrollbar{height:6px}.news-row::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.news-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.news-card{flex:0 0 calc(25% - 12px);scroll-snap-align:start;background:#ffffff0d;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0006;border-color:#fff3}.news-card__image{width:100%;aspect-ratio:2 / 1;overflow:hidden}.news-card__image svg{width:100%;height:100%;transition:transform .3s ease}.news-card:hover .news-card__image svg{transform:scale(1.05)}.news-card__content{padding:14px}.news-card__badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#2196f3;color:#fff;margin-bottom:8px}.news-card__badge--event{background:#e91e63}.news-card__badge--update{background:#4caf50}.news-card__badge--promo{background:#ff9800}.news-card__title{margin:0 0 6px;font-size:14px;font-weight:600;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card__desc{margin:0 0 10px;font-size:12px;color:#fff9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card__date{font-size:11px;color:#fff6}.main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.game-section{margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header__title{margin:0;font-size:22px;font-weight:700;color:#fff}.section-header__action{text-decoration:none;color:#4caf50;font-size:14px;font-weight:600;transition:color .2s ease}.section-header__action:hover{color:#66bb6a}.game-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.game-row::-webkit-scrollbar{height:6px}.game-row::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.game-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.game-row .game-card{flex:0 0 calc(25% - 12px);scroll-snap-align:start}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1 / 1;transition:all .3s ease;cursor:pointer}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.game-card__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-card__bg{transform:scale(1.1)}.game-card__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0000004d 60%,#000000b3);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;transition:background .3s ease}.game-card:hover .game-card__overlay{background:linear-gradient(to bottom,#0000,#0006 60%,#000c)}.game-card__title{margin:0 0 10px;font-size:16px;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.game-card__buttons{display:flex;gap:8px;flex-direction:column}.game-card__button{padding:8px 14px;border:none;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.game-card__button--web{background:#000;color:#fff;box-shadow:0 4px 12px #0009}.game-card__button--web:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 16px #000c}.game-card__button--mobile{background:#fff;border:2px solid #ffffff;color:#000}.game-card__button--mobile:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #fff9}.version-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.version-label{font-size:12px;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:1px}.version-number{font-size:14px;color:#4caf50;font-weight:700;font-family:Courier New,monospace;padding:2px 8px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.3)}.mobile-hero{width:100%;aspect-ratio:16 / 11;border-radius:16px;overflow:hidden;margin-bottom:24px}.bottom-nav{display:none}.bottom-nav__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:64px;height:64px;background:#282c30f2;border:none;border-radius:14px;text-decoration:none;color:#fffc;cursor:pointer;transition:all .2s ease}.bottom-nav__card:hover{background:#32373cf2;transform:translateY(-2px)}.bottom-nav__card--play{background:#282c30f2;border:2px solid #00D9FF;box-shadow:0 0 20px #00d9ff66,0 0 40px #00d9ff33,inset 0 0 20px #00d9ff1a;color:#fff}.bottom-nav__card--play:hover{box-shadow:0 0 25px #00d9ff99,0 0 50px #00d9ff4d,inset 0 0 25px #00d9ff26}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__label{font-size:10px;font-weight:500}@media (min-width: 768px){.top-banner{display:none}.header-wrap{grid-template-columns:auto 1fr auto auto}.hamburger{display:none}.nav-mobile{display:none!important}.nav-desktop{display:flex;justify-content:flex-start}.nav-desktop ul{align-items:center;gap:10px}.nav-desktop a,.nav-desktop button{border:none;background:transparent;padding:8px 10px}.nav-desktop a:hover,.nav-desktop button:hover{background:#ffffff26;border-radius:8px}.user-controls{grid-column:-1;justify-self:end}}@media (max-width: 768px){.header-wrap{grid-template-columns:auto 1fr auto auto;padding:12px 15px}.nav-desktop{display:none}.user-controls{grid-column:3;justify-self:end}.user-dropdown{right:-10px;min-width:200px}.user-btn{font-size:13px;padding:5px 8px}.install-btn{font-size:16px;padding:5px 10px}.hamburger{display:none}.nav-mobile{grid-column:1 / -1}.nav-mobile a,.nav-mobile button{border:none;background:transparent}.content-wrapper--desktop{display:none}.content-wrapper--mobile{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:20px 20px 100px}.app-footer{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:auto;background:#1a1d20;justify-content:space-evenly;align-items:center;padding:12px 8px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));z-index:100}.game-row .game-card{flex:0 0 calc(50% - 8px)}.news-card{flex:0 0 calc(70% - 8px)}.news-card__title{font-size:13px}.news-card__desc{font-size:11px}.game-grid--mobile{grid-template-columns:repeat(2,1fr)}.section-header__title{font-size:18px}.game-card__image{height:180px}.game-card__title{font-size:14px}.game-card__buttons{gap:6px;flex-direction:row;justify-content:center}.game-card__button{font-size:10px;padding:8px 10px;letter-spacing:.3px;width:auto;white-space:nowrap}}@media (max-width: 480px){.content-wrapper--mobile{padding:15px 15px 76px}.header-wrap{padding:10px 12px}.nav-logo{font-size:16px}.game-card__title{font-size:12px}.game-card__buttons{gap:4px}.game-card__button{font-size:8px;padding:7px 8px;letter-spacing:.2px;border-radius:6px}.game-card__overlay{padding:12px}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px 30px;margin-top:40px;border-top:1px solid rgba(255,255,255,.08)}.site-footer__socials{display:flex;gap:16px}.site-footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff9;transition:color .2s,background .2s,transform .2s}.site-footer__social-link:hover{color:#fff;background:#ffffff26;transform:scale(1.1)}.site-footer__links{display:flex;align-items:center;gap:12px}.site-footer__link{font-size:13px;color:#ffffff80;text-decoration:none;transition:color .2s}.site-footer__link:hover{color:#fff}.site-footer__separator{font-size:13px;color:#fff3}.site-footer__copyright{font-size:12px;color:#ffffff4d;margin:0}.banner-carousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px}.banner-carousel__slides{position:relative;width:100%;height:100%}.banner-carousel__slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease-in-out;border-radius:20px}.banner-carousel__slide.active{opacity:1;z-index:1}.banner-carousel__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3,#0000004d,#0000);padding:15px 20px;transition:opacity .3s ease}.banner-carousel__title{margin:0;font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.banner-carousel__indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.banner-carousel__indicator{width:8px;height:8px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0;outline:none}.banner-carousel__indicator:hover{background:#fff9;border-color:#fffc;transform:scale(1.2)}.banner-carousel__indicator.active{background:#fff;border-color:#fff;width:10px;height:10px}@media (max-width: 480px){.banner-carousel__title{font-size:14px}.banner-carousel__overlay{padding:10px 15px}.banner-carousel__indicator{width:7px;height:7px}.banner-carousel__indicator.active{width:9px;height:9px}.banner-carousel__indicators{bottom:10px;gap:6px}}.login-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.login-modal{background:#fffffff2;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-xl, 16px);padding:0;min-width:380px;max-width:420px;width:90vw;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-heavy, 0 15px 35px rgba(0, 0, 0, .3));animation:slideIn .3s ease-out;overflow:hidden}.login-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#1a2023 0% 100%);color:#fff}.login-modal__title{margin:0;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-modal__close{background:none;border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.login-modal__close:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.login-modal__close:disabled{opacity:.5;cursor:not-allowed}.login-form{padding:20px 24px;background:#ffffff1a}.login-form__field{margin-bottom:14px}.login-form__label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:#333;text-shadow:0 1px 2px rgba(255,255,255,.8)}.login-form__input{width:100%;padding:12px 16px;border:2px solid rgba(26,32,35,.3);border-radius:var(--border-radius-md, 10px);font-size:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-sizing:border-box;color:#333;font-weight:500}.login-form__input:focus{outline:none;border-color:#1a2023;box-shadow:0 0 0 3px #1a202333;background:#fff;color:#333;transform:scale(1.01)}.login-form__input:disabled{opacity:.6;cursor:not-allowed}.login-form__input::placeholder{color:#333333b3;font-weight:400}.login-form__input--error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.login-form__input--error:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b4d}.login-form__input--success{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.login-form__input--success:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.login-form__field-error{color:#ff6b6b;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:5px;font-weight:500;animation:slideDown .3s ease-out}.login-form__error-icon{font-size:14px}.login-form__password-wrapper{position:relative}.login-form__password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;padding:5px;opacity:.7;transition:opacity .3s ease,transform .2s ease;line-height:1}.login-form__password-toggle:hover:not(:disabled){opacity:1;transform:translateY(-50%) scale(1.1)}.login-form__password-toggle:disabled{opacity:.4;cursor:not-allowed}.login-form__options{display:flex;justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:14px}.login-form__remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.login-form__remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1A2023}.login-form__remember-me input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.login-form__forgot-password{background:none;border:none;color:#1a2023;font-size:13px;cursor:pointer;padding:0;text-decoration:none;transition:color .3s ease;font-weight:500}.login-form__forgot-password:hover:not(:disabled){color:#764ba2;text-decoration:underline}.login-form__forgot-password:disabled{opacity:.5;cursor:not-allowed}.login-form__error{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:10px 16px;border-radius:var(--border-radius-md, 10px);margin-bottom:14px;font-weight:600;font-size:14px;text-align:center;box-shadow:0 4px 15px #ff6b6b4d;animation:shake .5s ease-in-out}.login-form__success{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;padding:12px 16px;border-radius:var(--border-radius-md, 10px);margin-bottom:14px;text-align:center;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #4caf504d;animation:slideDown .5s ease-out}.login-form__success-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff4d;border-radius:50%;font-size:16px;font-weight:700}.login-form__actions{display:flex;gap:12px;margin-top:16px}.login-form__button{flex:1;padding:12px 20px;border:none;border-radius:var(--border-radius-md, 10px);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px}.login-form__button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-form__button--cancel{background:linear-gradient(45deg,#95a5a6,#7f8c8d);color:#fff}.login-form__button--cancel:hover:not(:disabled){background:linear-gradient(45deg,#7f8c8d,#95a5a6);transform:translateY(-3px);box-shadow:0 8px 20px #7f8c8d66}.login-form__button--submit{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.login-form__button--submit:hover:not(:disabled){background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-3px);box-shadow:0 8px 20px #4caf5066}.login-form__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-form__footer{text-align:center;margin-top:16px;padding-top:14px;border-top:1px solid rgba(26,32,35,.2);color:#666;font-size:13px}.login-form__register-link{background:none;border:none;color:#1a2023;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:color .3s ease;font-size:14px}.login-form__register-link:hover:not(:disabled){color:#1a2023;text-decoration:underline}.login-form__register-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.login-modal{min-width:320px;margin:20px}.login-modal__header{padding:20px 25px}.login-modal__title{font-size:20px}.login-form{padding:30px 25px}.login-form__field{margin-bottom:20px}.login-form__input{padding:16px 20px;font-size:16px}.login-form__password-toggle{font-size:24px;right:20px}.login-form__actions{flex-direction:column;gap:20px}.login-form__button{padding:16px 20px;font-size:16px;min-height:56px}.login-form__options{flex-direction:column;align-items:flex-start;gap:12px}.login-form__forgot-password{font-size:14px}}@media (max-width: 480px){.login-modal{margin:15px}.login-modal__header{padding:15px 20px}.login-form{padding:25px 20px}.login-form__input{padding:14px 18px}}@media (min-width: 769px){.login-modal{min-width:450px}.login-form__input:focus{transform:scale(1.01)}.login-form__button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #0003}}.register-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.register-modal{background:#fffffff2;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-xl, 20px);padding:0;min-width:450px;max-width:500px;width:90vw;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-heavy, 0 15px 35px rgba(0, 0, 0, .3));animation:slideIn .3s ease-out;overflow:hidden;max-height:90vh;overflow-y:auto}@keyframes slideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.register-modal__header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(135deg,#1a2023 0% 100%);color:#fff}.register-modal__title{margin:0;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.register-modal__close{background:none;border:none;color:#fff;font-size:32px;font-weight:700;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.register-modal__close:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.register-modal__close:disabled{opacity:.5;cursor:not-allowed}.register-form{padding:30px;background:#ffffff1a}.register-form__field{margin-bottom:20px}.register-form__label{display:block;margin-bottom:8px;font-weight:600;font-size:16px;color:#333;text-shadow:0 1px 2px rgba(255,255,255,.8)}.register-form__input{width:100%;padding:15px 20px;border:2px solid rgba(26,32,35,.3);border-radius:var(--border-radius-md, 10px);font-size:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-sizing:border-box;color:#333;font-weight:500}.register-form__input:focus{outline:none;border-color:#1a2023;box-shadow:0 0 0 3px #1a202333;background:#fff;color:#333;transform:scale(1.01)}.register-form__input:disabled{opacity:.6;cursor:not-allowed}.register-form__input::placeholder{color:#333333b3;font-weight:400}.register-form__input--error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.register-form__input--error:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b4d}.register-form__input--success{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.register-form__input--success:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.register-form__field-error{color:#ff6b6b;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:5px;font-weight:500;animation:slideDown .3s ease-out}.register-form__error-icon{font-size:14px}.register-form__password-wrapper{position:relative}.register-form__password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;padding:5px;opacity:.7;transition:opacity .3s ease,transform .2s ease;line-height:1}.register-form__password-toggle:hover:not(:disabled){opacity:1;transform:translateY(-50%) scale(1.1)}.register-form__password-toggle:disabled{opacity:.4;cursor:not-allowed}.register-form__error{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:12px 20px;border-radius:var(--border-radius-md, 10px);margin-bottom:20px;font-weight:600;text-align:center;box-shadow:0 4px 15px #ff6b6b4d;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.register-form__success{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;padding:15px 20px;border-radius:var(--border-radius-md, 10px);margin-bottom:20px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #4caf504d;animation:slideDown .5s ease-out}.register-form__success-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff4d;border-radius:50%;font-size:16px;font-weight:700}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.register-form__actions{display:flex;gap:15px;margin-top:25px}.register-form__button{flex:1;padding:15px 25px;border:none;border-radius:var(--border-radius-md, 10px);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px}.register-form__button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.register-form__button--cancel{background:linear-gradient(45deg,#95a5a6,#7f8c8d);color:#fff}.register-form__button--cancel:hover:not(:disabled){background:linear-gradient(45deg,#7f8c8d,#95a5a6);transform:translateY(-3px);box-shadow:0 8px 20px #7f8c8d66}.register-form__button--submit{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.register-form__button--submit:hover:not(:disabled){background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-3px);box-shadow:0 8px 20px #4caf5066}.register-form__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.register-form__footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(26,32,35,.2);color:#666;font-size:14px}.register-form__login-link{background:none;border:none;color:#1a2023;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:color .3s ease;font-size:14px}.register-form__login-link:hover:not(:disabled){color:#1a2023;text-decoration:underline}.register-form__login-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.register-modal{min-width:320px;margin:20px;max-height:85vh}.register-modal__header{padding:20px 25px}.register-modal__title{font-size:20px}.register-form{padding:25px 20px}.register-form__field{margin-bottom:18px}.register-form__input{padding:16px 20px;font-size:16px}.register-form__password-toggle{font-size:24px;right:20px}.register-form__actions{flex-direction:column;gap:20px}.register-form__button{padding:16px 20px;font-size:16px;min-height:56px}}@media (max-width: 480px){.register-modal{margin:15px}.register-modal__header{padding:15px 20px}.register-form{padding:20px 18px}.register-form__input{padding:14px 18px}}@media (min-width: 769px){.register-modal{min-width:450px}.register-form__input:focus{transform:scale(1.01)}.register-form__button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #0003}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--header-h: 56px;--max-w: 1100px}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#090b0c;color:#fff}.app-header{flex:0 0 auto;position:sticky;top:0;background:#1a2023;border-bottom:1px solid rgba(255,255,255,.1);padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);z-index:100}.header-wrap{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:var(--header-h);padding:8px 16px}.header-title{font-size:20px;font-weight:600;margin:0}.header-buttons{display:flex;gap:12px;align-items:center}.btn-new-game-v2{background:linear-gradient(135deg,#ff9800,#e65100);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:22px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ff980066;display:flex;align-items:center;justify-content:center}.btn-new-game-v2:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 14px #ff980080}.btn-new-game-v2:active{transform:translateY(0) scale(.95)}.btn-new-game{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.btn-new-game:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-new-game:active{transform:translateY(0)}.btn-refresh{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2196f34d}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-refresh:active{transform:translateY(0)}.btn-back{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ff6b6b4d}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.btn-back:active{transform:translateY(0)}.app-main{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.content-wrapper{max-width:var(--max-w);margin:24px auto 80px;padding:0 20px}.content-wrapper--desktop{display:block}.content-wrapper--mobile{display:none}.games-loading,.games-error,.games-empty{background:#1a202380;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:40px;text-align:center}.games-loading p,.games-error p,.games-empty p{font-size:16px;color:#fff9;margin:0 0 10px}.retry-btn{margin-top:16px;background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2196f34d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.search-module{max-width:400px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.search-module__field{width:100%;padding:10px 14px;background:#1a2023cc;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.search-module__field::placeholder{color:#fff6}.search-module__field:focus{border-color:#2196f399}.search-module__row{display:flex;gap:10px;align-items:stretch}.search-module__row .search-module__field{flex:1;min-width:0}.search-module__btn{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2196f34d;white-space:nowrap}.search-module__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.search-module__btn:active{transform:translateY(0)}.games-table{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.games-table__head{display:grid;grid-template-columns:2fr 1fr 1fr 2.5fr 1.5fr 1fr;background:#1a2023e6;border-bottom:1px solid rgba(255,255,255,.15)}.games-table__th{padding:12px 16px;font-size:13px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.games-table__row{display:grid;grid-template-columns:2fr 1fr 1fr 2.5fr 1.5fr 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s}.games-table__row:last-child{border-bottom:none}.games-table__row:hover{background:#ffffff0a}.games-table__row:nth-child(2n){background:#1a202366}.games-table__row:nth-child(2n):hover{background:#ffffff0f}.games-table__td{padding:10px 16px;font-size:14px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.games-table__td--name{font-weight:600;color:#4caf50}.games-table__td--amount{font-weight:700;color:#f5c518}.games-table__td--status{font-size:13px}.games-table__status-badge{display:inline-block;background:#f5c518;color:#1a1a1a;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;white-space:nowrap}.games-table__td--action{text-align:right}.games-table__btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.games-table__btn--join{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.games-table__btn--join:hover{box-shadow:0 2px 8px #4caf5066}.games-table__btn--continue{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.games-table__btn--continue:hover{box-shadow:0 2px 8px #2196f366}.m-games{display:flex;flex-direction:column;gap:10px}.m-games__item{background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}.m-games__item:active{background:#1a2023f2}.m-games__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.m-games__name{font-size:15px;font-weight:700;color:#4caf50}.m-games__room{font-size:12px;font-weight:600;color:#ffffff80;background:#ffffff12;padding:2px 8px;border-radius:6px}.m-games__room-label{font-weight:500;color:#ffffff59}.m-games__tags{display:flex;gap:6px;align-items:center}.m-games__amount{font-size:12px;font-weight:700;color:#f5c518;background:#f5c5181f;padding:2px 8px;border-radius:6px}.m-games__players{font-size:13px;color:#ffffff8c;margin-bottom:10px;padding-left:1px}.m-games__footer{display:flex;align-items:center;justify-content:space-between}.m-games__actions{display:flex;gap:8px}.m-games__btn{padding:7px 16px;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.m-games__btn--join{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.m-games__btn--continue{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.app-footer{flex:0 0 auto;background:#0003;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:60px;padding:15px}.app-footer p{margin:0;font-size:14px;color:#ffffff80}@media (max-width: 768px){.content-wrapper--desktop{display:none}.content-wrapper--mobile{display:block;overflow-y:auto;height:calc(100svh - var(--header-h));-webkit-overflow-scrolling:touch;margin:0;padding:20px 15px 60px}.header-wrap{padding:12px 15px}.header-title{font-size:18px}.btn-new-game,.btn-refresh,.btn-back{padding:8px 16px;font-size:13px}.search-module{max-width:100%}.live-games-content{padding:30px 20px}}@media (max-width: 480px){.content-wrapper--mobile{padding:15px 10px 50px}.header-wrap{padding:10px 12px}.header-title{font-size:16px}.btn-new-game,.btn-refresh,.btn-back{padding:6px 12px;font-size:12px}.search-module__field{font-size:13px;padding:8px 12px}.search-module__btn{font-size:13px;padding:8px 14px}.m-games__item{padding:10px 12px}.m-games__name{font-size:14px}.m-games__btn{padding:6px 12px;font-size:12px}.live-games-content{padding:25px 15px}.live-games-content p{font-size:14px}}.balance-error-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.balance-error-popup{background:#1a2023;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px 24px 20px;max-width:320px;width:90%;text-align:center;box-shadow:0 8px 32px #00000080}.balance-error-popup__icon{font-size:40px;margin-bottom:12px}.balance-error-popup__msg{font-size:15px;color:#ffffffd9;margin:0 0 20px;line-height:1.5}.balance-error-popup__btn{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;border:none;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.balance-error-popup__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.short-domino-zero{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:1fr;height:100vh;height:100dvh;width:100vw;max-width:100%;box-sizing:border-box;margin:0;padding:0;overflow:hidden;position:relative;background-color:#000}.short-domino-zero__left{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.short-domino-zero__center{border:none;display:grid;grid-template-rows:10% 70% 20%;height:100%;min-width:0;overflow:hidden}.short-domino-zero__center-top{border:none;display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:0 20px}.short-domino-zero__center-main{border:none;position:relative;background-color:#000;overflow:visible;border-radius:30px;padding:10px}.short-domino-zero__center-bottom{border:none;display:flex;align-items:center;justify-content:center;background-color:#000}.short-domino-zero__right{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.short-domino-zero__right>.emoji-btn,.short-domino-zero__right>.chat-btn{width:70%;margin:15px auto}.short-domino-zero__right>.settings-btn{display:none}@media (max-width: 1024px){.short-domino-zero{grid-template-columns:8% 84% 8%}.section-content{font-size:.9rem;padding:.75rem}.get-pieces-btn{padding:10px 16px;font-size:12px;min-width:80px}.player-avatar{width:var(--sidebar-avatar-size, 70px);height:var(--sidebar-avatar-size, 70px);border-width:var(--sidebar-avatar-border, 2px)}.player-name{font-size:12px}.player-status{font-size:10px}.game-name-label{padding:8px 20px;gap:8px}.game-name-icon{font-size:18px}.game-name-text{font-size:16px}.game-version-text{font-size:10px;margin-left:6px;padding:2px 5px}.pieces-count-card{padding:12px;gap:6px}.pieces-count-label{font-size:10px}.pieces-count-display{font-size:28px}.pieces-count-icon{width:24px}.communication-btn{padding:10px 12px;font-size:12px}.btn-icon{font-size:16px}.btn-label{font-size:12px}.company-card{padding:15px 12px;margin-bottom:15px;min-height:100px;gap:10px}.company-logo{font-size:32px}.company-name{font-size:14px;letter-spacing:1.5px}.balance-card{padding:12px;gap:6px}.balance-label{font-size:10px}.balance-display{font-size:28px}.balance-icon{font-size:24px}}@media (max-width: 1024px){.short-domino-zero{grid-template-columns:8% 84% 8%;height:100vh;height:100dvh}.settings-menu{min-width:300px}.settings-menu-header{padding:15px 20px;gap:10px}.settings-menu-icon{font-size:20px}.settings-menu-title{font-size:18px}.settings-menu-close{width:28px;height:28px;font-size:20px}.settings-menu-item{padding:12px 15px;font-size:14px;gap:12px}.menu-item-icon{font-size:20px}.short-domino-zero__center{grid-template-rows:15% 70% 15%}.short-domino-zero__left,.short-domino-zero__right{display:flex;overflow-y:auto;overflow-x:visible;pointer-events:auto}.short-domino-zero__left>*:not(.pieces-count-card-local):not(.player-avatar-container):not(.player-name-card):not(.version-badge){display:none!important}.short-domino-zero__left{justify-content:flex-start;align-items:center;flex-direction:column}.short-domino-zero__left .pieces-count-card-local{display:flex!important;order:998;margin-top:auto;margin-bottom:20px}.short-domino-zero__left .player-name-card{display:flex!important}.short-domino-zero__right>*:not(.player-avatar-container):not(.player-name-card):not(.balance-card):not(.emoji-btn):not(.chat-btn):not(.settings-btn){display:none!important}.short-domino-zero__right .player-name-card{display:flex!important}.section-content{font-size:.8rem;padding:.3rem}.get-pieces-btn{padding:8px 12px;font-size:11px;min-width:70px}.player-avatar{width:var(--sidebar-avatar-size, 55px);height:var(--sidebar-avatar-size, 55px);border-width:var(--sidebar-avatar-border, 2px)}.player-avatar.active-turn{border:var(--sidebar-avatar-border, 2px) solid #ffc107!important;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a!important;filter:none!important}.player-avatar-container.active-turn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.short-domino-zero__left.active-sidebar,.short-domino-zero__right.active-sidebar{background:linear-gradient(180deg,#3498dbb3,#2980b98c 30%,#2980b940 55%,#000 70%)!important}.player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal}.player-status{font-size:8px;padding:2px 6px}.player-avatar-container{gap:5px;margin-bottom:var(--sidebar-card-margin, 10px);background:none!important;box-shadow:none!important;border:none!important;padding:0!important;min-height:auto!important;max-height:calc(var(--sidebar-avatar-size, 50px) * 1.6)!important;width:auto!important;overflow:visible!important}.player-avatar-container .player-name{display:none!important}.timer-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:0}.timer-display{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#4caf50;gap:3px}.timer-icon{font-size:11px}.timer-progress-bar{display:none}.pieces-count-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:3px}.pieces-count-label{font-size:var(--sidebar-label-font, 8px)}.pieces-count-display{font-size:18px;gap:4px}.pieces-count-icon{width:var(--sidebar-icon-size, 16px)}.player-name-card{margin:var(--sidebar-button-margin-sm, 5px) auto;width:auto}.player-name-text{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-name-label{display:flex!important;padding:3px 12px;gap:4px;grid-column:3;grid-row:1;justify-self:center;align-self:center;min-width:auto}.game-name-icon{font-size:12px}.game-name-text{font-size:10px}.game-version-text{font-size:7px;margin-left:3px;padding:1px 3px}.score-card-top{display:flex!important;padding:4px 10px;border-radius:10px;gap:5px}.score-card-top:nth-child(1){grid-column:1;grid-row:1;justify-self:start}.score-card-top:nth-child(3){grid-column:5;grid-row:1;justify-self:end}.score-card-top .score-label{font-size:9px}.score-card-top .score-display{font-size:16px;gap:4px}.score-card-top .score-icon{font-size:14px}.short-domino-zero__center-top{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto;gap:5px;padding:10px;border:none}.mobile-avatar{display:none;align-items:center;width:fit-content;height:35px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.mobile-avatar-left{grid-column:1;grid-row:1;justify-content:flex-start}.mobile-avatar-right{grid-column:6;grid-row:1;justify-content:flex-end}.mobile-avatar-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:3px solid #ffc107;box-shadow:0 2px 10px #ffc1074d,0 0 0 4px #ffc1071a;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:2px;transition:all .3s ease}.mobile-avatar-image.active-turn{border:3px solid #00d4ff!important;box-shadow:0 0 15px #00d4ffcc,0 0 0 6px #00d4ff4d!important;filter:brightness(1.2)!important}.mobile-avatar.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-name{display:none;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:10px;padding:6px 10px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);height:35px;overflow:hidden}.mobile-name-left{grid-column:2;grid-row:1;align-items:flex-start}.mobile-name-right{grid-column:5;grid-row:1;align-items:flex-end}.mobile-name-text{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-score-text{font-size:10px;font-weight:400;color:#ffc107;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-name.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:5px 12px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#4caf50;height:35px;min-width:65px;overflow:hidden}.mobile-timer-left{grid-column:2;grid-row:1}.mobile-timer-right{grid-column:4;grid-row:1}.short-domino-zero__center-bottom{display:grid;grid-template-columns:10% 10% 60% 10% 10%;gap:5px;padding:10px;border:none;position:relative}.short-domino-zero__center-bottom-v2{display:flex!important;grid-template-columns:unset!important;align-items:center;justify-content:center}.bottom-row-desktop{display:none}.bottom-row-mobile{display:block}.section-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:90%;height:auto;z-index:10;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}.domino-pieces-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.domino-pieces-container h4{display:none}.domino-pieces-list{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.mobile-settings-btn{display:none}.mobile-settings-btn:hover{background:linear-gradient(145deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-settings-btn:active{transform:translateY(0)}.mobile-settings-icon{font-size:22px}.mobile-emoji-btn{display:none}.mobile-emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-emoji-btn:active{transform:translateY(0)}.mobile-emoji-icon{font-size:22px}.mobile-emoji-icon img,img.mobile-emoji-icon{width:24px;height:24px;object-fit:contain}.mobile-chat-btn{display:none}.mobile-chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-chat-btn:active{transform:translateY(0)}.mobile-chat-icon{font-size:22px}.mobile-chat-icon img,img.mobile-chat-icon{width:24px;height:24px;object-fit:contain}.mobile-version-badge{display:none}.mobile-version-text{font-size:9px;font-weight:600;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-family:Courier New,monospace;letter-spacing:.5px}.pieces-count-card{padding:10px;gap:5px;margin:10px auto}.pieces-count-label{font-size:9px}.pieces-count-display{font-size:24px}.pieces-count-icon{width:20px}.short-domino-zero__left .version-badge{display:flex!important;align-items:center;justify-content:center;margin:0 auto 30px;width:auto;order:999}.short-domino-zero__left .version-badge .mobile-version-text{display:block}.communication-buttons{gap:6px;margin:8px auto;width:90%}.communication-btn{padding:6px 8px;font-size:10px;gap:5px;border-radius:8px}.btn-icon{font-size:12px}.btn-label{font-size:10px}.company-card{padding:12px 10px;margin-bottom:10px;min-height:80px;gap:8px}.company-logo{font-size:28px}.company-name{font-size:12px;letter-spacing:1px}.balance-card{padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);gap:3px;margin:var(--sidebar-card-margin, 8px) auto;width:90%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:var(--sidebar-label-font, 8px)}.balance-display{font-size:var(--sidebar-balance-font, 18px);gap:4px}.balance-icon{font-size:16px}.short-domino-zero__right .emoji-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-lg, 11px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-domino-zero__right .emoji-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-zero__right .emoji-btn .btn-icon{width:36px;height:36px}.short-domino-zero__right .emoji-btn .btn-label{display:none}.short-domino-zero__right .chat-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-domino-zero__right .chat-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-zero__right .chat-btn .btn-icon{width:36px;height:36px}.short-domino-zero__right .chat-btn .btn-label{display:none}.short-domino-zero__right .settings-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);z-index:50;position:relative;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.short-domino-zero__right .settings-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-zero__right .settings-btn .btn-icon{font-size:var(--sidebar-icon-size, 30px)}.short-domino-zero__right .settings-btn .btn-label{display:none}}@media (max-width: 480px){.short-domino-zero{grid-template-columns:1% 98% 1%;height:100vh;height:100dvh}.short-domino-zero__center{grid-template-rows:5% 80% 15%}.section-content{font-size:.7rem;padding:.2rem}.get-pieces-btn{padding:6px 10px;font-size:10px;min-width:60px}}@media (max-width: 320px){.short-domino-zero{grid-template-columns:.5% 99% .5%}.short-domino-zero__center{grid-template-rows:3% 82% 15%}.section-content{font-size:.6rem;padding:.1rem}.get-pieces-btn{padding:4px 8px;font-size:9px;min-width:50px}}@media (min-width: 1025px){.bottom-row-desktop{display:block}.bottom-row-mobile{display:none}}.snackbar-container{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:90%;width:auto;pointer-events:none}.snackbar-container--top-left{top:150px;left:90px}.snackbar-container--top-center{top:150px;left:50%;transform:translate(-50%)}.snackbar-container--top-right{top:150px;right:90px}.snackbar-container--bottom-left{bottom:20px;left:20px}.snackbar-container--bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.snackbar-container--bottom-right{bottom:20px;right:20px}.snackbar{min-width:50vw;max-width:50vw;padding:12px 16px;border-radius:26px;border:2.4px solid #E2AC85;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:500;letter-spacing:.5px;background-color:#fce6ce;color:#000;pointer-events:auto;animation:slideDownFadeIn .3s ease-out}.snackbar-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.snackbar-icon{font-size:20px;margin-right:8px;flex-shrink:0}.snackbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.snackbar-action-button{background-color:#0000001a;color:#000;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:4px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.snackbar-action-button:hover{background-color:#00000026;border-color:#0000004d}.snackbar-action-button:active{background-color:#0003}.snackbar-message{flex:1;line-height:1.4;word-break:break-word}.snackbar-close{background:none;border:none;color:#000;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.snackbar-close:hover{background-color:#0000001a}.snackbar-close:active{background-color:#0003}.snackbar-chat{min-width:auto!important;max-width:300px;background:linear-gradient(145deg,#2196f3,#1976d2)!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 6px 20px #2196f366!important}.snackbar-chat .snackbar-message{color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.snackbar-chat .snackbar-close{color:#fff}.snackbar-chat .snackbar-close:hover{background-color:#fff3}.snackbar-slide{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.snackbar-fade{animation:fadeIn .3s ease-out}.snackbar-bounce{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1) translateY(0)}}.snackbar-shake{animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.snackbar-none{animation:none}.snackbar-exit{animation:slideUpFadeOut .3s ease-in forwards}@keyframes slideUpFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@media (max-width: 1024px){.snackbar{min-width:280px;max-width:500px;font-size:13px;padding:10px 14px;border-radius:26px}.snackbar-close{font-size:22px;width:22px;height:22px}.snackbar-container--top-left{left:20px}.snackbar-container--top-right{right:20px}.snackbar-chat{max-width:220px}}@media (max-width: 768px){.snackbar-container{top:10px;max-width:95%}.snackbar{min-width:250px;max-width:100%;font-size:12px;padding:10px 12px;border-radius:26px}.snackbar-close{font-size:20px;width:20px;height:20px}.snackbar-chat{max-width:180px;font-size:11px;padding:8px 12px}}@media (max-width: 480px){.snackbar-container{top:8px}.snackbar{min-width:200px;font-size:11px;padding:8px 10px;border-radius:26px}.snackbar-content{gap:8px}.snackbar-close{font-size:18px;width:18px;height:18px}}.emoji-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:emojiModalFadeIn .3s ease-out}@keyframes emojiModalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.emoji-modal{background:linear-gradient(145deg,#3498db,#2980b9);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:0;width:90vw;max-width:600px;max-height:80vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 35px #0000004d;animation:emojiModalSlideIn .3s ease-out;overflow-y:auto;display:flex;flex-direction:column}@keyframes emojiModalSlideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.emoji-modal__header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:linear-gradient(135deg,#1a2023 0% 100%);color:#fff;flex-shrink:0}.emoji-modal__title{margin:0;font-size:14px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.emoji-modal__close{background:none;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.emoji-modal__close:hover{background:#fff3;transform:scale(1.1)}.emoji-modal__close:active{transform:scale(.95)}.emoji-modal__grid{display:flex;flex-wrap:wrap;margin:-6px;padding:12px;overflow:visible;background:transparent}.emoji-modal__grid::-webkit-scrollbar{width:8px}.emoji-modal__grid::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.emoji-modal__grid::-webkit-scrollbar-thumb{background:#fff9;border-radius:10px}.emoji-modal__grid::-webkit-scrollbar-thumb:hover{background:#fffc}.emoji-item{width:calc(20% - 12px);height:56px;margin:6px;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;overflow:hidden;position:relative}.emoji-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4caf501a,#4caf5000);opacity:0;transition:opacity .3s ease}.emoji-item:hover:before{opacity:1}.emoji-item:hover{transform:translateY(-5px) scale(1.05);border-color:#4caf50;box-shadow:0 8px 20px #4caf504d}.emoji-item:active{transform:translateY(-3px) scale(1.02)}.emoji-image-wrapper{width:100%;height:42px;min-height:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.emoji-image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.emoji-name{display:none}@media (min-width: 481px) and (max-width: 768px){.emoji-modal{width:90vw;max-width:550px}.emoji-modal__grid{display:flex!important;flex-wrap:wrap!important;margin:-6px!important;padding:12px!important;overflow:visible!important;background:transparent!important}.emoji-modal__header{padding:10px 15px}.emoji-modal__title{font-size:13px}.emoji-item{width:calc(20% - 12px)!important;height:56px!important;margin:6px!important;padding:6px!important;border-radius:6px!important;background:transparent!important;border:1px solid transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.emoji-image-wrapper{height:42px!important}.emoji-name{display:none!important}}@media (max-width: 480px){.emoji-modal{width:95vw;max-height:80vh;border-radius:15px;overflow-y:auto}.emoji-modal__grid{display:flex!important;flex-wrap:wrap!important;margin:-6px!important;padding:12px!important;max-height:none!important;overflow:visible!important;background:transparent!important}.emoji-modal__header{padding:8px 10px}.emoji-modal__title{font-size:12px}.emoji-modal__close{width:26px;height:26px;font-size:20px}.emoji-modal__grid .emoji-item{width:calc(20% - 12px)!important;height:56px!important;margin:6px!important;padding:6px!important;border-radius:6px!important;background:transparent!important;border:1px solid transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1!important;overflow:hidden!important}.emoji-modal__grid .emoji-image-wrapper{width:100%!important;height:40px!important;min-height:0!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.emoji-modal__grid .emoji-item .emoji-image{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.emoji-name{display:none!important}.emoji-item:active{transform:scale(.95);box-shadow:0 4px 10px #4caf5033}}@media (max-width: 360px){.emoji-modal{width:98vw;max-height:80vh;overflow-y:auto}.emoji-modal__grid{display:flex!important;flex-wrap:wrap!important;margin:-6px!important;padding:12px!important;max-height:none!important;overflow:visible!important}.emoji-modal__header{padding:6px 8px}.emoji-modal__title{font-size:11px}.emoji-modal__close{width:24px;height:24px;font-size:18px}.emoji-modal__grid .emoji-item{width:calc(33.333% - 12px)!important;height:56px!important;margin:6px!important;padding:5px!important;border-radius:5px!important;box-sizing:border-box!important;line-height:1!important;overflow:hidden!important}.emoji-modal__grid .emoji-image-wrapper{width:100%!important;height:38px!important;min-height:0!important;flex-shrink:0!important}.emoji-modal__grid .emoji-item .emoji-image{max-width:100%!important;max-height:100%!important;object-fit:contain!important}}@media (min-width: 769px){.emoji-modal{max-width:600px}.emoji-modal__grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:15px!important;margin:0!important;padding:25px!important}.emoji-item{width:auto!important;height:auto!important;margin:0!important;aspect-ratio:1!important;padding:8px!important;border-radius:8px!important;background:transparent!important;border:1px solid transparent!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.emoji-item:hover{transform:translateY(-3px) scale(1.03)}.emoji-image-wrapper{height:55px!important}.emoji-name{display:none!important}}@media (min-width: 1200px){.emoji-modal__grid{gap:18px;padding:30px}.emoji-image-wrapper{height:80px}.emoji-name{font-size:12px}}.text-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:textModalFadeIn .3s ease-out}@keyframes textModalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.text-modal{background:#000;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:0;width:90vw;max-width:600px;max-height:80vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 35px #0000004d;animation:textModalSlideIn .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes textModalSlideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.text-modal__header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:linear-gradient(135deg,#1a2023 0% 100%);color:#fff;flex-shrink:0}.text-modal__title{margin:0;font-size:14px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.text-modal__close{background:none;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.text-modal__close:hover{background:#fff3;transform:scale(1.1)}.text-modal__close:active{transform:scale(.95)}.text-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px;max-height:calc(80vh - 80px);overflow-y:auto;background:#000}.text-modal__grid::-webkit-scrollbar{width:8px}.text-modal__grid::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.text-modal__grid::-webkit-scrollbar-thumb{background:#fff9;border-radius:10px}.text-modal__grid::-webkit-scrollbar-thumb:hover{background:#fffc}.text-item{aspect-ratio:2 / 1;background:gray;border:2px solid rgba(26,32,35,.2);border-radius:15px 0 0 15px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;overflow:hidden;position:relative}.text-item-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;z-index:1}.text-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2196f31a,#2196f300);opacity:0;transition:opacity .3s ease}.text-item:hover:before{opacity:1}.text-item:hover{transform:translateY(-5px) scale(1.05);border-color:#2196f3;box-shadow:0 8px 20px #2196f34d}.text-item:active{transform:translateY(-3px) scale(1.02)}.text-content-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:1}.text-content{font-size:16px;font-weight:600;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.text-modal{width:90vw;max-width:550px}.text-modal__grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:10px}.text-modal__header{padding:12px 15px}.text-modal__title{font-size:15px}.text-item{aspect-ratio:auto!important;padding:2px 6px!important;border-radius:6px 0 0 6px!important;height:28px!important;background:gray!important;border:1px solid #808080!important;gap:4px!important}.text-item-icon{width:14px!important;height:14px!important}.text-content{font-size:9px!important;font-weight:400!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1!important}}@media (max-width: 480px){.text-modal{width:95vw;max-height:75vh;border-radius:12px}.text-modal__grid{grid-template-columns:repeat(2,1fr);gap:5px;padding:8px;max-height:calc(75vh - 55px)}.text-modal__header{padding:10px 12px}.text-modal__title{font-size:14px}.text-modal__close{width:28px;height:28px;font-size:22px}.text-item{aspect-ratio:auto!important;padding:2px 5px!important;border-radius:5px 0 0 5px!important;height:26px!important;background:gray!important;border:1px solid #808080!important;gap:3px!important}.text-item-icon{width:12px!important;height:12px!important}.text-content{font-size:8px!important;font-weight:400!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1!important}.text-item:active{transform:scale(.95);box-shadow:0 4px 10px #2196f333}}@media (min-width: 769px){.text-modal{max-width:600px}.text-modal__grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.text-item{aspect-ratio:auto!important;height:36px!important;padding:4px 8px!important;border-radius:8px 0 0 8px!important;background:gray!important;border:1px solid #808080!important;transition:all .25s cubic-bezier(.4,0,.2,1);gap:6px!important}.text-item-icon{width:16px!important;height:16px!important}.text-content{font-size:11px!important;font-weight:400!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.text-item:hover{transform:translateY(-3px) scale(1.03)}}@media (min-width: 1200px){.text-modal__grid{gap:18px;padding:30px}.text-content{font-size:17px}}.marketplace-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:marketplaceModalFadeIn .3s ease-out}@keyframes marketplaceModalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.marketplace-modal{background:linear-gradient(145deg,#8b4513,#654321);border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:0;width:71vw;max-width:640px;max-height:70vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 35px #0000004d;animation:marketplaceModalSlideIn .3s ease-out;overflow-y:auto;display:flex;flex-direction:column}@keyframes marketplaceModalSlideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.marketplace-modal__header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:linear-gradient(135deg,#2c1810,#1a100a);color:#fff;flex-shrink:0;border-top-left-radius:15px;border-top-right-radius:15px}.marketplace-modal__title{margin:0;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.marketplace-modal__close{background:none;border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.marketplace-modal__close:hover{background:#fff3;transform:scale(1.1)}.marketplace-modal__close:active{transform:scale(.95)}.marketplace-modal__top-row{display:flex;flex-direction:row;gap:8px;padding:6px 12px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:60px}.marketplace-modal__hand-column{flex:0 0 70%;display:flex;flex-direction:column;gap:4px;overflow:hidden}.marketplace-modal__info-column{flex:0 0 30%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:8px;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.marketplace-modal__open-values{margin:0 0 2px;font-size:9px;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.marketplace-modal__open-values-list{margin:0;font-size:14px;font-weight:700;color:gold;line-height:1.2}.marketplace-modal__hand-empty{margin:0;padding:20px;text-align:center;font-size:12px;color:#fff9;font-style:italic}.marketplace-modal__marketplace-section{display:flex;flex-direction:column;flex:1}.marketplace-modal__marketplace-message{margin:0;padding:4px 10px 2px;font-size:12px;font-weight:600;color:gold;text-align:center;background:transparent}.marketplace-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#fff}.marketplace-modal__spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.marketplace-modal__grid{display:flex;flex-wrap:wrap;gap:4px;padding:4px 10px 8px;background:transparent;justify-content:center;align-items:flex-start}.marketplace-modal__grid--loading{opacity:.5;pointer-events:none}.marketplace-piece{width:calc(14.28% - 4px);min-width:50px;max-width:55px;background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.marketplace-piece:hover{transform:translateY(-3px) scale(1.08)}.marketplace-piece:active{transform:translateY(-1px) scale(1.01)}.marketplace-piece--disabled{cursor:not-allowed;opacity:.4}.marketplace-piece__image-wrapper{width:100%;height:55px;display:flex;align-items:center;justify-content:center;position:relative}.marketplace-piece__image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.marketplace-modal__hand-preview{display:flex;flex-direction:column;gap:6px}.marketplace-modal__hand-title{margin:0;font-size:9px;font-weight:600;color:gold;text-align:left;text-transform:uppercase;letter-spacing:.5px}.marketplace-modal__hand-list{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding:3px 0;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) rgba(0,0,0,.2)}.marketplace-modal__hand-list::-webkit-scrollbar{height:6px}.marketplace-modal__hand-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.marketplace-modal__hand-list::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:3px}.marketplace-hand-piece{display:flex;flex-direction:column;align-items:center;min-width:24px;flex-shrink:0}.marketplace-hand-piece__image{width:24px;height:auto;opacity:.9;border-radius:2px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.marketplace-hand-piece__label{font-size:7px;color:#fffc;margin-top:1px;text-align:center;font-weight:500}.marketplace-modal__footer{padding:8px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#fff;flex-shrink:0}.marketplace-modal__count{margin:0;font-size:12px;color:#fffc}@media (min-width: 481px) and (max-width: 768px){.marketplace-modal{width:68vw;max-width:390px}.marketplace-modal__top-row{gap:10px;padding:10px 15px;min-height:85px}.marketplace-modal__hand-column{flex:0 0 65%}.marketplace-modal__info-column{flex:0 0 35%}.marketplace-modal__open-values-list{font-size:16px}.marketplace-hand-piece{min-width:30px}.marketplace-hand-piece__image{width:30px}.marketplace-modal__header{padding:10px 15px}.marketplace-modal__title{font-size:15px}.marketplace-piece{width:calc(25% - 4px);min-width:45px;max-width:50px;padding:0;border:none}.marketplace-piece__image-wrapper{height:50px}}@media (max-width: 480px){.marketplace-modal{width:68vw;max-height:90vh;border-radius:15px}.marketplace-modal__top-row{flex-direction:column;gap:10px;padding:10px 12px;min-height:auto}.marketplace-modal__hand-column{flex:1 1 auto;width:100%}.marketplace-modal__info-column{flex:1 1 auto;width:100%;padding:10px}.marketplace-modal__open-values-list{font-size:16px}.marketplace-modal__hand-title{font-size:11px;text-align:center}.marketplace-modal__hand-list{justify-content:center}.marketplace-hand-piece{min-width:28px}.marketplace-hand-piece__image{width:28px}.marketplace-hand-piece__label{font-size:8px}.marketplace-modal__marketplace-message{font-size:11px;padding:3px 10px 2px}.marketplace-modal__header{padding:10px 12px}.marketplace-modal__title{font-size:14px}.marketplace-modal__close{width:28px;height:28px;font-size:24px}.marketplace-modal__grid{gap:3px;padding:6px 10px}.marketplace-piece{width:calc(33.333% - 3px);min-width:38px;max-width:44px;padding:0;border:none}.marketplace-piece__image-wrapper{height:45px}.marketplace-piece:active{transform:scale(.95)}}@media (max-width: 360px){.marketplace-modal{width:71vw;max-height:92vh}.marketplace-modal__top-row{gap:8px;padding:8px 10px}.marketplace-hand-piece{min-width:25px}.marketplace-hand-piece__image{width:25px}.marketplace-hand-piece__label{font-size:7px}.marketplace-modal__open-values-list{font-size:14px}.marketplace-modal__header{padding:8px 10px}.marketplace-modal__title{font-size:13px}.marketplace-modal__close{width:26px;height:26px;font-size:22px}.marketplace-modal__grid{gap:3px;padding:5px 8px}.marketplace-piece{width:calc(33.333% - 3px);min-width:36px;max-width:42px;padding:0;border:none}.marketplace-piece__image-wrapper{height:42px}}@media (min-width: 769px){.marketplace-modal{max-width:640px}.marketplace-modal__grid{gap:4px;padding:6px 12px}.marketplace-piece{width:calc(14.28% - 4px);min-width:48px;max-width:54px;padding:0;border:none}.marketplace-piece__image-wrapper{height:58px}}@media (min-width: 1200px){.marketplace-modal{max-width:710px}.marketplace-modal__grid{gap:4px;padding:8px 15px}.marketplace-piece{width:calc(12.5% - 4px);min-width:52px;max-width:58px;padding:0;border:none}.marketplace-piece__image-wrapper{height:62px}}.marketplace-modal::-webkit-scrollbar{width:8px}.marketplace-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.marketplace-modal::-webkit-scrollbar-thumb{background:#ffd70099;border-radius:10px}.marketplace-modal::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.round-ended-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.round-ended-modal{background:#000000e6;color:#0f0;padding:28px 32px;border-radius:12px;font-family:monospace;font-size:16px;border:3px solid #00ff00;box-shadow:0 8px 24px #0f06;min-width:360px;max-width:500px;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.round-ended-win{border-color:#0f0;box-shadow:0 8px 24px #0f06,0 0 40px #0f03}.round-ended-lose{border-color:#f55;box-shadow:0 8px 24px #f556,0 0 40px #f553}.round-ended-title{font-weight:700;margin-bottom:18px;font-size:22px;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.round-ended-grid{display:grid;grid-template-columns:160px 1fr;gap:10px;margin-bottom:18px}.round-ended-label{color:#888;font-size:15px}.round-ended-value{color:#0f0;font-weight:700}.round-ended-value-win{color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.6)}.round-ended-value-lose{color:#f55;text-shadow:0 0 10px rgba(255,85,85,.6)}.round-ended-value-points{color:#fa0;font-weight:700;font-size:18px}.round-ended-value-score{color:#0af;font-weight:700}.round-ended-value-endtype{color:#f0f}.round-ended-message{background:#ffffff0d;padding:12px;border-radius:6px;color:#fff;font-size:13px;line-height:1.5;margin-bottom:16px;border-left:3px solid #00ff00;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.round-ended-button{width:100%;padding:14px 28px;background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;border-radius:6px;font-family:monospace;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00ff004d}.round-ended-button:hover{background:linear-gradient(135deg,#0f0,#0d0);transform:translateY(-2px);box-shadow:0 6px 16px #0f06}.round-ended-button:active{transform:translateY(0);box-shadow:0 2px 8px #00ff004d}.round-ended-button:focus{outline:2px solid #00ff00;outline-offset:2px}.round-ended-lose .round-ended-button{background:linear-gradient(135deg,#f55,#c44);box-shadow:0 4px 12px #ff55554d}.round-ended-lose .round-ended-button:hover{background:linear-gradient(135deg,#f55,#d44);box-shadow:0 6px 16px #f556}.round-ended-lose .round-ended-button:active{box-shadow:0 2px 8px #ff55554d}.round-ended-lose .round-ended-button:focus{outline-color:#f55}@media (max-width: 768px){.round-ended-modal{min-width:300px;max-width:90%;padding:24px 28px;font-size:14px}.round-ended-title{font-size:19px;margin-bottom:16px}.round-ended-grid{grid-template-columns:140px 1fr;gap:8px;margin-bottom:16px}.round-ended-label{font-size:13px}.round-ended-value-points{font-size:16px}.round-ended-button{padding:12px 24px;font-size:14px}}@media (max-width: 480px){.round-ended-modal{min-width:280px;padding:20px 24px;font-size:13px}.round-ended-grid{grid-template-columns:120px 1fr;gap:6px}}.mobile-domino-overlay{display:none}@media (max-width: 1024px){.mobile-domino-overlay{display:flex;position:fixed;bottom:-5px;left:10%;width:80%;height:auto;padding:8px 5px;align-items:center;justify-content:center;background-color:transparent;z-index:100;border:none;border-radius:8px}.mobile-domino-left,.mobile-domino-right{background-color:transparent}.mobile-domino-center{display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden}.mobile-domino-pieces{display:flex;gap:3px;overflow-x:auto;overflow-y:hidden;padding:5px;justify-content:center;align-items:center;flex-wrap:nowrap;max-width:100%}.mobile-domino-pieces::-webkit-scrollbar{height:4px}.mobile-domino-pieces::-webkit-scrollbar-thumb{background-color:#ffd70080;border-radius:2px}.mobile-domino-item{min-width:40px;max-width:50px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.mobile-domino-item:active{transform:scale(.95)}.mobile-domino-item img{width:100%;height:auto;border:none;border-radius:4px;box-shadow:none}.mobile-domino-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mobile-domino-item.disabled img{filter:grayscale(100%);border-color:#666}}@media (max-width: 1024px){.short-domino-one-hundred-one{grid-template-columns:8% 84% 8%}.section-content{font-size:.9rem;padding:.75rem}.get-pieces-btn{padding:10px 16px;font-size:12px;min-width:80px}.player-avatar{width:var(--sidebar-avatar-size, 70px);height:var(--sidebar-avatar-size, 70px);border-width:var(--sidebar-avatar-border, 2px)}.player-name{font-size:12px}.player-status{font-size:10px}.game-name-label{padding:8px 20px;gap:8px}.game-name-icon{font-size:18px}.game-name-text{font-size:16px}.game-version-text{font-size:10px;margin-left:6px;padding:2px 5px}.pieces-count-card{padding:12px;gap:6px}.pieces-count-label{font-size:10px}.pieces-count-display{font-size:28px}.pieces-count-icon{width:24px}.communication-btn{padding:10px 12px;font-size:12px}.btn-icon{font-size:16px}.btn-label{font-size:12px}.company-card{padding:15px 12px;margin-bottom:15px;min-height:100px;gap:10px}.company-logo{font-size:32px}.company-name{font-size:14px;letter-spacing:1.5px}.balance-card{padding:12px;gap:6px}.balance-label{font-size:10px}.balance-display{font-size:28px}.balance-icon{font-size:24px}}@media (max-width: 1024px){.short-domino-one-hundred-one{grid-template-columns:8% 84% 8%;height:100vh;height:100dvh}.settings-menu{min-width:300px}.settings-menu-header{padding:15px 20px;gap:10px}.settings-menu-icon{font-size:20px}.settings-menu-title{font-size:18px}.settings-menu-close{width:28px;height:28px;font-size:20px}.settings-menu-item{padding:12px 15px;font-size:14px;gap:12px}.menu-item-icon{font-size:20px}.short-domino-one-hundred-one__center{grid-template-rows:15% 70% 15%}.short-domino-one-hundred-one__left,.short-domino-one-hundred-one__right{display:flex;overflow-y:auto;overflow-x:visible;pointer-events:auto}.short-domino-one-hundred-one__left>*:not(.pieces-count-card-local):not(.player-avatar-container):not(.player-name-card):not(.version-badge){display:none!important}.short-domino-one-hundred-one__left{justify-content:flex-start;align-items:center;flex-direction:column}.short-domino-one-hundred-one__left .pieces-count-card-local{display:flex!important;order:998;margin-top:auto;margin-bottom:20px}.short-domino-one-hundred-one__left .player-name-card{display:flex!important}.short-domino-one-hundred-one__right>*:not(.player-avatar-container):not(.player-name-card):not(.balance-card):not(.emoji-btn):not(.chat-btn):not(.settings-btn){display:none!important}.short-domino-one-hundred-one__right .player-name-card{display:flex!important}.section-content{font-size:.8rem;padding:.3rem}.get-pieces-btn{padding:8px 12px;font-size:11px;min-width:70px}.player-avatar{width:var(--sidebar-avatar-size, 55px);height:var(--sidebar-avatar-size, 55px);border-width:var(--sidebar-avatar-border, 2px)}.player-avatar.active-turn{border:var(--sidebar-avatar-border, 2px) solid #ffc107!important;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a!important;filter:none!important}.player-avatar-container.active-turn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.short-domino-one-hundred-one__left.active-sidebar,.short-domino-one-hundred-one__right.active-sidebar{background:linear-gradient(180deg,#3498dbb3,#2980b98c 30%,#2980b940 55%,#000 70%)!important}.player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal}.player-status{font-size:8px;padding:2px 6px}.player-avatar-container{gap:5px;margin-bottom:var(--sidebar-card-margin, 10px);background:none!important;box-shadow:none!important;border:none!important;padding:0!important;min-height:auto!important;max-height:calc(var(--sidebar-avatar-size, 50px) * 1.6)!important;width:auto!important;overflow:visible!important}.player-avatar-container .player-name{display:none!important}.timer-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:0}.timer-display{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#4caf50;gap:3px}.timer-icon{font-size:11px}.timer-progress-bar{display:none}.pieces-count-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:3px}.pieces-count-label{font-size:var(--sidebar-label-font, 8px)}.pieces-count-display{font-size:18px;gap:4px}.pieces-count-icon{width:var(--sidebar-icon-size, 16px)}.player-name-card{margin:var(--sidebar-button-margin-sm, 5px) auto;width:auto}.player-name-text{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-name-label{display:flex!important;padding:3px 12px;gap:4px;grid-column:3;grid-row:1;justify-self:center;align-self:center;min-width:auto}.game-name-icon{font-size:12px}.game-name-text{font-size:10px}.game-version-text{font-size:7px;margin-left:3px;padding:1px 3px}.score-card-top{display:flex!important;padding:4px 10px;border-radius:10px;gap:5px}.score-card-top:nth-child(1){grid-column:1;grid-row:1;justify-self:start}.score-card-top:nth-child(3){grid-column:5;grid-row:1;justify-self:end}.score-card-top .score-label{font-size:9px}.score-card-top .score-display{font-size:16px;gap:4px}.score-card-top .score-icon{font-size:14px}.short-domino-one-hundred-one__center-top{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto;gap:5px;padding:10px;border:none}.mobile-avatar{display:none;align-items:center;width:fit-content;height:35px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.mobile-avatar-left{grid-column:1;grid-row:1;justify-content:flex-start}.mobile-avatar-right{grid-column:6;grid-row:1;justify-content:flex-end}.mobile-avatar-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:3px solid #ffc107;box-shadow:0 2px 10px #ffc1074d,0 0 0 4px #ffc1071a;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:2px;transition:all .3s ease}.mobile-avatar-image.active-turn{border:3px solid #00d4ff!important;box-shadow:0 0 15px #00d4ffcc,0 0 0 6px #00d4ff4d!important;filter:brightness(1.2)!important}.mobile-avatar.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-name{display:none;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:10px;padding:6px 10px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);height:35px;overflow:hidden}.mobile-name-left{grid-column:2;grid-row:1;align-items:flex-start}.mobile-name-right{grid-column:5;grid-row:1;align-items:flex-end}.mobile-name-text{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-score-text{font-size:10px;font-weight:400;color:#ffc107;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-name.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:5px 12px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#4caf50;height:35px;min-width:65px;overflow:hidden}.mobile-timer-left{grid-column:2;grid-row:1}.mobile-timer-right{grid-column:4;grid-row:1}.short-domino-one-hundred-one__center-bottom{display:grid;grid-template-columns:10% 10% 60% 10% 10%;gap:5px;padding:10px;border:none;position:relative}.section-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:90%;height:auto;z-index:10;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}.domino-pieces-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.domino-pieces-container h4{display:none}.domino-pieces-list{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.mobile-settings-btn{display:none}.mobile-settings-btn:hover{background:linear-gradient(145deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-settings-btn:active{transform:translateY(0)}.mobile-settings-icon{font-size:22px}.mobile-emoji-btn{display:none}.mobile-emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-emoji-btn:active{transform:translateY(0)}.mobile-emoji-icon{font-size:22px}.mobile-emoji-icon img,img.mobile-emoji-icon{width:24px;height:24px;object-fit:contain}.mobile-chat-btn{display:none}.mobile-chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-chat-btn:active{transform:translateY(0)}.mobile-chat-icon{font-size:22px}.mobile-chat-icon img,img.mobile-chat-icon{width:24px;height:24px;object-fit:contain}.mobile-version-badge{display:none}.mobile-version-text{font-size:9px;font-weight:600;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-family:Courier New,monospace;letter-spacing:.5px}.pieces-count-card{padding:10px;gap:5px;margin:10px auto}.pieces-count-label{font-size:9px}.pieces-count-display{font-size:24px}.pieces-count-icon{width:20px}.short-domino-one-hundred-one__left .version-badge{display:flex!important;align-items:center;justify-content:center;margin:0 auto 30px;width:auto;order:999}.short-domino-one-hundred-one__left .version-badge .mobile-version-text{display:block}.communication-buttons{gap:6px;margin:8px auto;width:90%}.communication-btn{padding:6px 8px;font-size:10px;gap:5px;border-radius:8px}.btn-icon{font-size:12px}.btn-label{font-size:10px}.company-card{padding:12px 10px;margin-bottom:10px;min-height:80px;gap:8px}.company-logo{font-size:28px}.company-name{font-size:12px;letter-spacing:1px}.balance-card{padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);gap:3px;margin:var(--sidebar-card-margin, 8px) auto;width:90%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:var(--sidebar-label-font, 8px)}.balance-display{font-size:var(--sidebar-balance-font, 18px);gap:4px}.balance-icon{font-size:16px}.short-domino-one-hundred-one__right .emoji-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-lg, 11px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-domino-one-hundred-one__right .emoji-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-one-hundred-one__right .emoji-btn .btn-icon{width:var(--sidebar-icon-size, 28px);height:var(--sidebar-icon-size, 28px)}.short-domino-one-hundred-one__right .emoji-btn .btn-label{display:none}.short-domino-one-hundred-one__right .chat-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-domino-one-hundred-one__right .chat-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-one-hundred-one__right .chat-btn .btn-icon{width:var(--sidebar-icon-size, 28px);height:var(--sidebar-icon-size, 28px)}.short-domino-one-hundred-one__right .chat-btn .btn-label{display:none}.short-domino-one-hundred-one__right .settings-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);z-index:50;position:relative;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.short-domino-one-hundred-one__right .settings-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-one-hundred-one__right .settings-btn .btn-icon{font-size:var(--sidebar-icon-size, 30px)}.short-domino-one-hundred-one__right .settings-btn .btn-label{display:none}}.short-domino-one-hundred-one{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:1fr;height:100vh;height:100dvh;width:100vw;max-width:100%;box-sizing:border-box;margin:0;padding:0;overflow:hidden;position:relative;background-color:#000}.short-domino-one-hundred-one__left{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.short-domino-one-hundred-one__center{border:none;display:grid;grid-template-rows:10% 70% 20%;height:100%;min-width:0;overflow:hidden}.short-domino-one-hundred-one__center-top{border:none;display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:0 20px}.short-domino-one-hundred-one__center-main{border:none;position:relative;background-color:#000;overflow:visible;border-radius:30px;padding:10px}.short-domino-one-hundred-one__center-bottom{border:none;display:flex;align-items:center;justify-content:center;background-color:#000}.short-domino-one-hundred-one__right{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.company-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0 auto 20px;width:50%;min-height:70px;background:linear-gradient(145deg,#2a1810,#1a0f08);border-radius:12px;padding:10px 8px;box-shadow:0 8px 32px #ff98004d,inset 0 2px #ffc1071a,0 0 0 2px #ffc10733;border:2px solid rgba(255,193,7,.3);transition:all .4s ease;position:relative;overflow:hidden}.company-logo{font-size:24px;filter:drop-shadow(0 4px 8px rgba(255,193,7,.6));animation:float-logo 3s ease-in-out infinite;position:relative;z-index:1}.company-name{font-size:10px;font-weight:800;color:#ffc107;text-align:center;text-shadow:0 2px 4px rgba(255,193,7,.4),0 0 20px rgba(255,193,7,.3);letter-spacing:.5px;text-transform:uppercase;position:relative;z-index:1;background:linear-gradient(145deg,#ffc107,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.short-domino-one-hundred-one__right>.emoji-btn,.short-domino-one-hundred-one__right>.chat-btn{width:70%;margin:15px auto}.short-domino-one-hundred-one__right>.settings-btn{display:none}@media (max-width: 1024px){.short-domino-one-hundred-one{grid-template-columns:8% 84% 8%}.section-content{font-size:.9rem;padding:.75rem}.get-pieces-btn{padding:10px 16px;font-size:12px;min-width:80px}.player-avatar{width:var(--sidebar-avatar-size, 70px);height:var(--sidebar-avatar-size, 70px);border-width:var(--sidebar-avatar-border, 2px)}.player-name{font-size:12px}.player-status{font-size:10px}.game-name-label{padding:8px 20px;gap:8px}.game-name-icon{font-size:18px}.game-name-text{font-size:16px}.game-version-text{font-size:10px;margin-left:6px;padding:2px 5px}.pieces-count-card{padding:12px;gap:6px}.pieces-count-label{font-size:10px}.pieces-count-display{font-size:28px}.pieces-count-icon{width:24px}.communication-btn{padding:10px 12px;font-size:12px}.btn-icon{font-size:16px}.btn-label{font-size:12px}.company-card{padding:8px;margin-bottom:15px;min-height:60px;gap:5px}.company-logo{font-size:18px}.company-name{font-size:9px;letter-spacing:.5px}.balance-card{padding:12px;gap:6px}.balance-label{font-size:10px}.balance-display{font-size:28px}.balance-icon{font-size:24px}}.mobile-bazar-btn{display:none}@media (max-width: 1024px){.short-domino-one-hundred-one{grid-template-columns:8% 84% 8%;height:100vh;height:100dvh}.settings-menu{min-width:300px}.settings-menu-header{padding:15px 20px;gap:10px}.settings-menu-icon{font-size:20px}.settings-menu-title{font-size:18px}.settings-menu-close{width:28px;height:28px;font-size:20px}.settings-menu-item{padding:12px 15px;font-size:14px;gap:12px}.menu-item-icon{font-size:20px}.short-domino-one-hundred-one__center{grid-template-rows:15% 70% 15%}.short-domino-one-hundred-one__left,.short-domino-one-hundred-one__right{display:flex;overflow-y:auto;overflow-x:visible;pointer-events:auto}.short-domino-one-hundred-one__left>*:not(.pieces-count-card-local):not(.player-avatar-container):not(.player-name-card):not(.version-badge){display:none!important}.short-domino-one-hundred-one__left{justify-content:flex-start;align-items:center;flex-direction:column}.short-domino-one-hundred-one__left .pieces-count-card-local{display:flex!important;order:998;margin-top:auto;margin-bottom:20px}.short-domino-one-hundred-one__left .player-name-card{display:flex!important}.short-domino-one-hundred-one__right>*:not(.player-avatar-container):not(.player-name-card):not(.balance-card):not(.emoji-btn):not(.chat-btn):not(.settings-btn){display:none!important}.short-domino-one-hundred-one__right .player-name-card{display:flex!important}.section-content{font-size:.8rem;padding:.3rem}.get-pieces-btn{padding:8px 12px;font-size:11px;min-width:70px}.player-avatar{width:var(--sidebar-avatar-size, 55px);height:var(--sidebar-avatar-size, 55px);border-width:var(--sidebar-avatar-border, 2px)}.player-avatar.active-turn{border:var(--sidebar-avatar-border, 2px) solid #ffc107!important;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a!important;filter:none!important}.player-avatar-container.active-turn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.short-domino-one-hundred-one__left.active-sidebar,.short-domino-one-hundred-one__right.active-sidebar{background:linear-gradient(180deg,#3498dbb3,#2980b98c 30%,#2980b940 55%,#000 70%)!important}.player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal}.player-status{font-size:8px;padding:2px 6px}.player-avatar-container{gap:5px;margin-bottom:var(--sidebar-card-margin, 10px);background:none!important;box-shadow:none!important;border:none!important;padding:0!important;min-height:auto!important;max-height:calc(var(--sidebar-avatar-size, 50px) * 1.6)!important;width:auto!important;overflow:visible!important}.player-avatar-container .player-name{display:none!important}.timer-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:0}.timer-display{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#4caf50;gap:3px}.timer-icon{font-size:11px}.timer-progress-bar{display:none}.pieces-count-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:3px}.pieces-count-label{font-size:var(--sidebar-label-font, 8px)}.pieces-count-display{font-size:18px;gap:4px}.pieces-count-icon{width:var(--sidebar-icon-size, 16px)}.player-name-card{margin:var(--sidebar-button-margin-sm, 5px) auto;width:auto}.player-name-text{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-name-label{display:flex!important;padding:3px 12px;gap:4px;grid-column:3;grid-row:1;justify-self:center;align-self:center;min-width:auto}.game-name-icon{font-size:12px}.game-name-text{font-size:10px}.game-version-text{font-size:7px;margin-left:3px;padding:1px 3px}.score-card-top{display:flex!important;padding:4px 10px;border-radius:10px;gap:5px}.score-card-top:nth-child(1){grid-column:1;grid-row:1;justify-self:start}.score-card-top:nth-child(3){grid-column:5;grid-row:1;justify-self:end}.score-card-top .score-label{font-size:9px}.score-card-top .score-display{font-size:16px;gap:4px}.score-card-top .score-icon{font-size:14px}.short-domino-one-hundred-one__center-top{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto;gap:5px;padding:10px;border:none}.mobile-avatar{display:none;align-items:center;width:fit-content;height:35px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.mobile-avatar-left{grid-column:1;grid-row:1;justify-content:flex-start}.mobile-avatar-right{grid-column:6;grid-row:1;justify-content:flex-end}.mobile-avatar-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:3px solid #ffc107;box-shadow:0 2px 10px #ffc1074d,0 0 0 4px #ffc1071a;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:2px;transition:all .3s ease}.mobile-avatar-image.active-turn{border:3px solid #00d4ff!important;box-shadow:0 0 15px #00d4ffcc,0 0 0 6px #00d4ff4d!important;filter:brightness(1.2)!important}.mobile-avatar.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-name{display:none;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:10px;padding:6px 10px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);height:35px;overflow:hidden}.mobile-name-left{grid-column:2;grid-row:1;align-items:flex-start}.mobile-name-right{grid-column:5;grid-row:1;align-items:flex-end}.mobile-name-text{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-score-text{font-size:10px;font-weight:400;color:#ffc107;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-name.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:5px 12px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#4caf50;height:35px;min-width:65px;overflow:hidden}.mobile-timer-left{grid-column:2;grid-row:1}.mobile-timer-right{grid-column:4;grid-row:1}.short-domino-one-hundred-one__center-bottom{display:grid;grid-template-columns:10% 10% 60% 10% 10%;gap:5px;padding:10px;border:none;position:relative}.section-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:90%;height:auto;z-index:10;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}.domino-pieces-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.domino-pieces-container h4{display:none}.domino-pieces-list{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;gap:0rem}.mobile-bazar-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d;padding:8px}.mobile-bazar-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1d2021);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-bazar-btn:active{transform:translateY(0)}.mobile-bazar-icon{font-size:28px}.mobile-emoji-btn{display:none}.mobile-emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-emoji-btn:active{transform:translateY(0)}.mobile-emoji-icon{font-size:22px}.mobile-emoji-icon img,img.mobile-emoji-icon{width:24px;height:24px;object-fit:contain}.mobile-chat-btn{display:none}.mobile-chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-chat-btn:active{transform:translateY(0)}.mobile-chat-icon{font-size:22px}.mobile-chat-icon img,img.mobile-chat-icon{width:24px;height:24px;object-fit:contain}.mobile-version-badge{display:none}.mobile-version-text{font-size:9px;font-weight:600;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-family:Courier New,monospace;letter-spacing:.5px}.pieces-count-card{padding:10px;gap:5px;margin:10px auto}.pieces-count-label{font-size:9px}.pieces-count-display{font-size:24px}.pieces-count-icon{width:20px}.short-domino-one-hundred-one__left .version-badge{display:flex!important;align-items:center;justify-content:center;margin:0 auto 30px;width:auto;order:999}.short-domino-one-hundred-one__left .version-badge .mobile-version-text{display:block}.communication-buttons{gap:6px;margin:8px auto;width:90%}.communication-btn{padding:6px 8px;font-size:10px;gap:5px;border-radius:8px}.btn-icon{font-size:12px}.btn-label{font-size:10px}.company-card{padding:6px;margin-bottom:10px;min-height:50px;gap:4px}.company-logo{font-size:16px}.company-name{font-size:8px;letter-spacing:.3px}.balance-card{padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);gap:3px;margin:var(--sidebar-card-margin, 8px) auto;width:90%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:var(--sidebar-label-font, 8px)}.balance-display{font-size:var(--sidebar-balance-font, 18px);gap:4px}.balance-icon{font-size:16px}.short-domino-one-hundred-one__right .emoji-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-lg, 11px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-domino-one-hundred-one__right .emoji-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-one-hundred-one__right .emoji-btn .btn-icon{width:var(--sidebar-icon-size, 28px);height:var(--sidebar-icon-size, 28px)}.short-domino-one-hundred-one__right .emoji-btn .btn-label{display:none}.short-domino-one-hundred-one__right .chat-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-domino-one-hundred-one__right .chat-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-one-hundred-one__right .chat-btn .btn-icon{width:var(--sidebar-icon-size, 28px);height:var(--sidebar-icon-size, 28px)}.short-domino-one-hundred-one__right .chat-btn .btn-label{display:none}.short-domino-one-hundred-one__right .settings-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);z-index:50;position:relative;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.short-domino-one-hundred-one__right .settings-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-domino-one-hundred-one__right .settings-btn .btn-icon{font-size:var(--sidebar-icon-size, 30px)}.short-domino-one-hundred-one__right .settings-btn .btn-label{display:none}}@media (max-width: 480px){.short-domino-one-hundred-one{grid-template-columns:1% 98% 1%;height:100vh;height:100dvh}.short-domino-one-hundred-one__center{grid-template-rows:5% 80% 15%}.section-content{font-size:.7rem;padding:.2rem}.get-pieces-btn{padding:6px 10px;font-size:10px;min-width:60px}}@media (max-width: 320px){.short-domino-one-hundred-one{grid-template-columns:.5% 99% .5%}.short-domino-one-hundred-one__center{grid-template-rows:3% 82% 15%}.section-content{font-size:.6rem;padding:.1rem}.get-pieces-btn{padding:4px 8px;font-size:9px;min-width:50px}}.domino-pieces-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0rem;width:100%;overflow-x:auto;overflow-y:hidden;padding:.25rem;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}@media (max-width: 1024px){.domino-pieces-container h4{font-size:.8rem}.domino-pieces-list{gap:0rem}.domino-piece-item{min-width:40px}.domino-piece-image{width:40px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.domino-piece-image.active{pointer-events:auto!important;opacity:1!important;filter:none!important}.domino-piece-image.inactive{pointer-events:none!important;opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important}.domino-piece-image:active{transform:scale(.95);transition:transform .1s ease}.domino-piece-label{font-size:.6rem}.put-piece-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (max-width: 768px){.domino-pieces-container{padding:.3rem}.domino-pieces-container h4{font-size:.7rem;margin-bottom:.3rem}.domino-pieces-list{gap:0rem}.domino-piece-item{min-width:35px}.domino-piece-image{width:35px}.domino-piece-image.active{pointer-events:auto!important;opacity:1!important;filter:none!important}.domino-piece-image.inactive{pointer-events:none!important;opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important}.domino-piece-label{font-size:.55rem}}@media (max-width: 480px){.domino-pieces-container{padding:.2rem}.domino-pieces-container h4{font-size:.65rem;margin-bottom:.2rem}.domino-pieces-list{gap:0rem}.domino-piece-item{min-width:30px}.domino-piece-image{width:30px}.domino-piece-image.active{pointer-events:auto!important;opacity:1!important;filter:none!important}.domino-piece-image.inactive{pointer-events:none!important;opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important}.domino-piece-label{font-size:.5rem}}.card-game-durak{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:1fr;height:100vh;height:100dvh;width:100vw;max-width:100%;box-sizing:border-box;margin:0;padding:0;overflow:hidden;position:relative;background-color:#000}.card-game-durak__left{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.card-game-durak__center{border:none;display:grid;grid-template-rows:10% 70% 20%;height:100%;min-width:0;overflow:hidden}.card-game-durak__center-top{border:none;display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:0 20px}.card-game-durak__center-main{border:none;position:relative;background-color:#000;overflow:visible;border-radius:30px;padding:10px}.card-game-durak__center-bottom{border:none;display:flex;align-items:center;justify-content:center;background-color:#000}.card-game-durak__right{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.leave-item{border-color:#ff98004d}.leave-item:hover{background:linear-gradient(145deg,#3a2f1f,#2a2010);border-color:#ff980080;box-shadow:0 4px 12px #ff98004d}.card-game-durak__right>.emoji-btn,.card-game-durak__right>.chat-btn{width:70%;margin:15px auto}.card-game-durak__right>.settings-btn{display:none}@media (max-width: 1024px){.card-game-durak{grid-template-columns:8% 84% 8%}.section-content{font-size:.9rem;padding:.75rem}.get-pieces-btn{padding:10px 16px;font-size:12px;min-width:80px}.player-avatar{width:var(--sidebar-avatar-size, 70px);height:var(--sidebar-avatar-size, 70px);border-width:var(--sidebar-avatar-border, 2px)}.player-name{font-size:12px}.player-status{font-size:10px}.game-name-label{padding:8px 20px;gap:8px}.game-name-icon{font-size:18px}.game-name-text{font-size:16px}.game-version-text{font-size:10px;margin-left:6px;padding:2px 5px}.pieces-count-card{padding:12px;gap:6px}.pieces-count-label{font-size:10px}.pieces-count-display{font-size:28px}.pieces-count-icon{width:24px}.communication-btn{padding:10px 12px;font-size:12px}.btn-icon{font-size:16px}.btn-label{font-size:12px}.company-card{padding:15px 12px;margin-bottom:15px;min-height:100px;gap:10px}.company-logo{font-size:32px}.company-name{font-size:14px;letter-spacing:1.5px}.balance-card{padding:12px;gap:6px}.balance-label{font-size:10px}.balance-display{font-size:28px}.balance-icon{font-size:24px}}@media (max-width: 1024px){.card-game-durak{grid-template-columns:8% 84% 8%;height:100vh;height:100dvh}.settings-menu{min-width:300px}.settings-menu-header{padding:15px 20px;gap:10px}.settings-menu-icon{font-size:20px}.settings-menu-title{font-size:18px}.settings-menu-close{width:28px;height:28px;font-size:20px}.settings-menu-item{padding:12px 15px;font-size:14px;gap:12px}.menu-item-icon{font-size:20px}.card-game-durak__center{grid-template-rows:15% 70% 15%}.card-game-durak__left,.card-game-durak__right{display:flex;overflow-y:auto;overflow-x:visible;pointer-events:auto}.card-game-durak__left>*:not(.pieces-count-card-local):not(.player-avatar-container):not(.player-name-card):not(.version-badge){display:none!important}.card-game-durak__left{justify-content:flex-start;align-items:center;flex-direction:column}.card-game-durak__left .pieces-count-card-local{display:flex!important;order:998;margin-top:auto;margin-bottom:20px}.card-game-durak__left .player-name-card{display:flex!important}.card-game-durak__right>*:not(.player-avatar-container):not(.player-name-card):not(.balance-card):not(.emoji-btn):not(.chat-btn):not(.settings-btn){display:none!important}.card-game-durak__right .player-name-card{display:flex!important}.section-content{font-size:.8rem;padding:.3rem}.get-pieces-btn{padding:8px 12px;font-size:11px;min-width:70px}.player-avatar{width:var(--sidebar-avatar-size, 55px);height:var(--sidebar-avatar-size, 55px);border-width:var(--sidebar-avatar-border, 2px)}.player-avatar.active-turn{border:var(--sidebar-avatar-border, 2px) solid #ffc107!important;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a!important;filter:none!important}.player-avatar-container.active-turn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.card-game-durak__left.active-sidebar,.card-game-durak__right.active-sidebar{background:linear-gradient(180deg,#3498dbb3,#2980b98c 30%,#2980b940 55%,#000 70%)!important}.player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal}.player-status{font-size:8px;padding:2px 6px}.player-avatar-container{gap:5px;margin-bottom:var(--sidebar-card-margin, 10px);background:none!important;box-shadow:none!important;border:none!important;padding:0!important;min-height:auto!important;max-height:calc(var(--sidebar-avatar-size, 50px) * 1.6)!important;width:auto!important;overflow:visible!important}.player-avatar-container .player-name{display:none!important}.timer-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:0}.timer-display{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#4caf50;gap:3px}.timer-icon{font-size:11px}.timer-progress-bar{display:none}.pieces-count-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:3px}.pieces-count-label{font-size:var(--sidebar-label-font, 8px)}.pieces-count-display{font-size:18px;gap:4px}.pieces-count-icon{width:var(--sidebar-icon-size, 16px)}.player-name-card{margin:var(--sidebar-button-margin-sm, 5px) auto;width:auto}.player-name-text{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-name-label{display:flex!important;padding:3px 12px;gap:4px;grid-column:3;grid-row:1;justify-self:center;align-self:center;min-width:auto}.game-name-icon{font-size:12px}.game-name-text{font-size:10px}.game-version-text{font-size:7px;margin-left:3px;padding:1px 3px}.score-card-top{display:flex!important;padding:4px 10px;border-radius:10px;gap:5px}.score-card-top:nth-child(1){grid-column:1;grid-row:1;justify-self:start}.score-card-top:nth-child(3){grid-column:5;grid-row:1;justify-self:end}.score-card-top .score-label{font-size:9px}.score-card-top .score-display{font-size:16px;gap:4px}.score-card-top .score-icon{font-size:14px}.card-game-durak__center-top{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto;gap:5px;padding:10px;border:none}.mobile-avatar{display:none;align-items:center;width:fit-content;height:35px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.mobile-avatar-left{grid-column:1;grid-row:1;justify-content:flex-start}.mobile-avatar-right{grid-column:6;grid-row:1;justify-content:flex-end}.mobile-avatar-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:3px solid #ffc107;box-shadow:0 2px 10px #ffc1074d,0 0 0 4px #ffc1071a;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:2px;transition:all .3s ease}.mobile-avatar-image.active-turn{border:3px solid #00d4ff!important;box-shadow:0 0 15px #00d4ffcc,0 0 0 6px #00d4ff4d!important;filter:brightness(1.2)!important}.mobile-avatar.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-name{display:none;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:10px;padding:6px 10px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);height:35px;overflow:hidden}.mobile-name-left{grid-column:2;grid-row:1;align-items:flex-start}.mobile-name-right{grid-column:5;grid-row:1;align-items:flex-end}.mobile-name-text{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-score-text{font-size:10px;font-weight:400;color:#ffc107;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-name.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:5px 12px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#4caf50;height:35px;min-width:65px;overflow:hidden}.mobile-timer-left{grid-column:2;grid-row:1}.mobile-timer-right{grid-column:4;grid-row:1}.card-game-durak__center-bottom{display:grid;grid-template-columns:10% 10% 60% 10% 10%;gap:5px;padding:10px;border:none;position:relative}.section-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:90%;height:auto;z-index:10;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}.domino-pieces-container,.durak-hand-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.domino-pieces-container h4{display:none}.domino-pieces-list{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.mobile-settings-btn{display:none}.mobile-settings-btn:hover{background:linear-gradient(145deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-settings-btn:active{transform:translateY(0)}.mobile-settings-icon{font-size:22px}.mobile-emoji-btn{display:none}.mobile-emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-emoji-btn:active{transform:translateY(0)}.mobile-emoji-icon{font-size:22px}.mobile-emoji-icon img,img.mobile-emoji-icon{width:24px;height:24px;object-fit:contain}.mobile-chat-btn{display:none}.mobile-chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-chat-btn:active{transform:translateY(0)}.mobile-chat-icon{font-size:22px}.mobile-chat-icon img,img.mobile-chat-icon{width:24px;height:24px;object-fit:contain}.mobile-version-badge{display:none}.mobile-version-text{font-size:9px;font-weight:600;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-family:Courier New,monospace;letter-spacing:.5px}.pieces-count-card{padding:10px;gap:5px;margin:10px auto}.pieces-count-label{font-size:9px}.pieces-count-display{font-size:24px}.pieces-count-icon{width:20px}.card-game-durak__left .version-badge{display:flex!important;align-items:center;justify-content:center;margin:0 auto 30px;width:auto;order:999}.card-game-durak__left .version-badge .mobile-version-text{display:block}.communication-buttons{gap:6px;margin:8px auto;width:90%}.communication-btn{padding:6px 8px;font-size:10px;gap:5px;border-radius:8px}.btn-icon{font-size:12px}.btn-label{font-size:10px}.company-card{padding:12px 10px;margin-bottom:10px;min-height:80px;gap:8px}.company-logo{font-size:28px}.company-name{font-size:12px;letter-spacing:1px}.balance-card{padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);gap:3px;margin:var(--sidebar-card-margin, 8px) auto;width:90%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:var(--sidebar-label-font, 8px)}.balance-display{font-size:var(--sidebar-balance-font, 18px);gap:4px}.balance-icon{font-size:16px}.card-game-durak__right .emoji-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-lg, 11px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.card-game-durak__right .emoji-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.card-game-durak__right .emoji-btn .btn-icon{width:36px;height:36px}.card-game-durak__right .emoji-btn .btn-label{display:none}.card-game-durak__right .chat-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.card-game-durak__right .chat-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.card-game-durak__right .chat-btn .btn-icon{width:36px;height:36px}.card-game-durak__right .chat-btn .btn-label{display:none}.card-game-durak__right .settings-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);z-index:50;position:relative;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.card-game-durak__right .settings-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.card-game-durak__right .settings-btn .btn-icon{font-size:var(--sidebar-icon-size, 30px)}.card-game-durak__right .settings-btn .btn-label{display:none}}@media (max-width: 480px){.card-game-durak{grid-template-columns:1% 98% 1%;height:100vh;height:100dvh}.card-game-durak__center{grid-template-rows:5% 80% 15%}.section-content{font-size:.7rem;padding:.2rem}.get-pieces-btn{padding:6px 10px;font-size:10px;min-width:60px}}@media (max-width: 320px){.card-game-durak{grid-template-columns:.5% 99% .5%}.card-game-durak__center{grid-template-rows:3% 82% 15%}.section-content{font-size:.6rem;padding:.1rem}.get-pieces-btn{padding:4px 8px;font-size:9px;min-width:50px}}.game-platform{position:relative;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:70px;border:6px solid grey;overflow:hidden}.durak-board{display:grid;grid-template-rows:40% 60%;height:100%;width:100%;padding:10px;gap:10px}.durak-pairs-row{display:none}.pair-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:100px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:10px}.pair-slot .attack-card{position:relative;z-index:1}.pair-slot .defense-card{position:absolute;top:15px;left:10px;z-index:2;transform:rotate(15deg)}.pair-slot img{width:var(--durak-card-width, 60px);height:auto;border-radius:6px;box-shadow:0 2px 8px #0000004d}.empty-slot{width:var(--durak-card-width, 60px);height:90px;border:2px dashed rgba(255,255,255,.1);border-radius:6px}.durak-bottom-row{display:grid;grid-template-columns:30% 40% 30%;gap:15px;padding:10px}.deck-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#0000004d;border-radius:15px;padding:15px}.deck-pile{position:relative}.deck-card{width:var(--durak-deck-width, 70px);height:auto;border-radius:8px;box-shadow:0 4px 12px #0006;max-width:100%}.deck-count{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#ff9800,#f57c00);color:#fff;padding:4px 10px;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 2px 6px #0000004d}.trump-card{display:flex;flex-direction:column;align-items:center;gap:5px}.trump-card img{width:var(--durak-trump-width, 50px);transform:rotate(90deg);border-radius:6px;box-shadow:0 2px 8px #0000004d}.trump-label{font-size:12px;color:#ffc107;font-weight:700;text-transform:uppercase}.attack-zone{display:flex;align-items:center;justify-content:center;background:#4caf501a;border:3px dashed rgba(76,175,80,.4);border-radius:20px;min-height:150px}.attack-zone-card img{width:var(--durak-attack-card-width, 80px);height:auto;border-radius:8px;box-shadow:0 4px 16px #0006}.attack-zone-empty{display:flex;align-items:center;justify-content:center}.attack-zone-empty span{color:#fff6;font-size:16px;font-weight:500}.played-cards-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px;background:#0003;border-radius:15px}.played-cards-pile{position:relative;width:70px;height:90px}.pile-card{position:absolute;width:50px;height:auto;border-radius:6px;box-shadow:0 2px 8px #0006}.pile-card-1{top:0;left:0;transform:rotate(-8deg);z-index:1}.pile-card-2{top:5px;left:8px;transform:rotate(3deg);z-index:2}.pile-card-3{top:10px;left:16px;transform:rotate(10deg);z-index:3}.played-count-label{font-size:16px;font-weight:700;color:#ffc107;text-shadow:0 2px 4px rgba(0,0,0,.5)}.played-cards{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:flex-start;padding:10px}.card-pair{display:flex;flex-direction:column;align-items:center;position:relative}.attack-card{position:relative;z-index:1;transform:rotate(-5deg)}.attack-card img{width:70px;height:auto;border-radius:6px;box-shadow:0 4px 12px #0006}.defense-card{position:relative;margin-top:-50px;margin-left:20px;z-index:2;transform:rotate(12deg)}.defense-card img{width:70px;height:auto;border-radius:6px;box-shadow:0 6px 16px #00000080}.played-card{position:relative}.played-card img{width:70px;height:auto;border-radius:6px;box-shadow:0 4px 12px #0006}@media (max-width: 1024px){.durak-pairs-row{gap:5px;padding:8px}.pair-slot{min-height:80px}.durak-bottom-row{gap:10px;padding:8px}.deck-section{padding:10px;gap:10px}}@media (max-width: 768px){.durak-board{padding:5px;gap:5px}.durak-pairs-row{gap:3px;padding:5px}.pair-slot{min-height:60px;border-width:1px}.durak-bottom-row{grid-template-columns:18% 1fr 18%;gap:8px;padding:5px}.deck-section{padding:8px;gap:8px;border-radius:10px}.deck-count{font-size:11px;padding:2px 6px}.trump-label{font-size:10px}.attack-zone{border-radius:12px;min-height:100px}.attack-zone-empty span{font-size:12px}}@media (max-width: 480px){.durak-pairs-row{gap:2px;padding:3px}.pair-slot{min-height:50px}.empty-slot{width:35px;height:55px}}.durak-hand-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.durak-hand-cards{display:flex;flex-wrap:nowrap;gap:8px;padding:10px;overflow-x:auto;justify-content:center;align-items:center}.durak-card-item{display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.durak-card-item:hover{transform:translateY(-10px)}.durak-card-image{width:60px;height:auto;border-radius:6px;box-shadow:0 2px 8px #0000004d;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto!important}.durak-card-image.active{cursor:pointer;border:2px solid #4CAF50}.durak-card-image.inactive{cursor:not-allowed;opacity:.7;filter:grayscale(30%)}.durak-card-image:hover.active{transform:scale(1.05);box-shadow:0 4px 16px #4caf5066}.flying-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999}.flying-card-image{position:fixed;width:60px;height:auto;border-radius:6px;box-shadow:0 8px 24px #00000080;animation:flyToTable .6s ease-out forwards;transform:translate(-50%,-50%)}@keyframes flyToTable{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}40%{transform:translate(-50%,-50%) scale(1.3) translateY(-80px) rotate(15deg);opacity:1}to{transform:translate(-50%,-50%) scale(.7) translateY(-250px) rotate(-10deg);opacity:0}}.durak-card-image.flying{visibility:hidden}.biro-animation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999}.biro-card{position:fixed;top:35%;right:10%;width:60px;height:auto;border-radius:6px;box-shadow:0 8px 24px #00000080;animation:biroToHand 1.5s ease-in-out forwards;transform:translateY(-50%);object-fit:contain}.biro-card:nth-child(1){animation-delay:0s}.biro-card:nth-child(2){animation-delay:.2s}.biro-card:nth-child(3){animation-delay:.4s}@keyframes biroToHand{0%{top:35%;right:10%;transform:translateY(-50%) scale(1) rotate(0);opacity:1}40%{top:50%;right:30%;transform:translateY(-50%) scale(1.2) rotate(-15deg);opacity:1}to{top:85%;right:50%;transform:translate(50%,-50%) scale(.9) rotate(5deg);opacity:0}}.market-draw-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999}.market-draw-card{position:fixed;top:35%;left:5%;width:60px;height:auto;border-radius:6px;box-shadow:0 8px 24px #00000080;animation:marketToHand 1.5s ease-in-out forwards;transform:translateY(-50%);object-fit:contain}.market-draw-card:nth-child(1){animation-delay:0s}.market-draw-card:nth-child(2){animation-delay:.2s}.market-draw-card:nth-child(3){animation-delay:.4s}@keyframes marketToHand{0%{top:35%;left:5%;transform:translateY(-50%) scale(1) rotate(0);opacity:1}40%{top:50%;left:30%;transform:translateY(-50%) scale(1.2) rotate(15deg);opacity:1}to{top:85%;left:50%;transform:translate(-50%,-50%) scale(.9) rotate(-5deg);opacity:0}}.durak-card-item-animating{animation:durakCardDeal .5s ease-out}@keyframes durakCardDeal{0%{opacity:0;transform:translateY(-50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.durak-hand-cards{gap:5px;padding:5px}.durak-card-image{width:50px}.durak-card-item:hover{transform:translateY(-5px)}:root{--durak-deck-width: 30px;--durak-trump-width: 22px;--durak-attack-card-width: 45px}.durak-bottom-row{grid-template-columns:18% 64% 18%;gap:4px;padding:3px}.deck-section{padding:4px;gap:4px;border-radius:6px;overflow:hidden;max-width:100%}.deck-pile{transform:scale(.8);transform-origin:center}.deck-card{width:30px!important;max-width:30px!important}.deck-count{font-size:8px;padding:2px 4px;bottom:-5px}.trump-card{transform:scale(.8);transform-origin:center}.trump-card img{width:22px!important;max-width:22px!important}.trump-label{font-size:7px}.attack-zone{min-height:70px;border-radius:8px}.attack-zone-card img{width:45px!important}.attack-zone-empty span{font-size:9px}.played-cards-counter{padding:4px;gap:2px;border-radius:6px;overflow:hidden;max-width:100%}.played-cards-pile{width:30px;height:42px;transform:scale(.8);transform-origin:center}.pile-card{width:22px!important;max-width:22px!important}.played-count-label{font-size:9px}.card-pair{gap:3px}.attack-card img,.defense-card img{width:35px!important}.defense-card{margin-top:-24px;margin-left:8px}}@media (max-width: 480px){.durak-hand-cards{gap:3px;padding:3px}.durak-card-image{width:40px}:root{--durak-deck-width: 22px !important;--durak-trump-width: 18px !important;--durak-attack-card-width: 35px !important}.durak-bottom-row{grid-template-columns:15% 70% 15%;gap:2px;padding:2px}.deck-section{padding:2px;gap:2px;border-radius:4px;background:#0003;overflow:hidden;max-width:100%}.deck-pile{transform:scale(.7);transform-origin:center}.deck-card{width:22px!important;max-width:22px!important}.deck-count{font-size:6px;padding:1px 3px;bottom:-3px;border-radius:6px}.trump-card{transform:scale(.7);transform-origin:center}.trump-card img{width:18px!important;max-width:18px!important}.trump-label{font-size:6px}.attack-zone{min-height:50px;border-radius:6px;border-width:1px}.attack-zone-card img{width:35px!important}.attack-zone-empty span{font-size:8px}.played-cards-counter{padding:2px;gap:1px;border-radius:4px;background:#00000026;overflow:hidden;max-width:100%}.played-cards-pile{width:22px;height:32px;transform:scale(.7);transform-origin:center}.pile-card{width:18px!important;max-width:18px!important}.pile-card-1{transform:rotate(-5deg)}.pile-card-2{top:1px;left:2px;transform:rotate(3deg)}.pile-card-3{top:2px;left:4px;transform:rotate(8deg)}.played-count-label{font-size:8px}.attack-card img,.defense-card img{width:30px!important}.defense-card{margin-top:-20px;margin-left:6px}}.long-nard{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:1fr;height:100vh;height:100dvh;width:100vw;max-width:100%;box-sizing:border-box;margin:0;padding:0;overflow:hidden;position:relative;background-color:#000}.long-nard__left{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.long-nard__center{border:none;display:grid;grid-template-rows:8% 87% 5%;height:100%;min-width:0;overflow:hidden}.long-nard__center-top{border:none;display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:0 20px}.long-nard__center-main{border:none;position:relative;background-color:#000;overflow:visible;border-radius:30px;padding:10px}.long-nard__center-bottom{border:none;display:flex;align-items:center;justify-content:center;background-color:#000}.long-nard__right{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.long-nard__right>.emoji-btn,.long-nard__right>.chat-btn{width:70%;margin:15px auto}.long-nard__right>.settings-btn{display:none}@media (max-width: 1024px){.long-nard{grid-template-columns:8% 84% 8%}.section-content{font-size:.9rem;padding:.75rem}.get-pieces-btn{padding:10px 16px;font-size:12px;min-width:80px}.player-avatar{width:var(--sidebar-avatar-size, 70px);height:var(--sidebar-avatar-size, 70px);border-width:var(--sidebar-avatar-border, 2px)}.player-name{font-size:12px}.player-status{font-size:10px}.game-name-label{padding:8px 20px;gap:8px}.game-name-icon{font-size:18px}.game-name-text{font-size:16px}.game-version-text{font-size:10px;margin-left:6px;padding:2px 5px}.pieces-count-card{padding:12px;gap:6px}.pieces-count-label{font-size:10px}.pieces-count-display{font-size:28px}.pieces-count-icon{width:24px}.communication-btn{padding:10px 12px;font-size:12px}.btn-icon{font-size:16px}.btn-label{font-size:12px}.company-card{padding:15px 12px;margin-bottom:15px;min-height:100px;gap:10px}.company-logo{font-size:32px}.company-name{font-size:14px;letter-spacing:1.5px}.balance-card{padding:12px;gap:6px}.balance-label{font-size:10px}.balance-display{font-size:28px}.balance-icon{font-size:24px}}@media (max-width: 1024px){.long-nard{grid-template-columns:8% 84% 8%;height:100vh;height:100dvh}.settings-menu{min-width:300px}.settings-menu-header{padding:15px 20px;gap:10px}.settings-menu-icon{font-size:20px}.settings-menu-title{font-size:18px}.settings-menu-close{width:28px;height:28px;font-size:20px}.settings-menu-item{padding:12px 15px;font-size:14px;gap:12px}.menu-item-icon{font-size:20px}.long-nard__center{grid-template-rows:10% 85% 5%}.long-nard__left,.long-nard__right{display:flex;overflow-y:auto;overflow-x:visible;pointer-events:auto}.long-nard__left>*:not(.pieces-count-card-local):not(.player-avatar-container):not(.player-name-card):not(.version-badge):not(.dice-indicator){display:none!important}.long-nard__left{justify-content:flex-start;align-items:center;flex-direction:column}.long-nard__left .pieces-count-card-local{display:flex!important;order:998;margin-top:auto;margin-bottom:20px}.long-nard__left .dice-indicator{display:flex!important;order:997;margin-top:auto;width:60%;padding:8px}.long-nard__left .dice-indicator__item{width:25px;height:25px}.long-nard__left .dice-indicator__row{gap:4px}.long-nard__left .player-name-card{display:flex!important}.long-nard__right>*:not(.player-avatar-container):not(.player-name-card):not(.balance-card):not(.emoji-btn):not(.chat-btn):not(.settings-btn){display:none!important}.long-nard__right .player-name-card{display:flex!important}.section-content{font-size:.8rem;padding:.3rem}.get-pieces-btn{padding:8px 12px;font-size:11px;min-width:70px}.player-avatar{width:var(--sidebar-avatar-size, 55px);height:var(--sidebar-avatar-size, 55px);border-width:var(--sidebar-avatar-border, 2px)}.player-avatar.active-turn{border:var(--sidebar-avatar-border, 2px) solid #ffc107!important;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a!important;filter:none!important}.player-avatar-container.active-turn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.long-nard__left.active-sidebar,.long-nard__right.active-sidebar{background:linear-gradient(180deg,#3498dbb3,#2980b98c 30%,#2980b940 55%,#000 70%)!important}.player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal}.player-status{font-size:8px;padding:2px 6px}.player-avatar-container{gap:5px;margin-bottom:var(--sidebar-card-margin, 10px);background:none!important;box-shadow:none!important;border:none!important;padding:0!important;min-height:auto!important;max-height:calc(var(--sidebar-avatar-size, 50px) * 1.6)!important;width:auto!important;overflow:visible!important}.player-avatar-container .player-name{display:none!important}.timer-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:0}.timer-display{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#4caf50;gap:3px}.timer-icon{font-size:11px}.timer-progress-bar{display:none}.pieces-count-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:3px}.pieces-count-label{font-size:var(--sidebar-label-font, 8px)}.pieces-count-display{font-size:18px;gap:4px}.pieces-count-icon{width:var(--sidebar-icon-size, 16px)}.player-name-card{margin:var(--sidebar-button-margin-sm, 5px) auto;width:auto}.player-name-text{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-name-label{display:flex!important;padding:3px 12px;gap:4px;grid-column:3;grid-row:1;justify-self:center;align-self:center;min-width:auto}.game-name-icon{font-size:12px}.game-name-text{font-size:10px}.game-version-text{font-size:7px;margin-left:3px;padding:1px 3px}.score-card-top{display:flex!important;padding:4px 10px;border-radius:10px;gap:5px}.score-card-top:nth-child(1){grid-column:1;grid-row:1;justify-self:start}.score-card-top:nth-child(3){grid-column:5;grid-row:1;justify-self:end}.score-card-top .score-label{font-size:9px}.score-card-top .score-display{font-size:16px;gap:4px}.score-card-top .score-icon{font-size:14px}.long-nard__center-top{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto;gap:5px;padding:10px;border:none}.mobile-avatar{display:none;align-items:center;width:fit-content;height:35px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.mobile-avatar-left{grid-column:1;grid-row:1;justify-content:flex-start}.mobile-avatar-right{grid-column:6;grid-row:1;justify-content:flex-end}.mobile-avatar-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:3px solid #ffc107;box-shadow:0 2px 10px #ffc1074d,0 0 0 4px #ffc1071a;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:2px;transition:all .3s ease}.mobile-avatar-image.active-turn{border:3px solid #00d4ff!important;box-shadow:0 0 15px #00d4ffcc,0 0 0 6px #00d4ff4d!important;filter:brightness(1.2)!important}.mobile-avatar.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-name{display:none;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:10px;padding:6px 10px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);height:35px;overflow:hidden}.mobile-name-left{grid-column:2;grid-row:1;align-items:flex-start}.mobile-name-right{grid-column:5;grid-row:1;align-items:flex-end}.mobile-name-text{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-score-text{font-size:10px;font-weight:400;color:#ffc107;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-name.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:5px 12px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#4caf50;height:35px;min-width:65px;overflow:hidden}.mobile-timer-left{grid-column:2;grid-row:1}.mobile-timer-right{grid-column:4;grid-row:1}.long-nard__center-bottom{display:grid;grid-template-columns:10% 10% 60% 10% 10%;gap:5px;padding:10px;border:none;position:relative}.section-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:90%;height:auto;z-index:10;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}.domino-pieces-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.domino-pieces-container h4{display:none}.domino-pieces-list{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.mobile-settings-btn{display:none}.mobile-settings-btn:hover{background:linear-gradient(145deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-settings-btn:active{transform:translateY(0)}.mobile-settings-icon{font-size:22px}.mobile-emoji-btn{display:none}.mobile-emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-emoji-btn:active{transform:translateY(0)}.mobile-emoji-icon{font-size:22px}.mobile-emoji-icon img,img.mobile-emoji-icon{width:24px;height:24px;object-fit:contain}.mobile-chat-btn{display:none}.mobile-chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-chat-btn:active{transform:translateY(0)}.mobile-chat-icon{font-size:22px}.mobile-chat-icon img,img.mobile-chat-icon{width:24px;height:24px;object-fit:contain}.mobile-version-badge{display:none}.mobile-version-text{font-size:9px;font-weight:600;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-family:Courier New,monospace;letter-spacing:.5px}.pieces-count-card{padding:10px;gap:5px;margin:10px auto}.pieces-count-label{font-size:9px}.pieces-count-display{font-size:24px}.pieces-count-icon{width:20px}.long-nard__left .version-badge{display:flex!important;align-items:center;justify-content:center;margin:0 auto 30px;width:auto;order:999}.long-nard__left .version-badge .mobile-version-text{display:block}.communication-buttons{gap:6px;margin:8px auto;width:90%}.communication-btn{padding:6px 8px;font-size:10px;gap:5px;border-radius:8px}.btn-icon{font-size:12px}.btn-label{font-size:10px}.company-card{padding:12px 10px;margin-bottom:10px;min-height:80px;gap:8px}.company-logo{font-size:28px}.company-name{font-size:12px;letter-spacing:1px}.balance-card{padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);gap:3px;margin:var(--sidebar-card-margin, 8px) auto;width:90%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:var(--sidebar-label-font, 8px)}.balance-display{font-size:var(--sidebar-balance-font, 18px);gap:4px}.balance-icon{font-size:16px}.long-nard__right .emoji-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-lg, 11px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.long-nard__right .emoji-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.long-nard__right .emoji-btn .btn-icon{width:36px;height:36px}.long-nard__right .emoji-btn .btn-label{display:none}.long-nard__right .chat-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.long-nard__right .chat-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.long-nard__right .chat-btn .btn-icon{width:36px;height:36px}.long-nard__right .chat-btn .btn-label{display:none}.long-nard__right .settings-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);z-index:50;position:relative;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.long-nard__right .settings-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.long-nard__right .settings-btn .btn-icon{font-size:var(--sidebar-icon-size, 30px)}.long-nard__right .settings-btn .btn-label{display:none}}@media (max-width: 480px){.long-nard{grid-template-columns:1% 98% 1%;height:100vh;height:100dvh}.long-nard__center{grid-template-rows:5% 91% 4%}.section-content{font-size:.7rem;padding:.2rem}.get-pieces-btn{padding:6px 10px;font-size:10px;min-width:60px}}@media (max-width: 320px){.long-nard{grid-template-columns:.5% 99% .5%}.long-nard__center{grid-template-rows:3% 93% 4%}.section-content{font-size:.6rem;padding:.1rem}.get-pieces-btn{padding:4px 8px;font-size:9px;min-width:50px}}.game-end-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:gameEndFadeIn .3s ease-out}@keyframes gameEndFadeIn{0%{opacity:0}to{opacity:1}}.game-end-modal{background:linear-gradient(145deg,#14141efa,#0a0a14fa);color:#fff;padding:40px 48px;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;min-width:380px;max-width:500px;animation:gameEndSlideIn .5s ease-out}@keyframes gameEndSlideIn{0%{transform:translateY(-50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.game-end-win{border:3px solid #ffd700;box-shadow:0 0 60px #ffd70066,0 20px 40px #00000080,inset 0 0 30px #ffd7001a}.game-end-lose{border:3px solid #ff5555;box-shadow:0 0 60px #ff55554d,0 20px 40px #00000080,inset 0 0 30px #ff55551a}.game-end-icon{font-size:80px;margin-bottom:20px;animation:gameEndIconPulse 2s ease-in-out infinite}@keyframes gameEndIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-end-title{font-weight:700;font-size:32px;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.game-end-win .game-end-title{color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.game-end-lose .game-end-title{color:#f55;text-shadow:0 0 20px rgba(255,85,85,.5)}.game-end-subtitle{font-size:16px;color:#aaa;margin-bottom:28px;line-height:1.5}.game-end-info{display:flex;justify-content:center;gap:12px;margin-bottom:32px;padding:16px 24px;background:#ffffff0d;border-radius:10px}.game-end-label{color:#888;font-size:15px}.game-end-value{color:#fff;font-weight:700;font-size:15px}.game-end-button{width:100%;padding:16px 32px;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.game-end-win .game-end-button{background:linear-gradient(135deg,gold,#ffb800);color:#000;box-shadow:0 4px 20px #ffd70066}.game-end-win .game-end-button:hover{background:linear-gradient(135deg,#ffe033,#ffc800);transform:translateY(-2px);box-shadow:0 6px 24px #ffd70080}.game-end-lose .game-end-button{background:linear-gradient(135deg,#f55,#c44);color:#fff;box-shadow:0 4px 20px #f556}.game-end-lose .game-end-button:hover{background:linear-gradient(135deg,#f66,#d44);transform:translateY(-2px);box-shadow:0 6px 24px #ff555580}.game-end-button:active{transform:translateY(0)}.game-end-button:focus{outline:2px solid currentColor;outline-offset:2px}@media (max-width: 768px){.game-end-modal{min-width:320px;max-width:90%;padding:32px 36px}.game-end-icon{font-size:64px;margin-bottom:16px}.game-end-title{font-size:26px;margin-bottom:10px}.game-end-subtitle{font-size:14px;margin-bottom:24px}.game-end-button{padding:14px 28px;font-size:16px}}@media (max-width: 480px){.game-end-modal{min-width:280px;padding:28px}.game-end-icon{font-size:56px}.game-end-title{font-size:22px}.game-end-info{padding:12px 16px}}.dice-indicator{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;padding:15px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:15px;margin:15px auto;width:70%;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05);transition:transform .2s ease,box-shadow .2s ease}.dice-indicator:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006,inset 0 1px #ffffff0d}.dice-indicator__row{display:flex;gap:8px;justify-content:center}.dice-indicator__item{width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,filter .3s ease,transform .2s ease}.dice-indicator__image{width:100%;height:100%;object-fit:contain}.dice-indicator__item--active{opacity:1;filter:drop-shadow(0 0 6px rgba(76,175,80,.8))}.dice-indicator__item--active:hover{transform:scale(1.1)}.dice-indicator__item--used{opacity:.3;filter:grayscale(100%)}.dice-indicator--qosa{padding:12px}.dice-indicator--normal{padding:12px 15px}@media (max-width: 768px){.dice-indicator{width:80%;padding:10px}.dice-indicator__item{width:30px;height:30px}.dice-indicator__row{gap:6px}}*{box-sizing:border-box}html,body,#root{color-scheme:only light;forced-color-adjust:none}img,svg{forced-color-adjust:none}.orientation-warning-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.orientation-warning-text{color:#fff;font-size:24px;font-weight:600;text-align:center;line-height:1.6;margin:0;padding:20px;max-width:90%}.animating-domino-piece{animation:dominoFadeIn .2s ease-in-out}@keyframes pulse-clickable{0%,to{opacity:.6;box-shadow:0 0 15px #ff980099}50%{opacity:1;box-shadow:0 0 30px #ff9800}}.clickable-piece-overlay{animation:pulse-clickable 1.5s ease-in-out infinite}.placed-domino-piece{animation:dominoPlaced .3s ease-out}@keyframes dominoFadeIn{0%{opacity:0}50%{opacity:.7}to{opacity:1}}@keyframes dominoPlaced{0%{opacity:0}to{opacity:1}}@keyframes pieceScaleIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:.8;transform:scale(1.2) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.domino-piece-item-animating{animation:pieceScaleIn .5s ease-out forwards;animation-fill-mode:both}.short-nard{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:1fr;height:100vh;height:100dvh;width:100vw;max-width:100%;box-sizing:border-box;margin:0;padding:0;overflow:hidden;position:relative;background-color:#000}.mobile-avatar,.mobile-name,.mobile-timer,.mobile-settings-btn,.mobile-emoji-btn,.mobile-chat-btn,.mobile-version-badge,.version-badge{display:none}.short-nard__left{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.short-nard__center{border:none;display:grid;grid-template-rows:8% 87% 5%;height:100%;min-width:0;overflow:hidden}.short-nard__center-top{border:none;display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:0 20px}.game-name-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;background:linear-gradient(145deg,#ff9800,#f57c00);border-radius:25px;box-shadow:0 4px 15px #ff980080,inset 0 1px #fff3;border:2px solid rgba(255,193,7,.4);transition:all .3s ease;min-width:200px}.game-name-label:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9800b3,inset 0 1px #ffffff4d}.game-name-icon{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.game-name-text{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px;text-transform:uppercase}.game-version-text{font-size:11px;font-weight:500;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;margin-left:8px;padding:2px 6px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.short-nard__center-main{border:none;position:relative;background-color:#000;overflow:visible;border-radius:30px;padding:10px}.short-nard__center-bottom{border:none;display:flex;align-items:center;justify-content:center;background-color:#000}.short-nard__right{border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;min-width:0;overflow:hidden;padding-top:20px}.section-content{padding:1rem;font-size:1rem;color:#333;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.player-avatar-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin:20px auto;width:70%;min-height:200px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:20px;padding:30px 15px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.player-avatar-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff14}.player-avatar-container.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:3px solid #00d4ff;box-shadow:0 10px 40px #3498dbb3,inset 0 2px 4px #fff3}.player-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #ffc107;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a;transition:all .4s ease;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:4px}.player-avatar:hover{transform:scale(1.08);box-shadow:0 6px 28px #ffc10766,0 0 0 12px #ffc10726}.player-avatar.active-turn{border:5px solid #00d4ff!important;box-shadow:0 0 25px #00d4ffcc,0 0 50px #3498db99,0 0 0 12px #00d4ff4d!important;filter:brightness(1.2)!important}.emoji-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;z-index:100;pointer-events:none;animation:emojiPop .4s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}@keyframes emojiPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 1024px){.emoji-overlay{font-size:50px}}@media (max-width: 768px){.emoji-overlay{font-size:40px}}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;animation:textPop .4s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.text-bubble{position:relative;background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;padding:12px 18px;border-radius:20px;box-shadow:0 6px 20px #2196f366;max-width:200px;word-wrap:break-word;border:2px solid rgba(255,255,255,.3)}.text-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1976D2}.text-bubble__content{font-size:14px;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.4}@keyframes textPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 1024px){.text-bubble{padding:10px 14px;max-width:150px}.text-bubble__content{font-size:12px}}@media (max-width: 768px){.text-bubble{padding:8px 12px;max-width:120px}.text-bubble__content{font-size:11px}}.player-name{font-size:16px;font-weight:700;color:#fff;text-align:center;word-break:break-word;max-width:90%;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.player-status{font-size:11px;color:#666;text-align:center;padding:3px 8px;border-radius:10px;background-color:#e8f5e9}.player-status.waiting{background-color:#fff3e0;color:#f57c00}.player-status.playing{background-color:#e3f2fd;color:#1976d2}@keyframes pulse-glow{0%,to{box-shadow:0 6px 24px #4caf5080,0 0 0 8px #4caf5033;transform:scale(1)}50%{box-shadow:0 8px 32px #4caf50b3,0 0 0 12px #4caf504d;transform:scale(1.05)}}.player-name-card{display:none;flex-direction:column;align-items:center;margin:5px auto;width:auto}.player-name-text{font-size:16px;font-weight:700;color:#fff;text-align:center;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.score-card{display:flex;flex-direction:column;align-items:center;gap:8px;margin:15px auto;width:70%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:15px;padding:15px;box-shadow:0 6px 24px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.score-card-top{flex-direction:row;gap:10px;margin:0;width:auto;padding:8px 22px;border-radius:20px}.score-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.score-label{font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:1px}.score-card-top .score-label{font-size:15px;letter-spacing:.5px}.score-display{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:700;color:#ffc107;text-shadow:0 2px 8px rgba(255,193,7,.5);letter-spacing:2px}.score-card-top .score-display{font-size:30px;gap:8px;letter-spacing:1.5px}.score-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(255,193,7,.4))}.score-card-top .score-icon{font-size:27px}.company-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:0 auto 20px;width:85%;min-height:120px;background:linear-gradient(145deg,#2a1810,#1a0f08);border-radius:20px;padding:20px 15px;box-shadow:0 8px 32px #ff98004d,inset 0 2px #ffc1071a,0 0 0 2px #ffc10733;border:2px solid rgba(255,193,7,.3);transition:all .4s ease;position:relative;overflow:hidden}.company-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,193,7,.1) 0%,transparent 70%);animation:pulse-company 3s ease-in-out infinite}@keyframes pulse-company{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.company-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #ff980080,inset 0 2px #ffc10733,0 0 0 3px #ffc10766;border-color:#ffc10780}.company-logo{font-size:40px;filter:drop-shadow(0 4px 8px rgba(255,193,7,.6));animation:float-logo 3s ease-in-out infinite;position:relative;z-index:1}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.company-name{font-size:16px;font-weight:800;color:#ffc107;text-align:center;text-shadow:0 2px 4px rgba(255,193,7,.4),0 0 20px rgba(255,193,7,.3);letter-spacing:2px;text-transform:uppercase;position:relative;z-index:1;background:linear-gradient(145deg,#ffc107,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-card{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 auto 15px;width:70%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:15px;padding:10px;box-shadow:0 6px 24px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.balance-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.balance-label{font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:1px}.balance-display{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:700;color:#4caf50;text-shadow:0 2px 8px rgba(76,175,80,.5);letter-spacing:2px}.balance-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(76,175,80,.4))}.pieces-count-card{display:flex;flex-direction:column;align-items:center;gap:8px;margin:15px auto;width:70%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:15px;padding:15px;box-shadow:0 6px 24px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.pieces-count-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.pieces-count-label{font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:1px}.pieces-count-display{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:700;color:#4caf50;text-shadow:0 2px 8px rgba(76,175,80,.5);letter-spacing:2px}.pieces-count-icon{width:28px;height:auto;filter:drop-shadow(0 2px 4px rgba(76,175,80,.4))}.settings-menu-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-in-out}.settings-menu{background:linear-gradient(145deg,#2a2d2f,#1a1d1f);border-radius:20px;min-width:350px;max-width:90%;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff1a;border:2px solid rgba(255,255,255,.15);overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-menu-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 25px;background:linear-gradient(145deg,#6c757d,#5a6268);border-bottom:2px solid rgba(255,255,255,.1)}.settings-menu-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.settings-menu-title{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px;flex:1}.settings-menu-close{background:transparent;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.settings-menu-close:hover{background:#ffffff1a;transform:rotate(90deg)}.settings-menu-content{padding:15px;display:flex;flex-direction:column;gap:10px}.settings-menu-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:600;color:#fff;width:100%;text-align:left}.settings-menu-item:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f);border-color:#ffffff26;transform:translate(5px);box-shadow:0 4px 12px #0000004d}.mute-item{border-color:#2196f34d}.mute-item:hover{background:linear-gradient(145deg,#1e3a5f,#1a1d1f);border-color:#2196f380;box-shadow:0 4px 12px #2196f34d}.exit-item{border-color:#f443364d}.exit-item:hover{background:linear-gradient(145deg,#3a1f1f,#2a1010);border-color:#f4433680;box-shadow:0 4px 12px #f443364d}.menu-item-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.menu-item-text{flex:1;letter-spacing:.5px}.communication-buttons{display:flex;flex-direction:column;gap:10px;margin:15px auto;width:70%}.short-nard__right>.emoji-btn,.short-nard__right>.chat-btn{width:70%;margin:15px auto}.short-nard__right>.settings-btn{display:none}.communication-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.communication-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.communication-btn:active{transform:translateY(0)}.emoji-btn{background:linear-gradient(145deg,#ffc107,#ff9800);color:#333}.emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00)}.chat-btn{background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff}.chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0)}.settings-btn{background:linear-gradient(145deg,#6c757d,#5a6268);color:#fff}.settings-btn:hover{background:linear-gradient(145deg,#5a6268,#495057)}.btn-icon{font-size:18px}.btn-icon img,img.btn-icon{width:22px;height:22px;object-fit:contain}.btn-label{font-size:14px;letter-spacing:.5px}.timer-card{display:flex;flex-direction:column;align-items:center;gap:12px;margin:15px auto;width:70%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:15px;padding:20px 15px;box-shadow:0 6px 24px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.timer-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.timer-display{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.timer-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(255,193,7,.3))}.timer-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.timer-progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:10px;width:80%;transition:width .3s ease;box-shadow:0 0 10px #ffc10780}.get-pieces-btn{background-color:#4caf50;border:none;color:#fff;padding:12px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;font-weight:600;margin:4px 2px;cursor:pointer;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px #0003;min-width:100px;white-space:nowrap}.get-pieces-btn:hover{background-color:#45a049;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.get-pieces-btn:active{background-color:#3d8b40;transform:translateY(0);box-shadow:0 2px 4px #0003}@media (min-width: 1920px){.player-avatar-container{width:80%;min-height:max(240px,15vh);padding:max(40px,2.5vh) 20px;gap:20px}.player-avatar{width:min(140px,8vw);height:min(140px,8vw);border-width:5px}.player-name{font-size:clamp(16px,1.2vw,20px)}}@media (min-width: 1440px) and (max-width: 1919px){.player-avatar-container{width:75%;min-height:max(220px,14vh);padding:max(35px,2.2vh) 20px;gap:18px}.player-avatar{width:min(120px,7vw);height:min(120px,7vw);border-width:5px}.player-name{font-size:clamp(15px,1.1vw,18px)}}@media (min-width: 1200px) and (max-width: 1439px){.player-avatar-container{width:72%;min-height:max(210px,13vh);padding:max(32px,2vh) 18px;gap:16px}.player-avatar{width:min(110px,6.5vw);height:min(110px,6.5vw)}.player-name{font-size:clamp(14px,1vw,17px)}}@media (min-width: 1025px) and (max-width: 1199px){.player-avatar-container{width:70%;min-height:max(200px,12vh);padding:max(30px,1.8vh) 15px}.player-avatar{width:min(100px,6vw);height:min(100px,6vw)}.player-name{font-size:clamp(13px,.95vw,16px)}}@media (max-width: 1024px){.short-nard{grid-template-columns:8% 84% 8%}.section-content{font-size:.9rem;padding:.75rem}.get-pieces-btn{padding:10px 16px;font-size:12px;min-width:80px}.player-avatar{width:var(--sidebar-avatar-size, 70px);height:var(--sidebar-avatar-size, 70px);border-width:var(--sidebar-avatar-border, 2px)}.player-name{font-size:12px}.player-status{font-size:10px}.game-name-label{padding:8px 20px;gap:8px}.game-name-icon{font-size:18px}.game-name-text{font-size:16px}.game-version-text{font-size:10px;margin-left:6px;padding:2px 5px}.pieces-count-card{padding:12px;gap:6px}.pieces-count-label{font-size:10px}.pieces-count-display{font-size:28px}.pieces-count-icon{width:24px}.communication-btn{padding:10px 12px;font-size:12px}.btn-icon{font-size:16px}.btn-label{font-size:12px}.company-card{padding:15px 12px;margin-bottom:15px;min-height:100px;gap:10px}.company-logo{font-size:32px}.company-name{font-size:14px;letter-spacing:1.5px}.balance-card{padding:12px;gap:6px}.balance-label{font-size:10px}.balance-display{font-size:28px}.balance-icon{font-size:24px}}@media (max-width: 1024px){.short-nard{grid-template-columns:8% 84% 8%;height:100vh;height:100dvh}.settings-menu{min-width:300px}.settings-menu-header{padding:15px 20px;gap:10px}.settings-menu-icon{font-size:20px}.settings-menu-title{font-size:18px}.settings-menu-close{width:28px;height:28px;font-size:20px}.settings-menu-item{padding:12px 15px;font-size:14px;gap:12px}.menu-item-icon{font-size:20px}.short-nard__center{grid-template-rows:10% 85% 5%}.short-nard__left,.short-nard__right{display:flex;overflow-y:auto;overflow-x:visible;pointer-events:auto}.short-nard__left>*:not(.pieces-count-card-local):not(.player-avatar-container):not(.player-name-card):not(.version-badge):not(.dice-indicator){display:none!important}.short-nard__left{justify-content:flex-start;align-items:center;flex-direction:column}.short-nard__left .pieces-count-card-local{display:flex!important;order:998;margin-top:auto;margin-bottom:20px}.short-nard__left .dice-indicator{display:flex!important;order:997;margin-top:auto;width:60%;padding:8px}.short-nard__left .dice-indicator__item{width:25px;height:25px}.short-nard__left .dice-indicator__row{gap:4px}.short-nard__left .player-name-card{display:flex!important}.short-nard__right>*:not(.player-avatar-container):not(.player-name-card):not(.balance-card):not(.emoji-btn):not(.chat-btn):not(.settings-btn){display:none!important}.short-nard__right .player-name-card{display:flex!important}.section-content{font-size:.8rem;padding:.3rem}.get-pieces-btn{padding:8px 12px;font-size:11px;min-width:70px}.player-avatar{width:var(--sidebar-avatar-size, 55px);height:var(--sidebar-avatar-size, 55px);border-width:var(--sidebar-avatar-border, 2px)}.player-avatar.active-turn{border:var(--sidebar-avatar-border, 2px) solid #ffc107!important;box-shadow:0 4px 20px #ffc1074d,0 0 0 8px #ffc1071a!important;filter:none!important}.player-avatar-container.active-turn{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.short-nard__left.active-sidebar,.short-nard__right.active-sidebar{background:linear-gradient(180deg,#3498dbb3,#2980b98c 30%,#2980b940 55%,#000 70%)!important}.player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:normal}.player-status{font-size:8px;padding:2px 6px}.player-avatar-container{gap:5px;margin-bottom:var(--sidebar-card-margin, 10px);background:none!important;box-shadow:none!important;border:none!important;padding:0!important;min-height:auto!important;max-height:calc(var(--sidebar-avatar-size, 50px) * 1.6)!important;width:auto!important;overflow:visible!important}.player-avatar-container .player-name{display:none!important}.timer-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:0}.timer-display{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#4caf50;gap:3px}.timer-icon{font-size:11px}.timer-progress-bar{display:none}.pieces-count-card{background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);margin:var(--sidebar-card-margin, 8px) auto;width:90%;min-height:auto;gap:3px}.pieces-count-label{font-size:var(--sidebar-label-font, 8px)}.pieces-count-display{font-size:18px;gap:4px}.pieces-count-icon{width:var(--sidebar-icon-size, 16px)}.player-name-card{margin:var(--sidebar-button-margin-sm, 5px) auto;width:auto}.player-name-text{font-size:var(--sidebar-timer-font, 11px);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-name-label{display:flex!important;padding:3px 12px;gap:4px;grid-column:3;grid-row:1;justify-self:center;align-self:center;min-width:auto}.game-name-icon{font-size:12px}.game-name-text{font-size:10px}.game-version-text{font-size:7px;margin-left:3px;padding:1px 3px}.score-card-top{display:flex!important;padding:4px 10px;border-radius:10px;gap:5px}.score-card-top:nth-child(1){grid-column:1;grid-row:1;justify-self:start}.score-card-top:nth-child(3){grid-column:5;grid-row:1;justify-self:end}.score-card-top .score-label{font-size:9px}.score-card-top .score-display{font-size:16px;gap:4px}.score-card-top .score-icon{font-size:14px}.short-nard__center-top{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto;gap:5px;padding:10px;border:none}.mobile-avatar{display:none;align-items:center;width:fit-content;height:35px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.mobile-avatar-left{grid-column:1;grid-row:1;justify-content:flex-start}.mobile-avatar-right{grid-column:6;grid-row:1;justify-content:flex-end}.mobile-avatar-image{width:35px;height:35px;border-radius:50%;object-fit:cover;border:3px solid #ffc107;box-shadow:0 2px 10px #ffc1074d,0 0 0 4px #ffc1071a;background:linear-gradient(145deg,#2a2d2f,#1a1d1f);padding:2px;transition:all .3s ease}.mobile-avatar-image.active-turn{border:3px solid #00d4ff!important;box-shadow:0 0 15px #00d4ffcc,0 0 0 6px #00d4ff4d!important;filter:brightness(1.2)!important}.mobile-avatar.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-name{display:none;flex-direction:column;justify-content:center;gap:2px;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:10px;padding:6px 10px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);height:35px;overflow:hidden}.mobile-name-left{grid-column:2;grid-row:1;align-items:flex-start}.mobile-name-right{grid-column:5;grid-row:1;align-items:flex-end}.mobile-name-text{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-score-text{font-size:10px;font-weight:400;color:#ffc107;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-name.active-turn{background:linear-gradient(145deg,#3498db,#2980b9)!important;border:2px solid #00d4ff;box-shadow:0 6px 25px #3498dbb3,inset 0 1px 2px #fff3}.mobile-timer{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;padding:5px 12px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#4caf50;height:35px;min-width:65px;overflow:hidden}.mobile-timer-left{grid-column:2;grid-row:1}.mobile-timer-right{grid-column:4;grid-row:1}.short-nard__center-bottom{display:grid;grid-template-columns:10% 10% 60% 10% 10%;gap:5px;padding:10px;border:none;position:relative}.section-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-width:90%;height:auto;z-index:10;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:none}.domino-pieces-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.domino-pieces-container h4{display:none}.domino-pieces-list{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}.mobile-settings-btn{display:none}.mobile-settings-btn:hover{background:linear-gradient(145deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-settings-btn:active{transform:translateY(0)}.mobile-settings-icon{font-size:22px}.mobile-emoji-btn{display:none}.mobile-emoji-btn:hover{background:linear-gradient(145deg,#ffb300,#ff8f00);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-emoji-btn:active{transform:translateY(0)}.mobile-emoji-icon{font-size:22px}.mobile-emoji-icon img,img.mobile-emoji-icon{width:24px;height:24px;object-fit:contain}.mobile-chat-btn{display:none}.mobile-chat-btn:hover{background:linear-gradient(145deg,#1e88e5,#1565c0);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mobile-chat-btn:active{transform:translateY(0)}.mobile-chat-icon{font-size:22px}.mobile-chat-icon img,img.mobile-chat-icon{width:24px;height:24px;object-fit:contain}.mobile-version-badge{display:none}.mobile-version-text{font-size:9px;font-weight:600;color:#ffffff80;background:#0000004d;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-family:Courier New,monospace;letter-spacing:.5px}.pieces-count-card{padding:10px;gap:5px;margin:10px auto}.pieces-count-label{font-size:9px}.pieces-count-display{font-size:24px}.pieces-count-icon{width:20px}.short-nard__left .version-badge{display:flex!important;align-items:center;justify-content:center;margin:0 auto 30px;width:auto;order:999}.short-nard__left .version-badge .mobile-version-text{display:block}.communication-buttons{gap:6px;margin:8px auto;width:90%}.communication-btn{padding:6px 8px;font-size:10px;gap:5px;border-radius:8px}.btn-icon{font-size:12px}.btn-label{font-size:10px}.company-card{padding:12px 10px;margin-bottom:10px;min-height:80px;gap:8px}.company-logo{font-size:28px}.company-name{font-size:12px;letter-spacing:1px}.balance-card{padding:var(--sidebar-card-padding-v, 5px) var(--sidebar-card-padding-h, 8px);gap:3px;margin:var(--sidebar-card-margin, 8px) auto;width:90%;background:linear-gradient(145deg,#1a1d1f,#0d0f10);border-radius:8px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:var(--sidebar-label-font, 8px)}.balance-display{font-size:var(--sidebar-balance-font, 18px);gap:4px}.balance-icon{font-size:16px}.short-nard__right .emoji-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-lg, 11px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-nard__right .emoji-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-nard__right .emoji-btn .btn-icon{width:36px;height:36px}.short-nard__right .emoji-btn .btn-label{display:none}.short-nard__right .chat-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:6px 0;border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.short-nard__right .chat-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-nard__right .chat-btn .btn-icon{width:36px;height:36px}.short-nard__right .chat-btn .btn-label{display:none}.short-nard__right .settings-btn{display:flex!important;width:90%;margin:var(--sidebar-button-margin-sm, 8px) auto;padding:var(--sidebar-button-padding-v, 14px) var(--sidebar-button-padding-h, 16px);border-radius:12px;justify-content:center;background:linear-gradient(145deg,#1a1d1f,#0d0f10)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);z-index:50;position:relative;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.short-nard__right .settings-btn:hover{background:linear-gradient(145deg,#2a2d2f,#1a1d1f)!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14}.short-nard__right .settings-btn .btn-icon{font-size:var(--sidebar-icon-size, 30px)}.short-nard__right .settings-btn .btn-label{display:none}}@media (max-width: 480px){.short-nard{grid-template-columns:1% 98% 1%;height:100vh;height:100dvh}.short-nard__center{grid-template-rows:5% 91% 4%}.section-content{font-size:.7rem;padding:.2rem}.get-pieces-btn{padding:6px 10px;font-size:10px;min-width:60px}}@media (max-width: 320px){.short-nard{grid-template-columns:.5% 99% .5%}.short-nard__center{grid-template-rows:3% 93% 4%}.section-content{font-size:.6rem;padding:.1rem}.get-pieces-btn{padding:4px 8px;font-size:9px;min-width:50px}}.domino-pieces-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem}.domino-pieces-container h4{margin:0 0 .5rem;font-size:.9rem;color:#333;text-align:center}.domino-pieces-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.2rem;width:100%;overflow-x:auto;overflow-y:hidden;padding:.25rem;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.domino-pieces-list::-webkit-scrollbar{height:6px}.domino-pieces-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.domino-pieces-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.domino-pieces-list::-webkit-scrollbar-thumb:hover{background:#555}.domino-piece-item{display:flex;flex-direction:column;align-items:center;min-width:60px;flex-shrink:0}.domino-piece-image{width:50px;height:auto;border:none;border-radius:4px;background-color:transparent;cursor:pointer;transition:all .2s ease}.domino-piece-image.active{cursor:pointer;opacity:1;filter:none}.domino-piece-image.inactive{cursor:not-allowed;opacity:.5;filter:grayscale(50%);pointer-events:none}.domino-piece-image:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.domino-piece-label{font-size:.7rem;color:#666;margin-top:.2rem;text-align:center;font-weight:600}.no-pieces-message{color:#888;font-style:italic;text-align:center;padding:1rem}@media (max-width: 1024px){.domino-pieces-container h4{font-size:.8rem}.domino-pieces-list{gap:.05rem}.domino-piece-item{min-width:50px}.domino-piece-image{width:40px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.domino-piece-image.active{pointer-events:auto!important;opacity:1!important;filter:none!important}.domino-piece-image.inactive{pointer-events:none!important;opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important}.domino-piece-image:active{transform:scale(.95);transition:transform .1s ease}.domino-piece-label{font-size:.6rem}.put-piece-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (max-width: 768px){.domino-pieces-container{padding:.3rem}.domino-pieces-container h4{font-size:.7rem;margin-bottom:.3rem}.domino-pieces-list{gap:.05rem}.domino-piece-item{min-width:40px}.domino-piece-image{width:35px}.domino-piece-image.active{pointer-events:auto!important;opacity:1!important;filter:none!important}.domino-piece-image.inactive{pointer-events:none!important;opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important}.domino-piece-label{font-size:.55rem}}@media (max-width: 480px){.domino-pieces-container{padding:.2rem}.domino-pieces-container h4{font-size:.65rem;margin-bottom:.2rem}.domino-pieces-list{gap:.05rem}.domino-piece-item{min-width:35px}.domino-piece-image{width:30px}.domino-piece-image.active{pointer-events:auto!important;opacity:1!important;filter:none!important}.domino-piece-image.inactive{pointer-events:none!important;opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important}.domino-piece-label{font-size:.5rem}}.websocket-status{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.websocket-status h4{margin:0;font-size:.8rem;color:#333;text-align:center}.status-indicator{padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-align:center;min-width:80px}.status-indicator.connected{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-indicator.connecting{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-indicator.disconnected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.error-message{background-color:#f8d7da;color:#721c24;padding:.3rem;border-radius:4px;font-size:.6rem;text-align:center;border:1px solid #f5c6cb}.clear-error-btn{background-color:transparent;border:none;color:#721c24;font-size:.5rem;cursor:pointer;text-decoration:underline;margin-left:.3rem}.message-count{font-size:.6rem;color:#6c757d;text-align:center}.right-panel-controls{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%}.websocket-controls{display:flex;flex-direction:column;align-items:center;gap:.4rem}.websocket-btn{background-color:#007bff;border:none;color:#fff;padding:8px 12px;text-align:center;font-size:.7rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s ease;min-width:100px;white-space:nowrap}.websocket-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.websocket-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.connection-info{font-size:.6rem;color:#6c757d;text-align:center}@media (max-width: 1024px){.websocket-status h4{font-size:.7rem}.status-indicator{font-size:.65rem;padding:.25rem .5rem;min-width:70px}.websocket-btn{font-size:.65rem;padding:6px 10px;min-width:80px}}@media (max-width: 768px){.websocket-status{gap:.3rem}.websocket-status h4{font-size:.65rem}.status-indicator{font-size:.6rem;padding:.2rem .4rem;min-width:60px}.websocket-btn{font-size:.6rem;padding:5px 8px;min-width:70px}.connection-info{font-size:.55rem}}@media (max-width: 480px){.websocket-status h4{font-size:.6rem}.status-indicator{font-size:.55rem;padding:.15rem .3rem;min-width:50px}.websocket-btn{font-size:.55rem;padding:4px 6px;min-width:60px}.connection-info{font-size:.5rem}}.win-animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-in-out}.win-animation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000004d;animation:slideIn .5s ease-out;max-width:90%;max-height:90%}.win-animation-icon{font-size:120px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.win-animation-text{text-align:center;color:#fff;margin-bottom:30px}.win-animation-text h2{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:glow 2s ease-in-out infinite alternate}.win-animation-text p{font-size:1.2rem;margin:0;opacity:.9}.win-animation-close{background:linear-gradient(45deg,#28a745,#20c997);border:none;color:#fff;padding:12px 30px;font-size:1.1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a74566}.win-animation-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74599}.win-animation-close:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.3)}to{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.6)}}@media (max-width: 768px){.win-animation-content{padding:30px 20px;border-radius:15px}.win-animation-icon{font-size:100px}.win-animation-text h2{font-size:2rem}.win-animation-text p{font-size:1rem}.win-animation-close{padding:10px 25px;font-size:1rem}}@media (max-width: 480px){.win-animation-content{padding:20px 15px;border-radius:10px}.win-animation-icon{font-size:80px}.win-animation-text h2{font-size:1.5rem}.win-animation-text p{font-size:.9rem}.win-animation-close{padding:8px 20px;font-size:.9rem}}.game-platform{position:relative;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:70px;border:6px solid transparent;overflow:hidden}.game-platform-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;font-weight:900;color:#4caf501a;text-transform:uppercase;letter-spacing:5px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.network-row{position:relative;width:100%;height:100%}.network-container{border:1px solid rgba(108,117,125,.2);background-color:#fffc;box-sizing:border-box;cursor:pointer;transition:all .2s ease;border-radius:2px}.network-container:hover{background-color:#4caf501a;border-color:#4caf504d;box-shadow:0 0 4px #4caf5033;transform:scale(1.02)}.network-container:active{background-color:#4caf5033;border-color:#4caf5080}@media (max-width: 1024px){.game-platform{background-size:15px 15px}.game-platform-label{font-size:50px;letter-spacing:3px}.network-container{border-width:.8px}}@media (max-width: 768px){.game-platform{background-size:12px 12px}.game-platform-label{font-size:35px;letter-spacing:2px}.network-container{border-width:.6px;border-radius:1px}}@media (max-width: 480px){.game-platform{background-size:10px 10px}.game-platform-label{font-size:25px;letter-spacing:1px}.network-container{border-width:.5px}}.domino-pieces-container.hand-disabled .domino-piece-image{opacity:.4!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important;pointer-events:none!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.domino-pieces-container.hand-disabled .put-piece-btn{opacity:.6!important;pointer-events:none!important;cursor:not-allowed!important;background-color:#ccc!important}.domino-pieces-container.hand-disabled .domino-piece-image:hover,.domino-pieces-container.hand-disabled .domino-piece-image:active{transform:none!important;box-shadow:none!important}.domino-piece-image{display:block}.domino-hand-wrapper{position:relative;width:100%;height:100%}.hand-overlay{position:absolute;inset:0;background:#00000059;border-radius:8px;z-index:100;pointer-events:all;-webkit-tap-highlight-color:transparent;cursor:not-allowed;animation:overlayFadeIn .3s ease-in-out}@supports (backdrop-filter: blur(2px)){.hand-overlay{backdrop-filter:blur(.5px) grayscale(50%);-webkit-backdrop-filter:blur(.5px) grayscale(50%)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.nard-dice-container{display:flex;justify-content:center;align-items:center;padding:10px;margin:10px 0;overflow:hidden;min-height:70px}.nard-dice{display:flex;justify-content:center;align-items:center}.nard-dice img{max-width:100%;height:auto}.nard-board-dice-overlay{position:absolute;display:flex;gap:10px;z-index:100;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.nard-board-dice-overlay .nard-dice{width:60px;height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}@keyframes pieceSlideIn{0%{opacity:0}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.nard-piece-animating{opacity:0}.nard-marker--selected{filter:brightness(1.3)}.nard-marker--selected:after{content:"";position:absolute;inset:0;border:2px solid #D4AF37;border-radius:4px;pointer-events:none;animation:selectedPulse 1s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 5px #d4af3780}50%{box-shadow:0 0 15px #d4af37cc}}.nard-piece-moving{z-index:100!important}@keyframes pieceMoveToTarget{0%{left:var(--from-left);top:var(--from-top);transform:translate(-50%,-50%) scale(1.1)}50%{transform:translate(-50%,-50%) scale(1.15)}to{left:var(--to-left);top:var(--to-top);transform:translate(-50%,-50%) scale(1)}}.nard-piece-exiting{z-index:100!important;animation:pieceExitToBar .4s ease-out forwards;pointer-events:none}@keyframes pieceExitToBar{0%{left:var(--exit-from-left);top:var(--exit-from-top);transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}to{left:var(--exit-to-left);top:var(--exit-to-top);transform:translate(-50%,-50%) scale(1)}}.new-game-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;animation:newGameFadeIn .2s ease-out}@keyframes newGameFadeIn{0%{opacity:0}to{opacity:1}}@keyframes newGameScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.new-game-modal{background-color:#1a2023;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:newGameScaleIn .2s ease-out;display:flex;flex-direction:column}.new-game-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.new-game-modal__title{font-size:20px;font-weight:600;color:#fff;margin:0}.new-game-modal__close{background:none;border:none;color:#ffffff80;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.new-game-modal__close:hover{color:#fff;background:#ffffff1a}.new-game-modal__body{padding:20px;display:flex;flex-direction:column;gap:16px}.new-game-modal__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.new-game-modal__label{font-size:15px;font-weight:500;color:#ffffffd9}.new-game-modal__toggle{position:relative;width:48px;height:26px;flex-shrink:0}.new-game-modal__toggle-input{opacity:0;width:0;height:0;position:absolute}.new-game-modal__toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff26;border-radius:26px;transition:background .25s}.new-game-modal__toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s}.new-game-modal__toggle-input:checked+.new-game-modal__toggle-slider{background:#4caf50}.new-game-modal__toggle-input:checked+.new-game-modal__toggle-slider:before{transform:translate(22px)}.new-game-modal__password-row{display:flex;flex-direction:column;gap:6px}.new-game-modal__password-field{width:100%;padding:10px 14px;background:#1a2023cc;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,opacity .2s;box-sizing:border-box}.new-game-modal__password-field::placeholder{color:#fff6}.new-game-modal__password-field:focus{border-color:#4caf5099}.new-game-modal__password-field:disabled{opacity:.35;cursor:not-allowed}.new-game-modal__values-list{min-height:120px;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:12px}.new-game-modal__values-loading,.new-game-modal__values-error,.new-game-modal__values-empty{color:#ffffff59;font-size:14px}.new-game-modal__values-error{color:#ff6b6b}.new-game-modal__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.new-game-modal__value-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px 8px;color:#fff;font-size:15px;font-weight:600;text-align:center;cursor:pointer;transition:all .15s}.new-game-modal__value-item:hover{background:#ffffff1a;border-color:#ffffff40}.new-game-modal__value-item--selected{background:#4caf5026;border-color:#4caf50;color:#4caf50;box-shadow:0 0 8px #4caf5040}.new-game-modal__error{color:#ff6b6b;font-size:13px;text-align:center;margin-bottom:10px}.new-game-modal__footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.new-game-modal__save{width:100%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.new-game-modal__save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.new-game-modal__save:active{transform:translateY(0)}@media (max-width: 768px){.new-game-modal{width:95%;max-height:85vh}.new-game-modal__header{padding:14px 16px}.new-game-modal__title{font-size:18px}.new-game-modal__body{padding:16px;gap:14px}.new-game-modal__label{font-size:14px}.new-game-modal__save{padding:10px 20px;font-size:15px}.new-game-modal__footer{padding:14px 16px}}@media (max-width: 480px){.new-game-modal{width:98%;border-radius:10px}.new-game-modal__header{padding:12px 14px}.new-game-modal__title{font-size:16px}.new-game-modal__body{padding:14px;gap:12px}.new-game-modal__label{font-size:13px}.new-game-modal__password-field{font-size:13px;padding:8px 12px}.new-game-modal__save{padding:10px 16px;font-size:14px}.new-game-modal__footer{padding:12px 14px}}.password-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;animation:passwordFadeIn .2s ease-out}@keyframes passwordFadeIn{0%{opacity:0}to{opacity:1}}@keyframes passwordScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.password-modal{background-color:#1a2023;border-radius:12px;max-width:400px;width:90%;box-shadow:0 10px 40px #00000080;animation:passwordScaleIn .2s ease-out;display:flex;flex-direction:column}.password-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.password-modal__title{font-size:20px;font-weight:600;color:#fff;margin:0}.password-modal__close{background:none;border:none;color:#ffffff80;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.password-modal__close:hover{color:#fff;background:#ffffff1a}.password-modal__body{padding:20px;display:flex;flex-direction:column;gap:16px}.password-modal__label{font-size:14px;color:#ffffffb3}.password-modal__field{width:100%;padding:10px 14px;background:#1a2023cc;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.password-modal__field::placeholder{color:#fff6}.password-modal__field:focus{border-color:#4caf5099}.password-modal__error{color:#ff6b6b;font-size:13px;text-align:center}.password-modal__footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.password-modal__confirm{width:100%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.password-modal__confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.password-modal__confirm:active{transform:translateY(0)}@media (max-width: 768px){.password-modal{width:95%}.password-modal__header{padding:14px 16px}.password-modal__title{font-size:18px}.password-modal__body{padding:16px;gap:14px}.password-modal__confirm{padding:10px 20px;font-size:15px}.password-modal__footer{padding:14px 16px}}@media (max-width: 480px){.password-modal{width:98%;border-radius:10px}.password-modal__header{padding:12px 14px}.password-modal__title{font-size:16px}.password-modal__body{padding:14px;gap:12px}.password-modal__field{font-size:13px;padding:8px 12px}.password-modal__confirm{padding:10px 16px;font-size:14px}.password-modal__footer{padding:12px 14px}}.user-profile{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#090b0c;color:#fff}.user-profile__header{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1a2023;border-bottom:1px solid rgba(255,255,255,.1)}.user-profile__back-btn{background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.user-profile__back-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.user-profile__title{font-size:20px;font-weight:600;margin:0}.user-profile__main{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.user-profile__wrap{width:100%;max-width:450px;padding:60px 20px 40px}.user-profile__wrap--desktop{display:block}.user-profile__wrap--mobile{display:none}.up-avatar-row{display:flex;justify-content:center;margin-bottom:32px}.up-avatar-wrapper{position:relative;width:100px;height:100px;border-radius:50%;cursor:pointer;transition:transform .2s}.up-avatar-wrapper:hover{transform:scale(1.05)}.up-avatar__img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.15)}.up-avatar__fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.15)}.up-avatar__edit-icon{position:absolute;bottom:2px;right:2px;width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;border:2px solid #090B0C;transition:transform .2s}.up-avatar-wrapper:hover .up-avatar__edit-icon{transform:scale(1.15)}.up-avatar__file-input{display:none}.up-name-block{background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;overflow:hidden}.up-name-block--open{border-color:#ffffff26}.up-name-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s}.up-name-row:hover{background:#ffffff08}.up-name-info{display:flex;flex-direction:column;gap:4px}.up-name__display{font-size:17px;font-weight:600;color:#ffffffe6}.up-name__username{font-size:13px;color:#fff6}.up-name__edit-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:18px;color:#fff}.up-name__edit-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.up-name-edit{padding:0 20px 20px;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.06)}.up-name-edit__field{display:flex;flex-direction:column;gap:4px}.up-name-edit__label{font-size:12px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.up-name-edit__input{padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.up-name-edit__input::placeholder{color:#ffffff4d}.up-name-edit__input:focus{border-color:#2196f380}.up-name-edit__error{font-size:13px;color:#ff6b6b}.up-name-edit__success{font-size:13px;color:#4caf50}.up-name-edit__save{margin-top:8px;padding:10px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.up-name-edit__save:hover{box-shadow:0 2px 10px #4caf504d}.up-name-edit__save:disabled{opacity:.6;cursor:not-allowed}.up-lang-row{display:flex;align-items:center;justify-content:space-between;background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;margin-bottom:12px}.up-lang__label{font-size:16px;font-weight:600;color:#ffffffe6}.up-lang__options{display:flex;gap:8px}.up-lang__btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff9;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.up-lang__btn:hover{background:#ffffff1a;color:#ffffffe6}.up-lang__btn--active{background:linear-gradient(135deg,#2196f3,#1565c0);border-color:transparent;color:#fff}.up-lang__btn--active:hover{background:linear-gradient(135deg,#2196f3,#1565c0)}.up-logout-row{margin-top:24px}.up-logout__btn{width:100%;padding:16px 20px;background:#1a2023b3;border:1px solid rgba(255,107,107,.25);border-radius:12px;color:#ff6b6b;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.up-logout__btn:hover{background:#ff6b6b1a;border-color:#ff6b6b66}.up-logout__btn:active{transform:scale(.98)}.up-sound-row{display:flex;align-items:center;justify-content:space-between;background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;margin-bottom:12px}.up-sound__label{font-size:16px;font-weight:600;color:#ffffffe6}.up-sound__toggle{position:relative;display:inline-block;width:50px;height:28px;cursor:pointer}.up-sound__toggle-input{opacity:0;width:0;height:0}.up-sound__toggle-slider{position:absolute;inset:0;background:#ffffff26;border-radius:28px;transition:background .3s}.up-sound__toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s}.up-sound__toggle-input:checked+.up-sound__toggle-slider{background:linear-gradient(135deg,#4caf50,#2e7d32)}.up-sound__toggle-input:checked+.up-sound__toggle-slider:before{transform:translate(22px)}.up-balans-row{display:flex;align-items:center;justify-content:center;gap:0;background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;margin-bottom:12px}.up-balans__item{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.up-balans__icon{font-size:22px;line-height:1}.up-balans__value{font-size:18px;font-weight:700}.up-balans__value--coin{color:gold}.up-balans__value--gem{color:#00d9ff}.up-balans__label{font-size:13px;color:#fff6;font-weight:500}.up-balans__divider{width:1px;height:32px;background:#ffffff1a;margin:0 12px;flex-shrink:0}.up-hesabim-row{margin-bottom:12px}.up-hesabim__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.up-hesabim__stat-card{background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s}.up-hesabim__stat-card:hover{border-color:#ffffff26}.up-hesabim__stat-card--coin:hover{box-shadow:0 4px 20px #ffd7001f;border-color:#ffd7004d}.up-hesabim__stat-card--gem:hover{box-shadow:0 4px 20px #00d9ff1f;border-color:#00d9ff4d}.up-hesabim__stat-card--wins:hover{box-shadow:0 4px 20px #4caf501f;border-color:#4caf504d}.up-hesabim__stat-card--games:hover{box-shadow:0 4px 20px #9333ea1f;border-color:#9333ea4d}.up-hesabim__stat-icon{font-size:26px;display:block;margin-bottom:6px}.up-hesabim__stat-card--coin .up-hesabim__stat-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}.up-hesabim__stat-card--gem .up-hesabim__stat-icon{filter:drop-shadow(0 0 8px rgba(0,217,255,.4))}.up-hesabim__stat-card--wins .up-hesabim__stat-icon{filter:drop-shadow(0 0 8px rgba(76,175,80,.4))}.up-hesabim__stat-card--games .up-hesabim__stat-icon{filter:drop-shadow(0 0 8px rgba(147,51,234,.4))}.up-hesabim__stat-value{font-size:20px;font-weight:700;margin-bottom:2px}.up-hesabim__stat-card--coin .up-hesabim__stat-value{color:gold}.up-hesabim__stat-card--gem .up-hesabim__stat-value{color:#00d9ff}.up-hesabim__stat-card--wins .up-hesabim__stat-value{color:#4caf50}.up-hesabim__stat-card--games .up-hesabim__stat-value{color:#9333ea}.up-hesabim__stat-label{font-size:12px;color:#ffffff73;font-weight:500}.up-hesabim__game-stats{background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.up-hesabim__game-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;color:#ffffffd9;letter-spacing:.5px}.up-hesabim__game-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.04);transition:background .2s}.up-hesabim__game-item:not(:last-child){margin-bottom:10px}.up-hesabim__game-item:hover{background:#ffffff0a}.up-hesabim__game-icon{font-size:24px;width:32px;text-align:center;flex-shrink:0}.up-hesabim__game-info{flex:1;min-width:0}.up-hesabim__game-name{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:2px}.up-hesabim__game-record{font-size:12px;color:#fff6}.up-hesabim__game-wins{color:#4caf50}.up-hesabim__game-losses{color:#ef4444}.up-hesabim__game-winrate{display:flex;align-items:center;gap:8px;min-width:110px;flex-shrink:0}.up-hesabim__winrate-pct{font-size:13px;font-weight:700;color:#4caf50;min-width:40px;text-align:right}.up-hesabim__winrate-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.up-hesabim__winrate-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:3px;transition:width .5s ease}@media (max-width: 768px){.user-profile__wrap--desktop{display:none}.user-profile__wrap--mobile{display:block;padding:40px 15px 30px}.user-profile__header{padding:12px 15px}.user-profile__title{font-size:18px}.user-profile__back-btn{padding:6px 12px;font-size:13px}.up-avatar-wrapper{width:90px;height:90px}.up-avatar__fallback{font-size:36px}.up-avatar-row{margin-bottom:24px}.up-name-row{padding:14px 16px}.up-name__display{font-size:16px}.up-hesabim__game-item{flex-wrap:wrap}.up-hesabim__game-winrate{width:100%;margin-top:6px;min-width:0}}@media (max-width: 480px){.user-profile__wrap--mobile{padding:30px 10px 20px}.user-profile__header{padding:10px 12px}.user-profile__title{font-size:16px}.user-profile__back-btn{padding:6px 10px;font-size:12px}.up-avatar-wrapper{width:80px;height:80px}.up-avatar__fallback{font-size:32px}.up-avatar__edit-icon{width:26px;height:26px}.up-name-row{padding:12px 14px}.up-name__display{font-size:15px}.up-name__username{font-size:12px}.up-name__edit-btn{width:34px;height:34px}.up-hesabim__stat-card{padding:12px 8px}.up-hesabim__stat-icon{font-size:22px}.up-hesabim__stat-value{font-size:17px}.up-hesabim__game-icon{font-size:20px;width:28px}.up-hesabim__game-name{font-size:13px}.up-hesabim__game-record{font-size:11px}}.game-detail{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#090b0c;color:#fff}.game-detail__header{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1a2023;border-bottom:1px solid rgba(255,255,255,.1)}.game-detail__back-btn{background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.game-detail__back-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.game-detail__title{font-size:20px;font-weight:600;margin:0}.game-detail__main{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.game-detail__wrap{width:100%;max-width:800px;padding:24px 20px 80px}.game-detail__game-name{font-size:35px;font-weight:900;color:#fff;margin:0 0 16px}.game-detail__video{width:100%;aspect-ratio:16 / 9;background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;background:#000}.game-detail__video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.game-detail__notes{background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px}.game-detail__notes-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer}.game-detail__notes-title{font-size:16px;font-weight:600;color:#ffffffe6;margin:0}.game-detail__notes-arrow{color:#ffffff80;transition:transform .3s ease;flex-shrink:0}.game-detail__notes-arrow--open{transform:rotate(180deg)}.game-detail__notes-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.game-detail__notes-body--open{grid-template-rows:1fr}.game-detail__notes-body>p{overflow:hidden}.game-detail__notes-text{font-size:14px;line-height:1.6;color:#fff9;margin:0;padding-top:12px}.game-detail__earnings-row{display:flex;gap:12px;margin:14px 0}.game-detail__earning-card{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.game-detail__earning-card--coin{background:#ffc1071a;border-color:#ffc10740}.game-detail__earning-card--gem{background:#2196f31a;border-color:#2196f340}.game-detail__earning-icon{font-size:28px;line-height:1}.game-detail__earning-label{font-size:15px;font-weight:600;color:#ffffffe6}.game-detail__info-card{background:#1a2023b3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 20px 30px;margin-top:16px}.game-detail__rating-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.game-detail__rating-badge{width:48px;height:48px;border:2px solid rgba(255,255,255,.7);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.game-detail__rating-border{font-size:8px;font-weight:700;letter-spacing:.5px;color:#ffffffb3}.game-detail__rating-age{font-size:16px;font-weight:700;color:#fff;line-height:1}.game-detail__rating-info{display:flex;flex-direction:column;gap:2px}.game-detail__rating-label{font-size:15px;font-weight:600;color:#fff}.game-detail__rating-desc{font-size:13px;color:#ffffff80}.game-detail__rating-note{font-size:13px;color:#ffffff80;margin:0 0 16px;line-height:1.5}.game-detail__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.game-detail__tag{display:inline-flex;align-items:center;gap:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:6px 14px;font-size:13px;font-weight:500;color:#fffc}.game-detail__price-section{margin-bottom:16px}.game-detail__price{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.game-detail__price-note{font-size:13px;color:#fff6;margin:0}.game-detail__actions{margin-bottom:20px}.game-detail__actions-row{display:flex;gap:10px;margin-bottom:10px}.game-detail__btn-get{flex:1;padding:14px;background:#0078d4;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.game-detail__btn-get:hover{background:#1a8ae6}.game-detail__btn-cart{width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;cursor:pointer;transition:background .2s}.game-detail__btn-cart:hover{background:#ffffff26}.game-detail__btn-wishlist{width:100%;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.game-detail__btn-wishlist:hover{background:#ffffff26}.game-detail__divider{height:1px;background:#ffffff14;margin:20px 0}.game-detail__meta{display:flex;flex-direction:column;gap:14px}.game-detail__meta-row{display:flex;justify-content:space-between;align-items:center}.game-detail__meta-label{font-size:14px;color:#ffffff80}.game-detail__meta-value{font-size:14px;font-weight:500;color:#fff;display:flex;align-items:center}.game-detail__bottom-actions{display:flex;gap:10px}.game-detail__btn-secondary{flex:1;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.game-detail__btn-secondary:hover{background:#ffffff26}.game-detail__follow-title{font-size:16px;font-weight:600;color:#ffffffe6;margin:0 0 14px}.game-detail__follow-row{display:flex;gap:16px}.game-detail__follow-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:background .2s,transform .2s}.game-detail__follow-link:hover{background:#ffffff26;transform:scale(1.08)}.game-detail__spacer{height:20px}@media (max-width: 768px){.game-detail__header{padding:12px 15px}.game-detail__title{font-size:18px}.game-detail__back-btn{padding:6px 12px;font-size:13px}.game-detail__wrap{padding:16px 15px 70px}}@media (max-width: 480px){.game-detail__header{padding:10px 12px}.game-detail__title{font-size:16px}.game-detail__back-btn{padding:6px 10px;font-size:12px}.game-detail__wrap{padding:12px 10px 60px}}#root{width:100%;height:100vh;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}