*{box-sizing:border-box}body{color:#fff;background:#050816;margin:0;font-family:Inter,Arial,sans-serif}button{cursor:pointer;color:#fff;border:none;font-size:16px;transition:all .2s}button:hover{transform:translateY(-3px)}input{outline:none}.landing-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.landing-header{box-sizing:border-box;background:#181818;border-bottom:1px solid #292929;flex-shrink:0;justify-content:space-between;align-items:center;height:90px;padding:0 45px;display:flex}.landing-logo{color:#f2f2f2;letter-spacing:2px;background:#202020;border:1px solid #292929;border-radius:4px;justify-content:center;align-items:center;height:60px;padding:0 35px;font-size:32px;font-weight:800;display:flex}.get-started{color:#f2f2f2;cursor:pointer;background:#242424;border:1px solid #333;border-radius:4px;height:60px;padding:0 45px;font-size:20px;font-weight:700;transition:all .2s}.get-started:hover{background:#333}.get-started:active{transform:scale(.96)}.landing-preview{aspect-ratio:1;background:#111;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:auto;height:100%;display:flex;overflow:hidden}.login-game-square{justify-content:center;align-items:center;display:flex;position:relative}.login-game-square.light-square{background:#252f38}.login-game-square.dark-square{background:#1d252c}.login-player-zone.light-square{background:#1d2940}.login-player-zone.dark-square{background:#172033}.login-ai-zone.light-square{background:#1b1b1b}.login-ai-zone.dark-square{background:#151515}.login-player-piece,.login-opponent-piece{border:2px solid #fff;border-radius:8px;width:70%;height:70%}.login-player-piece{background:#2563eb}.login-opponent-piece{background:#050505}.drag-highlight{box-shadow:inset 0 0 0 3px #3b82f6}.drag-piece{pointer-events:none;z-index:100;width:55px;height:55px;position:fixed;transform:translate(-50%,-50%)}.landing-content{flex:1}.landing-footer a{cursor:pointer}@media (width<=1100px){.landing-preview{display:none}}@media (width<=900px){.landing-header{padding:0 20px}.landing-logo{padding:0 20px;font-size:24px}.get-started{height:50px;padding:0 25px;font-size:16px}}.landing-footer{display:none}.login-board-preview{aspect-ratio:1;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:calc(100vh - 90px);max-width:100vw;height:calc(100vh - 90px);max-height:100vh;display:grid;position:fixed;top:90px;left:0;overflow:hidden}@media (width>=1101px){.landing-preview,.login-board-preview{width:calc(100vh - 90px);height:calc(100vh - 90px)}}.landing-body{flex:1;min-height:0;overflow:hidden}.landing-preview{background:#111;flex:none;width:calc(100vh - 90px);height:calc(100vh - 90px);display:block;overflow:hidden}.login-board-preview{grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:calc(100vh - 90px);height:calc(100vh - 90px);display:grid;overflow:hidden}.landing-body{flex:1;min-height:0;display:flex;overflow:hidden}.login-board-preview{aspect-ratio:1;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid;overflow:hidden}.landing-preview{background:#111;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:calc(100vh - 90px);height:100%;display:flex;overflow:hidden}.login-board-preview{box-sizing:border-box;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:calc(100vh - 90px);height:calc(100vh - 90px);display:grid;position:relative;overflow:hidden}html,body,#root{overflow:hidden}.login-board-preview{box-sizing:border-box!important;overflow:hidden!important}.login-game-square{box-sizing:border-box!important;min-width:0!important;min-height:0!important}.landing-board{width:100%!important;height:100%!important}.login-board{width:auto;height:auto}.landing-scroll{background:#111;flex:1;overflow:hidden auto}.landing-top-content{align-items:flex-start;width:100%;display:flex}.landing-preview{flex-shrink:0;width:calc(100vh - 90px);height:calc(100vh - 90px)}.landing-description{max-width:750px;padding:50px}.landing-description h1{margin:0 0 20px;font-size:60px}.landing-description h2{margin-top:45px;margin-bottom:10px;font-size:30px}.landing-description p{color:#aaa;font-size:18px;line-height:1.8}.landing-bottom-text h2{margin-top:0;font-size:35px}.landing-bottom-text p{color:#aaa;max-width:1100px;font-size:18px;line-height:1.8}@media (width<=1100px){.landing-description{padding:30px}.landing-preview{display:none}}.landing-top-content{position:relative}.landing-description{height:calc(100vh - 90px);overflow:hidden}.landing-bottom-text{box-sizing:border-box;width:100%;margin-top:0;padding:50px}.landing-bottom-text h2{margin-top:0}.landing-page{height:100vh;min-height:100vh;overflow-y:auto}.landing-body{min-height:calc(100vh - 90px);display:flex;overflow:visible}.landing-content{padding:50px;overflow:visible}.landing-bottom-text{box-sizing:border-box;width:100%;padding:50px}.landing-footer{color:#777;background:#181818;border-top:1px solid #292929;flex-shrink:0;justify-content:center;align-items:center;gap:18px;height:70px;font-size:14px;display:flex}.landing-footer a{cursor:pointer;color:#999;transition:all .2s}.landing-footer a:hover{color:#fff}.footer-link{color:#999;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;transition:all .2s}.footer-link:hover{color:#fff}.landing-info-section{scroll-margin-top:20px}.landing-board{background:#000!important}.landing-board .login-game-square{position:relative;overflow:hidden;box-sizing:border-box!important;background:#000!important;border:none!important;border-radius:0!important}.landing-board .login-game-square:before{content:"";z-index:0;background:#8fa8bc;position:absolute;inset:1px}.landing-board .login-game-square.dark-square:not(.login-player-zone):not(.login-ai-zone):before{background:#63717c!important}.landing-board .login-game-square.login-player-zone:before{background:#1d2940!important}.landing-board .login-game-square.login-ai-zone:before{background:#111!important}.landing-board .login-game-square>*{z-index:1;position:relative}.landing-page-nav{align-items:center;gap:8px;display:flex}.landing-page-button{color:#aaa;letter-spacing:.8px;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:12px;font-weight:800;transition:color .15s,background .15s}.landing-page-button:hover,.landing-page-button.active{color:#fff;background:#181818}.landing-text-page{box-sizing:border-box;width:100%;max-width:950px;margin:0 auto;padding:55px 40px 80px}.landing-text-page h1{color:#fff;letter-spacing:.3px;margin:0 0 8px;font-size:34px;font-weight:800}.landing-page-updated{color:#777;margin:0 0 38px;font-size:12px}.landing-text-page h2{color:#f2f2f2;margin:36px 0 12px;font-size:20px;font-weight:800}.landing-text-page p{color:#bfc3c6;margin:0 0 18px;font-size:15px;line-height:1.8}.landing-text-page strong{color:#fff}@media (width<=700px){.landing-page-nav{gap:2px}.landing-page-button{padding:8px 7px;font-size:10px}.landing-text-page{padding:35px 20px 60px}.landing-text-page h1{font-size:27px}.landing-text-page h2{font-size:18px}.landing-text-page p{font-size:14px}}.landing-text-page a{color:#9eb8cc;font-weight:700;text-decoration:none}.landing-text-page a:hover{text-decoration:underline}@media (width<=700px){.landing-page-nav{justify-content:center;align-items:stretch;z-index:9999!important;box-sizing:border-box!important;background:#181818!important;border-top:1px solid #292929!important;gap:0!important;width:100%!important;height:58px!important;padding:0!important;display:none!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.landing-page-button{color:#999!important;letter-spacing:.6px!important;cursor:pointer!important;background:0 0!important;border:none!important;flex:1!important;justify-content:center!important;align-items:center!important;height:58px!important;padding:0 8px!important;font-size:10px!important;font-weight:800!important;display:flex!important}.landing-page-button.active{color:#fff!important;background:#222!important}.landing-page-button:hover{color:#fff!important;background:#202020!important}.landing-scroll{box-sizing:border-box!important;padding-bottom:70px!important}.landing-page-nav{z-index:9999!important;box-sizing:border-box!important;background:#181818!important;border-top:1px solid #292929!important;width:100%!important;height:58px!important;display:none!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.landing-page-nav.mobile-nav-visible{display:flex!important}}.landing-page-button{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:flex}.cookie-consent{box-sizing:border-box;z-index:100000;background:#181818;border:1px solid #333;border-radius:4px;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex;position:fixed;bottom:24px;left:24px;right:24px}.cookie-consent-content{flex:1;min-width:0}.cookie-consent-content strong{color:#fff;margin-bottom:7px;font-size:15px;font-weight:800;display:block}.cookie-consent-content p{color:#aaa;margin:0;font-size:13px;line-height:1.6}.cookie-consent-content a{color:#9eb8cc;font-weight:700;text-decoration:none}.cookie-consent-content a:hover{text-decoration:underline}.cookie-consent-actions{flex-shrink:0;gap:10px;display:flex}.cookie-consent-actions button{color:#f2f2f2;cursor:pointer;background:#242424;border:1px solid #444;border-radius:4px;height:40px;padding:0 18px;font-size:13px;font-weight:700}.cookie-consent-actions button:hover{background:#333}#cookie-consent-accept{color:#fff;background:#3b82f6;border-color:#3b82f6}#cookie-consent-accept:hover{background:#2563eb}.cookie-settings{color:#999;cursor:pointer;z-index:99999;background:#181818;border:1px solid #333;border-radius:4px;height:34px;padding:0 12px;font-size:11px;font-weight:700;display:block;position:fixed;bottom:18px;left:18px}.cookie-settings:hover{color:#fff;background:#222}.cookie-consent{z-index:100000;box-sizing:border-box;position:fixed;bottom:24px;left:24px;right:24px}@media (width<=700px){.cookie-consent{flex-direction:column;align-items:stretch;gap:14px;padding:16px;bottom:12px;left:12px;right:12px}.cookie-consent-actions{width:100%}.cookie-consent-actions button{flex:1}.cookie-settings{bottom:12px;left:12px}}.app{color:#fff;background:#111;height:100vh;display:flex}button{cursor:pointer;font-family:inherit;transition:background .2s,transform .12s,color .2s}button:active{transform:scale(.97)}.sidebar{background:#151515;border-right:1px solid #242424;flex-direction:column;width:205px;height:100vh;padding:15px 0;display:flex}.logo{letter-spacing:2px;color:#f2f2f2;background:#1d1d1d;border-radius:4px;justify-content:center;align-items:center;height:55px;margin:0 15px 15px;font-size:30px;font-weight:800;transition:all .2s;display:flex}.logo:hover{background:#252525}.nav{flex-direction:column;width:100%;display:flex}.nav button{color:#999;text-align:left;background:#151515;border:none;border-radius:0;align-items:center;gap:14px;width:100%;height:48px;padding-left:24px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.nav button span{width:25px;font-size:20px}.nav button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:all .35s;position:absolute;top:0;left:-100%}.nav button:hover:after{left:100%}.nav button:hover{color:#fff;background:#222}.nav button.selected{color:#fff;background:#242424}.player-card{background:#202020;border-radius:5px;align-items:center;gap:12px;height:65px;margin-top:auto;margin-left:15px;margin-right:15px;padding:15px;display:flex}.avatar{background:#333;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;display:flex}.player-info h3{margin:0;font-size:16px}.player-info p{color:#888;margin:5px 0 0;font-size:14px}.main-content{box-sizing:border-box;background:#111;flex:1;min-height:0;padding:20px 25px;overflow:hidden auto}.page-header p{color:#888;margin:5px 0 15px;font-size:17px}.dashboard{width:100%;max-width:none;animation:.3s fade}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header h1{margin:0;font-size:42px}.page-header p{color:#888;font-size:17px}.play-layout{grid-template-columns:minmax(400px,650px) 300px;gap:25px;margin-top:45px;display:grid}.main-play-card,.profile-card,.leaderboard-card,.settings-card,.info-box{background:#181818;border-radius:6px}.main-play-card{text-align:center;padding:45px}.rating-area p{color:#888;letter-spacing:2px;font-size:14px}.rating-area h2{margin:10px 0 35px;font-size:95px}.mode-selector{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.mode-selector button{color:#aaa;background:#242424;border-radius:5px;padding:12px 35px}.match-button{color:#fff;background:#3b82f6;border-radius:6px;width:100%;height:80px;font-size:28px;font-weight:700}.match-button:hover{background:#2563eb}.online-count{color:#888;margin-top:25px}.side-info{flex-direction:column;gap:20px;display:flex}.info-box{padding:25px}.info-box h3{margin-top:0}.info-box p{color:#888}.profile-card{padding:35px}.profile-top{align-items:center;gap:20px;display:flex}.big-avatar{background:#333;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:40px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0;display:grid}.stats div{text-align:center;background:#202020;border-radius:5px;padding:20px}.stats h2{color:#3b82f6;margin:0}.leaderboard-card{padding:25px}.leader-row{background:#202020;border-radius:5px;align-items:center;height:70px;margin-bottom:10px;padding:0 20px;display:flex}.leader-row.current{border-left:5px solid #3b82f6}.rank{width:80px}.leader-name{flex:1;font-weight:700}.leader-rating{color:#3b82f6;font-size:22px}.settings-card{padding:30px}.setting-option{cursor:pointer;background:#202020;border-radius:5px;align-items:center;height:90px;margin-bottom:15px;padding:0 25px;transition:all .25s;display:flex;overflow:hidden}.setting-option h2{margin:0;font-size:22px}.setting-description{color:#888;margin-top:8px;transition:all .2s}.setting-option:hover{background:#292929;border-color:#333;transform:translate(3px)}.setting-option h2{margin:0 0 8px}.setting-option p{color:#888;margin:0}@media (width<=900px){.settings-page .setting-option p{display:none}.sidebar{width:85px}.logo{font-size:24px}.nav button{padding-left:25px;font-size:0}.player-card{margin:10px}.main-content{padding:20px}.play-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}.login-page{background:#111;justify-content:flex-start;align-items:flex-end;height:100vh;display:flex}.login-panel{background:#181818;flex-direction:column;justify-content:center;align-items:center;width:510px;height:100vh;display:flex;position:relative}.login-box{text-align:center;background:#181818;border:1px solid #292929;border-radius:6px;width:420px;padding:45px;box-shadow:0 15px 40px #00000080}.login-box h1{letter-spacing:2px;margin:0 0 10px;font-size:65px}.login-box p{color:#888;letter-spacing:2px;margin-bottom:35px;font-size:14px}.login-box input{color:#fff;background:#111;border:1px solid #333;border-radius:5px;width:100%;height:55px;margin-bottom:15px;padding:0 18px;font-size:16px}.login-box input:focus{border-color:#3b82f6;outline:none}.login-box button{color:#fff;background:#3b82f6;border-radius:5px;width:100%;height:55px;margin-top:10px;font-size:17px;font-weight:700}.login-box button:hover{background:#2563eb}.login-box .create-account{color:#ccc;background:#242424!important}.login-box .create-account:hover{color:#fff;background:#333!important}.mode-selector button{position:relative;overflow:hidden}.mode-selector button:after{content:"";opacity:0;background:#fff;transition:all .2s;position:absolute;inset:0}.mode-selector button:hover:after{opacity:.05}.mode-selector .mode-active{color:#fff;background:#3b82f6}.casual-area{padding:35px 0}.casual-area h2{margin:0;font-size:45px}.casual-area p{color:#888}.main-content{position:relative}.top-actions{gap:10px;display:flex;position:absolute;top:20px;right:30px}.top-actions button{color:#aaa;background:#202020;border-radius:5px;width:42px;height:42px;font-size:18px}.top-actions button:hover{color:#fff;background:#2b2b2b}.nav button span{font-size:24px;font-weight:700}.match-button{position:relative;overflow:hidden}.match-button:active{transform:scale(.96)}.search-status{color:#aaa;justify-content:center;align-items:center;gap:12px;margin-top:25px;display:flex}.spinner{border:3px solid #333;border-top-color:#24405c;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-mode{background:#111;height:100vh}.game-panel{flex-direction:column;flex-shrink:0;justify-content:space-between;width:320px;padding:20px;display:flex}.player-box{text-align:center;background:#1b1b1b;border-radius:6px;padding:25px}.player-box h2{margin:0}.game-timer{margin-top:15px;font-size:40px;font-weight:700}.forfeit{background:#991b1b;height:55px;font-size:18px}.winner{background:#1b1b1b;padding:40px;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-screen,.game-finished{box-sizing:border-box;background:#111;gap:0;width:100vw;height:100vh;display:flex;overflow:hidden}.game-square{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.game-square.light-square{background:#292929}.game-square.player-zone.light-square{background:#1d2940}.game-square.player-zone.dark-square{background:#172033}.game-square.ai-zone.light-square{background:#1b1b1b}.game-square.ai-zone.dark-square{background:#151515}.player-piece,.opponent-piece{border:2px solid #fff;border-radius:8px;width:70%;height:70%}.game-panel{box-sizing:border-box;background:#111;flex-direction:column;justify-content:space-between;gap:20px;width:380px;height:100vh;padding:35px;display:flex}.player-name-box{box-sizing:border-box;background:#1c1c1c;border-radius:6px;justify-content:space-between;align-items:center;height:90px;padding:20px;font-size:22px;display:flex}.player-name-box span{color:#aaa;margin-left:8px;font-size:15px}.game-timer{background:#191919;border-radius:5px;justify-content:center;align-items:center;height:80px;font-size:38px;font-weight:700;display:flex}.action-toggle,.forfeit{cursor:pointer;border:none;border-radius:5px;height:55px;font-size:18px;font-weight:700;transition:all .15s}.action-toggle{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;height:75px;font-size:24px;font-weight:700}.forfeit{color:#fff;cursor:pointer;background:#1c1c1c;border:none;border-radius:6px;height:65px;font-size:20px;font-weight:700}.forfeit:hover{background:#333}.result-popup{z-index:1000;text-align:center;background:#1c1c1c;border:1px solid #333;border-radius:6px;width:350px;padding:35px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c}.result-popup h1{margin-bottom:15px;font-size:38px}.result-popup p{color:#aaa;font-size:24px}.result-popup button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;width:100%;height:50px;margin-top:20px;font-size:18px;font-weight:700}.result-popup button:hover{background:#1d4ed8}.confirm-popup{z-index:1100;text-align:center;background:#1c1c1c;border:1px solid #333;border-radius:6px;width:340px;padding:35px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c}.confirm-popup button{color:#fff;cursor:pointer;background:#303030;border:none;border-radius:5px;width:110px;height:45px;margin:10px}.confirm-popup button:hover{background:#3a3a3a}.game-finished{position:relative}.play-container{background:#111;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.play-title{letter-spacing:2px;margin-bottom:35px;font-size:52px}.play-mode-buttons{width:420px;display:flex}.play-mode-buttons button{color:#888;cursor:pointer;background:#1c1c1c;border:none;flex:1;height:55px;font-size:18px;transition:all .15s}.play-mode-buttons button:hover{color:#fff;background:#292929}.play-mode-buttons .active-mode{color:#fff;background:#303030}.match-panel{background:#1b1b1b;border-radius:6px;flex-direction:column;gap:25px;width:420px;margin-top:20px;padding:35px;display:flex}.rating-box{background:#242424;flex-direction:column;justify-content:center;align-items:center;height:120px;display:flex}.rating-box p{color:#888;margin:0;font-size:16px}.rating-box h2{margin:5px;font-size:45px}.find-match{color:#fff;cursor:pointer;background:#6a89a7;border:none;border-radius:5px;height:75px;font-size:24px;font-weight:700;transition:all .15s}.find-match:hover{background:#24405c}.find-match:active{transform:scale(.97)}.search-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.search-box{text-align:center;background:#1c1c1c;border:1px solid #333;border-radius:6px;width:380px;padding:40px}.search-box h1{font-size:28px}.search-box p{color:#888}.loading-circle{border:4px solid #333;border-top-color:#24405c;border-radius:50%;width:45px;height:45px;margin:25px auto;animation:1s linear infinite spin}.wall-piece{z-index:3;background:#f5f5f5;position:absolute}.power-display{color:#aaa;margin-top:5px;font-size:16px}.wall-piece{border-radius:2px;width:90%;height:10px}.intersections{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.intersection{pointer-events:auto;background:0 0;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.edge-wall{z-index:5;background:#fff;border-radius:4px;position:absolute;transform:translateY(-50%)}.wall-preview{opacity:.7;z-index:4;background:#2563eb;border-radius:4px;position:absolute}.power-display{font-size:18px;font-weight:600}.player-name-box{justify-content:space-between;align-items:center;display:flex}.player-name{font-size:18px}.game-panel{box-sizing:border-box;background:#111;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:20px;width:380px;height:100vh;padding:35px;display:flex}.popup-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-popup,.result-popup{text-align:center;background:#181818;border:1px solid #333;border-radius:10px;width:350px;padding:35px;box-shadow:0 0 40px #000000b3}.confirm-popup button,.result-popup button{color:#fff;cursor:pointer;background:#222;border:1px solid #444;margin:10px;padding:12px 30px}.confirm-popup button:hover,.result-popup button:hover{background:#2563eb}.friends-layout{grid-template-columns:2fr 1fr;align-items:stretch;gap:20px;display:grid}.friends-search-card,.friends-list-card{background:#222;border-radius:12px;padding:24px}.friends-search{color:#fff;background:#2d2d2d;border:none;border-radius:8px;outline:none;width:100%;margin-top:16px;padding:14px;font-size:16px}.friends-search:focus{box-shadow:0 0 0 2px #3b82f6}.friends-results,.friends-list{min-height:320px;margin-top:20px}.empty-text{color:#888;text-align:center;margin-top:120px}.friends-result-row{background:#2a2a2a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px;display:flex}.friend-result button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 18px}.friend-result button:hover{opacity:.85}.friends-results{max-height:600px;overflow-y:auto}.friends-result-row{background:#2a2a2a;border:1px solid #333;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.friends-result-row:hover{background:#333}.friend-player-info{align-items:center;gap:12px;display:flex}.friend-avatar{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:flex}.friend-player-info h3{margin:0;font-size:16px}.add-friend-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:700}.friend-request-row{background:#2a2a2a;border:1px solid #333;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;display:flex}.accept-friend-button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:8px 12px;font-weight:700}.accept-friend-button:hover{background:#16a34a}.decline-friend-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 12px;font-weight:700}.decline-friend-button:hover{background:#dc2626}.friends-list-column{flex-direction:column;gap:35px;display:flex}.dashboard{min-height:100%}.dashboard::-webkit-scrollbar{display:none}.sent-text{color:#3b82f6;box-sizing:border-box;align-items:center;height:38px;padding:10px 18px;font-weight:700;display:flex}.mobile-header,.mobile-overlay{display:none}@media (width<=900px){.mobile-header{z-index:1000;background:#111;align-items:center;height:60px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.menu-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.mobile-logo{color:#fff;margin-left:15px;font-size:24px;font-weight:700}.sidebar{z-index:1100;flex-direction:column;width:260px;transition:all .25s;display:flex;position:fixed;top:0;bottom:0;left:-205px}.sidebar.mobile-open{left:0}.sidebar .nav{width:100%}.sidebar .nav button{white-space:nowrap;align-items:center;gap:12px;width:100%;display:flex}.sidebar .player-card{margin-top:auto}.mobile-overlay{z-index:1050;background:#0009;display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0;padding-top:75px}.sidebar.mobile-open .nav button{font-size:16px;color:#fff!important;overflow:visible!important}.sidebar.mobile-open .nav button *{visibility:visible!important;opacity:1!important;display:inline!important}.friends-layout{flex-direction:column;gap:20px;width:100%;display:flex}.friends-search-card{width:100%;min-height:auto}.friends-list-column{gap:20px;width:100%}.friends-list-card{width:100%}.friends-search,.friends-result-row{box-sizing:border-box;width:100%}.friends-results,.friends-list{max-height:400px;overflow-y:auto}.friend-request-row{box-sizing:border-box;width:100%}.settings-page .setting-option p{display:none}}.search-mode-container{background:#d0d0d0;border-radius:4px;justify-content:center;align-items:center;width:260px;height:55px;display:flex}.search-time{color:#222;font-size:20px;font-weight:600}.searching-panel{position:relative;overflow:hidden}.searching-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#24405c,#24405c) border-box;border:3px solid #0000;animation:2s linear infinite search-border;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes search-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cancel-match{cursor:pointer;background:#bdbdbd;border:none;width:180px;height:55px;font-size:20px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cancel-match:hover{background:#cfcfcf}.search-time-box{color:#e5e5e5;box-sizing:border-box;background:#252525;border-radius:4px;justify-content:center;align-items:center;width:100%;height:52px;font-size:18px;font-weight:600;display:flex}.match-history-row{background:#2a2a2a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px;display:flex}.match-history-row h3{margin:0;font-size:16px}.match-history-row p{color:#888;margin:4px 0 0;font-size:14px}.rating-change.win{color:#22c55e}.rating-change.loss{color:#ef4444}.settings-menu .setting-option{cursor:pointer}.settings-menu .setting-option:hover{background:#292929}.setting-option button{min-width:55px}.settings-back{color:#fff;cursor:pointer;background:#242424;border:1px solid #333;border-radius:5px;margin-bottom:25px;padding:10px 20px}.settings-back:hover{background:#333}.settings-layout{align-items:flex-start;gap:25px;display:flex}.settings-card{flex:1;transition:width .35s,flex .35s}.settings-layout.panel-open .settings-card{flex:0 0 205px}@media (width<=900px){.settings-layout.panel-open .settings-card{flex:0 0 54px;padding:30px 4px}.settings-layout.panel-open .settings-panel{flex:1;min-width:0;margin-left:6px}}.settings-panel{opacity:0;background:#181818;border-radius:6px;flex:1;padding:30px;animation:.28s forwards settingsSlide;transform:translate(25px)}.panel-info{background:#202020;border-radius:5px;margin-bottom:15px;padding:18px}.panel-info label{color:#888;margin-bottom:8px;font-size:14px;display:block}.delete-button{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:5px;margin-top:20px;padding:14px 30px;font-weight:700}.delete-button:hover{background:#991b1b}@keyframes settingsSlide{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.setting-option.selected{background:#2b2b2b;border-left:4px solid #3b82f6}.settings-layout.panel-open .setting-option{width:230px}.settings-layout.panel-open .setting-description{display:none}.settings-layout.panel-open .setting-option h2{transform:translateY(0)}.settings-action-button{color:#fff;cursor:pointer;background:#242424;border:1px solid #444;border-radius:5px;width:100%;height:60px;margin-top:25px;font-size:20px;font-weight:700;transition:all .15s}.settings-action-button:hover{background:#2563eb;border-color:#2563eb}.settings-action-button.delete-hover:hover{background:#dc2626;border-color:#dc2626}.settings-action-button:active,.danger-button:active{transform:scale(.97)}.delete-confirm-box{text-align:center;background:#202020;border:1px solid #333;border-radius:5px;margin-top:25px;padding:25px;animation:.2s fade}.delete-confirm-box h2{margin:0 0 10px}.delete-confirm-box p{color:#888}.delete-confirm-buttons{gap:15px;margin-top:20px;display:flex}.delete-confirm-buttons button{cursor:pointer;border:none;border-radius:5px;flex:1;height:55px;font-size:18px;font-weight:700;transition:all .15s}.confirm-yes{color:#fff;background:#242424;border:1px solid #444}.confirm-yes:hover{background:#dc2626;border-color:#dc2626}.confirm-no{color:#fff;background:#242424;border:1px solid #444!important}.confirm-no:hover{background:#2563eb;border-color:#2563eb!important}.delete-confirm-buttons .confirm-yes{color:#fff!important;background:#242424!important;border:1px solid #444!important}.delete-confirm-buttons .confirm-yes:hover{background:#dc2626!important;border:1px solid #dc2626!important}.account-setting-box{background:#202020;border-radius:5px;flex-direction:column;gap:10px;margin-top:15px;padding:20px;display:flex}.account-setting-box label{color:#aaa;font-size:14px}.account-setting-box input{color:#fff;background:#111;border:1px solid #444;border-radius:5px;height:45px;padding:0 15px;font-size:16px}.account-setting-box input:focus{border-color:#2563eb;outline:none}.saved-message{color:#3b82f6;margin-top:15px;font-weight:700}.account-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;display:grid}.account-stats div{text-align:center;background:#202020;border-radius:5px;padding:20px}.account-stats h3{color:#888;margin:0;font-size:14px}.account-stats p{color:#3b82f6;margin:10px 0 0;font-size:30px;font-weight:700}.error-message{color:#ef4444;margin-top:15px;font-weight:700}.setting-description{display:none}.leader-row{cursor:pointer;transition:all .15s}.leader-player-stats{background:#1b1b1b;border:1px solid #333;border-radius:5px;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;padding:15px;animation:.2s fade;display:grid}.leader-player-stats div{text-align:center;background:#202020;border-radius:5px;padding:15px}.leader-player-stats h2{color:#3b82f6;margin:0;font-size:28px}.leader-player-stats p{color:#888;margin:5px 0 0;font-size:14px}@media (width<=900px){.leader-player-stats{grid-template-columns:repeat(2,1fr)}}.site-links{color:#777;z-index:10;align-items:center;gap:18px;font-size:13px;display:flex;position:absolute;top:20px;right:35px}.site-links p{color:#aaa;margin:0}.site-links a{cursor:pointer;transition:all .2s}.site-links a:hover{color:#3b82f6}.login-footer{color:#777;justify-content:center;align-items:center;gap:18px;width:100%;margin-top:auto;padding-bottom:25px;font-size:14px;display:flex}.login-footer p{color:#aaa;margin:0;font-weight:500}.login-footer a{cursor:pointer;transition:all .2s}.login-footer a:hover{color:#3b82f6}.info-page-card{background:#181818;border-radius:6px;max-width:800px;padding:35px}.info-page-card h2{margin-top:25px}.info-page-card p{color:#aaa;font-size:17px;line-height:1.6}.info-page-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;margin-top:30px;padding:14px 35px;font-weight:700}.info-page-card button:hover{background:#3b82f6}.public-card{background:#181818;border-radius:6px;max-width:850px;padding:40px;animation:.3s fade}.public-card h2{margin-top:25px;font-size:24px}.public-card h2:first-child{margin-top:0}.public-card p{color:#aaa;font-size:17px;line-height:1.7}.public-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;height:50px;margin-top:35px;padding:0 40px;font-size:16px;font-weight:700}.public-card button:hover{background:#3b82f6}.contact-box{color:#fff;background:#202020;border:1px solid #333;border-radius:6px;margin-top:20px;padding:18px;font-size:18px;text-decoration:none;transition:all .2s;display:block}.info-card{box-sizing:border-box;background:#181818;border:1px solid #292929;border-radius:8px;width:800px;padding:45px;animation:.3s fade;box-shadow:0 15px 40px #00000059}.info-card h1{text-align:center;margin:0 0 20px;font-size:42px}.info-card h2{margin-top:35px;font-size:24px}.info-card p{color:#aaa;font-size:16px;line-height:1.7}.info-card ul{color:#aaa;line-height:1.8}.info-card a{color:#3b82f6;text-decoration:none}.info-card a:hover{text-decoration:underline}.contact-box{text-align:center;color:#fff;background:#202020;border:1px solid #333;border-radius:6px;margin-top:25px;padding:18px;font-size:18px;transition:all .2s}.contact-box:hover{background:#2563eb}@media (width<=900px){.info-page{padding:30px 15px}.info-card{width:100%;padding:25px}.info-card h1{font-size:32px}}.info-page{box-sizing:border-box;justify-content:center;width:100%;min-height:100%;padding:40px;display:flex}.app,.main-content,.dashboard,.info-page{min-height:100%;background:#111!important}.info-page{box-sizing:border-box;justify-content:center;width:100%;padding:60px 40px;display:flex}.info-card{background:#181818}html,body,#root{background:#111;height:100%;margin:0}.app,.main-content,.dashboard{background:#111;min-height:100vh}.info-page{box-sizing:border-box;background:#111;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:40px;display:flex}.scroll-card{flex-direction:column;width:750px;max-height:75vh;display:flex}.scroll-content{margin-top:20px;padding-right:15px;overflow-y:auto}.scroll-content::-webkit-scrollbar{width:8px}.scroll-content::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.scroll-content::-webkit-scrollbar-track{background:#111}.info-card{box-sizing:border-box}.info-card h1{text-align:center;margin-bottom:30px}.info-card h2{margin-top:30px}.info-card p{color:#aaa;line-height:1.8}.privacy-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);display:flex;position:relative}.privacy-title-box{text-align:center;box-sizing:border-box;background:#181818;border:1px solid #292929;border-radius:8px;width:min(750px,92vw);padding:25px}.privacy-title-box h1{margin:0;font-size:42px}.privacy-content-box{box-sizing:border-box;background:#181818;border:1px solid #292929;border-radius:8px;width:min(750px,92vw);height:min(500px,70vh);padding:35px}.privacy-scroll{height:100%;padding-right:15px;overflow-y:auto}.privacy-scroll::-webkit-scrollbar{width:8px}.privacy-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.privacy-scroll h2{margin-top:25px}.privacy-scroll p{color:#aaa;font-size:16px;line-height:1.8}body{margin:0;overflow-x:hidden}.contact-email{color:#4da3ff;font-size:18px;text-decoration:none}.contact-email:hover{text-decoration:underline}.info-back-button{color:#fff;cursor:pointer;background:#181818;border:1px solid #292929;border-radius:8px;padding:14px 24px;font-size:16px;transition:all .2s;position:absolute;top:30px;left:30px}.info-back-button:hover{background:#242424}@media (width<=768px){.info-back-button{padding:10px 18px;font-size:15px;top:15px;left:15px}.privacy-title-box{padding:18px}.privacy-title-box h1{font-size:30px}.privacy-content-box{height:65vh;padding:20px}.privacy-scroll h2{font-size:22px}.privacy-scroll p{font-size:15px;line-height:1.6}}@media (width<=900px){.settings-layout.panel-open .setting-option{border-radius:5px;justify-content:center;width:46px;height:90px;margin-bottom:15px;padding:0}.settings-layout.panel-open .setting-option h2,.settings-layout.panel-open .setting-description{display:none}.settings-layout.panel-open .setting-icon{font-size:24px;display:flex}}.setting-icon{color:#fff;justify-content:center;align-items:center;font-size:24px;display:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}.site-footer{z-index:50;background:#111;border-top:1px solid #222;justify-content:center;align-items:center;height:45px;display:flex;position:fixed;bottom:0;left:205px;right:0}@media (width<=900px){.site-footer{left:0}}.footer-links{color:#777;justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex}.footer-links button{color:#777;cursor:pointer;background:0 0;border:none;font-size:14px}.footer-links span{color:#555}.footer-links button{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.footer-links button:hover{color:#fff}@media (width<=900px){.site-footer{display:none}}@media (width>=901px){.login-desktop-layout{background:#111;justify-content:flex-start;align-items:flex-end;height:100vh;display:flex}.login-panel{background:#181818;border-left:1px solid #292929;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:max(430px,100vw - 100vh);height:100vh;display:flex;position:relative}.login-panel .login-box{box-shadow:none;background:0 0;border:none;width:330px}}@media (width<=900px){.login-panel{background:0 0;border:none;width:auto;height:auto;display:block}.login-panel .login-box{width:420px}}@media (width>=901px){.login-footer{color:#777;justify-content:center;align-items:center;gap:18px;width:420px;font-size:14px;display:flex;position:absolute;bottom:25px;right:0}.login-board-preview{aspect-ratio:1;background:#202020;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:0;width:min(82vh,55vw);display:grid}@media (width>=901px){.login-page{align-items:center}}.login-game-square{justify-content:center;align-items:center;display:flex;position:relative}.login-game-square.light-square{background:#292929}.login-game-square.dark-square{background:#242424}.login-game-square.login-player-zone.light-square{background:#1d2940}.login-game-square.login-player-zone.dark-square{background:#172033}.login-game-square.login-ai-zone.light-square{background:#1b1b1b}.login-game-square.login-ai-zone.dark-square{background:#151515}.login-player-piece,.login-opponent-piece{border:2px solid #fff;border-radius:8px;width:70%;height:70%}.login-player-piece{background:#2563eb}.login-opponent-piece{background:#050505}}@media (width<=900px){.login-board-preview{display:none}}.login-player-zone{background:#172033}.login-player-zone:nth-child(2n){background:#1d2940}.login-ai-zone{background:#151515}.login-ai-zone:nth-child(2n){background:#1d1d1d}@media (width<=900px){.login-page{justify-content:center}.login-box{width:90%;max-width:420px}.login-footer{flex-wrap:wrap;justify-content:center;width:100%;left:50%;transform:translate(-50%)}}@media (width>=901px){.login-board-preview{flex-shrink:0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100vh;height:100vh;display:grid}}.sidebar-footer-links{color:#888;flex-direction:column;gap:8px;margin-top:auto;padding:20px 15px;font-size:14px;display:flex}.sidebar-footer-links button{color:#888;text-align:left;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:14px}.sidebar-footer-links button:hover{color:#3b82f6}.sidebar{flex-direction:column;display:flex}@media (width>=901px){.login-panel .login-footer{color:#777;justify-content:center;align-items:center;gap:18px;width:100%;font-size:14px;display:flex;position:absolute;bottom:35px;left:0}}.login-board-preview{-webkit-user-select:none;user-select:none;cursor:default}.login-player-piece,.login-opponent-piece{cursor:grab;transition:all .15s}.piece-dragging{z-index:20;cursor:grabbing;transform:scale(1.18)}.drop-highlight{background:#555!important}.login-game-square{position:relative}.drag-highlight{background:#3a3a3a!important}.hidden-piece{opacity:0}.drag-piece{pointer-events:none;z-index:9999;will-change:left, top;border:2px solid #fff;border-radius:8px;width:70px;height:70px;position:fixed;transform:translate(-50%,-50%)}.drag-piece.login-player-piece{background:#2563eb}.drag-piece.login-opponent-piece{background:#050505}.drag-piece{will-change:left, top, transform;backface-visibility:hidden;pointer-events:none;will-change:left, top}@media (width>=901px){.login-panel .login-box{width:75%;max-width:520px;padding:clamp(35px,4vw,60px)}.login-panel .login-box h1{font-size:clamp(55px,5vw,90px)}.login-panel .login-box p{font-size:clamp(14px,1.2vw,20px)}.login-panel .login-box input{height:clamp(55px,5vh,75px);font-size:clamp(16px,1.2vw,22px)}.login-panel .login-box button{height:clamp(55px,5vh,75px);font-size:clamp(17px,1.3vw,24px)}.login-footer{font-size:clamp(12px,1vw,18px)}.login-panel .login-box{width:100%;max-width:none;transform:scale(clamp(1, calc((100vw - 100vh) / 500), 1.8));transform-origin:50%}.login-footer{transform:scale(clamp(1, calc((100vw - 100vh) / 600), 1.5));transform-origin:50%}}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app{width:100%;height:100%;overflow:hidden}.main-content{background:#111;flex:1;padding:45px;overflow:auto}.main-content.game-active{flex:1;width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.game-screen{width:100%;height:100vh;display:flex;overflow:hidden}.board-container{flex:1;height:100vh;display:flex;overflow:hidden}.board{aspect-ratio:1;flex-shrink:0;width:100vh;height:100vh}.board{aspect-ratio:1;background:#202020;flex-shrink:0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100vh;height:100vh;display:grid}.game-panel{box-sizing:border-box;background:#111;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:25px;display:flex;border-radius:0!important;width:380px!important;height:100vh!important}.player-name-box,.game-timer,.action-toggle,.forfeit{border-radius:0!important}.player-name-box{background:#1c1c1c;width:100%}.game-timer{background:#191919;width:100%}.action-toggle,.forfeit{width:100%}.game-panel{justify-content:flex-start!important;gap:0!important;padding:0!important}.player-name-box,.game-timer,.action-toggle,.forfeit{border-radius:0!important;margin:0!important}.game-panel{flex-direction:column!important;flex-shrink:0!important;justify-content:space-between!important;gap:0!important;width:380px!important;height:100vh!important;padding:0!important;display:flex!important}.player-name-box,.game-timer,.action-toggle,.forfeit{box-sizing:border-box;border-radius:0!important;width:100%!important;margin:0!important}.game-panel{justify-content:flex-start!important;gap:0!important}.player-name-box{flex-shrink:0;height:140px!important}.game-timer{flex-shrink:0;height:120px!important}.action-toggle{color:#fff;cursor:pointer;background:#1c1c1c;border:none;border-radius:0;height:120px;font-size:24px;font-weight:700;transition:all .15s}.action-toggle:hover{background:#333}.action-toggle:active{transform:scale(.98)}.forfeit{flex-shrink:0;height:120px!important}.game-panel{flex-direction:column;gap:0;height:100vh;padding:0;display:flex}.player-name-box,.game-timer,.action-toggle,.forfeit{border-radius:0;flex:1;min-height:0}.player-name-box,.game-timer,.action-toggle{border-bottom:1px solid #2f2f2f}.board{aspect-ratio:1;flex-shrink:0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100vh;max-width:100%;height:100vh;max-height:100%;display:grid}.game-screen{background:#111;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.game-panel{box-sizing:border-box;background:#111;flex-direction:column;flex-shrink:0;width:380px;height:100vh;display:flex}.player-turn.light-square{background:#1e3a5f}.player-turn.dark-square{background:#162c49}.player-piece.active{background:#3b82f6}.game-screen{background:#111;transition:all .2s}.game-screen.player-turn-bg{background:#111c2e}.game-finished{box-sizing:border-box;background:#111;width:100%;height:100vh;display:flex;overflow:hidden}.game-finished .board-container{flex:1;justify-content:flex-start;align-items:center;display:flex}.game-finished .board{flex-shrink:0}.game-finished .board{aspect-ratio:1;flex-shrink:0;width:100vh;max-width:100%;height:100vh}.main-content:has(.game-finished){padding:0;overflow:hidden}.game-screen{background:#111;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.game-finished{background:#111;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{z-index:5000!important;position:relative!important}.game-screen,.game-finished{z-index:100!important}.game-finished{width:calc(100vw - 205px)!important;left:205px!important}.game-finished .board-container{flex:1;justify-content:flex-start;align-items:center;height:100vh;display:flex}.game-finished .board{aspect-ratio:1;width:100vh;max-width:100%;height:100vh}.game-finished{width:calc(100vw - 205px);height:calc(100vh - 45px);display:flex;position:fixed;top:0;left:205px;overflow:hidden;width:calc(100vw - 205px)!important;height:100vh!important;position:fixed!important;left:205px!important}.site-footer{z-index:9999!important;height:40px!important;position:fixed!important;bottom:0!important;left:205px!important;right:0!important}.game-finished{width:100%;height:calc(100vh - 40px)!important}.game-finished .board{aspect-ratio:1;width:calc(100vh - 40px)!important;height:calc(100vh - 40px)!important;max-height:100%!important}.game-result-panel{box-sizing:border-box;background:#1b1b1b;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;height:100%;display:flex}.game-result-panel h1{margin:0;font-size:48px}.rating-change{font-size:32px;font-weight:700}.play-again-button{color:#fff;cursor:pointer;background:#2563eb;border:none;width:80%;height:70px;font-size:24px;font-weight:700}.game-screen{display:flex;overflow:hidden}.board-container{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.game-panel{box-sizing:border-box;flex-direction:column;flex-shrink:0;width:380px;height:100%;display:flex}.game-result-panel{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-finished .board-container{flex:none;justify-content:flex-start;align-items:center;width:calc(100vh - 40px);height:calc(100vh - 40px);display:flex}.game-finished .board{aspect-ratio:1;width:calc(100vh - 40px);height:calc(100vh - 40px)}.game-finished .game-panel{flex:1;width:auto;min-width:0}.game-result-panel{box-sizing:border-box;background:#1b1b1b;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.game-result-header{background:#101010;border-bottom:1px solid #333;justify-content:center;align-items:center;width:100%;height:35%;display:flex}.game-result-header h1{letter-spacing:4px;text-transform:uppercase;margin:0;font-size:64px;font-weight:900}.game-result-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.rating-label{color:#888;letter-spacing:3px;font-size:20px;font-weight:700}.rating-change{color:#3b82f6;margin:0;font-size:56px;font-weight:900}.play-again-button{color:#fff;letter-spacing:2px;cursor:pointer;background:#2563eb;border:none;width:80%;height:90px;margin-bottom:35px;font-size:32px;font-weight:900}.play-again-button:hover{background:#1d4ed8}@media (width>=901px){.login-panel .login-footer{color:#777;justify-content:center;align-items:center;gap:18px;width:100%;font-size:14px;display:flex;position:absolute;bottom:30px;left:0}}.login-page .login-footer{color:#777;font-size:14px;justify-content:center!important;align-items:center!important;gap:18px!important;width:100%!important;display:flex!important;position:absolute!important;bottom:25px!important;left:0!important}.login-page .login-footer a{cursor:pointer;color:#aaa;transition:all .2s}.login-panel{position:relative}.login-page .login-footer{color:#777;box-sizing:border-box;background:#111;border-top:1px solid #222;justify-content:center;align-items:center;gap:15px;height:45px;font-size:14px;width:100%!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important}.login-page .login-footer p{color:#aaa;margin:0}.login-page .login-footer a{cursor:pointer;color:#aaa;text-decoration:none;transition:all .2s}.login-page .login-footer a:hover{color:#3b82f6}.login-page .login-footer span{color:#555}.login-page .login-footer{padding-top:22px}.login-footer{z-index:10;background:#1f1f1f;justify-content:center;align-items:center;width:100%;height:70px;display:flex;position:absolute;bottom:0;left:0}.login-page .login-board{z-index:1;width:auto;height:calc(100vh - 70px);position:absolute;top:0;left:0}.login-board-preview{z-index:1;z-index:1;z-index:1;width:calc(100vh - 45px);height:calc(100vh - 45px);position:absolute;top:0;left:0}.login-panel{z-index:5;justify-content:center;align-items:center;height:calc(100vh - 45px);display:flex;position:absolute;top:0;left:calc(100vh - 45px);right:0;overflow:hidden}.login-panel .login-box{width:80%;max-width:520px}.login-page{width:100vw;height:100vh;position:relative;overflow:hidden}.login-page .login-board-preview{width:calc(100vh - 45px);height:calc(100vh - 45px);position:absolute;top:0;left:0}.login-page .login-panel{justify-content:center;align-items:center;height:calc(100vh - 45px);display:flex;position:absolute;top:0;left:calc(100vh - 45px);right:0}.login-page .login-footer{width:100%;height:45px;position:absolute;bottom:0;left:0}@media (width>=901px){.login-page{width:100vw;height:100vh;display:flex}.login-board-preview{flex-shrink:0;width:calc(100vh - 45px);height:calc(100vh - 45px);position:relative}.login-panel{flex:1;align-items:center;width:calc(100vw + -100vh + 45px);height:calc(100vh - 45px);position:relative;left:auto;right:auto;justify-content:center!important}}.forfeit-confirm{flex-shrink:0;width:100%;height:120px;display:flex}.forfeit-confirm button{cursor:pointer;color:#fff;border:none;flex:1;height:100%;font-size:24px;font-weight:900}.forfeit-no{background:#222;border-right:1px solid #333!important}.forfeit-no:hover{background:#333}.forfeit-yes{background:#222}.forfeit-yes:hover{background:#333}.player-name-box{background:#1c1c1c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.player-name{color:#fff;letter-spacing:1px;font-size:32px;font-weight:900}.player-power{color:#3b82f6;align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.diamond-icon{background:#3b82f6;border-radius:3px;width:20px;height:20px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 10px #3b82f6b3}.leaderboard-page{color:#fff;background:#111;min-height:100%;position:relative}.page-top-header{box-sizing:border-box;background:#181818;border-bottom:1px solid #292929;align-items:flex-end;width:100%;height:115px;margin:0;padding:0 45px 25px;display:flex}.page-top-header h1{letter-spacing:1px;margin:0;font-size:38px;font-weight:700}.leaderboard-content{box-sizing:border-box;padding:35px 45px}.main-content:has(.leaderboard-page){padding:0}.profile-page{color:#fff;background:#111;min-height:100%}.profile-content{box-sizing:border-box;padding:35px 45px}.main-content:has(.profile-page){padding:0}.friends-page{color:#fff;background:#111;min-height:100%}.friends-content{box-sizing:border-box;padding:35px 45px}.main-content:has(.friends-page){padding:0}.settings-page{color:#fff;background:#111;min-height:100%}.settings-content{box-sizing:border-box;padding:35px 45px}.main-content:has(.settings-page){padding:0}.play-page{color:#fff;background:#111;min-height:100%}.play-content{box-sizing:border-box;padding:35px 45px}.main-content:has(.play-page){padding:0}.play-right-box{box-sizing:border-box;background:#181818;border-left:1px solid #292929;flex-direction:column;gap:18px;width:420px;padding:40px 35px;display:flex;position:fixed;top:0;bottom:0;right:0}.play-rating-box,.play-info-box,.play-mode-box{box-sizing:border-box;width:100%}.play-right-box{box-sizing:border-box;background:#181818;border-left:1px solid #292929;flex-direction:column;gap:18px;width:420px;padding:125px 32px 35px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.play-rating-box{box-sizing:border-box;text-align:center;background:#202020;border:1px solid #303030;border-radius:6px;width:100%;padding:22px 24px}.play-rating-box p{color:#888;letter-spacing:2px;margin:0 0 6px;font-size:13px;font-weight:700}.play-rating-box h2{color:#f2f2f2;margin:0;font-size:42px;font-weight:700}.play-mode-box{box-sizing:border-box;background:#202020;border:1px solid #303030;border-radius:6px;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:6px;display:grid}.play-mode-box button{color:#999;cursor:pointer;background:#242424;border:1px solid #0000;border-radius:4px;height:52px;font-size:16px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.play-mode-box button:hover{color:#ddd;background:#2d2d2d}.play-mode-box button.active-mode{color:#f2f2f2;background:#303030;border-color:#444}.play-info-box{box-sizing:border-box;color:#aaa;background:#202020;border:1px solid #303030;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:58px;padding:0 22px;font-size:16px;font-weight:600;display:flex}.play-info-box:first-line{color:#f2f2f2}.play-right-box .find-match{color:#f2f2f2;letter-spacing:.5px;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:6px;width:100%;height:62px;margin-top:2px;font-size:18px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.play-right-box .find-match:hover{background:#303030;border-color:#484848}.play-right-box .find-match:active{transform:scale(.985)}.play-right-box .play-info-box{text-align:center}@media (width<=900px){.play-right-box{width:360px;padding-left:24px;padding-right:24px}}@media (width<=650px){.play-right-box{width:100%;min-height:auto;padding:30px 20px;position:relative;top:auto;bottom:auto;right:auto}}.play-right-box .find-match{color:#fff;box-sizing:border-box;letter-spacing:.5px;cursor:pointer;background:#3a5e83;border:none;border-radius:0;width:100%;height:100px;margin:0;font-size:18px;font-weight:700;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.play-right-box .find-match:hover{background:#24405c}.play-right-box .find-match:active{background:#3a5e83}.play-preview-board{box-sizing:border-box;background:#111;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;inset:115px 420px 0 205px;overflow:hidden}.play-preview-board .login-board-preview{aspect-ratio:1;flex-shrink:0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:auto;height:100%;display:grid;position:relative}.play-preview-board .login-game-square{box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.play-preview-board .light-square{background:#292929}.play-preview-board .dark-square{background:#242424}.play-preview-board .login-player-zone.light-square{background:#1d2940}.play-preview-board .login-player-zone.dark-square{background:#172033}.play-preview-board .login-ai-zone.light-square{background:#1b1b1b}.play-preview-board .login-ai-zone.dark-square{background:#151515}.play-preview-board .login-player-piece,.play-preview-board .login-opponent-piece{cursor:pointer;box-sizing:border-box;border:2px solid #fff;border-radius:8px;width:70%;height:70%}.play-preview-board .login-player-piece{background:#2563eb}.play-preview-board .login-opponent-piece{background:#050505}.play-preview-board .drag-highlight{box-shadow:inset 0 0 0 3px #3b82f6}.play-preview-board .drag-piece{pointer-events:none;z-index:100;width:55px;height:55px;position:fixed;transform:translate(-50%,-50%)}.leaderboard-page{color:#fff;box-sizing:border-box;background:#111;width:100%;min-height:100%}.leaderboard-content{box-sizing:border-box;width:100%;min-height:calc(100% - 115px);padding:35px 45px 50px}.leaderboard-table{box-sizing:border-box;background:#181818;border:1px solid #292929;border-radius:0;width:100%;min-height:500px;overflow:hidden}.leaderboard-table-header{box-sizing:border-box;color:#777;letter-spacing:1.5px;background:#202020;border-bottom:1px solid #303030;grid-template-columns:110px 1fr 160px;align-items:center;height:55px;padding:0 25px;font-size:12px;font-weight:700;display:grid}.leaderboard-list{width:100%}.leader-row{box-sizing:border-box;cursor:pointer;background:#181818;border-bottom:1px solid #242424;grid-template-columns:110px 1fr 160px;align-items:center;min-height:78px;padding:0 25px;transition:background .15s,border-color .15s;display:grid}@media (width<=700px){.leaderboard-content{padding:25px 20px 40px}.leaderboard-table-header,.leader-row{grid-template-columns:70px 1fr 90px;padding-left:15px;padding-right:15px}.leader-player{font-size:15px}.leader-avatar{width:36px;height:36px}.leader-rating{font-size:18px}}.leaderboard-content{box-sizing:border-box;width:100%;height:calc(100% - 115px);padding:0;overflow-y:auto}.main-content:has(.leaderboard-page){width:100%;height:100%;margin:0;padding:0}.leaderboard-list{width:100%;margin:0;padding:0}.leaderboard-table{overflow:visible}.leaderboard-table-header{z-index:50;background:#202020;border-bottom:1px solid #303030;position:sticky;top:0}.leaderboard-page{color:#fff;box-sizing:border-box;background:#111;width:100%;height:100%;overflow:hidden}.leaderboard-content{box-sizing:border-box;flex-direction:column;width:100%;height:calc(100% - 115px);padding:0;display:flex;overflow:hidden}.leaderboard-table{box-sizing:border-box;background:#181818;border:1px solid #292929;border-radius:0;flex-direction:column;width:100%;height:auto;display:flex;overflow:hidden}.leaderboard-table-header{box-sizing:border-box;color:#777;letter-spacing:1.5px;background:#202020;border-bottom:1px solid #303030;flex-shrink:0;grid-template-columns:110px 1fr 160px;align-items:center;width:100%;height:55px;padding:0 25px;font-size:12px;font-weight:700;display:grid}.leaderboard-list{flex:0 auto;width:100%;margin:0;padding:0;overflow:hidden auto}.leader-row:last-child{border-bottom:none}.leaderboard-table-header div:last-child{text-align:right}.leader-row{box-sizing:border-box;cursor:pointer;background:#181818;border-bottom:1px solid #242424;grid-template-columns:110px 1fr 160px;align-items:center;width:100%;min-height:78px;padding:0 25px;transition:background .15s,border-color .15s;display:grid}.leader-row:hover{background:#202020}.leader-row.current{box-sizing:border-box;background:#1b2433;border-left:3px solid #2563eb}.leader-row.current:hover{background:#202b3d}.leader-row.selected{background:#242424}.leader-row.current.selected{background:#202b3d}.leader-rank{color:#888;font-size:18px;font-weight:700}.leader-player{align-items:center;gap:14px;min-width:0;font-size:17px;font-weight:700;display:flex}.leader-avatar{color:#ddd;background:#292929;border:1px solid #383838;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex}.current .leader-avatar{color:#fff;background:#2563eb;border-color:#3b82f6}.you-label{color:#fff;letter-spacing:1px;background:#2563eb;border-radius:3px;padding:4px 7px;font-size:9px;font-weight:800}.leader-rating{text-align:right;color:#f2f2f2;font-size:22px;font-weight:800}.current .leader-rating{color:#60a5fa}@media (width<=700px){.leaderboard-table-header,.leader-row{grid-template-columns:70px 1fr 90px;padding-left:15px;padding-right:15px}.leader-player{font-size:15px}.leader-avatar{width:36px;height:36px}.leader-rating{font-size:18px}}.leader-stats-row{box-sizing:border-box;background:#111;border-bottom:1px solid #242424;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;padding:10px 25px;display:grid}.leader-stat-box{box-sizing:border-box;background:#202020;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:78px;display:flex}.leader-stat-label{color:#777;letter-spacing:1.5px;font-size:11px;font-weight:700}.leader-stat-value{color:#f2f2f2;font-size:24px;font-weight:800}.leader-row.current+.leader-stats-row .leader-stat-box:first-child .leader-stat-value{color:#60a5fa}@media (width<=700px){.leader-stats-row{padding:8px 15px}.leader-stat-box{min-height:65px}.leader-stat-label{font-size:9px}.leader-stat-value{font-size:19px}}.friends-page{color:#fff;box-sizing:border-box;background:#111;width:100%;min-height:100%}.friends-layout{grid-template-columns:2fr 1fr;align-items:stretch;gap:16px;width:100%;min-height:calc(100vh - 170px);display:grid}.friends-search-card,.friends-list-card{box-sizing:border-box;background:#202020;border:1px solid #303030;border-radius:4px;padding:24px}.friends-search-card{height:auto;min-height:0}.friends-list-column{flex-direction:column;gap:16px;height:100%;display:flex}.friends-list-column .friends-list-card{flex:1;min-height:0}.friends-search-card h2,.friends-list-card h2{color:#f2f2f2;margin:0;font-size:22px;font-weight:700}.friends-search{color:#fff;box-sizing:border-box;background:#292929;border:1px solid #3a3a3a;border-radius:3px;outline:none;width:100%;height:52px;margin-top:18px;padding:0 16px;font-size:16px}.friends-search:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.friends-results{box-sizing:border-box;width:100%;max-height:calc(100vh - 300px);margin-top:18px;overflow-y:auto}.friends-results::-webkit-scrollbar{width:6px}.friends-results::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.friends-results::-webkit-scrollbar-track{background:0 0}.friends-result-row,.friend-request-row{box-sizing:border-box;background:#292929;border:1px solid #383838;border-radius:3px;justify-content:space-between;align-items:center;width:100%;min-height:68px;margin:0 0 8px;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.friends-result-row:hover,.friend-request-row:hover{background:#303030;border-color:#444}.friend-player-info{align-items:center;gap:14px;min-width:0;display:flex}.friend-avatar{color:#fff;background:#3b82f6;border:1px solid #60a5fa;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.friend-player-info h3{color:#f2f2f2;margin:0;font-size:16px;font-weight:700}.friend-player-info p{color:#888;margin:4px 0 0;font-size:13px}.add-friend-button,.accept-friend-button,.decline-friend-button{box-sizing:border-box;border-radius:3px}.add-friend-button{color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #3b82f6;padding:10px 18px;font-weight:700}.add-friend-button:hover{background:#2563eb}.accept-friend-button{background:#22c55e;padding:10px 16px}.decline-friend-button{background:#ef4444;padding:10px 16px}.sent-text{color:#60a5fa;box-sizing:border-box;justify-content:center;align-items:center;min-width:80px;height:38px;padding:0 12px;font-weight:700;display:flex}.friend-request-buttons{gap:8px;display:flex}.empty-text{color:#777;text-align:center;margin:80px 0 0;font-size:15px}@media (width<=900px){.friends-content{padding:20px}.friends-layout{flex-direction:column;gap:16px;width:100%;min-height:auto;display:flex}.friends-search-card{width:100%;min-height:auto}.friends-list-column{gap:16px;width:100%;height:auto}.friends-list-column .friends-list-card{flex:none}.friends-results,.friends-list{max-height:400px;overflow-y:auto}.friends-result-row,.friend-request-row{min-height:64px}}@media (width<=600px){.friends-content{padding:15px}.friends-search-card,.friends-list-card{padding:18px}.friend-avatar{width:40px;height:40px}.add-friend-button{padding:9px 12px}}.friends-content{box-sizing:border-box;width:100%;padding:25px 30px 30px}.friends-layout{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);align-items:stretch;gap:16px;width:100%;max-width:none;display:grid}.friends-search-card,.friends-list-card{box-sizing:border-box;width:100%}.friends-list-column{flex-direction:column;gap:16px;width:100%;display:flex}.friends-list-column .friends-list-card{flex:1;width:100%;min-width:0}.friends-search-card,.friends-results{width:100%}.friends-result-row,.friend-request-row{box-sizing:border-box;width:100%}@media (width>=1200px){.friends-layout{grid-template-columns:minmax(0,1.8fr) minmax(420px,1fr);gap:16px}}@media (width<=900px){.friends-content{padding:20px}.friends-layout{flex-direction:column;gap:16px;width:100%;display:flex}.friends-search-card,.friends-list-column,.friends-list-column .friends-list-card{width:100%}}.friends-layout{box-sizing:border-box;grid-template-columns:3fr 2fr;align-items:stretch;gap:20px;width:100%;display:grid}.profile-page{color:#fff;box-sizing:border-box;background:#111;width:100%;min-height:100%}.profile-content{box-sizing:border-box;width:100%;padding:25px 30px 45px}.profile-page .dashboard{width:100%;max-width:none}.profile-overview{box-sizing:border-box;background:#181818;border:1px solid #292929;justify-content:space-between;align-items:center;width:100%;min-height:190px;padding:35px 40px;display:flex}.profile-identity{align-items:center;gap:25px;display:flex}.profile-avatar{color:#fff;background:#2563eb;border:2px solid #3b82f6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:115px;height:115px;font-size:54px;font-weight:900;display:flex}.profile-identity-info h2{margin:0;font-size:38px;font-weight:800}.profile-identity-info p{color:#777;letter-spacing:1px;margin:8px 0 0;font-size:15px}.profile-rating{text-align:right;border-left:1px solid #303030;min-width:220px;padding-left:40px}.profile-rating span{color:#777;letter-spacing:3px;font-size:12px;font-weight:800;display:block}.profile-rating strong{color:#3b82f6;margin-top:5px;font-size:64px;font-weight:900;display:block}.profile-stats{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:12px;display:grid}.profile-stat{box-sizing:border-box;background:#181818;border:1px solid #292929;flex-direction:column;justify-content:center;align-items:center;min-height:125px;display:flex}.profile-stat span{color:#777;letter-spacing:2px;font-size:12px;font-weight:800}.profile-stat strong{color:#f2f2f2;margin-top:8px;font-size:40px;font-weight:800}.profile-lower{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:12px;width:100%;margin-top:12px;display:grid}.profile-section{box-sizing:border-box;background:#181818;border:1px solid #292929}.profile-section-header{box-sizing:border-box;background:#202020;border-bottom:1px solid #303030;justify-content:space-between;align-items:center;height:65px;padding:0 25px;display:flex}.profile-section-header h2{margin:0;font-size:19px;font-weight:800}.profile-section-header span{color:#777;letter-spacing:1px;font-size:12px;font-weight:700}.rating-history{min-height:360px}.rating-chart{box-sizing:border-box;background:#181818;height:295px;padding:25px;position:relative}.rating-chart-grid{color:#555;flex-direction:column;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:25px;bottom:25px;left:15px}.rating-chart-grid span{display:block}.rating-line{background:linear-gradient(#0000 49%,#252525 50%,#0000 51%);border-bottom:1px solid #333;position:absolute;inset:35px 25px 35px 55px}.rating-line:before{content:"";transform-origin:0;background:#2563eb;height:3px;position:absolute;top:52%;left:0;right:0;transform:rotate(-4deg)}.rating-point{z-index:2;background:#2563eb;border:2px solid #111;border-radius:50%;width:10px;height:10px;position:absolute}.point-1{top:65%;left:0}.point-2{top:58%;left:25%}.point-3{top:52%;left:50%}.point-4{top:43%;left:75%}.point-5{top:36%;right:0}.rating-chart-empty{text-align:center;color:#555;font-size:12px;position:absolute;bottom:7px;left:0;right:0}.career-summary{min-height:360px}.career-row{box-sizing:border-box;border-bottom:1px solid #252525;justify-content:space-between;align-items:center;height:59px;padding:0 25px;display:flex}.career-row:last-child{border-bottom:none}.career-row span{color:#888;font-size:14px}.career-row strong{color:#f2f2f2;font-size:18px;font-weight:800}@media (width<=900px){.profile-content{padding:20px 15px 30px}.profile-overview{flex-direction:column;align-items:stretch;gap:25px;padding:25px}.profile-rating{text-align:left;border-top:1px solid #303030;border-left:none;padding-top:20px;padding-left:0}.profile-avatar{width:85px;height:85px;font-size:40px}.profile-identity-info h2{font-size:28px}.profile-stats{grid-template-columns:repeat(2,1fr);gap:10px}.profile-lower{grid-template-columns:1fr;gap:12px}}.rating-history-list{scrollbar-width:none;flex-direction:column;max-height:520px;display:flex;overflow-y:auto}.rating-history-list::-webkit-scrollbar{display:none}.rating-history-row{box-sizing:border-box;background:#202020;border:1px solid #333;border-bottom:none;justify-content:space-between;align-items:center;min-height:72px;padding:0 20px;transition:all .15s;display:flex}.rating-history-row:first-child{border-radius:5px 5px 0 0}.rating-history-row:last-child{border-bottom:1px solid #333;border-radius:0 0 5px 5px}.rating-history-row:only-child{border-bottom:1px solid #333;border-radius:5px}.rating-history-row:hover{background:#282828}.rating-history-opponent{align-items:center;gap:14px;display:flex}.rating-history-avatar{color:#fff;background:#303030;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:flex}.rating-history-opponent strong{color:#fff;font-size:16px;display:block}.rating-history-opponent span{letter-spacing:1px;margin-top:3px;font-size:11px;font-weight:700;display:block}.rating-win .rating-history-opponent span{color:#22c55e}.rating-loss .rating-history-opponent span{color:#ef4444}.rating-history-change{text-align:right;min-width:65px;font-size:23px;font-weight:700}.rating-history-change.positive{color:#22c55e}.rating-history-change.negative{color:#ef4444}.rating-history-change.neutral{color:#aaa}.rating-history-empty{text-align:center;color:#888;background:#202020;border:1px solid #333;border-radius:5px;justify-content:center;align-items:center;min-height:250px;padding:25px;display:flex}@media (width<=900px){.main-content{box-sizing:border-box;width:100%;padding-top:75px;padding-left:20px;padding-right:20px;margin-left:0!important}.dashboard{width:100%;margin-left:0!important}.sidebar{z-index:1100;box-sizing:border-box;height:100vh;transition:left .25s;top:0;bottom:0;left:-205px;width:260px!important;margin:0!important;position:fixed!important}.sidebar.mobile-open{left:0!important}.app{width:100%;min-width:0;display:block!important}.mobile-header{box-sizing:border-box;width:100%}.mobile-overlay{z-index:1050;width:100vw;height:100vh;position:fixed;inset:0}.mobile-header{box-sizing:border-box;z-index:1000;background:#111;border-bottom:1px solid #242424;justify-content:flex-start;align-items:center;width:100%;height:64px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.menu-button{color:#aaa;cursor:pointer;background:#202020;border:none;border-radius:5px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 14px 0 0;padding:0;font-size:25px;line-height:1;display:flex}.menu-button:hover{color:#fff;background:#292929}.mobile-page-title{color:#f2f2f2;letter-spacing:.3px;margin:0;font-size:26px;font-weight:700}.mobile-logo{display:none!important}.main-content{padding-top:84px!important}.page-header,.page-top-header{display:none!important}.friends-layout{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;display:flex!important}.friends-search-card,.friends-list-card{box-sizing:border-box!important;border-radius:6px!important;width:100%!important;margin:0!important}.friends-search-card{height:auto!important;min-height:0!important;padding:22px!important}.friends-list-column{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.friends-list-card{padding:22px!important}.friends-results,.friends-list{max-height:400px;box-sizing:border-box!important;width:100%!important}html,body,#root{min-height:100%;height:auto!important;overflow:hidden auto!important}.app,.main-content{height:auto!important;min-height:100dvh!important;overflow:visible!important}.dashboard{height:auto!important;min-height:0!important;overflow:visible!important}.friends-page{height:auto!important;min-height:calc(100dvh - 84px)!important;overflow:visible!important}.friends-content{height:auto!important;overflow:visible!important}.friends-layout{height:auto!important;min-height:0!important;overflow:visible!important}.play-layout{flex-direction:column!important;gap:20px!important;width:100%!important;display:flex!important}.play-preview-board{aspect-ratio:1;background:#111;order:1;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;display:flex!important;position:relative!important;inset:auto!important;overflow:visible!important}.play-preview-board .login-board-preview{aspect-ratio:1;flex-shrink:0;width:min(100%,500px)!important;height:auto!important}.play-right-box{box-sizing:border-box;order:2;width:100%!important}.play-right-box>*{box-sizing:border-box;width:100%}.play-preview-board{aspect-ratio:1;box-sizing:border-box;background:#111;justify-content:stretch!important;align-items:stretch!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.play-preview-board .login-board-preview{aspect-ratio:1;flex-shrink:0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%!important;height:100%!important;display:grid!important}.play-layout{flex-direction:column!important;gap:0!important;width:100%!important;margin:0!important;display:flex!important}.play-preview-board{order:1}.play-right-box{box-sizing:border-box;order:2;width:100%!important;margin:0!important;padding:20px!important}.main-play-card{box-sizing:border-box;width:100%!important;margin:0!important;padding:25px 20px!important}.login-page{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100vh;padding:20px;display:flex;overflow-y:auto}.login-panel{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;padding:0;display:flex}.login-box{box-sizing:border-box;width:min(420px,100%);padding:35px 25px}.login-links{display:none!important}}.settings-page{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0}.settings-layout{box-sizing:border-box;align-items:stretch;gap:15px;width:100%;min-height:calc(100vh - 155px);margin:20px 0 0;padding:0;display:flex}.settings-layout .settings-card{box-sizing:border-box;flex:0 0 340px;width:340px;min-height:calc(100vh - 155px);padding:20px}.settings-layout .setting-option{box-sizing:border-box;width:100%;min-height:105px;margin:0 0 10px;padding:0 25px}.settings-layout:not(.panel-open) .settings-card{flex:1;width:100%}.settings-layout.panel-open .settings-card{flex:0 0 340px;width:340px}.settings-layout .settings-panel{box-sizing:border-box;flex:1;width:auto;min-width:0;min-height:calc(100vh - 155px);margin:0;padding:25px}.settings-panel .account-setting-box,.settings-panel .panel-info,.settings-panel .delete-confirm-box{box-sizing:border-box;width:100%}.settings-panel .settings-action-button{width:100%;height:70px}@media (width<=900px){.settings-layout{flex-direction:column;gap:15px;width:100%;min-height:auto;margin-top:15px}.settings-layout .settings-card,.settings-layout.panel-open .settings-card{flex:1;width:100%;min-height:auto;padding:15px}.settings-layout .settings-panel{width:100%;min-height:400px;padding:20px}}.endzone-marker{box-sizing:border-box;pointer-events:none;background:#3b82f647;border:2px solid #3b82f6;position:absolute;inset:0}.draft-endzone-marker{box-sizing:border-box;pointer-events:none;background:#3b82f68c;border:3px solid #60a5fa;position:absolute;inset:5px}.game-square{cursor:pointer}.game-square:hover{filter:brightness(1.15)}.draft-info{text-align:center;background:#1c1c1c;border-radius:6px;padding:25px}.draft-info h2{margin:0 0 12px;font-size:20px}.draft-info p{color:#3b82f6;margin:0 0 20px;font-size:30px;font-weight:700}.draft-info button:disabled{opacity:.4;cursor:not-allowed}.draft-row{cursor:pointer}.draft-row:hover{box-shadow:inset 0 0 0 3px #3b82f673}.draft-selected{box-shadow:inset 0 0 0 3px #60a5fa,0 0 12px #3b82f680;background:#3b82f6!important}.endzone-square.player-endzone.light-square{background:#1d2940!important}.endzone-square.player-endzone.dark-square{background:#172033!important}.endzone-square.ai-endzone.light-square{background:#1b1b1b!important}.endzone-square.ai-endzone.dark-square{background:#151515!important}.game-square.endzone-square.player-zone.light-square{background:#1d2940}.game-square.endzone-square.player-zone.dark-square{background:#172033}.game-square.endzone-square.ai-zone.light-square{background:#1b1b1b}.game-square.endzone-square.ai-zone.dark-square{background:#151515}.game-square.draft-selected.player-endzone.light-square{background:#1d2940!important}.game-square.draft-selected.player-endzone.dark-square{background:#172033!important}.game-square.draft-selected.ai-endzone.light-square{background:#1b1b1b!important}.game-square.draft-selected.ai-endzone.dark-square{background:#151515!important}.draft-panel{background:#11161d;border:1px solid #2a313b;flex-direction:column;width:100%;height:100%;display:flex}.draft-panel-header{text-align:center;letter-spacing:2px;color:#fff;background:#181e26;border-bottom:1px solid #2a313b;width:100%;padding:18px 0;font-size:18px;font-weight:800}.draft-panel-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.draft-timer{color:#fff;font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:1}.draft-instruction{letter-spacing:1.5px;text-align:center;color:#aeb7c4;padding:0 20px;font-size:14px;font-weight:700}.draft-turn-status{letter-spacing:1.5px;background:#1a2028;border:1px solid #303844;padding:8px 16px;font-size:13px;font-weight:800}.your-draft-turn{color:#fff;border-color:#3b82f6}.opponent-draft-turn{color:#8d98a7;border-color:#303844}.walls-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.walls-layer .wall-intersections{pointer-events:auto;position:absolute;inset:0}.wall-intersection{pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.walls-layer:has(.wall-preview){pointer-events:auto}.edge-wall,.wall-preview{z-index:30;border-radius:4px;position:absolute;transform:translateY(-50%)}.edge-wall{background:#111827}.wall-preview{z-index:40;opacity:.95;pointer-events:none;background:#7dd3fc;border:2px solid #e0f7ff;border-radius:3px;position:absolute;box-shadow:0 0 8px #7dd3fc,0 0 18px #7dd3fce6,0 0 30px #7dd3fca6}.board-container{flex:1;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.board{aspect-ratio:1;background:#202020;flex-shrink:0;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100vh;max-width:100%;height:100vh;max-height:100%;display:grid;position:relative}.wall-intersections{z-index:20;cursor:default;width:100%;height:100%;position:absolute!important;inset:0!important}.edge-wall{z-index:30;pointer-events:none;background:#7dd3fc;border:1px solid #bae6fd;border-radius:3px;position:absolute;box-shadow:0 0 6px #7dd3fce6,0 0 14px #7dd3fca6}.wall-hover-point{box-sizing:border-box;z-index:35;pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #fffc}@media (width<=700px){.login-page.login-desktop-layout{width:100vw!important;min-width:100vw!important;height:100dvh!important;min-height:100dvh!important;display:block!important;position:relative!important;overflow:hidden!important}.login-page.login-desktop-layout .login-board-preview.login-board{display:none!important}.login-page.login-desktop-layout .login-panel{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;padding:30px 20px 100px!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;overflow-y:auto!important}.login-page.login-desktop-layout .login-box{box-sizing:border-box!important;width:100%!important;max-width:420px!important;margin:0 auto!important}.login-page.login-desktop-layout .login-box h1{text-align:center!important;margin-top:0!important;margin-bottom:8px!important;font-size:clamp(42px,14vw,64px)!important;line-height:1!important}.login-page.login-desktop-layout .login-box>p{text-align:center!important;margin-bottom:25px!important}.login-page.login-desktop-layout .login-box input{box-sizing:border-box!important;width:100%!important;height:52px!important;margin-bottom:12px!important;margin-left:0!important;margin-right:0!important;font-size:16px!important;display:block!important}.login-page.login-desktop-layout .login-box button{box-sizing:border-box!important;width:100%!important;min-height:52px!important;margin-left:0!important;margin-right:0!important;display:block!important}.login-page.login-desktop-layout .login-box button+button{margin-top:10px!important}.login-page.login-desktop-layout .login-footer{box-sizing:border-box!important;z-index:20!important;text-align:center!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100vw!important;padding:12px 10px!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.login-page.login-desktop-layout .login-footer p{width:100%!important;margin:0 0 3px!important}}@media (width<=380px){.login-page.login-desktop-layout .login-panel{padding:20px 15px 90px!important}.login-page.login-desktop-layout .login-box h1{font-size:44px!important}.login-page.login-desktop-layout .login-box input{height:48px!important}.login-page.login-desktop-layout .login-box button{min-height:48px!important}}@media (width<=700px){.login-page.login-desktop-layout .login-footer{display:none!important}.game-screen,.game-finished{box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;min-width:0!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden auto!important}.game-screen .board-container,.game-finished .board-container{box-sizing:border-box!important;flex:none!important;order:1!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.game-screen .board,.game-finished .board{aspect-ratio:1!important;box-sizing:border-box!important;flex-shrink:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vw!important;min-height:0!important;max-height:none!important}.game-screen .game-panel,.game-finished .game-panel{box-sizing:border-box!important;flex-direction:column!important;flex:none!important;order:2!important;width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:20px!important;display:flex!important;overflow:visible!important}.game-screen .game-panel>*{box-sizing:border-box!important;flex-shrink:0!important}.game-screen .player-name-box{box-sizing:border-box!important;width:100%!important;min-height:60px!important}.game-screen .game-timer{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:70px!important;font-size:48px!important;display:flex!important}.game-screen .panel-spacer{display:none!important}.game-screen .action-toggle{box-sizing:border-box!important;width:100%!important;min-height:58px!important;margin:12px 0!important}.game-screen .forfeit{box-sizing:border-box!important;width:100%!important;min-height:52px!important;margin-top:18px!important}.game-screen .forfeit-confirm{box-sizing:border-box!important;gap:10px!important;width:100%!important;margin-top:18px!important;display:flex!important}.game-screen .forfeit-confirm button{box-sizing:border-box!important;flex:1!important;min-height:52px!important}.game-screen .draft-panel{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:300px!important}.game-screen .draft-panel-content{box-sizing:border-box!important;min-height:250px!important;padding:20px!important}.game-screen .draft-timer{font-size:58px!important}.game-finished .game-panel{box-sizing:border-box!important;width:100vw!important;padding:20px!important}.game-finished .game-result-panel{box-sizing:border-box!important;width:100%!important}}@media (width<=380px){.game-screen .game-panel,.game-finished .game-panel{padding:15px!important}.game-screen .game-timer{min-height:60px!important;font-size:42px!important}.game-screen .action-toggle{min-height:52px!important}}@media (width<=900px){body:has(.game-screen) .mobile-header{display:none!important}:is(body:has(.game-screen) .sidebar,body:has(.game-screen) .mobile-overlay){display:none!important}.game-screen .board-container{box-sizing:border-box!important;flex:0 0 100vw!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100vw!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.game-screen .game-panel{box-sizing:border-box!important;flex-direction:column!important;flex:auto!important;width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-screen .game-panel>*{box-sizing:border-box!important;max-width:100%!important}.game-screen{box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.game-screen .board-container{box-sizing:border-box!important;flex:0 0 100vw!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100vw!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-screen .board{aspect-ratio:1!important;flex-shrink:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vw!important;min-height:0!important;max-height:100vw!important}.game-screen .game-panel{box-sizing:border-box!important;flex:auto!important;grid-template-rows:minmax(34px,.9fr) minmax(42px,1.2fr) minmax(34px,1fr) minmax(34px,1fr)!important;grid-template-columns:1fr 1fr!important;align-content:stretch!important;gap:clamp(4px,1.5vw,8px)!important;width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.game-screen .action-toggle{box-sizing:border-box!important;grid-area:1/1/auto/3!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;font-size:clamp(13px,3.5vw,17px)!important;display:flex!important}.game-screen .player-name-box{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:clamp(5px,1.5vw,9px) clamp(7px,2vw,12px)!important;display:flex!important;overflow:hidden!important}.game-screen .player-name-box:nth-of-type(2){grid-area:2/1!important}.game-screen .player-name-box:first-of-type{grid-area:2/2!important}.game-screen .player-name{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;font-size:clamp(11px,3.2vw,15px)!important;overflow:hidden!important}.game-screen .player-power{flex-shrink:0!important;font-size:clamp(11px,3.2vw,15px)!important}.game-screen .game-timer{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;font-size:clamp(18px,5.5vw,30px)!important;display:flex!important}.game-screen .game-timer:first-of-type{grid-area:3/1!important}.game-screen .game-timer:nth-of-type(2){grid-area:3/2!important}.game-screen .forfeit{box-sizing:border-box!important;grid-area:4/1/auto/3!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;font-size:clamp(12px,3.5vw,16px)!important}.game-screen .forfeit-confirm{box-sizing:border-box!important;grid-area:4/1/auto/3!important;grid-template-columns:1fr 1fr!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important}.game-screen .forfeit-confirm button{box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;font-size:clamp(12px,3.5vw,16px)!important}.game-screen .panel-spacer{display:none!important}}.game-screen .game-panel>*,.game-screen .action-toggle,.game-screen .player-name-box,.game-screen .game-timer,.game-screen .forfeit,.game-screen .forfeit-confirm,.game-screen .forfeit-confirm button{margin:0!important}.game-screen .game-panel{gap:0!important}.game-screen .draft-panel,.game-finished .draft-panel{box-sizing:border-box!important;grid-column:1/3!important;width:100%!important;max-width:none!important;margin:0!important}.game-screen .game-timer{background:#202020;transition:background .2s}.game-screen .game-timer.active-timer{background:#343434}@media (width<=900px){.play-page{box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.play-page .page-top-header{box-sizing:border-box!important;flex:none!important;width:100vw!important;margin:0!important;padding:0!important}.play-page .play-preview-board{box-sizing:border-box!important;flex:0 0 100vw!important;width:100vw!important;height:100vw!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.play-page .play-preview-board>*{box-sizing:border-box!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vw!important;min-height:0!important;max-height:100vw!important;margin:0!important}.play-page .play-right-box{box-sizing:border-box!important;flex:auto!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;grid-template-columns:1fr!important;gap:0!important;width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.play-page .play-info-box{display:none!important}.play-page .play-rating-box{box-sizing:border-box!important;grid-area:1/1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.play-page .play-mode-box{box-sizing:border-box!important;grid-area:2/1!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.play-page .play-mode-box button{box-sizing:border-box!important;flex:50%!important;width:50%!important;height:100%!important;margin:0!important}.play-page .find-match{box-sizing:border-box!important;grid-area:3/1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:flex!important}body:has(.play-page) .play-page{top:var(--mobile-header-height,60px)!important;box-sizing:border-box!important;width:100vw!important;height:auto!important;min-height:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important}.play-page .play-rating-box,.play-page .play-mode-box,.play-page .play-mode-box button{border-radius:0!important}.play-page .play-info-box{box-sizing:border-box!important;grid-area:2/1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;font-size:20px!important;font-weight:700!important;display:flex!important}:is(body:has(.game-finished) .sidebar,body:has(.game-finished) .mobile-overlay){display:none!important}.game-finished .board{flex-shrink:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vw!important;min-height:0!important;max-height:100vw!important}.game-finished .game-panel{box-sizing:border-box!important;flex:auto!important;width:100vw!important;min-width:0!important;max-width:100vw!important;min-height:0!important;margin:0!important;padding:8px!important;overflow:hidden!important}.game-finished .game-result-panel{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important}.game-finished{box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important}.game-finished .board-container{box-sizing:border-box!important;flex:0 0 100vw!important;order:1!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100vw!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-finished .game-panel{box-sizing:border-box!important;flex-direction:column!important;flex:auto!important;order:2!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-finished .game-result-panel{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important}.game-finished .game-result-header{box-sizing:border-box!important;flex:33.333%!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:0!important;margin:0!important;padding:10px!important;display:flex!important}.game-finished .game-result-header h1{text-align:center!important;margin:0!important;font-size:clamp(32px,9vw,54px)!important;line-height:1!important}.game-finished .game-result-content{box-sizing:border-box!important;flex-direction:column!important;flex:2 66.666%!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important}.game-finished .rating-label,.game-finished .rating-change{box-sizing:border-box!important;flex:25%!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:0!important;margin:0!important;display:flex!important}.game-finished .play-again-button{box-sizing:border-box!important;flex:2 50%!important;width:100%!important;min-height:0!important;margin:0!important}.game-finished{box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;height:calc(100dvh - 60px)!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:60px 0 0!important;overflow:hidden!important}.game-finished .board-container{box-sizing:border-box!important;flex:0 0 100vw!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100vw!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-finished .board{aspect-ratio:1!important;flex-shrink:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vw!important;min-height:0!important;max-height:100vw!important}.game-finished .game-panel{box-sizing:border-box!important;flex-direction:column!important;flex:auto!important;width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-finished .game-result-panel{box-sizing:border-box!important;flex-direction:column!important;flex:auto!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important}.game-finished .game-result-header,.game-finished .game-result-content{box-sizing:border-box!important;width:100%!important}.game-screen:has(.draft-panel){box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.game-screen:has(.draft-panel) .board-container{box-sizing:border-box!important;flex:0 0 100vw!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100vw!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-screen:has(.draft-panel) .board{aspect-ratio:1!important;flex-shrink:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vw!important;min-height:0!important;max-height:100vw!important}.game-screen:has(.draft-panel) .game-panel{box-sizing:border-box!important;flex-direction:column!important;flex:1 1 0!important;width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.game-screen:has(.draft-panel) .draft-panel{box-sizing:border-box!important;flex-direction:column!important;flex:1 1 0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important}.game-screen:has(.draft-panel) .draft-panel-header{box-sizing:border-box!important;flex:none!important;width:100%!important}.game-screen:has(.draft-panel) .draft-panel-content{box-sizing:border-box!important;flex-direction:column!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:0!important;margin:0!important;padding:10px!important;display:flex!important;overflow:hidden!important}.game-screen:has(.draft-panel) .draft-timer{margin:0!important;font-size:clamp(42px,10vh,80px)!important;line-height:1!important}.game-screen:has(.draft-panel) .draft-turn-status{margin:0!important;padding:clamp(6px,1.5vh,10px) clamp(10px,3vw,18px)!important;font-size:clamp(11px,2.2vh,15px)!important}.game-screen:has(.draft-panel) .draft-instruction{text-align:center!important;margin:0!important;padding:0 10px!important;font-size:clamp(11px,2vh,15px)!important}body:has(.game-finished) .mobile-header{display:flex!important}body:has(.game-finished) .mobile-overlay{display:block!important}body:has(.game-finished) .sidebar{display:flex!important}.play-page .play-mode-box{box-sizing:border-box!important;flex:1 1 0!important;width:100%!important;min-height:0!important;margin:0!important}.play-page .play-mode-box+.play-info-box{display:none!important}.play-page .play-right-box>.play-info-box:only-child{box-sizing:border-box!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:0!important;margin:0!important;display:flex!important}}.wall-intersections{touch-action:none!important}.player-piece{background:#3b82f6}.opponent-piece{background:#000}.friend-request-row,.friends-result-row{cursor:pointer}.other-profile-actions{box-sizing:border-box;background:#181818;border:1px solid #292929;justify-content:flex-end;align-items:center;gap:10px;width:100%;margin-top:12px;padding:12px 14px;display:flex}.profile-action-button{letter-spacing:.4px;cursor:pointer;box-sizing:border-box;border-radius:4px;min-height:42px;padding:0 20px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .1s}.other-profile-actions{box-sizing:border-box;background:#181818;border:1px solid #292929;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:12px;padding:12px 14px;display:grid}.profile-action-button{letter-spacing:.4px;cursor:pointer;box-sizing:border-box;border-radius:4px;width:100%;min-height:46px;padding:0 20px;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .1s}.profile-action-button:active{transform:translateY(1px)}.profile-action-button.remove{color:#aaa;background:#202020;border:1px solid #3a3a3a}.profile-action-button.remove:hover{color:#ef4444;background:#292929;border-color:#555}.profile-action-button.challenge{color:#fff;background:#2563eb;border:1px solid #3b82f6}.profile-action-button.challenge:hover{background:#1d4ed8;border-color:#60a5fa}.profile-action-button.cancel-remove{color:#aaa;background:#202020;border:1px solid #3a3a3a}.profile-action-button.cancel-remove:hover{color:#fff;background:#292929;border-color:#555}.profile-action-button.continue-remove{color:#fff;background:#ef4444;border:1px solid #f87171}.profile-action-button.continue-remove:hover{background:#dc2626;border-color:#fca5a5}.other-profile-actions{box-sizing:border-box;background:#181818;border:1px solid #292929;width:100%;margin-top:12px;padding:12px 14px}.game-finished{box-sizing:border-box;align-items:center;height:100vh;margin:0;padding:0;display:flex}.game-finished .board,.game-finished .game-panel{margin:0}.game-finished{width:calc(100vw - 205px)!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:205px!important;overflow:hidden!important}.game-finished .board-container{align-items:center!important;height:100vh!important}.game-finished .board{width:100vh!important;max-width:100vh!important;height:100vh!important;max-height:100vh!important}.game-finished .game-panel,.game-finished .game-result-panel{height:100vh!important}.game-finished{width:auto!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0 0 0 205px!important;overflow:hidden!important}.game-finished .board-container{flex:auto!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:0!important;height:100vh!important;min-height:0!important;display:flex!important;overflow:hidden!important}.game-finished .board{aspect-ratio:1!important;flex-shrink:1!important;width:min(100vh,100%)!important;max-width:100%!important;height:min(100vh,100%)!important;max-height:100vh!important}.game-finished .game-panel{flex:0 0 380px!important;width:380px!important;min-width:0!important;height:100vh!important}.game-finished .game-result-panel{box-sizing:border-box!important;width:100%!important;height:100vh!important}@media (width<=900px){.main-content:has(.game-finished){width:100%!important;max-width:100%!important;margin-left:0!important;padding:0!important;left:0!important}.game-finished{width:100vw!important;max-width:100vw!important;height:100vh!important;margin-left:0!important;margin-right:0!important;position:fixed!important;inset:0!important}.game-finished .game-panel{flex:auto!important;width:100%!important;min-width:0!important;max-width:100%!important}.game-finished .game-result-panel{width:100%!important;max-width:100%!important}}.challenge-notifications{z-index:9999;flex-direction:column;gap:12px;width:360px;display:flex;position:fixed;top:20px;right:20px}.challenge-notification{background:#181818;border:1px solid #333;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 10px 30px #0006}.challenge-notification-text{flex-direction:column;gap:4px;display:flex}.challenge-notification-text strong{color:#fff;font-size:16px}.challenge-notification-text span{color:#999;font-size:13px}.challenge-notification-actions{gap:8px;display:flex}.challenge-notification-actions button{cursor:pointer;border:none;flex:1;padding:10px;font-weight:700}.challenge-accept{color:#fff;background:#22c55e}.challenge-decline{color:#ddd;background:#333}@media (width<=700px){.challenge-notifications{box-sizing:border-box;width:100%;padding:10px;top:0;left:0;right:0}.challenge-notification{box-sizing:border-box;width:100%;padding:14px}}@media (width>=901px){.play-preview-board{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:115px 420px 0 205px!important;overflow:hidden!important}.play-preview-board .login-board-preview{aspect-ratio:1!important;box-sizing:border-box!important;flex:none!important;grid-template-rows:repeat(9,1fr)!important;grid-template-columns:repeat(9,1fr)!important;width:min(100%,100vh - 115px)!important;height:auto!important;display:grid!important}}.global-search-control{z-index:2000;flex-direction:column;width:420px;display:flex;position:fixed;bottom:0;right:0}.global-search-timer{box-sizing:border-box;color:#aaa;background:#181818;border-top:1px solid #292929;border-left:1px solid #292929;justify-content:center;align-items:center;width:100%;height:58px;font-size:16px;font-weight:600;display:flex}.global-cancel-search{box-sizing:border-box;color:#fff;letter-spacing:.5px;cursor:pointer;background:#3a5e83;border:none;border-radius:0;width:100%;height:100px;margin:0;padding:0;font-size:18px;font-weight:700;transition:background .15s}.global-cancel-search:hover{background:#24405c}.global-cancel-search:active{background:#3a5e83}@media (width<=650px){.global-search-control{width:100%;bottom:0;right:0}.global-search-timer{height:55px}.global-cancel-search{height:80px}}.player-card{box-sizing:border-box;background:#202020;border-radius:5px;justify-content:center;align-items:center;height:50px;margin-top:auto;margin-left:10px;margin-right:10px;padding:0 12px;display:flex}.player-card h3{color:#f2f2f2;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:23px;font-weight:700;overflow:hidden}.bot-rating-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.bot-rating-options button{width:100%}.play-bot-page .play-right-box{flex-direction:column;display:flex}.play-bot-page .play-right-box{padding-top:0}.play-bot-page .play-rating-box{flex-shrink:0}.play-bot-page .bot-rating-options{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:6px;min-height:0;display:grid}.play-bot-page .bot-rating-options button{width:100%;height:100%}.play-bot-page .find-match{flex-shrink:0}.play-bot-page .play-right-box{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.play-bot-page .play-rating-box{border-radius:0;flex-shrink:0;width:100%}.play-bot-page .bot-rating-options{box-sizing:border-box;background:#181818;border:none;border-radius:0;flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:1fr 1fr;gap:4px;width:100%;min-height:0;margin:0 0 100px;padding:4px;display:grid}.play-bot-page .bot-rating-options button{border-radius:2px;width:100%;height:100%;min-height:0}.play-bot-page .find-match{border-radius:0;width:100%;height:100px;position:absolute;bottom:0;left:0;right:0}.play-bot-page .bot-rating-options{box-sizing:border-box;background:#181818;border:none;border-radius:0;flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:4px;width:100%;min-height:0;margin:0 0 100px;padding:4px;display:grid}@media (width>=901px){.play-preview-board{left:var(--sidebar-width)!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;top:115px!important;bottom:0!important;right:420px!important;overflow:hidden!important}.play-preview-board .login-board-preview{aspect-ratio:1!important;box-sizing:border-box!important;flex:none!important;grid-template-rows:repeat(9,1fr)!important;grid-template-columns:repeat(9,1fr)!important;width:min(100%,100vh - 115px)!important;height:auto!important;display:grid!important}}:root{--sidebar-width:205px}.sidebar{width:var(--sidebar-width)!important}html,body,#root{background-color:#d7dee4!important}html,body,#root,.app,.main-content,.game-mode,.game-screen,.game-finished,.play-container,.login-page{background:#d7dee4!important}.app,.main-content,.dashboard,.play-page,.play-bot-page,.profile-page,.profile-content,.friends-page,.friends-content,.settings-page,.settings-content{background:#6f7b85!important}.main-content.game-active,.game-screen,.game-finished,.game-mode{background:#111!important}.play-page,.play-preview-board{background:#6f7b85!important}.game-finished{box-sizing:border-box;align-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.sidebar-bottom{flex-direction:column;width:100%;margin-top:auto;display:flex}.player-card{cursor:pointer;transition:background-color .15s,transform .15s}.player-card:hover{background-color:#252525}.player-card:active{transform:scale(.98)}.leader-row.current .leader-rating{color:#fff!important}.leader-row.current.selected{background:#8494a3!important;border-left:none!important}.leader-row.current{box-shadow:none!important;background:#454f58!important;border-left:none!important}.leader-row.current:hover{background:#4b555e!important;border-left:none!important}.login-player-piece,.login-opponent-piece{cursor:grab}.login-player-piece:active,.login-opponent-piece:active{cursor:grabbing}.login-game-square{cursor:default}.login-game-square.endzone-clickable{cursor:pointer}.upgrade-button{color:#20262c;cursor:pointer;text-align:center;background:#aeb8c3;border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:11px 14px;font-size:19px;font-weight:700;transition:background .15s}.upgrade-button:hover{background:#bbc4cd}.upgrade-button.selected{background:#aeb8c3}.upgrade-plans{grid-template-columns:repeat(2,minmax(300px,1fr));gap:25px;max-width:900px;display:grid}.upgrade-plan{box-sizing:border-box;text-align:center;background:#181818;border:1px solid #242424;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px;display:flex}.upgrade-page{width:100%;animation:.3s fade}.upgrade-plans{grid-template-columns:repeat(2,minmax(300px,1fr));gap:25px;margin-top:45px;display:grid}.upgrade-plan{text-align:center;box-sizing:border-box;background:#181818;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}@media (width<=900px){.upgrade-plans{grid-template-columns:1fr}}.upgrade-page .page-top-header{width:auto;margin-top:-45px;margin-left:-45px;margin-right:-45px}.upgrade-page{width:100%;min-height:100%;animation:.3s fade}.upgrade-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;min-height:calc(100vh - 100px);margin-top:25px;display:grid}.upgrade-plan{text-align:center;box-sizing:border-box;background:#181818;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:45px;display:flex}.upgrade-price{margin-bottom:40px;font-size:52px;font-weight:700}.upgrade-purchase{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:5px;width:80%;max-width:350px;height:60px;font-size:18px;font-weight:700;transition:all .2s}@media (width<=900px){.upgrade-plans{grid-template-columns:1fr;min-height:auto}.upgrade-plan{min-height:400px}}.upgrade-page{box-sizing:border-box;width:100%;height:100%;min-height:100%;animation:.3s fade}.main-content:has(.upgrade-page){padding:0;overflow:hidden}.upgrade-page .page-top-header{box-sizing:border-box;align-items:center;width:100%;height:80px;margin:0;padding:0 25px;display:flex}.upgrade-plans{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;width:100%;height:calc(100vh - 80px);padding:0 25px 25px;display:grid}.upgrade-plan-column{flex-direction:column;width:100%;height:100%;display:flex}.upgrade-plan{text-align:center;box-sizing:border-box;background:#181818;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.upgrade-plan h2{letter-spacing:1px;margin:0 0 25px;font-size:36px}.upgrade-price{font-size:52px;font-weight:700}.upgrade-price span{color:#888;font-size:18px;font-weight:400}.upgrade-purchase{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:5px;flex-shrink:0;width:100%;height:60px;margin-top:15px;font-size:18px;font-weight:700;transition:all .2s}.upgrade-purchase:hover{background:#2563eb}@media (width<=900px){.main-content:has(.upgrade-page){overflow:hidden}.upgrade-page{height:100%;overflow:hidden}.upgrade-plans{grid-template-columns:1fr;height:calc(100% - 80px);overflow-y:auto}}.upgrade-plans{height:calc(100vh - 105px)!important;margin-bottom:25px!important}.upgrade-purchase{box-sizing:border-box;color:#fff;cursor:pointer;background:#3b82f6;border-radius:5px;flex-shrink:0;height:60px;margin-top:15px;padding:0;font-size:18px;font-weight:700;transition:all .2s;border:4px solid #000!important;width:100%!important}.upgrade-plan-column{width:100%!important}.upgrade-plan{box-sizing:border-box!important;width:100%!important}.upgrade-purchase{box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;display:block!important}.upgrade-plan{flex:auto!important}.upgrade-purchase{height:130px!important}.main-content:has(.upgrade-page){box-sizing:border-box!important;width:auto!important;padding-left:25px!important;padding-right:25px!important}.upgrade-page{box-sizing:border-box!important;width:100%!important;max-width:none!important}.upgrade-plans{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:25px!important;width:100%!important;max-width:none!important}.upgrade-page .page-top-header{box-sizing:border-box!important;align-items:flex-end!important;width:auto!important;height:115px!important;margin:0 -45px 35px -25px!important;padding:0 45px 20px!important;display:flex!important;transform:none!important}.upgrade-plans{box-sizing:border-box!important;height:auto!important;margin-bottom:0!important;padding-bottom:25px!important}.upgrade-plan-column{height:calc(100vh - 175px)!important;min-height:0!important}.login-board-preview .login-game-square{box-sizing:border-box;background-clip:padding-box;border:none;border-radius:0;position:relative;overflow:hidden;background:#000!important}.login-board-preview .login-game-square:before{content:"";z-index:0;background:#292929;border-radius:0;position:absolute;inset:1px}.login-board-preview .login-game-square.dark-square:before{background:#242424}.login-board-preview .login-game-square>*{z-index:1;position:relative}.login-board-preview .login-game-square.light-square:not(.login-player-zone):not(.login-ai-zone):before{background:#8fa8bc!important}.login-board-preview .login-game-square.dark-square:not(.login-player-zone):not(.login-ai-zone):before{background:#63717c!important}.login-board-preview .login-game-square.login-player-zone:before{background:#1d2940!important}.login-board-preview .login-game-square.login-ai-zone:before{background:#111!important}.login-board-preview{background:#000!important}.game-square{background:#8fa8bc!important}.game-square.dark-square{background:#63717c!important}.game-square.player-zone,.game-square.player-zone.light-square,.game-square.player-zone.dark-square{background:#1d2940!important}.game-square.ai-zone,.game-square.ai-zone.light-square,.game-square.ai-zone.dark-square{background:#111!important}.landing-board .login-game-square,.login-board-preview .login-game-square{box-sizing:border-box!important;border:none!important;border-radius:0!important}.landing-board .login-game-square.light-square,.login-board-preview .login-game-square.light-square{background:#8fa8bc!important}.landing-board .login-game-square.dark-square,.login-board-preview .login-game-square.dark-square{background:#63717c!important}.landing-board .login-game-square.login-player-zone,.login-board-preview .login-game-square.login-player-zone{background:#1d2940!important}.landing-board .login-game-square.login-ai-zone,.login-board-preview .login-game-square.login-ai-zone{background:#111!important}.landing-board .login-game-square.login-player-zone.light-square:before,.login-board-preview .login-game-square.login-player-zone.light-square:before{background:#1d2940!important}.landing-board .login-game-square.login-player-zone.dark-square:before,.login-board-preview .login-game-square.login-player-zone.dark-square:before{background:#172238!important}.landing-board .login-game-square.login-ai-zone.light-square:before,.login-board-preview .login-game-square.login-ai-zone.light-square:before{background:#111!important}.landing-board .login-game-square.login-ai-zone.dark-square:before,.login-board-preview .login-game-square.login-ai-zone.dark-square:before{background:#0a0a0a!important}.game-square.draft-preview{z-index:5;box-shadow:inset 0 0 0 2px #bed7eb8c;background:#385b75!important}.game-square.start-preview{z-index:5;box-shadow:inset 0 0 0 2px #d2e6f5bf;background:#6f8fa8!important}.edge-wall,.wall-preview{box-sizing:border-box;background:#20b8ff!important;border:2px solid #050505!important;box-shadow:inset 0 0 5px #ffffff40,0 0 0 1px #000,0 0 5px #1597e559!important}@media (width<=700px){.mobile-hidden-rating,.upgrade-page .page-top-header{display:none!important}.upgrade-plans{flex-direction:column!important;gap:20px!important;display:flex!important}.upgrade-plan-column{width:100%!important}}.settings-card.settings-page{box-sizing:border-box;flex-direction:column;gap:8px;padding:8px;display:flex}.settings-card.settings-page .setting-option{box-sizing:border-box;cursor:pointer;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:20px 24px;display:flex}@media (width<=768px){.settings-layout.panel-open{width:100%;height:100%;display:block}.settings-layout.panel-open .settings-card{display:none}.settings-layout.panel-open .settings-panel{box-sizing:border-box;width:100%;height:calc(100vh - 70px);margin:0;padding:20px;position:relative;overflow-y:auto}.settings-mobile-close{cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;line-height:1;display:flex;position:absolute;top:10px;right:10px}}.bot-rating-mobile{display:none}@media (width<=650px){.bot-rating-desktop{display:none}.bot-rating-mobile{display:inline}}.login-board-preview,.login-game-square{touch-action:none}@media (width<=900px){.sidebar .nav button span{color:inherit;justify-content:center;align-items:center;line-height:1;width:25px!important;min-width:25px!important;font-size:24px!important;font-weight:700!important;display:inline-flex!important}.sidebar .nav button{gap:14px!important}}.friend-request-dot{z-index:2;box-sizing:border-box;background:#3b82f6;position:absolute;top:9px;right:10px;border-radius:50%!important;width:9px!important;height:9px!important;margin:0!important;padding:0!important}.players-online{color:#8f8f8f;margin-left:18px;font-size:15px;font-weight:500}@media (width<=900px){.sidebar .nav button .friend-request-dot{box-sizing:border-box!important;background:#3b82f6!important;border-radius:50%!important;width:9px!important;min-width:9px!important;height:9px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;display:block!important;position:absolute!important;top:9px!important;right:10px!important}.sidebar{height:100dvh!important}.sidebar-bottom{flex-shrink:0!important;margin-top:auto!important}.nav button:first-child{font-size:0!important}.nav button:first-child:before{content:"▷";color:#f2f2f2;justify-content:center;align-items:center;width:25px;min-width:25px;font-size:20px;display:inline-flex}.nav button:first-child:after{content:"Play Ranked";color:inherit;background:0 0;width:auto;height:auto;font-size:16px;display:inline;position:static}.nav button:nth-child(2){font-size:0!important}.nav button:nth-child(2):before{content:"▷";color:#f2f2f2;justify-content:center;align-items:center;width:25px;min-width:25px;font-size:20px;display:inline-flex}.nav button:nth-child(2):after{content:"Play a Bot";color:inherit;background:0 0;width:auto;height:auto;font-size:16px;display:inline;position:static}.nav button:nth-child(6){font-size:0!important}.nav button:nth-child(6):before{content:"●";color:#f2f2f2;justify-content:center;align-items:center;width:25px;min-width:25px;font-size:18px;display:inline-flex}.nav button:nth-child(6):after{content:"Friends";color:inherit;background:0 0;width:auto;height:auto;font-size:16px;display:inline;position:static}.nav button:nth-child(7){font-size:0!important}.nav button:nth-child(7):before{content:"●";color:#f2f2f2;justify-content:center;align-items:center;width:25px;min-width:25px;font-size:18px;display:inline-flex}.nav button:nth-child(7):after{content:"Settings";color:inherit;background:0 0;width:auto;height:auto;font-size:16px;display:inline;position:static}.nav button:first-child,.nav button:nth-child(2),.nav button:nth-child(6),.nav button:nth-child(7){gap:0!important;padding-left:20px!important}.nav button:first-child:before,.nav button:nth-child(2):before,.nav button:nth-child(6):before,.nav button:nth-child(7):before{margin:0!important}.nav button:first-child{gap:11px!important}.nav button:nth-child(2){gap:15px!important}.nav button:nth-child(6){gap:20px!important}.nav button:nth-child(7){gap:19px!important}}@media (width>=901px){.page-top-header{box-sizing:border-box!important;background:#0c0c0c!important;align-items:center!important;height:70px!important;padding:0 25px!important;display:flex!important}.page-top-header h1{margin:0!important;font-size:28px!important;line-height:1!important}.play-preview-board,.play-bot-page .play-preview-board{top:70px!important}}@media (width<=900px){.leaderboard-content{box-sizing:border-box!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;position:fixed!important;inset:60px 0 0!important;overflow:hidden auto!important}.leaderboard-table{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.leaderboard-table-header{z-index:2000!important;box-sizing:border-box!important;align-items:center!important;width:100vw!important;height:55px!important;margin:0!important;display:grid!important;position:fixed!important;top:60px!important;left:0!important}.leaderboard-list{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:55px 0 0!important;display:block!important;overflow:visible!important}.leaderboard-list>div{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.leader-row{box-sizing:border-box!important;width:100%!important;min-height:78px!important;margin:0!important}.leaderboard-content{box-sizing:border-box!important;background:#111!important;width:100vw!important;height:auto!important;margin:0!important;padding:0!important;position:fixed!important;inset:60px 0 0!important;overflow:hidden auto!important}.leaderboard-table{box-sizing:border-box!important;border:0!important;width:100vw!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.leaderboard-table-header{z-index:2000!important;box-sizing:border-box!important;width:100vw!important;height:55px!important;margin:0!important;position:fixed!important;top:60px!important;left:0!important}.leaderboard-list{box-sizing:border-box!important;width:100vw!important;margin:0!important;padding:55px 0 0!important;display:block!important;overflow:visible!important}.leaderboard-list>div{box-sizing:border-box!important;width:100vw!important;max-width:none!important;margin:0!important;padding:0!important}.leader-row{box-sizing:border-box!important;border-left:0!important;border-right:0!important;width:100vw!important;max-width:none!important;margin:0!important}}@media (width>=901px){.leaderboard-content{box-sizing:border-box!important;height:calc(100vh - 70px)!important;min-height:0!important;overflow:hidden!important}.leaderboard-table{box-sizing:border-box!important;height:100%!important;min-height:0!important}.leaderboard-list{min-height:0!important;overflow-y:auto!important}.page-top-header h1{letter-spacing:.7px!important;letter-spacing:.7px!important;text-transform:uppercase!important;margin:0!important;font-size:21px!important;font-weight:800!important;line-height:1!important}}@media (width<=900px){.mobile-page-title{letter-spacing:.7px!important;text-transform:uppercase!important;font-size:21px!important;font-weight:800!important}}.login-page{position:relative}.auth-corner-button{color:#aaa;letter-spacing:.4px;cursor:pointer;z-index:10000;background:#181818;border:1px solid #444;border-radius:4px;height:34px;padding:0 15px;font-size:11px;font-weight:800;position:fixed;top:18px}.auth-corner-button:hover{color:#fff;background:#242424}.auth-corner-left,.auth-corner-right{right:18px}.signup-methods{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.signup-method-button{color:#eee;letter-spacing:.3px;cursor:pointer;background:#202020;border:1px solid #333;border-radius:4px;width:100%;min-height:46px;padding:0 18px;font-size:13px;font-weight:800}.signup-method-button:hover:not(:disabled){background:#292929}.signup-method-button:disabled{opacity:.45;cursor:not-allowed}.login-box .create-account{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.login-box .create-account:hover{background:#2563eb!important;border-color:#2563eb!important}.email-verification{flex-direction:column;align-items:center;width:100%;display:flex}.email-verification h2{color:#fff;margin:0 0 12px;font-size:20px;font-weight:800}.email-verification p{color:#aaa;text-align:center;margin:0 0 5px;font-size:13px}.email-verification strong{color:#fff;margin-bottom:18px;font-size:14px}.email-verification input{box-sizing:border-box;text-align:center;letter-spacing:5px;width:100%;font-size:20px;font-weight:700}.email-verification .create-account:disabled{opacity:.45;cursor:not-allowed}.protected-page-overlay{z-index:200000;box-sizing:border-box;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.protected-page-modal{box-sizing:border-box;text-align:center;background:#181818;border:1px solid #333;border-radius:6px;width:380px;max-width:calc(100vw - 40px);padding:32px 30px;box-shadow:0 20px 70px #0000008c}.protected-page-modal h2{color:#fff;letter-spacing:1px;margin:0 0 10px;font-size:26px;font-weight:900}.protected-page-modal p{color:#999;margin:0 0 24px;font-size:14px;line-height:1.5}.protected-page-actions{gap:10px;width:100%;display:flex}.protected-page-actions button{color:#fff;cursor:pointer;background:#242424;border:1px solid #444;border-radius:4px;flex:1;height:44px;font-size:12px;font-weight:800}.protected-page-actions button:hover{background:#303030}.protected-page-actions button:last-child{background:#3b82f6;border-color:#3b82f6}.protected-page-actions button:last-child:hover{background:#2563eb;border-color:#2563eb}@media (width<=600px){.protected-page-modal{width:calc(100vw - 28px);padding:28px 20px}.protected-page-actions{flex-direction:column}.protected-page-actions button{width:100%}}.tournaments-page{box-sizing:border-box;width:100%;min-height:100%;padding:32px 34px 50px}.tournament-selector{box-sizing:border-box;background:#777d82;border:1px solid #8e9499;width:100%;max-width:1050px;margin:0 auto 34px;box-shadow:0 10px 35px #0003}.tournament-selector-title{box-sizing:border-box;color:#fff;letter-spacing:.7px;background:#666c71;border-bottom:1px solid #858b90;align-items:center;min-height:64px;padding:0 26px;font-size:21px;font-weight:800;display:flex}.tournament-selector-body{box-sizing:border-box;flex-direction:column;align-items:center;padding:30px 30px 32px;display:flex}.tournament-size-label{color:#e9edf0;letter-spacing:1.4px;margin-bottom:13px;font-size:13px;font-weight:800}.tournament-size-control{box-sizing:border-box;background:#555b60;border:1px solid #9da2a6;grid-template-columns:100px 1fr 100px;width:min(100%,430px);height:82px;display:grid}.tournament-size-button{color:#fff;cursor:pointer;background:#4a5055;border:0;font-size:25px;font-weight:800;transition:background .15s,transform .15s}.tournament-size-button:hover:not(:disabled){background:#3f454a}.tournament-size-button:active:not(:disabled){transform:scale(.97)}.tournament-size-button:disabled{opacity:.35;cursor:default}.tournament-size-number{color:#fff;background:#70767b;border-left:1px solid #92979b;border-right:1px solid #92979b;justify-content:center;align-items:center;font-size:38px;font-weight:900;display:flex}.tournament-size-description{color:#d5dade;letter-spacing:1.6px;margin-top:13px;font-size:11px;font-weight:800}.enter-tournament{color:#fff;letter-spacing:.9px;cursor:pointer;background:#202428;border:0;width:min(100%,430px);height:58px;margin-top:26px;font-size:16px;font-weight:900;transition:background .15s,transform .15s}.enter-tournament:hover:not(:disabled){background:#15181b}.enter-tournament:active:not(:disabled){transform:translateY(1px)}.enter-tournament.entered{cursor:default;color:#c9ced2;background:#42484d}.tournament-stage{box-sizing:border-box;background:#70767b;border:1px solid #858b90;width:100%;max-width:1450px;margin:0 auto;box-shadow:0 12px 40px #0000002e}.tournament-stage-header{box-sizing:border-box;background:#646a6f;border-bottom:1px solid #878d92;justify-content:space-between;align-items:center;gap:25px;min-height:88px;padding:18px 24px;display:flex}.tournament-stage-title{color:#fff;letter-spacing:.5px;font-size:22px;font-weight:900}.tournament-stage-subtitle{color:#c6ccd0;letter-spacing:1.5px;margin-top:5px;font-size:11px;font-weight:800}.tournament-status{box-sizing:border-box;color:#e8ecef;letter-spacing:.8px;white-space:nowrap;background:#595f64;border:1px solid #92989d;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:12px;font-weight:900;display:flex}.tournament-status.starting{background:#454b50}.status-dot{background:#bfc5c9;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.tournament-progress{padding:18px 24px 0}.tournament-progress-text{color:#d8dde0;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.tournament-progress-text strong{color:#fff;font-size:13px}.tournament-progress-track{background:#555b60;width:100%;height:5px;margin-top:9px;overflow:hidden}.tournament-progress-fill{background:#dce1e4;height:100%;transition:width .25s}.bracket-wrapper{box-sizing:border-box;width:100%;padding:28px 24px 35px;overflow:auto hidden}.bracket{align-items:stretch;gap:34px;min-width:900px;display:flex}.bracket-round{flex-direction:column;flex:1 1 0;min-width:190px;display:flex}.bracket-round-title{color:#d9dee1;letter-spacing:1.3px;justify-content:center;align-items:center;height:34px;font-size:11px;font-weight:900;display:flex}.bracket-match{box-sizing:border-box;background:#5c6267;border:1px solid #858b90;width:100%;position:relative}.bracket-player{box-sizing:border-box;color:#fff;letter-spacing:.2px;justify-content:space-between;align-items:center;height:40px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.bracket-player+.bracket-player{border-top:1px solid #858b90}.bracket-player.filled{background:#686e73}.bracket-player.empty{color:#aeb4b8;letter-spacing:.8px;background:#555b60;font-size:10px;font-weight:700}.player-seed{color:#bfc5c9;font-size:10px;font-weight:800}.bracket-round:last-child .bracket-match{box-shadow:0 6px 20px #00000026}.bracket-round:last-child .bracket-player{height:46px;font-size:13px}.tournament-footer{box-sizing:border-box;background:#666c71;border-top:1px solid #858b90;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:15px 24px;display:flex}.tournament-footer-item{align-items:center;gap:10px;min-width:0;display:flex}.footer-icon{color:#e0e5e8;background:#555b60;border:1px solid #858b90;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.tournament-footer-item strong{color:#e7ebee;letter-spacing:.8px;font-size:10px;font-weight:900;display:block}.tournament-footer-item small{color:#bfc5c9;margin-top:3px;font-size:10px;display:block}@media (width<=900px){.tournaments-page{padding:18px 14px 35px}.tournament-selector{margin-bottom:20px}.tournament-selector-title{min-height:54px;padding:0 17px;font-size:16px}.tournament-selector-body{padding:23px 17px 25px}.tournament-size-control{grid-template-columns:78px 1fr 78px;width:100%;height:70px}.tournament-size-number{font-size:32px}.enter-tournament{width:100%}.tournament-stage-header{flex-direction:column;align-items:flex-start;padding:17px}.tournament-status{justify-content:center;width:100%;font-size:10px}.tournament-progress,.bracket-wrapper{padding-left:17px;padding-right:17px}.tournament-footer{flex-direction:column;align-items:stretch;gap:14px;padding:16px 17px}.tournament-footer-item{width:100%}}.tournament-bracket-page{z-index:1;box-sizing:border-box!important;width:auto!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0 0 0 205px!important}.tournament-stage-full{box-sizing:border-box!important;border:0!important;border-radius:0!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;inset:0!important}.tournament-stage-full .tournament-stage-header,.tournament-stage-full .tournament-progress{flex-shrink:0}.tournament-stage-full .bracket-wrapper{box-sizing:border-box!important;flex:1!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:auto!important}.tournament-stage-full .bracket{box-sizing:border-box;min-width:max-content;margin:0!important;padding:40px!important}.tournament-stage-full{overflow:hidden!important}.tournament-stage-full .bracket-wrapper{overscroll-behavior:contain;box-sizing:border-box!important;flex:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;overflow:auto!important}.tournament-stage-full .bracket{align-items:center;box-sizing:border-box!important;width:max-content!important;min-width:max-content!important;height:max-content!important;min-height:100%!important;margin:0!important;padding:50px 70px!important;display:flex!important}.tournament-stage-full .bracket-round,.tournament-stage-full .bracket-match,.tournament-stage-full .bracket-player{flex-shrink:0!important}.tournament-stage-full .bracket-wrapper::-webkit-scrollbar{width:12px;height:12px}.tournament-stage-full .bracket-wrapper::-webkit-scrollbar-track{background:#111}.tournament-stage-full .bracket-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:6px}.tournament-stage-full .bracket-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.bracket-round:first-child .bracket-round-matches{gap:20px}.bracket-round:nth-child(2) .bracket-round-matches{gap:122px}.bracket-round:nth-child(3) .bracket-round-matches{gap:326px}.bracket-round:nth-child(4) .bracket-round-matches{gap:735px}.bracket-round:nth-child(5) .bracket-round-matches{gap:1600px}.bracket-round:nth-child(6) .bracket-round-matches{gap:3150px}.bracket-match{box-sizing:border-box;background:#5c6267;border:1px solid #858b90;flex-shrink:0;width:100%;position:relative}.bracket-match:after{content:"";background:#9ca2a6;width:34px;height:1px;position:absolute;top:50%;right:-35px;transform:translateY(-50%)}.bracket-round:last-child .bracket-match:after{display:none}.bracket-round:not(:last-child) .bracket-match:nth-child(odd):before{content:"";box-sizing:border-box;border-top:1px solid #9ca2a6;border-right:1px solid #9ca2a6;width:35px;height:calc(50% + 10px);position:absolute;top:50%;right:-35px}.bracket-round:not(:last-child) .bracket-match:nth-child(2n):before{content:"";box-sizing:border-box;border-bottom:1px solid #9ca2a6;border-right:1px solid #9ca2a6;width:35px;height:calc(50% + 10px);position:absolute;bottom:50%;right:-35px}.bracket-round:first-child .bracket-round-matches{justify-content:space-between}.bracket-round:nth-child(2) .bracket-round-matches,.bracket-round:nth-child(3) .bracket-round-matches,.bracket-round:nth-child(4) .bracket-round-matches,.bracket-round:nth-child(5) .bracket-round-matches,.bracket-round:nth-child(6) .bracket-round-matches{justify-content:space-around}.bracket-round-matches{flex-direction:column;flex:1;justify-content:space-around;gap:0;display:flex}.bracket-match{box-sizing:border-box;background:#5c6267;border:1px solid #858b90;flex:none;width:100%;position:relative}.bracket-round:not(:last-child) .bracket-match:nth-child(odd):before{content:"";box-sizing:border-box;border-top:0;border-bottom:1px solid #9ca2a6;border-right:1px solid #9ca2a6;width:35px;height:calc(50% + 20px);position:absolute;top:50%;right:-35px}.bracket-round:not(:last-child) .bracket-match:nth-child(2n):before{content:"";box-sizing:border-box;border-top:1px solid #9ca2a6;border-bottom:0;border-right:1px solid #9ca2a6;width:35px;height:calc(50% + 20px);position:absolute;bottom:50%;right:-35px}.bracket-round:last-child .bracket-match:after,.bracket-round:last-child .bracket-match:before{display:none}.bracket-round:not(:last-child) .bracket-match:after{content:"";background:#9ca2a6;width:35px;height:1px;position:absolute;top:50%;right:-35px;transform:translateY(-50%)}.bracket-round:not(:last-child) .bracket-match:nth-child(odd):before{content:"";background:#9ca2a6;width:1px;height:50%;position:absolute;top:50%;right:-35px}.bracket-round:not(:last-child) .bracket-match:nth-child(2n):before{content:"";background:#9ca2a6;width:1px;height:50%;position:absolute;bottom:50%;right:-35px}.bracket-round:last-child .bracket-match:before,.bracket-round:last-child .bracket-match:after{display:none}.bracket-round:first-child .bracket-match:nth-child(odd):before,.bracket-round:first-child .bracket-match:nth-child(2n):before{height:61px}.bracket-round:nth-child(2) .bracket-match:nth-child(odd):before,.bracket-round:nth-child(2) .bracket-match:nth-child(2n):before{height:163px}.bracket-round:nth-child(3) .bracket-match:nth-child(odd):before,.bracket-round:nth-child(3) .bracket-match:nth-child(2n):before{height:367px}.bracket-round:nth-child(4) .bracket-match:nth-child(odd):before,.bracket-round:nth-child(4) .bracket-match:nth-child(2n):before{height:735px}.bracket-round:nth-child(5) .bracket-match:nth-child(odd):before{height:1600px}.bracket-round:nth-child(6) .bracket-match:nth-child(2n):before{height:3200px}.tournament-selector-title,.tournament-stage-header{background:#181818!important}.tournament-entry-info{grid-template-columns:150px 1fr 150px;align-items:center;gap:18px;width:min(100%,760px);margin-top:26px;display:grid}.tournament-entry-info .enter-tournament{width:100%;margin-top:0}.tournament-entry-stat{box-sizing:border-box;background:#555b60;border:1px solid #858b90;flex-direction:column;justify-content:center;align-items:center;height:58px;display:flex}.tournament-entry-label{color:#bfc5c9;letter-spacing:1.2px;font-size:9px;font-weight:900}.tournament-entry-stat strong{color:#fff;letter-spacing:.5px;margin-top:4px;font-size:13px;font-weight:900}.tournament-prize{background:#555b60}@media (width<=700px){.tournament-entry-info{grid-template-columns:1fr 1fr;gap:10px;width:100%}.tournament-entry-info .enter-tournament{grid-area:1/1/auto/-1}.tournament-entry-stat{width:100%}}.tournament-selector{min-height:620px}.tournament-selector-body{justify-content:center;min-height:550px}@media (width<=900px){.tournament-bracket-page{width:100vw!important;left:0!important}.tournament-selector{width:100%!important;max-width:none!important;min-height:0!important;margin:0 0 18px!important}.tournament-selector-body{min-height:0!important;padding:28px 18px 30px!important}.tournament-size-control{max-width:430px;grid-template-columns:70px 1fr 70px!important;width:100%!important;height:68px!important}.tournament-size-button{font-size:22px}.tournament-size-number{font-size:31px}.tournament-entry-info{max-width:430px;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}.tournament-entry-info .enter-tournament{grid-area:1/1/auto/-1;height:56px}.tournament-entry-stat{height:54px}.tournament-stage-full{width:100vw!important;left:0!important}.tournament-stage-full .tournament-stage-header{padding:16px!important}.tournament-stage-full .tournament-stage-title{font-size:18px}.tournament-stage-full .tournament-status{width:auto;max-width:100%}.tournament-stage-full .bracket-wrapper{width:100%!important;overflow:auto!important}.tournament-stage-full .bracket{width:max-content!important;min-width:max-content!important;padding:40px 50px!important}.tournaments-page{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:18px 14px 30px!important}.tournament-selector{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0 0 18px!important}}.tournaments-page:not(.tournament-bracket-page) .tournament-selector{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;box-shadow:none!important;box-sizing:border-box!important;border:none!important;margin:0!important}.tournaments-page:not(.tournament-bracket-page) .tournament-selector-body{box-sizing:border-box!important;flex:1!important;justify-content:center!important;align-items:center!important;min-height:0!important;display:flex!important}.main-content:has(.tournaments-page:not(.tournament-bracket-page)){box-sizing:border-box!important;margin:0!important;padding:0!important}.tournaments-page:not(.tournament-bracket-page){box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important}.tournaments-page:not(.tournament-bracket-page) .tournament-selector{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;box-shadow:none!important;box-sizing:border-box!important;border:none!important;margin:0!important;padding:0!important}@media (width>=901px){.tournament-selector-title{box-sizing:border-box!important;background:#0c0c0c!important;align-items:center!important;height:70px!important;min-height:70px!important;padding:0 25px!important;display:flex!important}}.bracket-player.tournament-winner{color:#111!important;background:#9eabb7!important}.bracket-player.tournament-winner .player-seed{color:#30383f!important}