:root{--bg-0: #1a1815;--bg-1: #1f1d1a;--bg-2: #232019;--panel: #2c2925;--panel-2: #211f1b;--raised: #35312c;--raised-2: #403b34;--border: #3a352e;--border-2: #423d36;--row-border: #33302a;--text: #efe9df;--text-soft: #cfc8bd;--muted: #9c948a;--muted-2: #8f877d;--faint: #6f675e;--amber: #d99a2e;--amber-light: #e8b444;--amber-dark: #c9852a;--amber-deep: #a86e1c;--gold: #e0a63a;--amber-ink: #33240a;--green: #86b25a;--green-light: #8cbb5f;--green-dark: #6b9a3f;--green-ink: #17230c;--red: #c96a5f;--red-hot: #e0623a;--red-border: #5a3a36;--red-bg: #3a2926;--red-text: #e79a90;--piece-o: #cf5b4f;--piece-x: #5fa0d0;--piece-x-deep: #35729f;--wood-1: #7a5230;--wood-2: #593a1f;--wood-line: #6b4726;--wood-edge: #4a3220;--cell-bg: #f0d7ab;--cell-hover: #f6e2bf;--font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "Consolas", monospace;--primary: #d99a2e;--secondary: #86b25a;--tertiary: #e0a63a;--accent: #e0a63a;--dark: #efe9df;--light: #2c2925;--white: #efe9df;--bg-gradient: radial-gradient(1200px 800px at 70% -10%, #2a2723 0%, #1f1d1a 55%, #1a1815 100%);--card-bg: #2c2925;--bg-secondary: #232019;--border-color: #3a352e;--text-primary: #efe9df;--text-secondary: #9c948a;--success-color: #86b25a}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg-gradient);background-attachment:fixed;background-color:var(--bg-0);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-light)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#423d36;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#554f46}.app{width:100%;min-height:100vh}@keyframes ll-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes ll-winglow{0%,to{box-shadow:0 0 #86b25a00,inset 0 0 12px #86b25a59}50%{box-shadow:0 0 14px 2px #86b25a8c,inset 0 0 16px #86b25a99}}@keyframes ll-spin{to{transform:rotate(360deg)}}@keyframes ll-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes ll-rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-container,.game-container{background:var(--panel);border:1px solid var(--border);padding:2rem;border-radius:20px;box-shadow:0 20px 50px -20px #0009;text-align:center;max-width:90vw;max-height:90vh;overflow:auto}.title{font-size:3rem;color:var(--text);margin-bottom:2rem}.card{display:flex;flex-direction:column;gap:1.5rem;width:350px;margin:0 auto}.input-field{padding:12px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);border-radius:10px;font-size:1rem;font-family:var(--font-body);transition:border-color .2s;width:100%;box-sizing:border-box}.input-field:focus{border-color:var(--amber);outline:none}.input-field::placeholder{color:var(--faint)}.small-input{width:80px}.size-inputs{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;width:100%}.size-inputs .input-field{flex:1;width:auto;min-width:60px;text-align:center;font-family:var(--font-mono)}.create-section,.join-section{background:var(--panel-2);padding:1rem;border-radius:12px;border:1px solid var(--border)}.create-section h3,.join-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:var(--text)}.join-inputs{display:flex;gap:.5rem}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:transform .12s,box-shadow .2s,background .15s,filter .15s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--amber-light) 0%,var(--amber-dark) 100%);color:var(--amber-ink);box-shadow:0 10px 24px -12px #d99a2e8c}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:var(--raised);border:1px solid var(--border-2);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--raised-2)}.btn-success{background:linear-gradient(135deg,var(--green-light),var(--green-dark));color:var(--green-ink)}.btn-success:hover:not(:disabled){filter:brightness(1.06)}.btn-danger{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text)}.btn-danger:hover:not(:disabled){background:#472f2b}.btn-outline{background:transparent;border:1px solid var(--border-2);color:var(--text-soft);margin-bottom:.5rem}.btn-outline:hover{background:var(--raised);color:var(--text)}.error{color:var(--red-text);font-size:.9rem}.success{color:var(--green);font-weight:600;margin:10px 0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.info{text-align:left}.player-X{color:var(--piece-x);font-weight:700}.player-O{color:var(--piece-o);font-weight:700}.status{font-size:1.2rem;font-weight:700;margin-top:.5rem}.overlay{position:fixed;inset:0;background:#0f0d0bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:linear-gradient(180deg,#2f2b26,#262320);border:1px solid var(--border-2);color:var(--text);padding:2rem;border-radius:22px;text-align:center;box-shadow:0 30px 70px -20px #000c;animation:ll-rise .35s ease}.avatar-selection{margin:.5rem 0}.avatars{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.avatar-option{width:50px;height:50px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.avatar-option:hover{transform:scale(1.1)}.avatar-option.selected{border-color:var(--amber);transform:scale(1.1)}.game-info{flex:1}.players-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.5rem 0}.vs{font-weight:700;font-size:1rem;color:var(--faint)}.player-card{display:flex;flex-direction:column;align-items:center;padding:.25rem;border-radius:10px;transition:background-color .3s;opacity:.7}.player-card.active{opacity:1;background-color:#ffffff0a;transform:scale(1.05)}.player-card.disconnected{opacity:.5;filter:grayscale(100%)}.avatar-container{position:relative;width:50px;height:50px;margin-bottom:2px}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-2)}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#d98a3f,#b5652a);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;color:#26170a}.disconnect-badge{position:absolute;bottom:-5px;right:-5px;background:var(--red-hot);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;justify-content:center;align-items:center;font-size:.7rem}.winner-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--amber-light),var(--amber-dark));color:var(--amber-ink);border-radius:12px;padding:2px 8px;font-size:.65rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #0006}.player-card.waiting{opacity:.6;border:2px dashed var(--border-2)}.player-card.waiting .waiting-text{font-size:.75rem;color:var(--muted);animation:ll-pulse 2s ease-in-out infinite;text-align:center}.player-card.winner{border:2px solid var(--green);box-shadow:0 0 15px #86b25a59;background:#86b25a14}.player-card.loser{opacity:.5;filter:grayscale(50%)}.player-details{margin-top:.25rem}.player-name{font-weight:700;font-size:.8rem}.player-timer{font-family:var(--font-mono);font-size:.9rem;color:var(--text-soft)}.status-message{font-size:1rem;font-weight:700;margin-top:.25rem;min-height:1.2rem}.waiting-pulse{animation:ll-pulse 1.5s infinite;color:var(--gold);font-weight:700}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-size:1.05rem}.loading-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--border-2);border-top-color:var(--amber);animation:ll-spin .9s linear infinite}.btn-retry{background:var(--raised);border:1px solid var(--border-2);color:var(--text);border-radius:10px;font-family:var(--font-body);font-weight:700}.btn-retry:hover{background:var(--raised-2)}.reconnecting-overlay{position:fixed;inset:0;background:#0f0d0bbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:2000}.reconnecting-content{background:var(--panel);border:1px solid var(--border-2);border-radius:18px;padding:2rem 2.5rem;text-align:center;color:var(--text);animation:ll-rise .3s ease}.reconnecting-content h3{margin:0 0 .5rem}.reconnecting-content p{margin:0;color:var(--muted);font-size:.9rem}.lobby-container{display:flex;width:100%;height:100vh;height:100dvh;background:var(--bg-gradient);overflow:hidden;position:relative}.sidebar{width:264px;min-width:264px;flex-shrink:0;background-color:var(--bg-2);background-image:radial-gradient(circle at 10px 10px,rgba(217,154,46,.055) 1.5px,transparent 2.5px),linear-gradient(180deg,#2a2723,#232019);background-size:30px 30px,cover;border-right:1px solid var(--border);box-shadow:inset 0 3px 0 var(--amber);color:var(--text);display:flex;flex-direction:column;height:100%;padding:20px 14px 14px;gap:6px;z-index:50;transition:transform .3s ease-in-out;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 16px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--amber),var(--amber-deep));display:grid;place-items:center;box-shadow:0 4px 14px #d99a2e59;position:relative;flex-shrink:0}.brand-mark .mark-o{width:12px;height:12px;border-radius:50%;border:3px solid #1f2a13;position:absolute;left:8px;top:8px}.brand-mark .mark-x1,.brand-mark .mark-x2{position:absolute;right:8px;bottom:8px;width:14px;height:3px;background:#1f2a13;border-radius:2px}.brand-mark .mark-x1{transform:rotate(45deg)}.brand-mark .mark-x2{transform:rotate(-45deg)}.brand-text{line-height:1;min-width:0}.brand-title{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;white-space:nowrap}.brand-sub{font-size:10.5px;color:var(--muted-2);margin-top:3px;letter-spacing:.05em;text-transform:uppercase}.sidebar-header{display:none}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.main-menu{flex:0 0 auto}.bottom-menu{margin-top:8px;border-top:1px solid var(--border);padding-top:10px}.menu-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border:none;border-radius:11px;background:transparent;color:#c7bfb4;font-family:var(--font-body);font-size:14.5px;font-weight:600;cursor:pointer;text-align:left;width:100%;transition:background .15s,color .15s}.menu-item:hover{background:var(--raised);color:var(--text)}.menu-item.active{background:var(--raised);color:#fff}.menu-item .icon,.menu-item .menu-icon{width:22px;display:grid;place-items:center;font-size:1.05rem;text-align:center;opacity:.85}.menu-item.active .icon,.menu-item.active .menu-icon{opacity:1}.menu-icon-img{width:22px;height:22px;object-fit:contain}.menu-item.logout{color:var(--red-text)}.menu-item.logout:hover{background:var(--red-bg)}.menu-badge{background-color:var(--red-hot);width:8px;height:8px;border-radius:50%;margin-left:auto;box-shadow:0 0 6px var(--red-hot);flex-shrink:0}.bottom-menu-item{font-size:.82rem;padding:8px 14px}.bottom-menu-item .icon{font-size:.9rem;width:20px}.sidebar-user-card{margin-top:auto;padding:12px;border-radius:14px;background:var(--panel);border:1px solid var(--border);display:flex;align-items:center;gap:12px}.sidebar-user-card .sidebar-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:none}.sidebar-user-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-sub{font-size:12px;color:var(--muted-2);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-sub .tier{color:var(--gold)}.sidebar-user-info{display:flex;flex-direction:row;align-items:center;padding:1rem;gap:1rem}.sidebar-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-welcome{font-size:.95rem;color:var(--text);text-align:left;font-weight:500;line-height:1.2}.sidebar-logo-img{height:40px;width:auto}.sidebar-language-switcher{margin:0 auto .6rem;background:var(--panel-2);border:1px solid var(--border-2);border-radius:9px;padding:3px;gap:2px;height:auto;width:fit-content;display:flex;align-items:center;justify-content:center}.sidebar-language-switcher button{color:var(--muted);background:transparent;border:none;font-size:.85rem;padding:3px 8px!important;border-radius:7px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-language-switcher button:hover{background:var(--raised)}.sidebar-language-switcher button.active{background:var(--raised-2)}.mobile-header{display:none;position:absolute;top:0;left:0;right:0;height:60px;background:var(--bg-2);border-bottom:1px solid var(--border);align-items:center;padding:0 1rem;z-index:40}.hamburger-btn{background:var(--raised);border:1px solid var(--border-2);border-radius:10px;color:var(--text);font-size:1.2rem;cursor:pointer;padding:5px 12px}.mobile-title{color:var(--text);font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin-left:1rem}.close-btn-mobile{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;position:absolute;right:1rem;top:1rem}.sidebar-overlay,.lobby-sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:45;opacity:0;transition:opacity .3s;pointer-events:none}.sidebar-overlay.open,.lobby-sidebar-overlay.open{opacity:1;pointer-events:auto}.lobby-content{flex:1;padding:30px 34px 40px;overflow-y:auto;background:transparent}.view-container{max-width:1080px;margin:0;background:transparent;padding:0;border-radius:0;box-shadow:none;min-height:auto}.view-container h2{display:flex;align-items:center;gap:10px;margin-top:0;margin-bottom:6px;color:var(--text);font-family:var(--font-display);font-weight:800;font-size:30px;border-bottom:none;padding-bottom:0}.view-header-icon{width:38px;height:38px;vertical-align:middle;object-fit:contain}.view-subtitle{margin:0 0 24px;color:var(--muted);font-size:14.5px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:700;margin-bottom:10px}.ll-panel{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:18px}.play-view .tabs{justify-content:flex-start;gap:8px}.create-game-panel,.join-game-panel{max-width:500px;margin:0 auto;padding:1.5rem;background:var(--panel);border-radius:16px;border:1px solid var(--border)}.form-group{margin-bottom:1.25rem;text-align:left}.form-group label{display:block;margin-bottom:.6rem;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.form-group.checkbox label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.divider{margin:1.5rem 0;text-align:center;position:relative;color:var(--faint)}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--border)}.divider:before{left:0}.divider:after{right:0}@media(max-width:768px){.lobby-container{flex-direction:column}.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-btn-mobile{display:block;z-index:5}.sidebar-overlay,.lobby-sidebar-overlay{display:block}.lobby-content{padding:1rem;padding-top:76px}.view-container{padding:0;min-height:auto}.view-container h2{font-size:24px}.play-view .tabs{flex-wrap:wrap;gap:6px}}.split-layout{display:flex;flex-direction:row;width:100%;height:100vh;max-width:100%;max-height:100vh;padding:0;background:var(--bg-1);border-radius:0;box-shadow:none;overflow:hidden}.game-main{flex:1;display:flex;justify-content:center;align-items:center;background:var(--bg-0);padding:1rem;overflow:hidden}.board-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.game-sidebar{width:350px;background:var(--bg-2);display:flex;flex-direction:column;border-left:1px solid var(--border);z-index:10}.players-section{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--border)}.vs-divider{text-align:center;font-weight:700;color:var(--faint);font-size:.9rem}.history-section{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1rem}.history-section h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;color:var(--muted)}.history-content{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th{background:var(--panel-2);padding:8px;text-align:center;position:sticky;top:0;font-weight:700;color:var(--muted)}.history-table td{padding:6px;text-align:center;border-bottom:1px solid var(--row-border);color:var(--text-soft)}.history-table tr:nth-child(2n){background-color:#ffffff05}.no-history{text-align:center;color:var(--faint);padding:1rem;font-style:italic}.sidebar-footer{padding:1rem;border-top:1px solid var(--border);background:var(--panel-2)}@media(max-width:800px){.app{height:100%;width:100%}.split-layout{flex-direction:column;height:100%;width:100%;overflow:hidden}.game-main{flex:1;height:65%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:0;position:relative;display:block}.board-container{width:fit-content;height:fit-content;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.game-sidebar{height:35%;width:100%;border-left:none;border-top:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;z-index:10}}.game-board-container{display:flex;width:100%;height:100vh;background:var(--bg-gradient);overflow:hidden;position:relative}.game-sidebar-left{width:264px;min-width:264px}.game-mobile-header{display:none;background:var(--bg-2)}.menu-item.leave-game{color:var(--red-text);border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}.menu-item.leave-game:hover{background:var(--red-bg)}@media(max-width:768px){.game-mobile-header{display:flex}.game-sidebar-left{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);z-index:1000}.game-sidebar-left.open{transform:translate(0)}.game-board-container{flex-direction:column}.game-container.split-layout{padding-top:60px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:var(--bg-gradient);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(90px);z-index:0;opacity:.35;animation:float 10s infinite ease-in-out alternate}.auth-container:before{background:var(--amber);top:-50px;left:-50px}.auth-container:after{background:var(--green);bottom:-50px;right:-50px;animation-delay:-5s}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.auth-logo{width:88px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.auth-card{background:linear-gradient(180deg,#2f2b26,#262320);border:1px solid var(--border-2);border-radius:24px;padding:2.5rem;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 30px 70px -20px #000c;z-index:1;color:var(--text);text-align:center;animation:slideUp .5s cubic-bezier(.16,1,.3,1);margin:0}@media(max-width:480px){.auth-card{padding:1.5rem;border-radius:16px}.auth-title{font-size:1.8rem}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-title{font-family:var(--font-display);font-size:2.2rem;font-weight:800;margin-bottom:.5rem;color:var(--text);-webkit-text-fill-color:currentColor;background:none}.auth-subtitle{color:var(--muted);margin-bottom:2rem;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{background:var(--panel-2);border:1px solid var(--border-2);padding:14px 16px;border-radius:12px;color:var(--text);font-size:1rem;font-family:var(--font-body);transition:all .2s ease}.auth-input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px #d99a2e26}.auth-input::placeholder{color:var(--faint)}.auth-btn-primary{background:linear-gradient(135deg,var(--amber-light) 0%,var(--amber-dark) 100%);color:var(--amber-ink);border:none;padding:14px;border-radius:12px;font-size:1.05rem;font-weight:800;font-family:var(--font-body);cursor:pointer;transition:transform .15s,box-shadow .2s,filter .15s;box-shadow:0 12px 28px -12px #d99a2e99}.auth-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.auth-btn-primary:active{transform:scale(.98)}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--faint);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 10px}.google-btn{background:var(--text);color:#26221c;border:none;padding:12px;border-radius:12px;font-size:1rem;font-weight:700;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,box-shadow .2s;width:100%}.google-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.google-icon{width:20px;height:20px}.auth-switch{margin-top:1.5rem;color:var(--muted);font-size:.9rem}.auth-switch-link{color:var(--gold);font-weight:700;cursor:pointer;margin-left:5px;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:var(--amber-light);text-decoration:underline}.auth-error{background:#e0623a24;border:1px solid var(--red-border);color:var(--red-text);padding:10px;border-radius:10px;font-size:.9rem;margin-bottom:1rem;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.landing-container-blue{min-height:100vh;background:var(--bg-gradient);background-color:var(--bg-0);color:var(--text);font-family:var(--font-body)}.landing-nav-blue{position:fixed;top:0;left:0;right:0;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#232019eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:inset 0 3px 0 var(--amber);z-index:1000;height:58px}.nav-spacer{height:58px;width:100%}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--text)}.nav-logo img{height:42px;width:auto}.nav-links-blue{display:flex;gap:1.25rem;align-items:center}.nav-links-blue button{background:none;border:none;color:var(--text-soft);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-body);transition:color .2s}.nav-links-blue button:hover{color:var(--text)}.nav-login-btn-blue{background:linear-gradient(135deg,var(--amber-light),var(--amber-dark))!important;color:var(--amber-ink)!important;padding:.6rem 1.5rem!important;border-radius:11px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .15s}.nav-login-btn-blue:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 8px 20px -8px #d99a2e99}.language-switcher{display:flex;gap:.25rem;background:var(--panel-2);border:1px solid var(--border-2);padding:.25rem;border-radius:9px}.language-switcher button{padding:.2rem .6rem!important;border-radius:7px;font-size:1.05rem;transition:background .2s}.language-switcher button.active{background:var(--raised-2)}.cta-btn-blue{background:linear-gradient(135deg,var(--amber-light),var(--amber-dark));color:var(--amber-ink);padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;font-family:var(--font-body);border:none;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 14px 34px -12px #d99a2ea6;letter-spacing:.02em;margin-top:1rem}.cta-btn-blue:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.05)}.cta-btn-blue.small{padding:.8rem 2rem;font-size:1rem}.carousel-section{position:relative;width:100%;height:600px;min-height:calc(100vh - 58px);overflow:hidden;background:var(--bg-0);z-index:1;margin-top:0}.carousel-container{width:100%;height:100%;position:relative}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:0}.carousel-slide.active{opacity:1;z-index:2}.slide-content.center{text-align:center;color:#fff;max-width:800px;padding:2rem;border-radius:16px;margin:0 1rem}.slide-content.center h1{font-size:4rem;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}.slide-content.center p{font-size:1.4rem;margin-bottom:2rem;background:#1a181573;border-radius:12px;padding:.5rem 1rem;display:inline-block;color:var(--text)}.slide-split{display:flex;width:100%;height:100%}.slide-split.reverse{flex-direction:row-reverse}.slide-image-2-3{width:66.66%;height:100%;background-size:cover;background-position:center}.slide-text-1-3{width:33.33%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:3rem;background:var(--bg-2);color:var(--text)}.slide-text-1-3.right,.slide-text-1-3.left{background:linear-gradient(180deg,#2a2723,#232019)}.slide-text-1-3 h1{font-size:2.4rem;margin-bottom:1rem;color:var(--text)}.slide-text-1-3 p{font-size:1.1rem;margin-bottom:2rem;color:var(--muted)}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:#2c2925b3;border:1px solid var(--border-2);color:var(--text);font-size:1.6rem;padding:1rem;cursor:pointer;z-index:10;transition:background .3s;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.carousel-control:hover{background:#403b34e6}.carousel-control.prev{left:20px}.carousel-control.next{right:20px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.indicator{width:10px;height:10px;border-radius:50%;background:#efe9df59;border:none;cursor:pointer;transition:background .3s,transform .2s}.indicator.active{background:var(--amber);transform:scale(1.25)}.landing-container-blue .stats-section{background:var(--panel);border:1px solid var(--border);color:var(--text-soft);margin:0 auto -6.5rem;transform:translateY(-3.5rem);padding:1.5rem 1rem 1.25rem;border-radius:20px;max-width:600px;box-shadow:0 24px 50px -20px #0009;display:flex;justify-content:space-around;flex-wrap:wrap;position:relative;z-index:5}.landing-container-blue .stat-item{text-align:center}.landing-container-blue .stat-number{font-family:var(--font-mono);font-size:1.4rem;font-weight:500;color:var(--gold);display:block}.landing-container-blue .stat-label{font-size:.8rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.features-section-blue{padding:6rem 2rem;background:transparent}.section-title-blue{text-align:center;font-size:2.6rem;margin-bottom:4rem;color:var(--text);font-weight:800}.features-grid-blue{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card-blue{background:var(--panel);padding:2.25rem;border-radius:18px;border:1px solid var(--border);transition:transform .3s,border-color .3s;text-align:center}.feature-card-blue:hover{transform:translateY(-6px);border-color:var(--amber)}.feature-icon-blue{font-size:3.2rem;margin-bottom:1.25rem}.feature-card-blue h3{font-size:1.4rem;margin-bottom:.75rem;color:var(--text)}.feature-card-blue p{color:var(--muted);line-height:1.6}.how-to-play-section-blue{padding:6rem 2rem;background:#00000026}.how-to-play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.how-to-step-blue{background:var(--panel);border:1px solid var(--border);padding:2rem;border-radius:18px;text-align:center;position:relative;transition:transform .3s}.how-to-step-blue:hover{transform:translateY(-5px)}.step-number-blue{width:50px;height:50px;background:linear-gradient(135deg,var(--amber-light),var(--amber-dark));color:var(--amber-ink);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin:0 auto 1.5rem;transform:rotate(-5deg);box-shadow:0 8px 18px -8px #d99a2e99}.how-to-step-blue h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text)}.how-to-step-blue p{color:var(--muted);line-height:1.6}.landing-footer-blue{background:var(--bg-2);border-top:1px solid var(--border);padding:4rem 2rem 2rem;color:var(--text)}.footer-content-blue{max-width:1200px;margin:0 auto 3rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem}.footer-logo img{height:40px;margin-bottom:1rem}.footer-logo p{color:var(--muted);margin-top:1rem;max-width:320px}.footer-links-blue{display:flex;flex-direction:column;gap:.25rem}.footer-links-blue h4{color:var(--gold);margin-bottom:1rem}.footer-links-blue a{color:var(--muted);text-decoration:none;transition:color .2s;display:block;margin-bottom:.8rem}.footer-links-blue a:hover{color:var(--text)}.footer-social h4{color:var(--gold);margin-bottom:1rem}.social-icons{display:flex;gap:1rem;font-size:1.5rem;cursor:pointer}.footer-bottom-bright{text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--faint);font-size:.9rem}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0d0bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.auth-modal-content{position:relative;width:95%;max-width:450px;animation:scaleUp .3s ease-out}.close-modal{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text);font-size:2rem;cursor:pointer;z-index:10;opacity:.7;transition:opacity .2s}.close-modal:hover{opacity:1}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.public-layout{background:var(--bg-gradient)!important;background-color:var(--bg-0)!important;color:var(--text)}.legal-view{color:var(--text-soft);line-height:1.7}.legal-view h1,.legal-view h2,.legal-view h3{color:var(--text)}@media(max-width:768px){.carousel-section{height:calc(100vh - 58px);min-height:calc(100vh - 58px);margin-top:0}.slide-split,.slide-split.reverse{flex-direction:column;height:100%}.slide-image-2-3{width:100%;height:50vh;flex-shrink:0}.slide-text-1-3{width:100%;height:auto;min-height:50vh;padding:2rem 1.5rem;text-align:center;justify-content:center;align-items:center;box-sizing:border-box}.slide-content.center{margin-top:2rem;padding:1.5rem}.slide-content.center h1{font-size:2rem;margin-bottom:.5rem}.slide-content.center p{font-size:1rem;margin-bottom:1rem}.carousel-control{width:40px;height:40px;font-size:1.3rem}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.landing-container-blue .stats-section{flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;margin:0 1rem -5.5rem;transform:translateY(-4rem);border-radius:16px}.nav-links-blue button:not(.nav-login-btn-blue):not(.language-switcher button){display:none}.landing-nav-blue{padding:.5rem 1rem}}html,body{overflow-x:hidden;overflow-y:auto;height:auto}.side-selection{display:flex;gap:1rem;justify-content:center}.side-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:10px;border:1px solid var(--border-2);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--panel-2);color:var(--text-soft)}.side-option:hover{border-color:var(--amber);background:var(--raised)}.side-option.selected{border-color:var(--amber);background:var(--raised);color:var(--text);font-weight:700}.side-option input[type=radio]{accent-color:var(--amber)}.player-score{font-size:1.2rem;font-weight:700;color:var(--gold);margin-top:5px;font-family:var(--font-mono);animation:ll-pop .3s ease-out}.scoring-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.scoring-line{opacity:.8}.final-scores{margin:1rem 0;padding:1rem;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.final-scores p{margin:.5rem 0}.lobby-sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:45;opacity:0;transition:opacity .3s;pointer-events:none}.lobby-sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-user-card{cursor:pointer;transition:border-color .15s,background .15s}.sidebar-user-card:hover{border-color:var(--border-2);background:var(--raised)}@media(max-width:768px){.lobby-sidebar-overlay{display:block}}.play-view{padding:0;max-width:960px;margin:0}.play-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}.header-stats{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);padding:9px 14px;border-radius:11px;font-size:13px;color:var(--text-soft);cursor:default}.stat-chip b{color:#fff}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:ll-pulse 2s infinite;flex-shrink:0}.play-menu-options{display:flex;flex-direction:column;gap:14px}.quick-match-cta{border:none;cursor:pointer;text-align:left;border-radius:18px;padding:26px 28px;background-color:var(--amber);background-image:radial-gradient(circle at 16px 16px,rgba(255,255,255,.09) 2px,transparent 3px),linear-gradient(135deg,var(--amber-light) 0%,var(--amber-dark) 100%);background-size:38px 38px,cover;color:var(--amber-ink);box-shadow:0 14px 34px -12px #d99a2e8c;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:transform .12s;font-family:var(--font-body)}.quick-match-cta:hover{transform:translateY(-2px)}.quick-match-cta:active{transform:translateY(0)}.quick-match-cta .cta-title{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em}.quick-match-cta .cta-sub{font-size:14.5px;opacity:.8;margin-top:4px;font-weight:600}.quick-match-cta .cta-icon{width:60px;height:60px;border-radius:16px;background:#17230c29;display:grid;place-items:center;font-size:30px;flex-shrink:0}.custom-match-card{cursor:pointer;text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:18px 20px;color:var(--text);transition:border-color .15s;display:flex;align-items:center;gap:14px;font-family:var(--font-body)}.custom-match-card:hover{border-color:var(--gold)}.custom-match-card .custom-icon{font-size:24px}.custom-match-card .custom-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.custom-match-card .custom-title{font-family:var(--font-display);font-weight:700;font-size:17px}.custom-match-card .custom-sub{font-size:13px;color:var(--muted)}.custom-match-card .custom-arrow{font-size:15px;color:var(--amber);font-weight:700}.btn-text-back{margin-bottom:15px;display:flex;align-items:center;gap:5px;color:var(--muted);cursor:pointer;background:none;border:none;padding:0;font-size:.95rem;font-family:var(--font-body);font-weight:600;transition:color .15s}.btn-text-back:hover{color:var(--text)}.mode-cards{display:flex;gap:12px;margin-bottom:15px}.mode-cards.small .mode-card{padding:10px;min-height:auto}.mode-card{flex:1;border:2px solid var(--border);border-radius:14px;padding:18px;cursor:pointer;transition:all .15s ease;background:var(--panel);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:140px;color:var(--text)}.mode-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.mode-card.active{border-color:var(--amber);background-color:var(--raised);box-shadow:0 6px 16px -8px #d99a2e99}.mode-icon{width:56px;height:56px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.mode-icon img{width:100%;height:100%;object-fit:contain}.mode-info h4{margin:0 0 6px;font-size:16px;color:var(--text)}.mode-info p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}.time-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.time-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 6px;border:2px solid var(--border);border-radius:13px;background:var(--panel);cursor:pointer;transition:all .15s;color:var(--text);font-family:var(--font-body)}.time-btn:hover{background:var(--raised)}.time-btn.active{background:var(--raised);border-color:var(--amber);color:#fff;box-shadow:0 6px 16px -8px #d99a2e99}.time-icon{font-size:22px;line-height:1;margin-bottom:7px}.time-info{display:flex;flex-direction:column;align-items:center}.time-title{font-weight:700;font-size:14px}.time-desc{font-size:11.5px;color:var(--muted);margin-top:1px}.time-btn.active .time-desc{color:var(--text-soft)}.bots-panel h3,.online-matchmaking-panel h3,.friend-play-panel h3,.tournaments-panel h3,.history-panel h3{margin-top:0;color:var(--text);font-family:var(--font-display);font-weight:700}.bots-container{width:100%;margin:0 auto;max-height:500px;overflow-y:auto;padding-right:5px}.bot-group{margin-bottom:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.bot-group-header{padding:13px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:transparent;border-bottom:1px solid transparent;transition:background .2s}.bot-group-header:hover{background:var(--raised)}.bot-group.expanded .bot-group-header{border-bottom:1px solid var(--border);background:var(--raised)}.bot-group-title{margin:0;font-size:12px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-family:var(--font-body)}.bot-count{font-weight:400;font-size:12px;color:var(--faint);margin-left:8px;text-transform:none;letter-spacing:normal}.accordion-icon{font-size:11px;color:var(--faint)}.bots-grid-avatars{padding:14px;display:flex;flex-wrap:wrap;gap:12px}.bot-avatar-card{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border-radius:12px;border:2px solid transparent;transition:background .2s,border-color .15s;width:90px}.bot-avatar-card:hover{background:var(--raised)}.bot-avatar-card.selected{background:var(--raised);border-color:var(--amber);box-shadow:0 6px 16px -8px #d99a2e80}.bot-avatar-wrapper{width:56px;height:56px;border-radius:14px;overflow:hidden;margin-bottom:8px;box-shadow:0 2px 6px #00000059;background:var(--panel-2)}.bot-avatar-img{width:100%;height:100%;object-fit:cover}.bot-name{font-size:12px;font-weight:600;color:var(--text-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.bot-hover-detail{width:220px;background:var(--raised);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 12px 30px #00000080;padding:15px;z-index:9999;pointer-events:none;transition:opacity .2s ease;color:var(--text)}.bot-hover-detail.arrow-bottom:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:var(--raised) transparent transparent transparent}.bot-hover-detail.arrow-top:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:transparent transparent var(--raised) transparent}.bot-hover-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;border-bottom:1px solid var(--border);padding-bottom:10px}.bot-avatar-small{width:40px;height:40px;border-radius:10px;object-fit:cover}.bot-hover-header h5{margin:0;font-size:15px;color:var(--text);font-family:var(--font-display)}.bot-flag{font-size:14px}.bot-hover-body p{margin:0 0 10px;font-size:12.5px;color:var(--muted);font-style:italic}.bot-stats{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-soft);background:var(--panel-2);padding:6px 10px;border-radius:7px}.side-selection-visual{display:flex;justify-content:flex-start;gap:12px;margin-top:10px}.side-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px 10px;border:2px solid var(--border);border-radius:13px;background:var(--panel);transition:all .15s;width:88px;color:var(--text-soft)}.side-card span{font-size:12px;font-weight:600}.side-card:hover{background:var(--raised);transform:translateY(-2px)}.side-card.selected{border-color:var(--amber);background-color:var(--raised);color:var(--text);box-shadow:0 6px 16px -8px #d99a2e80}.side-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}.o-side{width:24px;height:24px;border:5px solid var(--piece-o);border-radius:50%;box-sizing:border-box;box-shadow:0 2px 3px #00000047,inset 0 1px 1px #fff6}.x-side{width:24px;height:24px}.x-side:before,.x-side:after{content:"";position:absolute;top:50%;left:50%;width:26px;height:4.5px;background:linear-gradient(180deg,var(--piece-x),var(--piece-x-deep));border-radius:2px;box-shadow:0 1px 2px #0000004d}.x-side:before{transform:translate(-50%,-50%) rotate(45deg)}.x-side:after{transform:translate(-50%,-50%) rotate(-45deg)}.random-side{font-size:24px;font-weight:700;color:var(--gold)}.online-matchmaking-panel{padding:0}.panel-description{color:var(--muted);margin-bottom:20px;font-size:14px}.btn-find-match{width:100%;padding:15px;font-size:16px;margin-top:15px}.searching-panel{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.searching-animation{position:relative;width:120px;height:120px;margin-bottom:30px}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid var(--amber);border-radius:50%;animation:pulse 2s ease-out infinite;opacity:0}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.searching-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.searching-panel h4{margin:0 0 10px;font-size:20px;color:var(--text)}.search-info{color:var(--muted);font-size:14px;margin:5px 0}.wait-time{font-size:16px;font-weight:500;font-family:var(--font-mono);color:var(--gold);margin:10px 0 5px}.rating-range{font-size:13px;color:var(--muted-2);margin:0 0 20px}.size-inputs{display:flex;align-items:center;gap:10px}.size-inputs input{width:80px;padding:10px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);border-radius:8px;font-size:14px;font-family:var(--font-mono);text-align:center}.size-inputs input:focus{border-color:var(--amber);outline:none}.size-inputs span{font-weight:700;color:var(--muted)}.friend-play-panel{padding:0}.incoming-challenges{background:#e0a63a14;border:1px solid rgba(224,166,58,.25);border-radius:14px;padding:15px;margin-bottom:20px}.incoming-challenges h4{margin:0 0 10px;color:var(--gold)}.challenge-card{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:10px;margin-bottom:8px}.challenge-info{display:flex;align-items:center;gap:12px}.challenge-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.challenge-details{display:flex;flex-direction:column}.challenge-username{font-weight:600;color:var(--text)}.challenge-config{font-size:12px;color:var(--muted)}.challenge-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:13px}.friend-list-section h4{margin:15px 0 10px;color:var(--text)}.no-friends-msg{color:var(--faint);font-style:italic}.friend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:320px;overflow-y:auto}.friend-item{display:flex;align-items:center;gap:11px;padding:11px;background:var(--panel);border:2px solid var(--border);border-radius:13px;cursor:pointer;transition:all .15s}.friend-item:hover{background:var(--raised)}.friend-item.selected{background:var(--raised);border-color:var(--green);box-shadow:0 0 0 3px #86b25a24}.friend-avatar-wrap{position:relative;flex-shrink:0}.friend-avatar{width:44px;height:44px;border-radius:12px;object-fit:cover}.online-dot{position:absolute;bottom:-2px;right:-2px;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--panel)}.online-dot.online{background:var(--green)}.online-dot.offline{background:var(--faint)}.friend-info{display:flex;flex-direction:column;min-width:0}.friend-name{font-weight:700;color:var(--text);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-ratings{display:flex;gap:8px;font-size:.78rem;color:var(--muted);margin-top:2px}.friend-ratings span{display:flex;align-items:center;gap:3px}.friend-rating{font-size:12px;color:var(--muted)}.challenge-form{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;margin-top:20px}.challenge-form h4{margin-top:0;margin-bottom:20px;color:var(--text);font-size:1.15rem;border-bottom:1px solid var(--border);padding-bottom:10px;font-family:var(--font-display)}.form-row{display:flex;gap:15px;margin-bottom:10px}.form-row .form-group{flex:1}.select-field{width:100%;padding:10px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);border-radius:8px;font-size:14px;font-family:var(--font-body)}.select-field:focus{border-color:var(--amber);outline:none}.challenges-view{padding:0}.challenges-section{margin-bottom:26px}.section-header{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:700;font-family:var(--font-body);margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.header-icon{font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;background:var(--panel);border-radius:14px;color:var(--faint);border:1px dashed var(--border-2)}.empty-icon{font-size:2.2rem;margin-bottom:10px;opacity:.6}.invitations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.invitation-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;transition:transform .2s,border-color .15s}.invitation-card:hover{transform:translateY(-2px);border-color:var(--border-2)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:46px;height:46px;border-radius:12px;object-fit:cover}.user-info{display:flex;flex-direction:column}.username{font-weight:700;color:var(--text)}.time-ago{font-size:.75rem;color:var(--faint)}.game-config-badges{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap}.badge{padding:3px 9px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.mode{background:#5fa0d024;color:var(--piece-x)}.badge.time{background:#e0a63a24;color:var(--gold)}.badge.rated{background:#86b25a24;color:var(--green)}.card-actions{display:flex;gap:10px}.btn-accept,.btn-decline{flex:1;padding:9px;border:none;border-radius:9px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:filter .15s,background .15s}.btn-accept:hover{filter:brightness(1.08)}.btn-accept:disabled{opacity:.6;cursor:not-allowed;filter:none}.btn-decline{background:var(--raised);border:1px solid var(--border-2);color:var(--muted)}.btn-decline:hover{background:var(--raised-2)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:12px;transition:background .2s}.history-item:hover{background:var(--raised)}.history-user{display:flex;align-items:center;gap:12px;flex:2}.history-avatar{width:36px;height:36px;border-radius:10px;object-fit:cover}.history-details{display:flex;flex-direction:column}.history-vs{font-size:.9rem;color:var(--muted)}.opponent-name{font-weight:700;color:var(--text)}.history-date{font-size:.75rem;color:var(--faint)}.history-config{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:var(--muted);font-weight:500;text-transform:capitalize}.separator{color:var(--border-2)}.history-status{flex:1;text-align:right;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-accepted{color:var(--green)}.status-declined{color:var(--red)}.status-cancelled{color:var(--faint)}.status-pending{color:var(--gold)}.status-completed{color:var(--piece-x)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border)}.page-btn{padding:6px 12px;background:var(--raised);border:1px solid var(--border-2);border-radius:8px;cursor:pointer;font-weight:700;color:var(--text)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn:hover:not(:disabled){background:var(--raised-2)}.page-info{font-size:.9rem;color:var(--muted)}.opponent-type-toggle{display:flex;gap:10px;margin-bottom:15px}.opponent-type-toggle .btn{flex:1;padding:10px;border-radius:11px;transition:all .15s}.opponent-type-toggle .btn-outline{background:transparent;border:1px solid var(--border);color:var(--muted);margin-bottom:0}.opponent-type-toggle .btn-outline:hover{border-color:var(--border-2);background:var(--raised);color:var(--text)}.search-bar-container{margin-bottom:15px}.search-input{width:100%;padding:11px 14px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:13px;font-size:14px;font-family:var(--font-body);transition:border-color .2s}.search-input:focus{border-color:var(--amber);outline:none}.search-input::placeholder{color:var(--faint)}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--panel);border-radius:14px;margin-bottom:14px;border:1px solid var(--border)}.toggle-label{display:flex;flex-direction:column;gap:3px}.toggle-text{font-weight:700;font-size:.95rem;color:var(--text)}.toggle-subtext{font-size:.82rem;color:var(--muted)}.switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--raised-2);transition:.3s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--text);transition:.3s;box-shadow:0 2px 4px #0000004d}input:checked+.slider{background-color:var(--green-dark)}input:focus+.slider{box-shadow:0 0 1px var(--green)}input:checked+.slider:before{transform:translate(22px);background-color:#fff}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.game-history-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.game-history-table th{background:transparent;color:var(--muted-2);padding:12px 16px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;border-bottom:1px solid var(--border);position:static}.game-history-table td{padding:12px 16px;border-bottom:1px solid var(--row-border);color:var(--text-soft);text-align:left;font-size:.9rem}.game-history-table tr:last-child td{border-bottom:none}.no-games-cell{padding:24px!important;text-align:center!important;color:var(--faint)!important}.end-reason-cell{font-size:.85rem!important;color:var(--muted)!important}.result-badge{padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:800}.result-badge.win{background:#86b25a24;color:var(--green)}.result-badge.loss{background:#c96a5f24;color:var(--red)}.result-badge.draw{background:#8f877d24;color:var(--muted)}.filter-select{padding:9px 12px;border-radius:10px;border:1px solid var(--border-2);background:var(--panel);color:var(--text);font-family:var(--font-body);font-size:.85rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--amber)}.checkbox-hint{margin:5px 0 0 24px;font-size:12px;color:var(--muted);font-style:italic}@media(max-width:768px){.play-header{align-items:flex-start;flex-direction:column}.game-history-table,.game-history-table tbody,.game-history-table tr,.game-history-table td{display:block;width:100%;box-sizing:border-box}.game-history-table thead{display:none}.game-history-table tr{margin-bottom:15px;border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden}.game-history-table td{display:flex;justify-content:space-between;align-items:center;padding:12px 15px!important;text-align:right!important;border-bottom:1px solid var(--row-border);min-height:40px;width:100%}.game-history-table td:last-child{border-bottom:none}.game-history-table td:before{content:attr(data-label);font-weight:600;color:var(--muted-2);text-align:left;margin-right:10px;white-space:nowrap}}.achievements-view{padding:0;display:flex;flex-direction:column}.achievements-view h2{margin-bottom:1.5rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.achievements-view .loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--muted);font-size:1.05rem}.achievements-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-top:.5rem;align-items:start}@media(max-width:900px){.achievements-layout{grid-template-columns:1fr}}.achievements-section{background:var(--panel);border-radius:16px;padding:1.25rem;border:1px solid var(--border);height:fit-content}.achievements-section h3{margin-top:0;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border);color:var(--muted-2);font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.achievement-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;background:var(--panel-2);border-radius:14px;border:1px solid var(--border);transition:transform .2s ease,border-color .15s}.achievement-card.unlocked{border-color:#4a4636;background:linear-gradient(180deg,#302c25,#2a2723)}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#86b25a24;box-shadow:inset 0 0 0 1px #86b25a66;border-radius:12px;flex-shrink:0;overflow:hidden;border:none}.achievement-icon img{width:100%;height:100%;object-fit:cover}.achievement-info h4{margin:0 0 .25rem;color:var(--text);font-size:.92rem;font-family:var(--font-body);font-weight:700}.achievement-info p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.3}.unlock-date{display:inline-block;margin-top:.3rem;font-size:.7rem;color:var(--green);font-weight:600}.achievements-view .empty-state{text-align:center;padding:3rem;color:var(--faint);background:var(--panel-2);border:1px dashed var(--border-2);border-radius:14px}.stats-section{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;overflow:hidden;height:fit-content;padding:0 0 1rem;margin-top:0}.stats-header-row{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.stats-header-row h3{margin:0;font-size:12px;color:var(--muted-2);font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.07em;border:none;padding:0}.stats-summary-grid{padding:1rem;border-bottom:1px solid var(--border)}.summary-stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.s-icon{color:var(--green)}.s-label{color:var(--muted)}.s-val{color:var(--text);font-weight:700;font-family:var(--font-mono)}.stats-list{display:flex;flex-direction:column}.stats-row{border-bottom:1px solid var(--row-border);cursor:pointer;transition:background .2s}.stats-row:last-child{border-bottom:none}.stats-row:hover{background:var(--raised)}.row-main{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;width:100%;box-sizing:border-box}.row-left{display:flex;align-items:center;gap:.75rem}.achievements-view .mode-icon{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#26170a;flex-shrink:0;margin-bottom:0}.achievements-view .mode-icon.classic{background:linear-gradient(135deg,var(--amber-light),var(--amber-dark))}.achievements-view .mode-icon.scorer{background:linear-gradient(135deg,#e08a5f,#c05f36)}.mode-name{font-weight:600;color:var(--text);line-height:1}.row-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.mode-rating{font-weight:500;font-family:var(--font-mono);color:var(--gold)}.row-chevron{color:var(--faint);font-size:1.2rem;transition:transform .2s}.stats-row.expanded .row-chevron{transform:rotate(90deg)}.row-details{background:var(--panel-2);padding:.75rem 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;border-top:1px solid var(--row-border)}.detail-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.d-label{font-size:.68rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em}.d-val{font-size:.9rem;font-weight:500;font-family:var(--font-mono);color:var(--text-soft)}.d-val.win{color:var(--green)}.d-val.loss{color:var(--red)}.d-val.draw{color:var(--muted)}.ranking-view{color:var(--text);padding:0;font-family:var(--font-body)}.ranking-controls-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ranking-filters{display:flex;align-items:center;gap:20px}.toggle-container{display:flex;align-items:center;gap:10px}.toggle-container .toggle-label{font-size:.85rem;color:var(--muted)}.ranking-view .switch{position:relative;display:inline-block;width:40px;height:20px}.ranking-view .switch input{opacity:0;width:0;height:0}.ranking-view .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--raised-2);transition:.3s}.ranking-view .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text);transition:.3s}.ranking-view input:checked+.slider{background-color:var(--green-dark)}.ranking-view input:checked+.slider:before{transform:translate(20px);background-color:#fff}.ranking-view .slider.round{border-radius:34px}.ranking-view .slider.round:before{border-radius:50%}.time-select{padding:8px 12px;border-radius:10px;background:var(--panel);color:var(--text);border:1px solid var(--border-2);font-size:.85rem;font-family:var(--font-body);cursor:pointer}.time-select:focus{outline:none;border-color:var(--amber)}.ranking-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border-radius:16px;overflow:hidden;border:1px solid var(--border)}.ranking-table th{background:transparent;color:var(--muted-2);padding:12px 16px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;border-bottom:1px solid var(--border)}.ranking-table th.center-align{text-align:center}.ranking-table td{padding:11px 16px;border-bottom:1px solid var(--row-border);color:var(--text-soft);vertical-align:middle}.ranking-table td.center-align{text-align:center}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:nth-child(2n) td{background-color:#ffffff05}.ranking-table tr:hover td{background-color:var(--raised);color:var(--text)}.rank-gold td{background:linear-gradient(90deg,rgba(224,166,58,.1),transparent)!important}.rank-gold .rank-cell{font-size:1.4rem}.rank-silver td{background:linear-gradient(90deg,rgba(192,192,192,.07),transparent)!important}.rank-silver .rank-cell{font-size:1.4rem}.rank-bronze td{background:linear-gradient(90deg,rgba(205,127,50,.07),transparent)!important}.rank-bronze .rank-cell{font-size:1.4rem}.rank-cell{font-weight:700;font-family:var(--font-mono);font-size:1rem;width:60px;text-align:center;color:var(--muted-2)}.player-cell{display:flex;align-items:center;gap:12px}.player-avatar{width:36px;height:36px;border-radius:10px;object-fit:cover;border:none}.ranking-table .player-name{font-weight:700;font-size:.95rem;color:var(--text)}.country-flag{width:24px;height:auto;border-radius:3px;box-shadow:0 1px 3px #0006}.value-cell{font-weight:500;color:var(--gold);font-size:1rem;font-family:var(--font-mono)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px}.ranking-view .page-btn{padding:8px 16px;background:var(--raised);border:1px solid var(--border-2);color:var(--text);border-radius:10px;cursor:pointer;font-family:var(--font-body);font-weight:700}.ranking-view .page-btn:hover:not(:disabled){background:var(--raised-2)}.ranking-view .page-btn:disabled{opacity:.4;cursor:not-allowed}.no-data{text-align:center;padding:40px;color:var(--faint)}.loading-spinner{text-align:center;padding:40px;color:var(--muted)}.error-message{text-align:center;padding:24px;color:var(--red-text)}@media(max-width:768px){.ranking-table,.ranking-table tbody,.ranking-table tr,.ranking-table td{display:block;width:100%;box-sizing:border-box}.ranking-table thead{display:none}.ranking-table{background:transparent;border:none}.ranking-table tr{margin-bottom:15px;border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column}.ranking-table td{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;text-align:right!important;border-bottom:1px solid var(--row-border);min-height:40px;width:100%}.ranking-table td:last-child{border-bottom:none}.ranking-table td:before{content:attr(data-label);font-weight:600;color:var(--muted-2);text-align:left;margin-right:10px;white-space:nowrap}.ranking-table td[data-label=Player]{order:-1;background-color:#ffffff05;border-bottom:1px solid var(--border);justify-content:flex-start}.ranking-table td[data-label=Player]:before{content:none}.ranking-table td[data-label=Rank]{order:0}.ranking-table td[data-label=Country]{order:1}.ranking-table td.value-cell{order:2}.ranking-controls-bar{justify-content:center}.ranking-filters{flex-direction:column;align-items:stretch;width:100%;gap:10px}.toggle-container{justify-content:space-between;background:var(--panel);border:1px solid var(--border);padding:10px;border-radius:10px}.time-select{width:100%}}.friends-list,.requests-list,.search-results{width:100%;overflow-x:hidden}.requests-list h3{color:var(--text);font-size:1.1rem}.friends-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.friends-table th,.friends-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--row-border)}.friends-table th{background-color:transparent;border-bottom:1px solid var(--border);color:var(--muted-2);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.friends-table td{vertical-align:middle;color:var(--text-soft);font-size:.9rem}.friends-table tr:last-child td{border-bottom:none}.friends-table tbody tr:hover td{background:#ffffff05}.friend-avatar{width:40px;height:40px;border-radius:11px;object-fit:cover;margin-right:10px}.user-cell{display:flex;align-items:center;cursor:pointer;color:var(--text);font-weight:600}.user-cell:hover{color:var(--gold)}.action-btn{padding:7px 14px;border:none;border-radius:9px;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);margin-right:5px;transition:filter .15s,background .15s}.action-btn:hover{filter:brightness(1.1)}.btn-accept{background:linear-gradient(135deg,var(--green-light),var(--green-dark));color:var(--green-ink)}.btn-reject{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text)}.btn-challenge{background:linear-gradient(135deg,var(--green-light),var(--green-dark));color:var(--green-ink)}.btn-remove{background:var(--raised);border:1px solid var(--border-2);color:var(--muted)}.btn-add{background:transparent;border:1px solid var(--green);color:var(--green)}.search-bar{display:flex;gap:10px;margin-bottom:2rem}.search-bar .btn{border-radius:12px}.friends-view .search-input{flex:1;padding:11px 14px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:13px;font-size:.95rem;font-family:var(--font-body)}.friends-view .search-input:focus{border-color:var(--amber);outline:none}.friends-view .search-input::placeholder{color:var(--faint)}.friends-view .status-badge{display:inline-block;position:static;background:#86b25a24;color:var(--green);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;border:none}.user-detail-modal{position:fixed;inset:0;background:#0f0d0bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.user-detail-content{background:linear-gradient(180deg,#2f2b26,#262320);border:1px solid var(--border-2);padding:2rem;border-radius:22px;width:400px;max-width:92vw;text-align:center;position:relative;box-shadow:0 30px 70px -20px #000c;animation:slideUp .3s;color:var(--text)}.user-detail-content .close-modal{position:absolute;top:10px;right:15px;font-size:1.5rem;cursor:pointer;background:none;border:none;color:var(--muted)}.detail-avatar{width:96px;height:96px;border-radius:24px;margin-bottom:1rem;object-fit:cover;border:none;box-shadow:0 8px 20px -8px #0009}.detail-info{margin-bottom:1.5rem}.detail-info h3{margin:.5rem 0;color:var(--text)}.detail-info p{color:var(--muted);margin:.2rem 0}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--panel-2);border:1px solid var(--border);padding:1rem;border-radius:14px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-weight:700;color:var(--text);font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.friends-table,.friends-table tbody,.friends-table tr,.friends-table td{display:block;width:100%;box-sizing:border-box}.friends-table thead{display:none}.friends-table{background:transparent;border:none;border-radius:0}.friends-table tr{margin-bottom:15px;border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}.friends-table td{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;text-align:right!important;border-bottom:1px solid var(--row-border);min-height:40px;width:100%}.friends-table td:last-child{border-bottom:none;justify-content:flex-end;padding:15px;gap:10px;flex-wrap:wrap}.friends-table td:before{content:attr(data-label);font-weight:600;color:var(--muted-2);text-align:left;margin-right:10px;white-space:nowrap}.friends-table td:first-child{background-color:#ffffff05;border-bottom:1px solid var(--border);justify-content:flex-start}.friends-table td:first-child:before{content:none}.user-cell{width:100%}.action-btn{padding:10px 20px;font-size:.9rem;flex:1;min-width:100px;max-width:none;display:flex;justify-content:center;align-items:center;margin:0}}.myboards-view{display:flex;flex-direction:column;gap:26px}.myboards-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.owned-count{font-size:12px;color:var(--muted)}.cosmetics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.cosmetic-card{border-radius:16px;padding:10px;background:var(--panel);border:2px solid var(--border);transition:border-color .15s,box-shadow .15s}.cosmetic-card.equipped{border-color:var(--green);box-shadow:0 0 0 3px #86b25a24}.preview-wrap{position:relative}.board-preview-frame{padding:9px;border-radius:12px;box-shadow:0 8px 18px -12px #0009,inset 0 1px 2px #ffffff1f}.board-preview-cell{position:relative;height:100px;border-radius:5px;background-size:20% 20%;overflow:hidden}.board-preview-cell.large{display:flex;align-items:center;justify-content:center;gap:20px;background-size:25% 25%}.preview-o{position:absolute;top:30%;left:26%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;border:5px solid;box-sizing:border-box;box-shadow:0 2px 3px #00000047,inset 0 1px 1px #fff6}.preview-o.large{position:static;transform:none;width:34px;height:34px;border-width:7px}.preview-x{position:absolute;top:66%;left:70%;transform:translate(-50%,-50%);width:20px;height:20px}.preview-x span{position:absolute;top:8px;left:0;width:20px;height:4px;border-radius:2px;box-shadow:0 1px 2px #0000004d}.preview-x span:first-child{transform:rotate(45deg)}.preview-x span:last-child{transform:rotate(-45deg)}.preview-x.large{position:relative;top:auto;left:auto;transform:none;width:32px;height:32px}.preview-x.large span{top:13px;width:32px;height:6px;border-radius:3px}.lock-overlay{position:absolute;inset:9px;background:#14110e8c;display:grid;place-items:center;font-size:22px;border-radius:5px}.cosmetic-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 4px 3px}.cosmetic-names{min-width:0}.cosmetic-name{font-weight:700;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cosmetic-req{font-size:11px;color:var(--muted-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-btn{padding:7px 12px;border-radius:9px;border:1px solid var(--green);background:transparent;color:var(--green);font-family:var(--font-body);font-weight:700;font-size:12.5px;cursor:pointer;flex-shrink:0;transition:background .15s,filter .15s}.equip-btn:hover:not(:disabled){background:#86b25a1f}.equip-btn.equipped{border:none;background:linear-gradient(135deg,var(--green-light),var(--green-dark));color:var(--green-ink);cursor:default}.equip-btn.locked{padding:7px 10px;border:1px solid var(--border);background:var(--panel-2);color:var(--faint);font-size:12px;cursor:not-allowed}.avatar-editor-overlay{position:fixed;inset:0;background:#0f0d0bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000}.avatar-editor-modal{background:linear-gradient(180deg,#2f2b26,#262320);border:1px solid var(--border-2);color:var(--text);padding:2rem;border-radius:22px;width:90%;max-width:400px;box-shadow:0 30px 70px -20px #000c;text-align:center}.avatar-editor-modal h3{margin-top:0;margin-bottom:1.5rem;color:var(--text)}.canvas-container{margin-bottom:1.5rem;display:flex;justify-content:center}.canvas-container canvas{border-radius:12px;box-shadow:0 8px 20px #0006;background-color:var(--panel-2)}.controls{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.controls label{font-weight:600;color:var(--muted)}.controls input[type=range]{flex:1;cursor:pointer;accent-color:var(--amber)}.actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.avatar-btn-cancel{background:var(--raised);border:1px solid var(--border-2);color:var(--text);padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:700;font-family:var(--font-body);transition:all .2s;flex:1;max-width:150px}.avatar-btn-cancel:hover{background:var(--raised-2)}.avatar-btn-save{background:linear-gradient(135deg,var(--amber-light),var(--amber-dark));border:none;color:var(--amber-ink);padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:800;font-family:var(--font-body);transition:filter .2s,transform .15s;flex:1;max-width:150px;box-shadow:0 12px 28px -12px #d99a2e99}.avatar-btn-save:hover{filter:brightness(1.05);transform:translateY(-1px)}.profile-view{max-width:800px;margin:0}.profile-section{animation:fadeInUp .3s ease-in-out}.profile-section h3{color:var(--text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.form-row{flex-direction:column;gap:1rem;margin-bottom:1rem}.profile-view{padding:0}.avatar-section{margin-bottom:1.5rem}.current-avatar{width:100px;height:100px}}.profile-view .form-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.profile-view .form-group label{font-weight:700;color:var(--muted-2);font-size:12px;text-transform:uppercase;letter-spacing:.07em}.form-input{padding:12px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);border-radius:10px;font-size:.95rem;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #d99a2e24}.form-input:disabled{background-color:var(--bg-2);color:var(--faint);cursor:not-allowed}.form-input,select.form-input{color-scheme:dark}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{flex:1;padding-right:45px}.password-toggle-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:1.1rem;padding:5px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.password-toggle-btn:hover{opacity:1}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.current-avatar{width:96px;height:96px;border-radius:26px;object-fit:cover;border:none;margin-bottom:1rem;box-shadow:0 12px 28px -10px #0009}.profile-view .avatar-wrapper{position:relative;margin-bottom:1rem;width:fit-content}.avatar-upload-btn{position:absolute;bottom:10px;right:-6px;background:linear-gradient(135deg,var(--amber-light),var(--amber-dark));color:var(--amber-ink);width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px -6px #d99a2eb3;transition:transform .2s,filter .2s;font-size:1.1rem}.avatar-upload-btn:hover{transform:scale(1.1);filter:brightness(1.05)}.avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1rem}.profile-view .avatar-option{width:56px;height:56px;border-radius:16px;cursor:pointer;border:3px solid transparent;background:var(--panel-2);transition:all .2s}.profile-view .avatar-option:hover{transform:scale(1.08)}.profile-view .avatar-option.selected{border-color:var(--amber);transform:scale(1.08);box-shadow:0 0 0 3px #d99a2e2e}.privacy-toggle{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem}.privacy-toggle .toggle-label{font-weight:700;color:var(--text)}.toggle-desc{font-size:.82rem;color:var(--muted);margin-top:.2rem}.profile-view .switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.profile-view .switch input{opacity:0;width:0;height:0}.profile-view .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--raised-2);transition:.3s;border-radius:34px}.profile-view .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text);transition:.3s;border-radius:50%}.profile-view input:checked+.slider{background-color:var(--green-dark)}.profile-view input:checked+.slider:before{transform:translate(24px);background-color:#fff}.btn-save{background:linear-gradient(135deg,var(--amber-light),var(--amber-dark));color:var(--amber-ink);padding:13px 24px;border:none;border-radius:12px;font-size:.98rem;font-weight:800;font-family:var(--font-body);cursor:pointer;transition:filter .2s,transform .12s;width:100%;margin-top:1rem;box-shadow:0 12px 28px -12px #d99a2e99}.btn-save:hover:not(:disabled){filter:brightness(1.05)}.btn-save:active{transform:scale(.99)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-google{background-color:var(--text);color:#26221c;border:none;display:flex;align-items:center;justify-content:center;gap:10px}.btn-google:hover{filter:brightness(.95)}.alert{padding:1rem;border-radius:12px;margin-bottom:1rem;font-weight:500}.alert-success{background-color:#86b25a1f;color:var(--green);border:1px solid rgba(134,178,90,.4)}.alert-error{background-color:#e0623a1f;color:var(--red-text);border:1px solid var(--red-border)}.profile-view hr{border:none!important;border-top:1px solid var(--border)!important}.account-actions .btn{max-width:240px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:320px;max-width:450px;padding:16px;background:linear-gradient(180deg,#2f2b26,#262320);border:1px solid var(--border-2);border-radius:14px;box-shadow:0 16px 40px -12px #0009;pointer-events:auto;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-achievement{background:linear-gradient(135deg,#302c25,#2a2723);border:1px solid var(--gold);box-shadow:0 16px 40px -12px #e0a63a40,0 0 0 1px #e0a63a33}.toast-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#e0a63a1f}.toast-icon img{width:100%;height:100%;object-fit:cover}.toast-content{flex:1}.toast-title{font-size:.82rem;font-weight:700;color:var(--gold);margin-bottom:4px}.toast-message{font-size:.95rem;font-weight:500;color:var(--text)}.toast-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:50%;color:var(--muted);font-size:1.2rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#ffffff29;color:var(--text)}.toast-success{border-left:4px solid var(--green)}.toast-error{border-left:4px solid var(--red-hot)}.toast-info{border-left:4px solid var(--gold)}@media(max-width:480px){.toast-container{left:10px;right:10px;transform:none}.toast{min-width:auto;max-width:none}}.tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:none;overflow-x:auto;overflow-y:hidden;background:transparent;flex-shrink:0;padding-bottom:2px}.tab-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:9px 18px;background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-family:var(--font-body);font-weight:700;color:var(--muted);white-space:nowrap;position:relative;transition:all .15s ease;font-size:13.5px;min-width:auto}.tab-btn:hover{background:var(--raised);color:var(--text-soft)}.tab-btn.active{color:#fff;border-color:var(--amber);background:var(--raised)}.tab-btn .tab-icon{width:20px;height:20px;margin-right:0;vertical-align:middle;object-fit:contain}.tab-badge{position:absolute;top:6px;right:6px;background-color:var(--red-hot);width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px var(--red-hot);z-index:10}@media(max-width:600px){.tab-btn{padding:8px 12px;font-size:.8rem;flex:1}.tab-btn .tab-icon{width:18px;height:18px}}.player-top-bar{display:flex;justify-content:space-between;align-items:center;background-color:#262320;border-bottom:1px solid var(--border);padding:.6rem 1rem;margin-bottom:.75rem;width:100%;box-sizing:border-box;gap:10px}.player-side-wrapper{display:flex;align-items:center;gap:8px}.player-card-top{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:14px;background-color:var(--panel);border:2px solid var(--border);transition:all .25s ease;min-width:150px;max-width:200px}.player-card-top.active{border-color:var(--green);background-color:#332f28;box-shadow:0 0 10px #86b25a40}.player-card-top.winner{border-color:var(--gold);background-color:#e0a63a1a}.player-card-top.loser{opacity:.65}.player-card-top.disconnected{opacity:.6;border-color:var(--faint)}.avatar-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.avatar{width:100%;height:100%;border-radius:12px;object-fit:cover;border:none}.avatar-placeholder{width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#d98a3f,#b5652a);display:flex;align-items:center;justify-content:center;font-weight:800;color:#26170a}.status-badge{position:absolute;bottom:-4px;right:-4px;font-size:11px;background:var(--panel-2);border:1px solid var(--border-2);border-radius:50%;padding:2px;line-height:1}.turn-indicator{width:10px;height:10px;background-color:var(--green);border:2px solid var(--panel);box-shadow:0 0 6px var(--green)}.player-info{display:flex;flex-direction:column;overflow:hidden}.name-row{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--text)}.player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-rating{color:#cbbf8f;font-size:.72rem;background:#3a3324;padding:1px 7px;border-radius:20px;vertical-align:middle}.timer-row{font-family:var(--font-mono);font-size:1.15rem;font-weight:500;color:var(--text-soft)}.player-card-top.active .timer-row{color:var(--green)}.game-controls-center{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.game-badges-row{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center}.game-mode-badge{font-size:.62rem;font-weight:800;color:var(--gold);border:1px solid rgba(224,166,58,.5);padding:2px 8px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;background:#e0a63a1a}.game-id{font-size:.75rem;color:var(--muted-2);font-weight:500;font-family:var(--font-mono)}.action-buttons{display:flex;gap:8px}.btn-action{border:1px solid var(--border-2);background:var(--raised);border-radius:10px;padding:5px 12px;cursor:pointer;font-size:1.1rem;transition:background .2s}.btn-action:hover{background:var(--raised-2)}.btn-resign:hover{background:var(--red-bg);border-color:var(--red-border)}.btn-draw:hover{background:var(--raised-2)}.game-result{font-weight:700;font-family:var(--font-display);color:var(--gold)}.score-box{background:var(--panel-2);color:var(--gold);font-family:var(--font-mono);font-size:1.2rem;font-weight:500;padding:4px 10px;border:1px solid var(--border-2);border-radius:10px;min-width:34px;text-align:center;box-shadow:inset 0 0 8px #e0a63a1f}.signal-icon{font-size:.6rem}@media(max-width:768px){.player-top-bar{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.player-side-wrapper{flex:1;justify-content:center;min-width:140px}.player-card-top{min-width:120px;max-width:170px;flex:1}.game-controls-center{order:3;width:100%;flex-direction:row;justify-content:center;gap:15px}}.right-sidebar{width:330px;background:var(--bg-2);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;transition:transform .3s ease;z-index:100;color:var(--text)}.right-sidebar .sidebar-header{display:flex;padding:.9rem 1rem;border-bottom:1px solid var(--border);justify-content:center;align-items:center;position:relative}.logo-container{display:flex;align-items:center;gap:10px}.sidebar-logo{height:36px;object-fit:contain}.logo-text{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text)}.right-sidebar .close-btn-mobile{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--muted)}.sidebar-tabs{display:flex;gap:8px;padding:10px 12px 0;border-bottom:1px solid var(--border)}.sidebar-tabs .tab-btn{flex:1;padding:9px 12px;background:none;border:1px solid var(--border);border-radius:10px 10px 0 0;border-bottom:none;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--muted);transition:all .15s}.sidebar-tabs .tab-btn:hover{background:var(--raised);color:var(--text-soft)}.sidebar-tabs .tab-btn.active{border-color:var(--amber);color:#fff;background:var(--raised)}.sidebar-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:99}@media(max-width:1024px){.right-sidebar{position:fixed;top:0;right:0;bottom:0;transform:translate(100%);width:80%;max-width:330px}.right-sidebar.open{transform:translate(0)}.sidebar-overlay.open,.right-sidebar .close-btn-mobile{display:block}}.analysis-tab{display:flex;flex-direction:column;gap:1.25rem}.analysis-tab .section h3{margin-top:0;margin-bottom:.6rem;font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);font-weight:700;border-bottom:1px solid var(--border);padding-bottom:8px}.game-report .report-content{background:var(--panel);border:1px solid var(--border);padding:1rem;border-radius:12px;text-align:center}.placeholder-text{color:var(--faint);font-style:italic;font-size:.85rem;margin:0}.btn-analyze{background:var(--raised);color:var(--muted);border:1px solid var(--border-2);padding:8px 16px;border-radius:10px;font-family:var(--font-body);font-weight:700;cursor:not-allowed;opacity:.7}.history-container{max-height:300px;overflow-y:auto;border:1px solid var(--border);background:var(--panel);border-radius:12px}.analysis-tab .history-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.82rem}.analysis-tab .history-table th,.analysis-tab .history-table td{padding:6px 10px;text-align:center;border-bottom:1px solid var(--row-border)}.analysis-tab .history-table th{background:var(--panel-2);color:var(--muted-2);position:sticky;top:0;font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.analysis-tab .history-table td:nth-child(2){color:#d98a3f}.analysis-tab .history-table td:nth-child(3){color:var(--piece-x)}.history-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}.btn-control{background:var(--raised);border:1px solid var(--border-2);color:var(--muted);padding:5px 15px;border-radius:8px;cursor:pointer}.btn-control:disabled{opacity:.5;cursor:not-allowed}.social-tab{display:flex;flex-direction:column;gap:1.25rem;height:100%}.social-tab .section h3{margin-top:0;margin-bottom:.6rem;font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);font-weight:700;border-bottom:1px solid var(--border);padding-bottom:8px}.btn-share{width:100%;padding:11px;background:var(--raised);color:var(--text);border:1px solid var(--border-2);border-radius:12px;cursor:pointer;font-family:var(--font-body);font-weight:700;transition:background .2s}.btn-share:hover{background:var(--raised-2)}.spectator-list{display:flex;flex-wrap:wrap;gap:6px;padding:5px 0}.spectator-avatar{width:30px;height:30px;border-radius:9px;overflow:hidden;cursor:help}.spectator-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:linear-gradient(135deg,#d98a3f,#b5652a);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#26170a}.no-spectators{color:var(--faint);font-style:italic;font-size:.85rem;margin:0}.chat-section{flex:1;display:flex;flex-direction:column;min-height:200px}.chat-messages{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel);margin-bottom:10px;font-size:.88rem}.chat-message{margin-bottom:6px;word-wrap:break-word;color:var(--text-soft)}.chat-message.system{color:var(--faint);font-style:italic;font-size:.78rem;text-align:center;margin:6px 0}.chat-message .sender{font-weight:700;color:var(--gold)}.chat-input-form{display:flex;gap:6px}.chat-input-form input{flex:1;padding:9px 12px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);border-radius:10px;font-family:var(--font-body)}.chat-input-form input:focus{outline:none;border-color:var(--amber)}.chat-input-form input::placeholder{color:var(--faint)}.chat-input-form button{padding:8px 15px;background:linear-gradient(135deg,var(--green-light),var(--green-dark));color:var(--green-ink);border:none;border-radius:10px;font-family:var(--font-body);font-weight:700;cursor:pointer}.chat-input-form button:disabled{background:var(--raised);color:var(--faint);cursor:not-allowed}.game-board-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-gradient);background-color:var(--bg-0);position:relative;color:var(--text)}.main-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.mobile-header-controls{display:none;padding:10px;background-color:var(--bg-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center}.btn-menu{background:var(--raised);border:1px solid var(--border-2);color:var(--text);padding:6px 12px;border-radius:10px;font-family:var(--font-body);font-weight:600;cursor:pointer}.btn-menu:hover{background:var(--raised-2)}.game-warning-floating{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:15;background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text);padding:12px 24px;border-radius:30px;font-weight:700;font-size:.95rem;box-shadow:0 8px 24px #00000080;animation:soft-pulse 1s infinite;pointer-events:none}.game-info-badges{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}@keyframes soft-pulse{0%{opacity:1}50%{opacity:.85}to{opacity:1}}.game-finished-controls{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:20;animation:drop-in .5s ease-in-out;pointer-events:auto}.btn-back-lobby{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--green-light),var(--green-dark));color:var(--green-ink);border:none;padding:10px 24px;border-radius:30px;font-family:var(--font-body);font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 12px 28px -10px #6b9a3fb3;transition:transform .2s,box-shadow .2s,filter .15s;white-space:nowrap}.btn-back-lobby:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-back-lobby:active{transform:translateY(0)}.btn-back-lobby svg{width:20px;height:20px}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.board-scroll-container{flex:1;overflow:auto;padding:18px 10px;text-align:center}.board-wrapper{display:inline-block;margin:0 auto;padding:12px;border-radius:16px;background:linear-gradient(145deg,var(--wood-1),var(--wood-2));box-shadow:0 20px 46px -18px #000000bf,inset 0 2px 3px #ffffff1f,inset 0 -3px 6px #0006}.board{display:grid;gap:1px;background-color:var(--wood-line);border:1px solid var(--wood-edge);border-radius:6px;overflow:hidden}.cell{background-color:var(--cell-bg);display:flex;justify-content:center;align-items:center;width:34px;height:34px;cursor:default;-webkit-user-select:none;user-select:none;position:relative}.cell.clickable{cursor:pointer}.cell.clickable:hover{background-color:var(--cell-hover)}.piece{position:relative;z-index:1;animation:ll-pop .28s cubic-bezier(.34,1.56,.64,1)}.piece-o{display:block;width:22px;height:22px;border-radius:50%;border:5px solid var(--piece-o);box-sizing:border-box;box-shadow:0 2px 3px #00000047,inset 0 1px 1px #ffffff80}.piece-x{display:block;width:24px;height:24px}.xbar{position:absolute;top:10px;left:0;width:24px;height:4.5px;border-radius:3px;background:linear-gradient(180deg,var(--piece-x),var(--piece-x-deep));box-shadow:0 1px 2px #0000004d}.xbar-a{transform:rotate(45deg)}.xbar-b{transform:rotate(-45deg)}.last-move:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e0a63a52;box-shadow:inset 0 0 0 2px #e0a63ad9;border-radius:0;pointer-events:none}.winning-cell{background-color:var(--cell-bg)!important}.winning-cell:before{content:"";position:absolute;inset:0;background:#86b25a66;animation:ll-winglow 1.1s ease-in-out infinite;pointer-events:none}.cell.scored-X{background-color:color-mix(in srgb,var(--piece-x) 38%,var(--cell-bg))!important}.cell.scored-O{background-color:color-mix(in srgb,var(--piece-o) 34%,var(--cell-bg))!important}@media(max-width:768px){.cell{width:27px;height:27px}.piece-o{width:18px;height:18px;border-width:4px}.piece-x{width:19px;height:19px}.xbar{top:7.5px;width:19px;height:4px}.board-wrapper{padding:8px;border-radius:12px}.board-scroll-container{padding:8px 5px}}.ad-placeholder-bottom{height:56px;background-color:var(--bg-2);color:var(--faint);font-size:.85rem;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--border)}.overlay{position:fixed;inset:0;background:#0f0d0bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:linear-gradient(180deg,#2f2b26,#262320);border:1px solid var(--border-2);padding:30px 26px;border-radius:22px;text-align:center;max-width:90%;width:400px;box-shadow:0 30px 70px -20px #000c;color:var(--text);animation:ll-rise .35s ease}.modal h2{margin:0 0 6px;font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em}.modal p{color:var(--muted);font-size:14px;margin:6px 0 0}.modal-buttons{margin-top:22px;justify-content:center}.result-modal{width:380px}.result-emblem{width:74px;height:74px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#55504740,#3a352e)}.result-emblem.win{background:linear-gradient(135deg,var(--green-light),#5f8c3c)}.result-emblem.lose{background:linear-gradient(135deg,var(--red-border),var(--red-bg))}.result-emblem.draw{background:linear-gradient(135deg,#55504740,#3a352e)}@media(min-width:769px){.game-board-layout{flex-direction:row}.main-content-area{flex:1}}@media(max-width:1024px){.mobile-header-controls{display:flex}.ad-placeholder-bottom{height:48px}}