@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap";.homepage-container{margin:0;padding:0;position:relative;display:flex;width:100%;overflow-x:hidden;background:#0a0a0a;color:#fff;min-height:100vh}.homepage-main-content{flex:1;position:relative;display:flex;flex-direction:column;padding:40px;gap:40px;max-width:1400px;margin:0 auto 0 170px;width:100%;min-height:100vh}.homepage-main-content:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.top-section{display:grid;grid-template-columns:1fr 450px;gap:30px;margin:0;position:relative;z-index:1}.chessboard-section{display:flex;flex-direction:column;align-items:center;gap:15px}.puzzle-title-container{text-align:center;margin-bottom:0}.puzzle-title{font-size:18px;font-weight:600;color:#fff;margin:0;text-shadow:0 0 10px rgba(255,255,255,.12);letter-spacing:.5px}.chessboard-container{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:440px;height:440px;transition:all .4s cubic-bezier(.4,0,.2,1)}.guest-wrapper{display:flex;align-items:center;justify-content:center;width:500px;max-width:95%;padding:0}@media (max-width: 768px){.guest-wrapper{width:100%;padding:0}}.chessboard-container:hover{box-shadow:0 12px 40px #06b6d433;border-color:#06b6d41a}.chessboard-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;color:#9ca3af}.chess-pieces{font-size:48px;margin-bottom:20px;color:#67e8f9;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-content h2{font-size:32px;margin:15px 0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder-content p{font-size:16px;color:#9ca3af}.arena-buttons-container{display:flex;flex-direction:column;gap:15px}.arena-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;min-height:120px;text-decoration:none;color:inherit}.arena-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .3s ease;pointer-events:none}.arena-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d44d}.arena-card:hover:before{opacity:1}.arena-content{display:flex;flex-direction:column;gap:10px;flex:1}.arena-header{display:flex;flex-direction:row;align-items:center;gap:15px}.arena-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#06b6d433,#10b98133);box-shadow:0 8px 24px #06b6d44d;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));flex-shrink:0;animation:bounce-subtle 3s ease-in-out infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.arena-title{font-size:22px;font-weight:700;margin:0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arena-description{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.arena-arrow{font-size:36px;color:#06b6d4;font-weight:700;transition:transform .3s ease;flex-shrink:0;align-self:center}.arena-card:hover .arena-arrow{transform:translate(10px);color:#10b981}.daily-progress-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-top:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:20px}.daily-progress-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .3s ease;pointer-events:none}.daily-progress-card:hover:before{opacity:1}.daily-progress-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #06b6d433;border-color:#06b6d433}.progress-header{font-size:18px;font-weight:600;color:#fff;text-align:center}.progress-stats{display:flex;gap:40px;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:32px;font-weight:800;line-height:1;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid}.stat-number.correct{background:#10b98133;border-color:#10b981;color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.3)}.stat-number.wrong{background:#ef444433;border-color:#ef4444;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.3)}.stat-number.login-prompt{background:#06b6d433;border-color:#06b6d4;color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.3)}.stat-label{font-size:14px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.stat-label.correct{color:#10b981}.stat-label.wrong{color:#ef4444}.stat-label.login-prompt{color:#06b6d4}.game-modes-section{display:grid;grid-template-columns:.7fr 1fr;gap:30px;margin:0;position:relative;z-index:1}.game-modes-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);max-height:350px}.events-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.game-modes-card:hover,.events-card:hover{box-shadow:0 12px 40px #06b6d433;border-color:#06b6d41a;transform:translateY(-5px)}.game-modes-title,.events-title{font-size:24px;font-weight:700;margin-bottom:25px;color:#fff;display:flex;align-items:center;gap:12px}.title-icon{font-size:24px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.game-modes-grid{display:flex;flex-direction:row;gap:15px}.game-mode-item{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer}.game-mode-item:hover{border-color:#06b6d466;transform:translate(8px);background:#06b6d414;box-shadow:0 4px 16px #06b6d433}.game-mode-icon{font-size:28px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#06b6d41a}.game-mode-content{flex:1}.game-mode-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}.game-mode-time{font-size:16px;font-weight:600;color:#06b6d4;margin-bottom:6px}.game-mode-tag{display:inline-block;padding:4px 12px;background:#10b98133;color:#10b981;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(16,185,129,.3)}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{background:#0000004d;border-radius:16px;padding:6px 16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;display:flex;flex-direction:column;gap:3px}.event-item:hover{border-color:#06b6d466;transform:translate(8px);background:#06b6d414;box-shadow:0 4px 16px #06b6d433}.event-date{font-size:13px;color:#06b6d4;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.event-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}.event-desc{font-size:13px;color:#9ca3af;line-height:1.4;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.best-racers-section{margin:-40px 0 0;position:relative;z-index:1}.homepage-puzzle-container{width:540px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(6,182,212,.2);padding:20px;box-shadow:0 8px 32px #0000004d}.puzzle-header{text-align:center;margin-bottom:1px}.puzzle-header h3{color:#06b6d4;font-size:24px;font-weight:600;margin:0 0 8px;text-shadow:0 0 10px rgba(6,182,212,.5)}.puzzle-status{color:#e2e8f0;font-size:16px;margin:0;font-weight:400}.puzzle-board-container{display:flex;justify-content:center;align-items:center;margin:10px 0;border-radius:20px;overflow:hidden}.homepage-puzzle-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#e2e8f0}.loading-spinner{width:80px;height:80px;border:6px solid rgba(6,182,212,.3);border-top:6px solid #06b6d4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-logo-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;opacity:.8}.login-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.login-prompt-card{background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(6,182,212,.3);border-radius:16px;padding:32px;max-width:400px;text-align:center;box-shadow:0 8px 32px #00000080}.prompt-icon{font-size:48px;margin-bottom:16px}.login-prompt-card h4{color:#06b6d4;font-size:24px;font-weight:600;margin:0 0 16px}.login-prompt-card p{color:#e2e8f0;font-size:16px;margin:0 0 8px}.prompt-message{color:#94a3b8!important;font-style:italic}.prompt-buttons{display:flex;gap:16px;margin-top:24px;justify-content:center}.login-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #06b6d44d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d466}.dismiss-btn{background:#47556933;color:#94a3b8;border:1px solid rgba(71,85,105,.3);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.dismiss-btn:hover{background:#4755694d;color:#e2e8f0}.game-modes-left,.game-mode-card,.progress-section,.progress-main,.progress-example{display:none}@media (max-width: 1024px){.homepage-main-content{padding:25px;gap:30px;margin-left:0}.top-section{grid-template-columns:1fr;gap:20px}.chessboard-container{min-height:400px}.game-modes-section{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.homepage-main-content{padding:20px;gap:25px;margin-left:0}.arena-card{flex-direction:column;text-align:center;padding:20px}.arena-arrow{margin:15px 0 0}.daily-progress-card{padding:20px;margin-top:0}.progress-stats{gap:30px}.stat-number{font-size:28px;width:50px;height:50px}.game-modes-card,.events-card{padding:25px 20px}.game-mode-item{padding:15px;gap:15px}.game-mode-icon{width:50px;height:50px;font-size:28px}.game-mode-name{font-size:18px}.game-mode-time{font-size:16px}.chessboard-container{width:360px;height:360px;min-height:350px}.arena-title,.game-modes-title,.events-title{font-size:20px}}@media (max-width: 480px){.homepage-main-content{padding:15px;gap:20px}.chessboard-container{width:320px;height:320px;min-height:300px}.arena-icon,.game-mode-icon{width:50px;height:50px;font-size:24px}.arena-title,.game-modes-title,.events-title{font-size:18px}.arena-description,.event-desc{font-size:13px}.daily-progress-card{padding:16px;margin-top:12px}.progress-header{font-size:16px}.progress-stats{gap:25px}.stat-number{font-size:24px;width:45px;height:45px}.stat-label{font-size:12px}.chess-pieces{font-size:36px}.arena-card,.game-mode-item,.event-item{padding:15px}.login-prompt-card{padding:24px;margin:20px}.prompt-buttons{flex-direction:column}.login-btn,.dismiss-btn{width:100%}}@media (max-width: 768px){.homepage-puzzle-container{width:100%;padding:16px}.puzzle-header h3{font-size:20px}.puzzle-status{font-size:14px}}.puzzle-rating-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;position:relative;z-index:1}.puzzle-rating-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.puzzle-rating-card:hover{box-shadow:0 12px 40px #06b6d433;border-color:#06b6d41a;transform:translateY(-5px)}.puzzle-rating-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#fff;display:flex;align-items:center;gap:12px}.rating-graph-container{display:flex;flex-direction:column;align-items:center;gap:12px}.rating-line-graph{width:100%;height:400px;background:#0d0d0d66;border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}.graph-line{stroke:#06b6d4;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(6,182,212,.5));stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-out forwards}.graph-area{fill:url(#areaGradient);opacity:0;animation:fadeInArea 1.5s ease-out 1s forwards}.graph-bar{transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 5px rgba(6,182,212,.3));cursor:pointer;opacity:0;animation:barGrow .8s cubic-bezier(.34,1.56,.64,1) forwards}.graph-bar:hover{filter:drop-shadow(0 0 12px rgba(6,182,212,.6));brightness:1.2}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom;opacity:0}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}.graph-point{fill:#06b6d4;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 5px rgba(6,182,212,.8));opacity:0;transform-origin:center;animation:zoomInPoint .5s cubic-bezier(.34,1.56,.64,1) forwards}.graph-point:nth-child(1){animation-delay:1.2s}.graph-point:nth-child(2){animation-delay:1.4s}.graph-point:nth-child(3){animation-delay:1.6s}.graph-point:nth-child(4){animation-delay:1.8s}.graph-point:nth-child(5){animation-delay:2s}.axis-label{fill:#ffffff80;font-size:11px;font-weight:500}.grid-line{stroke:#ffffff0d}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInArea{0%{opacity:0}to{opacity:.3}}@keyframes zoomInPoint{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.graph-point:hover{r:7;filter:drop-shadow(0 0 8px currentColor)}.axis-label{fill:#fff;font-size:11px;font-weight:600;text-anchor:middle}.rating-leaderboard{width:100%}.rating-table{width:100%;border-collapse:collapse;background:#0003;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.rating-table th{padding:15px 12px;text-align:left;font-weight:600;color:#06b6d4;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.rating-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.rating-table tr:hover td{background:#06b6d40d}.rank-header{width:60px;text-align:center}.player-header{flex:1}.rating-header{width:80px;text-align:right}.rank-cell{text-align:center;font-size:18px;font-weight:600}.player-cell{flex:1}.player-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.player-handle{font-size:14px;color:#9ca3af}.rating-cell{text-align:right;font-size:16px;font-weight:700;color:#06b6d4}@media (max-width: 1200px){.homepage-main-content{padding:30px;max-width:100%}}@media (max-width: 1024px){.homepage-main-content{padding:25px;gap:30px;margin-left:0}.top-section{grid-template-columns:1fr;gap:20px}.chessboard-container{min-height:400px}.game-modes-section,.puzzle-rating-section{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.homepage-main-content{padding:20px;gap:25px;margin-left:0}.arena-card{flex-direction:column;text-align:center;padding:20px}.arena-arrow{margin:15px 0 0}.game-modes-card,.events-card,.puzzle-rating-card{padding:18px 14px}.game-mode-item{padding:15px;gap:15px}.game-mode-icon{width:50px;height:50px;font-size:28px}.game-mode-name{font-size:18px}.game-mode-time{font-size:16px}.chessboard-container{min-height:350px}.arena-title,.game-modes-title,.events-title,.puzzle-rating-title{font-size:20px}.rating-table th,.rating-table td{padding:10px 8px}.player-name{font-size:15px}.player-handle{font-size:13px}.rating-cell{font-size:16px}}@media (max-width: 480px){.homepage-main-content{padding:15px;gap:20px}.chessboard-container{min-height:300px}.arena-icon,.game-mode-icon{width:50px;height:50px;font-size:24px;margin-bottom:10px}.arena-title,.game-modes-title,.events-title,.puzzle-rating-title{font-size:18px}.rating-table th,.rating-table td{padding:8px 6px;font-size:14px}.player-name{font-size:14px}.player-handle{font-size:12px}.rating-line-graph{height:150px}.axis-label{font-size:9px}}.user-layout-container{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a;background-image:radial-gradient(circle at 45% 55%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(2,13,24,.2) 0%,transparent 50%)}.user-content-wrapper{display:flex;flex:1;position:relative}.user-main-content{flex:1;padding:var(--space-md);box-sizing:border-box;transition:margin-left .3s ease}.user-main-content.with-sidebar.desktop{margin-left:170px;width:calc(100% - 170px)}.user-main-content.mobile{margin-left:0;width:100%;padding:var(--space-sm)}.user-main-content.mobile.landscape{margin-left:60px;width:calc(100% - 60px);padding:var(--space-sm)}.user-main-content.no-sidebar{margin-left:0;width:100%}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99999;animation:fadeIn .3s ease}.sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:60px;max-width:80vw;background:#fff;z-index:100000;box-shadow:2px 0 10px #0000001a;animation:slideInLeft .3s ease;overflow-y:auto;overflow-x:hidden}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 480px){.user-main-content{padding:var(--space-xs)}.sidebar-mobile{width:60px}}@media (min-width: 481px) and (max-width: 768px){.user-main-content{padding:var(--space-sm)}}@media (min-width: 769px) and (max-width: 1024px){.user-main-content{padding:var(--space-lg)}.user-main-content.with-sidebar.desktop{margin-left:170px;width:calc(100% - 170px)}}@media (min-width: 1025px) and (max-width: 1280px){.user-main-content{padding:var(--space-lg)}}@media (min-width: 1281px){.user-main-content{padding:var(--space-xl);max-width:1400px;margin-left:auto;margin-right:auto}.user-main-content.with-sidebar.desktop{margin-left:170px;max-width:1230px}}.floating-menu-btn{position:fixed;top:20px;left:20px;z-index:1001;background:#ff6b6b;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.floating-menu-btn:hover{background:#ff8e53;transform:scale(1.1)}.event-notification{background:linear-gradient(135deg,#06b6d41a,#10b9811a);border:1px solid rgba(6,182,212,.3);border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #06b6d41a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.event-notification:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#06b6d4,#10b981,#06b6d4);background-size:200% 100%;animation:shimmer 2s infinite}.event-notification-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.4}.event-notification-desc{font-size:14px;color:#fffc;margin-bottom:4px;line-height:1.4}.event-notification-date{font-size:12px;color:#06b6d4;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-notification-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;width:32px;height:32px}.event-notification-close:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.info-card{background:#171717b3;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;text-align:center;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}div[style*=navItem]:hover{background:#06b6d426;color:#06b6d4;transform:translate(5px);border-left:5px solid #10b981}button[style*=profileButton]:hover{background:#06b6d433;border-color:#06b6d4;color:#67e8f9;transform:scale(1.03)}button[style*=closeButton]:hover{background:#ef444433;color:#ef4444;transform:rotate(5deg) scale(1.1);border-color:#ef44444d}.dashboard-container{min-height:100vh;background:#0a0a0a;position:relative;overflow:hidden}.dashboard-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content{flex:1;padding:24px;position:relative;z-index:1}.page{padding:24px}.header-box{margin-bottom:25px;text-align:left}.title{color:#fff;font-size:34px;margin:0;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#9ca3af;margin-top:6px;font-style:italic;font-size:18px}.grid{display:grid;gap:20px}.card{background:#171717b3;padding:20px;border-radius:16px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round-card{background:#171717b3;border-radius:20px;padding:18px;box-shadow:0 8px 32px #00000080;color:#fff;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round-header{display:flex;justify-content:space-between;align-items:center}.round-name{font-size:20px;font-weight:700;color:#06b6d4}.round-meta{color:#9ca3af;font-size:14px}.batch-list{margin-top:15px;display:flex;flex-direction:column;gap:12px}.batch-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:15px;border-radius:12px;flex-wrap:wrap;gap:10px;border:1px solid rgba(255,255,255,.05)}.small-text{color:#9ca3af;font-size:13px}.hint-text{color:#67e8f9;font-size:12px;margin-top:4px;font-style:normal;font-weight:600}.join-btn,.results-btn,.lb-btn{padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s ease;cursor:pointer;border:none}.join-btn{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;box-shadow:0 4px 16px #06b6d466}.join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.results-btn{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.results-btn:hover{background:#06b6d440;transform:translateY(-2px)}.lb-btn{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.lb-btn:hover{background:#10b98140;transform:translateY(-2px)}.empty{color:#9ca3af;padding:12px;border-radius:12px;border:1px dashed rgba(255,255,255,.1);background:#0000004d}.welcome-section{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#171717b3;padding:32px 28px;border-radius:20px;box-shadow:0 8px 32px #00000080;margin-bottom:40px;border:1px solid rgba(255,255,255,.05);color:#fff;position:relative;overflow:hidden;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);animation:obsidian-shimmer 8s linear infinite;pointer-events:none}.chess-image{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;margin-left:20px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.welcome-title{font-size:28px;color:#fff;font-weight:700;position:relative;z-index:2;margin:0 0 12px}.welcome-quote{font-size:15px;color:#9ca3af;font-style:italic;position:relative;z-index:2;margin:0}.info-card-h4{color:#67e8f9;font-weight:600;font-size:16px}.info-card-p{color:#fff;font-weight:700;font-size:26px}.attendance-section{margin-top:30px}.attendance-card{background:#171717b3;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:24px 28px;display:flex;align-items:center;gap:20px;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:800px;margin:0 auto}.attendance-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.attendance-card:hover:before{opacity:1}.attendance-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}.attendance-icon{font-size:42px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));flex-shrink:0;transition:transform .3s ease}.attendance-card:hover .attendance-icon{transform:scale(1.1) rotate(5deg)}.attendance-content{flex:1}.attendance-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attendance-description{font-size:14px;color:#9ca3af;margin:0;line-height:1.5}.attendance-button{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466;white-space:nowrap;flex-shrink:0}.attendance-button:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}@media (max-width: 768px){.attendance-card{flex-direction:column;text-align:center;padding:20px}.attendance-icon{font-size:36px}.attendance-title{font-size:20px}.attendance-button{width:100%}}.loading-card,.error-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:60px 30px;text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-icon{font-size:56px;margin-bottom:20px;color:#06b6d4;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.loading-subtitle{font-size:15px;margin-top:12px;color:#9ca3af}.error-card{border:1px solid rgba(239,68,68,.2);box-shadow:0 8px 32px #ef44444d}.error-message{margin-bottom:20px;font-weight:600;color:#fff;font-size:18px}.retry-button{padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.retry-button:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}.scroll-animated{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.monthly-focus-section{margin:24px 0}.monthly-focus-card{background:linear-gradient(135deg,#673ab7e6,#3f51b5e6);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #673ab74d;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monthly-focus-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.monthly-focus-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 48px #673ab766;border-color:#fff3}.focus-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.focus-icon{font-size:2.5em;line-height:1;flex-shrink:0}.focus-content{flex:1}.focus-title{margin:0 0 8px;font-size:1.3em;font-weight:600;color:#fff}.focus-description{margin:0 0 12px;font-size:.95em;color:#fffc;line-height:1.4}.focus-status{display:flex;align-items:center;gap:8px;font-size:.9em;color:#ffffffe6}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse-green 2s infinite}.status-dot.active{background:#10b981}.focus-card-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.focus-progress{flex:1}.progress-text{display:block;font-size:.85em;color:#ffffffb3;margin-bottom:6px}.progress-bar-mini{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .3s ease}.focus-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:25px;font-weight:500;font-size:.9em;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(2px)}@media (max-width: 768px){.monthly-focus-card{padding:20px}.focus-card-header{gap:12px}.focus-icon{font-size:2em}.focus-title{font-size:1.2em}.focus-card-footer{flex-direction:column;gap:12px;align-items:stretch}.focus-button{width:100%;text-align:center}}.event-notification{background:linear-gradient(135deg,#06b6d41a,#10b9811a);border:1px solid rgba(6,182,212,.3);border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #06b6d426;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInNotification .5s ease-out}@keyframes slideInNotification{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.event-notification-content{display:flex;align-items:center;gap:16px;flex:1}.event-notification-icon{font-size:24px;color:#06b6d4;flex-shrink:0}.event-notification-text{flex:1}.event-notification-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.event-notification-desc{font-size:14px;color:#e2e8f0;margin-bottom:4px}.event-notification-date{font-size:12px;color:#94a3b8;font-weight:500}.event-notification-close{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.event-notification-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}@media (max-width: 768px){.event-notification{padding:12px 16px;margin-bottom:16px}.event-notification-content{gap:12px}.event-notification-icon{font-size:20px}.event-notification-title{font-size:14px}.event-notification-desc{font-size:13px}}.focus-dashboard{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.focus-dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.focus-dashboard>*{position:relative;z-index:1}.focus-dashboard.loading,.focus-dashboard.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:60px 20px}.focus-dashboard.no-focus{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;text-align:center;padding:40px 20px}.focus-dashboard.loading .spinner,.focus-dashboard.error h2,.focus-dashboard.no-focus h2{margin-bottom:20px}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #06b6d4;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #06b6d44d}.focus-dashboard.error h2,.focus-dashboard.no-focus h2{font-family:Orbitron,sans-serif;font-size:2.5em;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-dashboard.error p,.focus-dashboard.no-focus p{color:#9ca3af;font-size:1.1em;margin-bottom:30px}.focus-dashboard.error button{background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-dashboard.error button:hover{background:linear-gradient(135deg,#06b6d44d,#10b9814d);transform:translateY(-2px);box-shadow:0 8px 24px #06b6d466}.xp-animation{position:fixed;top:30px;right:30px;background:linear-gradient(135deg,#06b6d4e6,#10b981e6);color:#fff;padding:18px 32px;border-radius:50px;font-weight:700;font-size:20px;z-index:1000;box-shadow:0 8px 32px #06b6d499;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:xp-pulse .5s ease}@keyframes xp-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.milestone-alert{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1001;background:linear-gradient(135deg,#f59e0bf2,#ef4444f2);border-radius:20px;box-shadow:0 12px 40px #f59e0b80;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-content{padding:24px 40px;color:#fff;text-align:center;font-weight:700;display:flex;align-items:center;gap:24px;font-size:18px}.claim-btn{background:#fff;color:#f59e0b;border:none;padding:10px 24px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.claim-btn:hover{transform:scale(1.08);box-shadow:0 6px 16px #0000004d}.focus-header{max-width:1400px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-start;padding:40px;background:#171717b3;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:slideDown .6s ease-out}.focus-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d408,#10b98108);pointer-events:none}.focus-title{flex:1;position:relative;z-index:1}.focus-title h1{margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:2.4em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;filter:drop-shadow(0 2px 8px rgba(6,182,212,.4))}.focus-theme{margin:0;font-size:1.3em;color:#9ca3af;font-weight:500;letter-spacing:.5px}.focus-stats{display:flex;gap:20px;position:relative;z-index:1}.stat-card{background:#171717cc;border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #06b6d433;border-color:#06b6d44d}.stat-card h3{margin:0 0 12px;font-size:.95em;color:#9ca3af;font-weight:600;letter-spacing:.5px}.xp-display,.rank-display{display:flex;flex-direction:column;align-items:center;gap:4px}.xp-amount,.rank-position{font-size:2.4em;font-weight:800;line-height:1;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-label,.rank-total{font-size:.85em;color:#6b7280;font-weight:500}.progress-overview{max-width:1400px;margin:0 auto 40px;padding:32px;background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out}.progress-overview h2{margin:0 0 24px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{width:100%;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #06b6d499;position:relative}.progress-text{margin:0;color:#9ca3af;font-weight:500;font-size:1.05em}.daily-tasks-grid{max-width:1400px;margin:0 auto 40px;animation:fadeInUp 1s ease-out}.daily-tasks-grid h2{margin-bottom:30px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tasks-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.task-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff1a;transition:all .3s ease}.task-card.completed{border-color:#10b98166;background:#10b9810d}.task-card.completed:before{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98199}.task-card.available{cursor:pointer}.task-card.available:before{background:linear-gradient(90deg,#06b6d4,#10b981)}.task-card.available:hover{transform:translateY(-6px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d466}.task-card.locked{opacity:.5;cursor:not-allowed}.task-card.running{border-color:#10b98180;box-shadow:0 0 30px #10b9814d;animation:pulse-card 2s infinite}@keyframes pulse-card{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98180}}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.day-number{font-weight:700;color:#9ca3af;font-size:.95em;letter-spacing:.5px}.task-status-icon{font-size:1.5em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.countdown-timer{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;padding:14px!important;border-radius:12px!important;text-align:center;margin-bottom:16px!important;box-shadow:0 4px 16px #10b98166;border:1px solid rgba(255,255,255,.2)}.countdown-timer>div:first-child{font-size:11px!important;opacity:.9!important;margin-bottom:4px!important;letter-spacing:1px;font-weight:600}.countdown-timer>div:last-child{font-size:28px!important;font-weight:800!important;font-family:Orbitron,monospace!important;letter-spacing:2px}.task-title{margin:0 0 12px;color:#fff;font-size:1.2em;line-height:1.4;font-weight:600}.task-type-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;margin-bottom:12px;font-weight:600;letter-spacing:.3px}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.xp-reward{background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.1em;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.timer-badge{margin-left:8px;font-size:14px;opacity:.7}.start-task-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff;text-decoration:none;padding:10px 20px;border-radius:25px;font-size:.95em;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b98166;border:1px solid rgba(255,255,255,.2);letter-spacing:.5px}.start-task-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199;text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.waiting-badge{background:#ffffff0d;color:#9ca3af;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.1)}.late-task-btn{background:#f59e0b!important;color:#fff!important;padding:8px 16px!important;border-radius:20px!important;font-size:13px!important;text-decoration:none!important;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b66}.late-task-btn:hover{background:#d97706!important;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b99}.completed-badge{background:#10b98133;color:#10b981;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;border:1px solid rgba(16,185,129,.3)}.mini-leaderboard{max-width:1400px;margin:0 auto 40px;background:#171717b3;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1.2s ease-out}.mini-leaderboard h2{margin:0 0 24px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#17171799;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.leaderboard-item:hover{background:#06b6d40d;border-color:#06b6d433;transform:translate(6px)}.leaderboard-item .rank{font-weight:800;min-width:50px;font-size:1.2em}.leaderboard-item .username{flex:1;margin:0 20px;font-weight:600;color:#e5e7eb;font-size:1.05em}.leaderboard-item .xp{background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.1em}.view-full-btn{display:inline-block;background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid rgba(6,182,212,.3);color:#06b6d4;text-decoration:none;padding:12px 28px;border-radius:25px;font-size:.95em;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px}.view-full-btn:hover{background:linear-gradient(135deg,#06b6d44d,#10b9814d);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466;text-decoration:none}.focus-navigation{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;animation:fadeInUp 1.4s ease-out}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1em;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;box-shadow:0 4px 16px #06b6d466;border:1px solid rgba(255,255,255,.2)}.btn-secondary{background:#171717b3;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}@media (max-width: 1024px){.focus-header{flex-direction:column;gap:30px;padding:32px}.focus-stats{width:100%;justify-content:space-between}.stat-card{min-width:140px}.tasks-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.focus-dashboard{padding:24px 16px}.focus-header{padding:24px}.focus-title h1{font-size:2em}.focus-theme{font-size:1.1em}.focus-stats{flex-direction:column;gap:16px}.stat-card{width:100%;min-width:auto}.progress-overview,.mini-leaderboard{padding:24px}.tasks-container{grid-template-columns:1fr}.task-card{padding:20px}.focus-navigation{flex-direction:column}.btn-primary,.btn-secondary{width:100%;padding:14px 24px}.xp-animation{right:16px;top:16px;font-size:16px;padding:14px 24px}.milestone-alert{left:16px;right:16px;transform:none}.alert-content{padding:20px 24px;font-size:15px;flex-direction:column;gap:16px}}@media (max-width: 480px){.focus-title h1{font-size:1.6em}.daily-tasks-grid h2,.progress-overview h2,.mini-leaderboard h2{font-size:1.4em}.countdown-timer>div:last-child{font-size:22px!important}}.focus-task-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.focus-task-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.focus-task-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.focus-task-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.focus-task-loading-icon{font-size:60px;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.focus-task-loading-text{color:#9ca3af;font-size:1.2em;font-weight:500}.focus-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px;transition:all .3s ease}.focus-card:hover{border-color:#06b6d433}.focus-error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);text-align:center}.focus-error-title{font-size:2em;margin:0 0 16px;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-error-message{color:#fca5a5;font-size:1.1em;margin-bottom:24px}.focus-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-task-title{margin:0;font-family:Orbitron,sans-serif;font-size:2em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.focus-day-badge{display:inline-block;padding:8px 20px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:25px;color:#06b6d4;font-weight:700;font-size:.95em;letter-spacing:.5px}.focus-timer{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:25px;font-weight:700;font-size:1.2em;color:#f59e0b;font-family:Orbitron,monospace;box-shadow:0 4px 16px #f59e0b33}.focus-timer-danger{background:#ef444426;border-color:#ef444466;color:#ef4444;animation:pulse-timer 1s infinite}@keyframes pulse-timer{0%,to{box-shadow:0 4px 16px #ef44444d}50%{box-shadow:0 4px 24px #ef444499}}.focus-btn{padding:14px 32px;border:none;border-radius:25px;cursor:pointer;font-weight:700;font-size:16px;transition:all .3s ease;letter-spacing:.5px;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-btn-primary{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #06b6d466}.focus-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #06b6d499}.focus-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #10b98166}.focus-btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 24px #10b98199}.focus-btn-secondary{background:#171717b3;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.focus-btn-secondary:hover{border-color:#06b6d44d;color:#06b6d4;transform:translateY(-3px)}.focus-btn-large{font-size:1.2em;padding:18px 48px;width:100%}.focus-btn-disabled{opacity:.6;cursor:not-allowed}.focus-btn-link{text-decoration:none;display:inline-block}.focus-status-card{text-align:center;padding:48px 32px}.focus-status-icon{font-size:80px;margin-bottom:24px}.focus-status-title{font-family:Orbitron,sans-serif;font-size:2.2em;font-weight:900;margin:0 0 16px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-status-message{color:#9ca3af;font-size:1.2em;margin-bottom:32px;line-height:1.6}.focus-instructions{background:#06b6d40d;border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:24px;margin-bottom:32px}.focus-instructions-title{font-size:1.3em;font-weight:700;color:#06b6d4;margin:0 0 16px;display:flex;align-items:center;gap:12px}.focus-instructions-list{margin:0;padding-left:24px;color:#d1d5db;line-height:1.8}.focus-instructions-list li{margin-bottom:8px}.focus-task-info-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px;margin-bottom:32px}.focus-info-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:25px;color:#06b6d4;font-weight:700;font-size:.95em;letter-spacing:.3px;box-shadow:0 4px 12px #06b6d426}.focus-info-badge-xp{background:#10b98126;border-color:#10b9814d;color:#10b981;box-shadow:0 4px 12px #10b98126}.focus-info-badge-points{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.focus-skill-score-breakdown{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:24px;margin-bottom:32px}.focus-breakdown-title{font-size:1.3em;font-weight:700;color:#10b981;margin:0 0 20px;display:flex;align-items:center;gap:10px}.focus-breakdown-content{display:flex;flex-direction:column;gap:12px}.focus-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#17171766;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.focus-breakdown-label{color:#9ca3af;font-size:.95em;font-weight:500}.focus-breakdown-value{color:#10b981;font-weight:700;font-size:1.05em;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-puzzle-card{background:#17171799;border:2px solid rgba(255,255,255,.05);border-radius:16px;padding:28px;margin-bottom:20px;transition:all .3s ease}.focus-puzzle-card:hover{border-color:#06b6d433}.focus-puzzle-card-active{border-color:#06b6d480;background:#06b6d40d;box-shadow:0 0 24px #06b6d433}.focus-puzzle-content{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}.focus-puzzle-board{width:320px;min-width:280px;flex-shrink:0}.focus-puzzle-details{flex:1;min-width:240px}.focus-puzzle-number{margin:0 0 12px;font-size:1.2em;font-weight:700;color:#06b6d4}.focus-puzzle-description{color:#9ca3af;margin:0 0 20px;font-size:1em;line-height:1.5}.focus-input-label{display:block;font-weight:600;margin-bottom:8px;color:#e5e7eb;font-size:.95em;letter-spacing:.3px}.focus-input{width:100%;padding:14px 18px;background:#171717cc;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;color:#fff;font-family:Poppins,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-input::-moz-placeholder{color:#6b7280}.focus-input::placeholder{color:#6b7280}.focus-input:focus{outline:none;border-color:#06b6d480;box-shadow:0 0 16px #06b6d433;background:#06b6d40d}.focus-pgn-section{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-pgn-title{font-family:Orbitron,sans-serif;font-size:1.5em;color:#06b6d4;margin-bottom:0;display:flex;align-items:center;gap:12px}.focus-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.focus-side-badge{padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9em;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.focus-side-white{background:#ffffff1a;color:#fff;border-color:#fff3}.focus-side-black{background:#0006;color:#9ca3af;border-color:#ffffff0d}.focus-side-badge strong{color:#06b6d4}.focus-pgn-viewer{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.03)}.pgn-btn{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:#06b6d4;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}.pgn-btn:hover:not(:disabled){background:#06b6d433;transform:scale(1.1)}.pgn-btn:disabled{opacity:.3;cursor:not-allowed}.pgn-move-info{font-family:Orbitron,sans-serif!important;letter-spacing:1px;font-size:14px}.pgn-history-list::-webkit-scrollbar{width:6px}.pgn-history-list::-webkit-scrollbar-track{background:#0000001a}.pgn-history-list::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.pgn-history-list span:hover{background:#06b6d41a!important;color:#06b6d4!important}.focus-pgn-content{background:#171717e6;padding:20px;border-radius:12px;overflow:auto;font-size:14px;font-family:Courier New,monospace;color:#d1d5db;white-space:pre-wrap;word-break:break-word;max-height:280px;border:1px solid rgba(255,255,255,.05);line-height:1.6}.focus-section-title{margin:0 0 20px;font-size:1.3em;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.focus-section-title-icon{font-size:1.2em}.focus-answer-group{margin-bottom:20px}.focus-tactics-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.focus-tactics-btn{padding:10px 18px;background:#171717cc;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;color:#9ca3af}.focus-tactics-btn:hover{border-color:#06b6d466;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.focus-tactics-btn-active{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border-color:transparent;box-shadow:0 4px 16px #06b6d466}.focus-submit-section{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.focus-result-card{padding:48px 32px;text-align:center;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0009}.focus-result-success{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98166}.focus-result-partial{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b66}.focus-result-icon{font-size:80px;margin-bottom:24px}.focus-result-title{font-family:Orbitron,sans-serif;font-size:2.5em;font-weight:900;margin:0 0 16px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-result-score{font-size:3em;font-weight:800;margin:16px 0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-result-xp{font-size:1.8em;font-weight:700;color:#10b981;margin:16px 0}.focus-result-bonus{font-size:1.3em;color:#f59e0b;margin:8px 0}.focus-result-message{color:#9ca3af;font-size:1.1em;margin:24px 0}.focus-answer-review{background:#17171780;border-radius:16px;padding:24px;margin-top:32px;text-align:left}.focus-answer-review-title{font-size:1.4em;font-weight:700;margin:0 0 20px;color:#06b6d4}.focus-answer-item{padding:16px;border-radius:12px;margin-bottom:12px}.focus-answer-correct{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.focus-answer-wrong{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.focus-answer-label{font-weight:600;color:#e5e7eb;margin-bottom:8px}.focus-answer-value{color:#d1d5db;font-size:.95em}.focus-answer-correct-value{color:#10b981;font-weight:600}.focus-back-link{display:inline-flex;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;font-weight:600;padding:12px 20px;border-radius:12px;transition:all .3s ease;margin-bottom:24px}.focus-back-link:hover{color:#06b6d4;background:#06b6d41a;transform:translate(-4px)}@media (max-width: 1024px){.focus-task-page{padding:32px 16px}.focus-task-header{flex-direction:column;gap:20px;text-align:center}.focus-puzzle-board{width:100%}}.focus-side-badge{padding:6px 14px;border-radius:8px;font-size:.85em;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:.3px;box-shadow:0 4px 12px #0003}.focus-side-white{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.focus-side-black{background:#0006;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.focus-side-both{background:linear-gradient(90deg,#ffffff1a,#0006);color:#fff;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.focus-task-page{padding:24px 16px}.focus-card{padding:24px}.focus-task-title{font-size:1.5em}.focus-puzzle-content{flex-direction:column}.focus-puzzle-board{width:100%;max-width:320px;margin:0 auto}.focus-timer{font-size:1em;padding:10px 20px}.focus-btn-large{font-size:1em;padding:16px 32px}.focus-tactics-buttons{gap:8px}.focus-tactics-btn{font-size:13px;padding:8px 14px}.focus-result-title{font-size:2em}.focus-result-score{font-size:2.2em}.focus-task-info-badges{gap:12px}.focus-info-badge{font-size:.85em;padding:8px 16px}.focus-breakdown-item{flex-direction:column;text-align:center;gap:8px}}.focus-scoring-note{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:12px 16px;margin-bottom:16px;text-align:center}.focus-scoring-note p{margin:0;font-size:14px;color:#94a3b8;font-weight:500}@media (max-width: 480px){.focus-task-title{font-size:1.3em}.focus-status-icon{font-size:60px}.focus-status-title{font-size:1.8em}.focus-result-icon{font-size:60px}}.focus-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.focus-popup-close{position:absolute;top:20px;right:20px;background:#3b82f6;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;z-index:1001;box-shadow:0 2px 10px #0000004d;transition:all .2s ease}.focus-popup-close:hover{background:#2563eb;transform:scale(1.1)}.focus-popup-content{background:#1a1a1a;border-radius:12px;padding:15px;max-width:95vw;max-height:95vh;position:relative;border:1px solid #3b82f6;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;align-items:center;overflow:hidden}.focus-popup-chessboard{display:flex;justify-content:center;align-items:flex-start;width:100%}.leaderboard-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.leaderboard-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.leaderboard-page>*{position:relative;z-index:1}.historical-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 2px 8px #f59e0b4d}to{box-shadow:0 2px 12px #f59e0b80}}.leaderboard-page.loading,.leaderboard-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:60px 20px}.leaderboard-page.loading .spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #06b6d4;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #06b6d44d;margin-bottom:24px}.leaderboard-page.error h2{font-family:Orbitron,sans-serif;font-size:2.5em;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.leaderboard-page.error p{color:#9ca3af;font-size:1.1em;margin-bottom:32px}.leaderboard-header{max-width:1400px;margin:0 auto 40px;animation:slideDown .6s ease-out}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:32px;background:#171717b3;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-section h1{margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:2.2em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.title-section .focus-title{margin:0;font-size:1em;color:#9ca3af;font-weight:500}.filter-tabs{display:flex;background:#17171799;border-radius:12px;padding:6px;border:1px solid rgba(255,255,255,.1);gap:6px}.filter-tab{padding:10px 24px;border:none;background:transparent;color:#9ca3af;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.filter-tab:hover{color:#e5e7eb;background:#ffffff0d}.filter-tab.active{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;box-shadow:0 4px 16px #06b6d466}.user-stats-card{max-width:1400px;margin:0 auto 40px;background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:32px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out}.user-stats-card h2{margin:0 0 24px;font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:#17171780;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.stat-item:hover{border-color:#06b6d44d;transform:translateY(-4px);box-shadow:0 8px 24px #06b6d433}.stat-label{font-size:.85em;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.8em;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:25px;font-size:.95em;font-weight:700;width:-moz-fit-content;width:fit-content;letter-spacing:.3px}.stat-badge.perfect{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.stat-badge.champion{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.stat-badge.achiever{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.stat-badge.dedicated{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.stat-badge.active{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.stat-badge.beginner{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.podium-section{max-width:1400px;margin:0 auto 40px;animation:fadeInUp 1s ease-out}.podium-section h2{margin:0 0 32px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.podium{display:flex;justify-content:center;align-items:flex-end;gap:20px;padding:20px 0}.podium-place{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:32px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;max-width:280px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.podium-place:hover{transform:translateY(-8px);box-shadow:0 16px 48px #06b6d44d}.place-1{background:linear-gradient(135deg,#f59e0b1a,#f59e0b05);border-color:#f59e0b66;order:2;min-height:320px;box-shadow:0 12px 40px #f59e0b4d}.place-1:hover{box-shadow:0 20px 60px #f59e0b80}.place-2{background:linear-gradient(135deg,#94a3b81a,#94a3b805);border-color:#94a3b866;order:1;min-height:280px;box-shadow:0 12px 40px #94a3b833}.place-3{background:linear-gradient(135deg,#cd7f321a,#cd7f3205);border-color:#cd7f3266;order:3;min-height:240px;box-shadow:0 12px 40px #cd7f3233}.podium-rank{font-size:3.5em;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.podium-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:16px;border:3px solid rgba(6,182,212,.4);box-shadow:0 4px 16px #06b6d44d}.place-1 .podium-avatar{border-color:#f59e0b80;box-shadow:0 4px 16px #f59e0b66}.podium-username{font-size:1.2em;font-weight:700;margin:0 0 12px;color:#fff;word-break:break-word}.podium-stats{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:16px}.podium-xp{font-size:1.5em;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podium-badge{font-size:.85em;padding:6px 14px;border-radius:20px;font-weight:700;letter-spacing:.3px}.podium-badge.perfect{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.podium-badge.champion{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.podium-badge.achiever{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.4)}.podium-badge.dedicated{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.podium-badge.active{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.podium-badge.beginner{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.4)}.full-leaderboard{max-width:1400px;margin:0 auto 40px;animation:fadeInUp 1.2s ease-out}.full-leaderboard h2{margin:0 0 24px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-table{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-body{display:block}.table-header{display:grid!important;grid-template-columns:80px 1fr 110px 110px 200px 120px!important;padding:18px 24px;background:#171717cc;font-size:.85em;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.table-row{display:grid!important;grid-template-columns:80px 1fr 110px 110px 200px 120px!important;padding:18px 24px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;min-height:0!important;width:100%!important;box-sizing:border-box!important}.table-row:last-child{border-bottom:none}.table-row:hover{background:#06b6d40d!important;border-left:3px solid rgba(6,182,212,.5);padding-left:21px}.table-row.current-user{background:#06b6d41a;border-left:3px solid #06b6d4;padding-left:21px;box-shadow:inset 0 0 24px #06b6d41a}.col-rank{font-weight:700;color:#e5e7eb;overflow:hidden;white-space:nowrap}.rank-icon{font-size:1.3em}.col-user,.user-info{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.username{font-weight:600;color:#e5e7eb;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #06b6d466;flex-shrink:0}.col-xp{text-align:center;overflow:hidden;white-space:nowrap}.xp-value{font-weight:800;font-size:1.1em;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.col-score{text-align:center;overflow:visible;white-space:nowrap}.score-value{font-weight:600!important;font-size:20px!important;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;display:inline-block;max-width:100%}.progress-fill,.progress-fill:after{z-index:0;position:relative}@media (max-width: 480px){.score-value{font-size:14px!important}}.col-progress{text-align:center;overflow:hidden;white-space:nowrap}.col-status{overflow:hidden;white-space:nowrap}.col-progress{text-align:center}.progress-info{display:flex;flex-direction:column;gap:6px}.progress-text{font-size:.9em;font-weight:600;color:#d1d5db}.progress-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progress-bar.mini{height:6px}.progress-bar.small{height:6px;width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #06b6d480;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.col-status{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85em;font-weight:700;letter-spacing:.3px}.status-badge.perfect{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.champion{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.achiever{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.status-badge.dedicated{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.active{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.status-badge.beginner{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.empty-leaderboard{text-align:center;padding:60px 32px;color:#9ca3af;background:#17171780;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.empty-leaderboard h3{font-size:1.8em;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;font-weight:700}.empty-leaderboard p{margin:0 0 32px;color:#9ca3af;font-size:1.1em}.leaderboard-navigation{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;animation:fadeInUp 1.4s ease-out}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:25px;font-weight:700;font-size:1em;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 16px #06b6d466;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #06b6d499;text-decoration:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:#171717b3;color:#9ca3af;border:1px solid rgba(255,255,255,.1);border-radius:25px;font-weight:700;font-size:1em;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:#06b6d44d;color:#06b6d4;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;text-decoration:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:transparent;color:#06b6d4;border:1px solid rgba(6,182,212,.4);border-radius:25px;font-weight:700;font-size:1em;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-outline:hover{background:#06b6d41a;border-color:#06b6d4;transform:translateY(-3px);box-shadow:0 6px 20px #06b6d44d;text-decoration:none}@media (max-width: 1024px){.podium{gap:16px}.podium-place{max-width:240px}.table-header,.table-row{display:grid!important;grid-template-columns:70px 1fr 100px 100px 120px 100px!important}}@media (max-width: 768px){.leaderboard-page{padding:24px 16px}.header-content{flex-direction:column;align-items:flex-start;padding:24px}.title-section h1{font-size:1.8em}.filter-tabs{width:100%}.filter-tab{flex:1;text-align:center;padding:10px 16px;font-size:.9em}.stats-grid{grid-template-columns:1fr 1fr}.podium{flex-direction:column;align-items:center}.podium-place{max-width:100%;width:100%;min-height:0!important;order:unset!important}.table-header,.table-row{display:grid!important;grid-template-columns:60px 1fr 70px 70px 80px 80px!important;padding:14px 16px}.table-row:hover,.table-row.current-user{padding-left:13px}.col-status{font-size:.8em}.status-badge{padding:4px 8px;font-size:.75em}.leaderboard-navigation{flex-direction:column}.leaderboard-navigation a,.leaderboard-navigation button{width:100%;text-align:center}.user-stats-card,.full-leaderboard{padding:24px}}@media (max-width: 480px){.title-section h1{font-size:1.5em}.podium-rank{font-size:2.5em}.table-header,.table-row{display:grid!important;grid-template-columns:40px 1fr 50px 50px 60px 60px!important;padding:12px 8px}.col-progress{font-size:.75em}.col-status{font-size:.7em}.status-badge{padding:2px 6px;font-size:.65em}.col-xp{font-size:.8em}.user-info .username{font-size:.9em}}.tournament-leaderboard-container{min-height:100vh;background:#0a0a0a;padding:20px;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.tournament-leaderboard-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.tournament-loading{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,Arial,sans-serif}.loading-spinner{font-size:64px;margin-bottom:20px;animation:spin 2s linear infinite}.loading-text{color:#06b6d4;font-size:24px;font-weight:600}.tournament-error{min-height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:20px}.error-content{background:#171717b3;border-radius:20px;padding:40px;max-width:500px;text-align:center;border:1px solid rgba(239,68,68,.2);box-shadow:0 8px 32px #ef44444d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-content h2{color:#ef4444;margin-bottom:20px;font-size:28px}.error-content p{color:#9ca3af;margin-bottom:30px;font-size:16px}.error-back-btn{padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.error-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.back-to-tournaments{position:absolute;top:20px;left:20px;padding:12px 20px;background:#171717b3;color:#06b6d4;border:1px solid rgba(6,182,212,.3);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.back-to-tournaments:hover{background:#06b6d426;transform:translate(-5px);box-shadow:0 4px 16px #06b6d44d}.tournament-content{max-width:1600px;margin:80px auto 0;display:flex;gap:20px;position:relative;z-index:1}.tournament-left{flex:0 0 30%;display:flex;flex-direction:column;gap:20px}.tournament-details-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details-title{font-size:20px;font-weight:700;color:#06b6d4;margin:0 0 20px;text-align:center}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-of-type{border-bottom:none}.detail-label{color:#9ca3af;font-size:14px;font-weight:500}.detail-value{color:#fff;font-size:14px;font-weight:600}.status-active{color:#10b981}.status-finished{color:#3b82f6}.status-upcoming{color:#f59e0b}.my-rank-display{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.my-rank-label{color:#9ca3af;font-size:14px;margin-bottom:8px}.my-rank-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tournament-chat-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;flex:1;min-height:400px}.chat-title{font-size:18px;font-weight:700;color:#10b981;margin:0 0 16px;text-align:center}.chat-messages{flex:1;overflow-y:auto;margin-bottom:16px;padding-right:8px;max-height:400px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#06b6d480;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#06b6d4b3}.chat-empty{color:#9ca3af;text-align:center;padding:40px 20px;font-size:14px}.chat-message{margin-bottom:12px;padding:10px 12px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.chat-username{color:#06b6d4;font-weight:600;font-size:13px;margin-right:8px}.chat-text{color:#fff;font-size:13px}.chat-input-area{display:flex;gap:8px}.chat-input{flex:1;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.chat-input:focus{border-color:#06b6d480;box-shadow:0 0 12px #06b6d433}.chat-send-btn{padding:10px 20px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #06b6d44d}.chat-send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d466}.tournament-right{flex:0 0 70%;display:flex;flex-direction:column;gap:20px}.tournament-name-header{font-size:42px;font-weight:800;text-align:center;margin:0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podium-container{display:flex;justify-content:center;gap:40px;margin-bottom:20px;align-items:center}.trophy-item{text-align:center;padding:10px}.trophy-icon{margin-bottom:5px;display:flex;justify-content:center;align-items:center}.trophy-username{font-size:18px;font-weight:600;color:#fff;margin-bottom:5px;display:flex;align-items:center;justify-content:center;gap:8px}.you-badge-trophy{background:#06b6d4;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.trophy-score{font-size:16px;color:#9ca3af;font-weight:600}.leaderboard-table-container{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 8px}.leaderboard-table thead tr{background:#0000004d}.leaderboard-table th{padding:14px 16px;text-align:left;color:#06b6d4;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(6,182,212,.3)}.leaderboard-table tbody tr{background:#0003;transition:all .3s ease}.leaderboard-table tbody tr:hover{background:#06b6d41a;transform:translate(5px)}.table-row-me{background:#06b6d426!important;border-left:4px solid #06b6d4}.table-row-me:hover{background:#06b6d433!important}.leaderboard-table td{padding:14px 16px;color:#fff;font-size:14px;font-weight:500}.rank-cell{font-size:18px;font-weight:700;text-align:center;width:60px}.player-cell{font-weight:700;display:flex;align-items:center;gap:8px}.online-dot-small{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;display:inline-block}.you-badge-small{font-size:11px;font-weight:600;color:#10b981;background:#10b98133;padding:3px 8px;border-radius:8px}.win-cell{color:#10b981;font-weight:700}.loss-cell{color:#ef4444;font-weight:700}.draw-cell{color:#9ca3af;font-weight:700}.games-cell{color:#9ca3af}.score-cell{font-size:20px;font-weight:800;color:#06b6d4;text-align:center}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confettiFall linear forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@media (max-width: 1200px){.tournament-content{flex-direction:column}.tournament-left,.tournament-right{flex:1 1 100%}.podium-container{flex-direction:column;gap:20px}.trophy-item{padding:8px}.trophy-icon img{width:70px!important;height:70px!important}.trophy-icon img[src*="/arenatrophies/arenafirst.png"]{width:200px!important;height:200px!important}.trophy-icon img[src*="/arenatrophies/arenasecond.png"]{width:170px!important;height:170px!important}.trophy-icon img[src*="/arenatrophies/arenathird.png"]{width:140px!important;height:140px!important}.trophy-username{font-size:16px}.trophy-score{font-size:14px}}@media (max-width: 768px){.tournament-leaderboard-container{padding:10px}.back-to-tournaments{top:10px;left:10px;font-size:12px;padding:10px 16px}.tournament-content{margin-top:60px}.tournament-name-header{font-size:28px}.leaderboard-table th,.leaderboard-table td{padding:10px 8px;font-size:12px}.rank-cell{font-size:14px}.score-cell{font-size:16px}}.contact-page-container{width:100%;position:relative;padding:20px 0}.contact-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(6,182,212,.03) 0%,transparent 50%);pointer-events:none;z-index:0;border-radius:16px}.contact-page-content{width:100%;position:relative;z-index:1}.contact-page-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{font-size:32px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.contact-admin-section{background:#171717b3;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:50px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.contact-admin-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d408,#10b98108);pointer-events:none}.contact-section-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:40px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.contact-grid{display:grid;grid-template-columns:1fr;gap:40px;position:relative;max-width:600px;margin:0 auto}.contact-image-box{background:#0000004d;border-radius:20px;border:1px solid rgba(255,255,255,.05);padding:30px;display:flex;flex-direction:column;gap:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-image-box:hover{border-color:#06b6d433;box-shadow:0 8px 24px #06b6d426;transform:translateY(-5px)}.image-wrapper{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;border:2px solid rgba(6,182,212,.2);background:#0006;display:flex;align-items:center;justify-content:center;position:relative}.contact-admin-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.image-wrapper:hover .contact-admin-image{transform:scale(1.05)}.contact-admin-image[src="/images/contact-admin.jpg"]{display:block}.image-wrapper:after{content:"👨‍💼";font-size:80px;position:absolute;color:#06b6d4;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.contact-admin-image:not([src=""])~:after{display:none}.contact-info-details{display:flex;flex-direction:column;gap:20px}.info-item{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.info-item:hover{border-color:#06b6d44d;background:#06b6d40d;transform:translate(5px)}.info-icon{font-size:28px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));flex-shrink:0}.info-label{font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:16px;color:#06b6d4;font-weight:600;text-decoration:none;transition:color .3s ease}.info-value:hover{color:#10b981}.contact-form-box{background:#0000004d;border-radius:20px;border:1px solid rgba(255,255,255,.05);padding:40px 35px;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-form-box:hover{border-color:#06b6d433;box-shadow:0 8px 24px #06b6d426}.form-box-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:30px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#6b7280}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group input:focus,.form-group textarea:focus{border-color:#06b6d480;background:#06b6d40d;box-shadow:0 0 0 3px #06b6d41a}.form-group textarea{resize:vertical;min-height:120px;max-height:300px}.submit-btn{padding:16px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-btn:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.btn-arrow{font-size:20px;transition:transform .3s ease}.submit-btn:hover .btn-arrow{transform:translate(5px)}.submit-message{margin-top:20px;padding:14px 20px;border-radius:12px;font-weight:600;text-align:center;animation:slideIn .4s ease}.submit-message.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.submit-message.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.contact-page-title{font-size:40px}.contact-admin-section{padding:40px 30px}}@media (max-width: 768px){.contact-page-container{padding:15px 0}.contact-page-title{font-size:28px}.contact-admin-section{padding:25px 15px}.contact-form-box{padding:25px 20px}}@media (max-width: 480px){.contact-page-title{font-size:24px;flex-direction:column;gap:8px}.contact-admin-section{padding:20px 10px}.contact-form-box{padding:20px 15px}.form-group input,.form-group textarea{padding:12px 14px}.submit-btn{padding:12px 24px}}:root{--bg: #0a0a0a;--glass-bg: rgba(23, 23, 23, .72);--glass-border: rgba(255, 255, 255, .06);--glow-cyan: #06b6d4;--glow-emerald: #10b981;--text-primary: #f0f0f0;--text-muted: #9ca3af;--text-dim: #6b7280;--input-bg: rgba(0, 0, 0, .35);--input-border: rgba(255, 255, 255, .08);--input-focus: rgba(6, 182, 212, .45);--error: #ef4444;--error-glow: rgba(239, 68, 68, .25)}.event-form-page{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;padding:40px 20px 60px;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.event-form-page:before,.event-form-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.event-form-page:before{width:700px;height:700px;top:-120px;left:-180px;background:radial-gradient(circle,rgba(16,185,129,.09) 0%,transparent 70%)}.event-form-page:after{width:600px;height:600px;bottom:-100px;right:-140px;background:radial-gradient(circle,rgba(59,130,246,.09) 0%,transparent 70%)}.event-form-container{position:relative;z-index:1;width:100%;max-width:560px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px 36px 44px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff0d;animation:cardReveal .5s cubic-bezier(.22,1,.36,1) both}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-form-container:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glow-cyan),transparent);border-radius:999px;opacity:.6}.event-form-container h1{font-family:Syne,sans-serif;font-size:30px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-form-container h1+p,.event-form-container h1+small{display:block;color:var(--text-muted);font-size:14px;margin:0 0 28px}.event-name-title{font-size:20px;font-weight:600;margin:8px 0 24px;color:var(--glow-emerald);text-align:center}.event-form{margin-top:28px}.form-group{margin-bottom:18px;display:flex;flex-direction:column}.form-group label{margin-bottom:7px;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.form-group input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:11px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group input::-moz-placeholder{color:var(--text-dim)}.form-group input::placeholder{color:var(--text-dim)}.form-group input:focus{border-color:var(--glow-cyan);background:#06b6d40f;box-shadow:0 0 0 3px #06b6d426}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group input.error{border-color:var(--error);background:#ef44440f;box-shadow:0 0 0 3px var(--error-glow)}.error-msg{color:var(--error);font-size:11.5px;font-weight:500;margin-top:5px;display:flex;align-items:center;gap:4px}.error-msg:before{content:"⚠";font-size:11px}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--glass-border)}.btn-primary{flex:1;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);color:#fff;padding:13px 20px;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 18px #06b6d459;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#0006;color:var(--text-muted);padding:13px 20px;border:1px solid var(--glass-border);border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.btn-secondary:hover{border-color:#ffffff2e;color:var(--text-primary);transform:translateY(-1px)}.event-success{text-align:center;animation:cardReveal .45s cubic-bezier(.22,1,.36,1) both}.event-success .success-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b9812e,#06b6d41f);border:1px solid rgba(16,185,129,.3);font-size:34px;color:var(--glow-emerald);margin:0 auto 20px;box-shadow:0 0 28px #10b98140}.event-success h1{font-family:Syne,sans-serif;font-size:26px;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-success p{color:var(--text-muted);font-size:14.5px;line-height:1.7;margin:0 0 28px}.event-success .btn-primary{display:inline-block;width:auto;min-width:160px;flex:none}@media (max-width: 480px){.event-form-container{padding:28px 20px 32px}.event-form-container h1{font-size:24px}.form-actions{flex-direction:column}.btn-secondary{order:-1}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0a0a;--glass-bg: rgba(23, 23, 23, .72);--glass-border: rgba(255, 255, 255, .06);--glow-cyan: #06b6d4;--glow-emerald: #10b981;--text-primary: #f0f0f0;--text-muted: #9ca3af;--text-dim: #6b7280}.event-page-container{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.event-page-container:before,.event-page-container:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.event-page-container:before{width:700px;height:700px;top:-150px;left:-200px;background:radial-gradient(circle,rgba(16,185,129,.09) 0%,transparent 70%)}.event-page-container:after{width:600px;height:600px;bottom:-120px;right:-160px;background:radial-gradient(circle,rgba(59,130,246,.09) 0%,transparent 70%)}.event-card{position:relative;z-index:1;width:100%;max-width:520px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:48px 40px 44px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff0d;text-align:center;animation:cardReveal .5s cubic-bezier(.22,1,.36,1) both}.event-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glow-cyan),transparent);border-radius:999px;opacity:.6}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.event-date-badge{display:inline-flex;align-items:center;gap:6px;background:#06b6d41f;border:1px solid rgba(6,182,212,.22);color:var(--glow-cyan);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:22px}.event-date-badge:before{content:"📅";font-size:13px}.event-page-container h1{font-family:Syne,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 18px;line-height:1.25;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--glow-cyan),var(--glow-emerald));border-radius:999px;margin:0 auto 20px;opacity:.6}.event-desc{font-size:15px;color:var(--text-muted);line-height:1.75;margin:0 0 36px}.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);color:#fff;padding:14px 36px;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 18px #06b6d459;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d485}.btn-primary:active{transform:translateY(0)}@media (max-width: 480px){.event-card{padding:36px 22px 32px}.event-page-container h1{font-size:24px}}.admin-team-race{padding:20px;max-width:1200px;margin:0 auto}.admin-team-race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.admin-team-race-header h1{margin:0;font-size:32px;color:#333}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:650px;max-height:calc(100vh - 40px);overflow-y:auto!important;overflow-x:hidden;box-sizing:border-box;box-shadow:0 10px 40px #0000004d;margin:auto;position:relative}.modal-content::-webkit-scrollbar{width:14px;background:#e0e0e0}.modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px;border:1px solid #ddd}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;border:2px solid #f5f5f5}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#633d8a)}.races-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.race-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.race-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.race-header h3{margin:0;font-size:20px;color:#333}.race-details{margin-bottom:20px}.detail-item{margin-bottom:8px;color:#555;font-size:14px}.detail-item strong{color:#333;margin-right:5px}.race-actions{display:flex;gap:10px}.btn-manage{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-manage:hover{transform:translateY(-2px)}.btn-delete{background:#dc3545;color:#fff;border:none;padding:10px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-delete:hover:not(:disabled){background:#c82333}.btn-delete:disabled{background:#ccc;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px}.live-leaderboard-modal{max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.live-leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.live-leaderboard-header h2{margin:0;font-size:24px;color:#333}.live-leaderboard-content{padding:20px 0}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:20px}.leaderboard-header{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;color:#495057}.leaderboard-row{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr;gap:15px;padding:15px;border-bottom:1px solid #dee2e6;align-items:center;transition:background-color .2s}.leaderboard-row:hover{background-color:#f8f9fa}.leaderboard-row .rank{font-weight:700;text-align:center}.leaderboard-row .team-name{font-weight:600;color:#495057}.leaderboard-row .score{font-weight:700;color:#28a745;text-align:center}.leaderboard-row .players{text-align:center;color:#6c757d}.leaderboard-row .status{text-align:center}.no-leaderboard{text-align:center;padding:40px;color:#6c757d;font-style:italic}.admin-team-race-manage{padding:20px;max-width:1400px;margin:0 auto}.manage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.manage-header h1{margin:0 0 10px;font-size:32px;color:#333}.race-info{display:flex;gap:20px;color:#666;font-size:14px}.race-info strong{color:#333;text-transform:uppercase}.header-actions{display:flex;gap:10px}.btn-start{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #28a74566}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74599}.btn-run{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ffc10766}.btn-run:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10799}.btn-finish{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #dc354566}.btn-finish:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc354599}.btn-results{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #17a2b866}.btn-results:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b899}.btn-back{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.btn-back:hover{background:#5a6268}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:24px;color:#333}.btn-add-team{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-add-team:hover{transform:translateY(-2px)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.team-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026;border-color:#667eea}.team-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.team-card-header h3{margin:0;font-size:20px;color:#333}.player-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.players-list{margin-bottom:15px;min-height:100px;max-height:300px;overflow-y:auto}.no-players{text-align:center;color:#999;padding:30px;font-size:14px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:8px;background:#f8f9fa;border-radius:6px;transition:background .2s}.player-item:hover{background:#e9ecef}.player-info{display:flex;align-items:center;gap:10px}.position-badge{background:#667eea;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700}.player-name{font-size:14px;color:#333;font-weight:500}.btn-remove{background:#dc3545;color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-remove:hover:not(:disabled){background:#c82333}.btn-remove:disabled{background:#ccc;cursor:not-allowed}.btn-assign{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-assign:hover:not(:disabled){transform:translateY(-2px)}.btn-assign:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.modal-content h2{margin-top:0;margin-bottom:20px;color:#333}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:5px;color:#777;font-size:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-submit:hover{transform:translateY(-1px)}.btn-cancel{background:#e0e0e0;color:#333;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#d0d0d0}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px;background:#f8f9fa;border-radius:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.bulk-modal .modal-content{max-width:800px;max-height:80vh;overflow-y:auto}.bulk-assignments{margin-bottom:20px}.bulk-assignment-row{display:flex;align-items:end;gap:15px;margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.bulk-assignment-row .form-group{flex:1;margin-bottom:0}.bulk-assignment-row .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#495057;font-size:14px}.bulk-assignment-row select,.bulk-assignment-row input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.bulk-assignment-row .btn-remove{background:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;align-self:flex-end}.bulk-assignment-row .btn-remove:hover{background:#c82333}.bulk-actions{margin-bottom:20px;text-align:center}.btn-add{background:#17a2b8;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add:hover{background:#138496}.btn-bulk{background:#6f42c1!important;margin-left:10px}.btn-bulk:hover{background:#5a359a!important}.team-actions{display:flex;gap:10px;margin-top:15px}.team-race-selection{padding:20px;max-width:1200px;margin:0 auto;position:relative}.team-race-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 45% 55%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(2,13,24,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.selection-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,.05);position:relative;z-index:1}.selection-header h1{font-size:48px;margin:0 0 10px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.selection-header p{font-size:18px;color:#9ca3af;margin:10px 0}.btn-back{margin-top:20px;background:#6c757d33;color:#9ca3af;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state{text-align:center;padding:80px 20px;background:#171717b3;border-radius:16px;box-shadow:0 8px 32px #00000080;margin-top:40px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.empty-icon{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.empty-state h2{font-size:28px;color:#fff;margin:0 0 15px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.empty-state p{font-size:16px;color:#9ca3af;margin:10px 0}.races-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-top:30px;position:relative;z-index:1}.race-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:25px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.race-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.race-card:hover:before{opacity:1}.race-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}.race-status{position:absolute;top:20px;right:20px;z-index:2}.race-card h2{font-size:24px;color:#fff;margin:0 0 20px;padding-right:100px;font-weight:700}.race-details{margin-bottom:25px}.detail-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-icon{font-size:20px;margin-right:12px;width:30px;text-align:center;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.detail-label{font-weight:600;color:#9ca3af;margin-right:10px;min-width:80px}.detail-value{color:#fff;font-weight:500}.btn-join{width:100%;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.btn-join:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}span[style*=backgroundColor]{box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.race-card:hover span[style*=backgroundColor]{transform:scale(1.05)}@media (max-width: 768px){.races-grid{grid-template-columns:1fr}.selection-header h1{font-size:36px}}div[style*="padding: '40px'"]{background:#171717b3;border-radius:16px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:200px;display:flex;align-items:center;justify-content:center}.team-selection{padding:20px;max-width:1200px;margin:0 auto;position:relative}.team-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 45% 55%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(2,13,24,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.team-selection-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,.05);position:relative;z-index:1}.team-selection-header h1{font-size:42px;margin:0 0 15px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.race-info{display:flex;justify-content:center;gap:30px;margin:15px 0;font-size:16px;color:#9ca3af;font-weight:500}.btn-back{margin-top:15px;background:#6c757d33;color:#9ca3af;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-selection-content{position:relative;z-index:1}.team-selection-content h2{font-size:32px;color:#fff;text-align:center;margin:0 0 15px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.instruction{text-align:center;font-size:16px;color:#9ca3af;margin:0 0 40px}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.team-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 24px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.team-card:hover:not(.team-full):before{opacity:1}.team-card:hover:not(.team-full){transform:translateY(-8px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}.team-card.team-full{opacity:.6;background:#17171780}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.05)}.team-header h3{font-size:20px;margin:0;color:#fff;font-weight:700}.player-count-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:6px 12px;border-radius:16px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 3px 12px #06b6d459}.player-count-badge .count{font-size:18px}.player-count-badge .separator{font-size:14px;opacity:.7}.player-count-badge .max{font-size:16px;opacity:.9}.team-members{min-height:150px;margin-bottom:20px}.no-members{text-align:center;padding:50px 20px;color:#9ca3af;font-size:16px;font-style:italic}.members-list{display:flex;flex-direction:column;gap:10px}.member-item{display:flex;align-items:center;gap:10px;padding:8px;background:#00000047;border-radius:8px;transition:all .15s ease;border:1px solid rgba(255,255,255,.05)}.member-item:hover{background:#06b6d41a;border-color:#06b6d433}.member-position{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;min-width:40px;text-align:center;box-shadow:0 2px 8px #06b6d44d}.member-name{font-size:15px;color:#fff;font-weight:500}.member-more{text-align:center;padding:10px;color:#9ca3af;font-size:14px;font-style:italic}.btn-join-team{width:100%;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.btn-join-team:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.btn-join-team:disabled{background:#6c757d4d;cursor:not-allowed;box-shadow:none;transform:none;border:1px solid rgba(255,255,255,.1)}.team-full .btn-join-team{background:#6c757d4d;border:1px solid rgba(255,255,255,.1)}.empty-state{text-align:center;padding:80px 20px;background:#171717b3;border-radius:16px;box-shadow:0 8px 32px #00000080;margin-top:40px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state p{font-size:18px;color:#9ca3af}@media (max-width: 768px){.teams-grid{grid-template-columns:1fr}.race-info{flex-direction:column;gap:10px}}.btn-lobby{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;padding:12px 18px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #06b6d466;transition:all .3s ease;margin-left:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-lobby:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 24px #06b6d480}.btn-lobby:active{transform:translateY(0) scale(.99)}.btn-lobby:focus{outline:none;box-shadow:0 0 0 4px #06b6d433,0 6px 24px #06b6d466}.btn-lobby .lobby-icon{font-size:18px}@media (min-width: 769px){.btn-lobby{animation:lobbyPulse 6s ease-in-out infinite}}@keyframes lobbyPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(0) scale(1)}}div[style*="background: #d4edda"]{background:#10b98126!important;color:#10b981!important;border:1px solid rgba(16,185,129,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}div[style*="background: #d4edda"] strong{color:#67e8f9}.team-lobby{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;background:#0a0a0a;position:relative}.team-lobby:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.lobby-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.05);position:relative;z-index:1}.lobby-header h1{font-size:36px;margin:0 0 20px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.race-status-banner{display:flex;justify-content:center}.status-waiting,.status-ready{padding:12px 30px;border-radius:25px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 16px #06b6d466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-waiting{background:linear-gradient(135deg,#ffc107e6,#ff9800e6);color:#fff;animation:pulse 2s infinite;border:1px solid rgba(255,193,7,.3)}.status-ready{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;animation:pulse 1s infinite;border:1px solid rgba(16,185,129,.3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;position:relative;z-index:1}.teams-overview,.all-players-section{background:#171717b3;border-radius:16px;padding:25px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.teams-overview h2,.all-players-section h2{margin:0 0 20px;font-size:24px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.teams-list{display:flex;flex-direction:column;gap:15px}.team-summary{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.team-summary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.team-summary:hover:before{opacity:1}.team-summary:hover{transform:translateY(-4px);border-color:#06b6d433;box-shadow:0 8px 24px #06b6d433}.team-summary.my-team{background:linear-gradient(135deg,#06b6d426,#10b98126);border-color:#06b6d44d;box-shadow:0 4px 15px #06b6d433}.team-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.team-summary-header h3{margin:0;font-size:20px;color:#fff;font-weight:700}.my-team-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #06b6d44d}.team-stats{display:flex;gap:20px;margin-bottom:15px}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.stat-value{font-size:18px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#9ca3af}.team-mini-players{display:flex;flex-wrap:wrap;gap:8px}.mini-player,.mini-player-more{background:#0006;padding:6px 12px;border-radius:6px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.mini-player:hover{background:#06b6d433;border-color:#06b6d44d}.mini-player-more{color:#9ca3af;font-style:italic}.players-table{display:flex;flex-direction:column}.players-table-header{display:grid;grid-template-columns:80px 1fr 150px;padding:12px;background:#0000004d;border-radius:8px 8px 0 0;font-weight:700;color:#9ca3af;font-size:14px;border-bottom:2px solid rgba(255,255,255,.05)}.players-table-body{max-height:500px;overflow-y:auto}.players-table-body::-webkit-scrollbar{width:8px}.players-table-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.players-table-body::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:4px}.players-table-body::-webkit-scrollbar-thumb:hover{background:#06b6d480}.player-row{display:grid;grid-template-columns:80px 1fr 150px;padding:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.player-row:hover{background:#06b6d41a}.player-position{display:flex;align-items:center}.position-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #06b6d44d}.player-name{display:flex;align-items:center;font-size:15px;color:#fff;font-weight:500}.player-team{display:flex;align-items:center;justify-content:flex-end}.team-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d}.lobby-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;position:relative;z-index:1}.info-card{background:#171717b3;border-radius:16px;padding:25px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #06b6d433;border-color:#06b6d426}.info-card h3{margin:0 0 15px;font-size:20px;color:#fff;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.info-details{display:flex;flex-direction:column;gap:10px}.info-item{padding:10px;background:#0000004d;border-radius:6px;font-size:15px;color:#9ca3af;border:1px solid rgba(255,255,255,.05)}.info-item strong{color:#fff;margin-right:10px}.rules-list{margin:0;padding-left:20px;list-style-type:none}.rules-list li{padding:8px 0;font-size:15px;color:#9ca3af;position:relative}.rules-list li:before{content:"✓";position:absolute;left:-20px;color:#10b981;font-weight:700;font-size:18px}.rules-list strong{color:#06b6d4}.btn-back{background:#6c757d33;color:#9ca3af;border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back:hover{background:#6c757d4d;border-color:#fff3;transform:translateY(-2px);color:#fff}@media (max-width: 1024px){.lobby-content,.lobby-info{grid-template-columns:1fr}}.live-leaderboard-section{margin:30px 0;padding:20px;background:#171717b3;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.live-leaderboard-section h2{margin:0 0 20px;color:#fff;font-size:24px;text-align:center;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.leaderboard-container{display:flex;flex-direction:column;gap:12px}.leaderboard-team{display:flex;align-items:center;padding:16px 20px;background:#0000004d;border-radius:12px;box-shadow:0 2px 4px #0000004d;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.leaderboard-team:hover{transform:translateY(-2px);box-shadow:0 4px 8px #06b6d433;border-color:#06b6d426}.leaderboard-team.my-team-highlight{border:2px solid #10b981;background:linear-gradient(135deg,#10b98126,#06b6d426);box-shadow:0 4px 12px #10b9814d}.leaderboard-rank{font-size:24px;font-weight:700;margin-right:20px;min-width:50px;text-align:center;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-team-info{flex:1}.leaderboard-team-info .team-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.leaderboard-team-info .team-stats{display:flex;gap:20px;font-size:14px;color:#9ca3af}.leaderboard-team-info .score{color:#10b981;font-weight:700}.leaderboard-status{margin-left:20px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #0000004d}.status-badge.running{background:linear-gradient(135deg,#ffc107e6,#ff9800e6);color:#fff}.status-badge.finished{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff}.status-badge.waiting{background:#6c757d80;color:#fff;border:1px solid rgba(255,255,255,.2)}.team-race-puzzle{min-height:100vh;background:#0a0a0a;position:relative;overflow:hidden}.team-race-puzzle:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.race-three-column-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;height:100vh;padding:20px;position:relative;z-index:1}.left-sidebar{background:#171717cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 8px 32px #0006}.leaderboard-panel{height:100%;display:flex;flex-direction:column}.leaderboard-title{font-size:18px;font-weight:700;color:#fff;margin:0;padding:20px;background:linear-gradient(135deg,#10b98133,#3b82f633);border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.leaderboard-list{flex:1;overflow-y:auto;padding:15px}.leaderboard-empty{text-align:center;color:#ffffff80;padding:40px 20px;font-size:14px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.leaderboard-item:hover{background:#ffffff0f;border-color:#3b82f64d;transform:translate(5px)}.leaderboard-item.my-team{background:linear-gradient(135deg,#10b98126,#3b82f626);border-color:#10b98166;box-shadow:0 4px 16px #10b98133}.leaderboard-rank{font-size:20px;font-weight:700;color:#3b82f6;min-width:35px;text-align:center}.leaderboard-info{flex:1}.leaderboard-team-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.leaderboard-stats{font-size:12px;color:#ffffff80}.leaderboard-score{font-size:18px;font-weight:700;color:#10b981}.individual-leaderboard-panel{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.player-leaderboard-list{padding:15px}.player-leaderboard-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s}.player-leaderboard-item:hover{background:#ffffff0d;border-color:#3b82f633;transform:translate(3px)}.player-rank{font-size:16px;font-weight:700;color:#f59e0b;min-width:30px;text-align:center}.player-name{flex:1;font-size:13px;font-weight:500;color:#fff}.player-score{font-size:16px;font-weight:700;color:#10b981}.middle-board-section{display:flex;align-items:center;justify-content:center;position:relative}.chessboard-wrapper{position:relative;display:inline-block}.right-sidebar{background:#171717cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;box-shadow:0 8px 32px #0006}.info-panel{padding:20px;display:flex;flex-direction:column;gap:20px}.info-timer{text-align:center;padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px}.timer-icon{font-size:24px;display:block;margin-bottom:8px}.timer-value{font-size:32px;font-weight:700;display:block}.info-table-container{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.info-table{width:100%;border-collapse:collapse}.info-table tr{border-bottom:1px solid rgba(255,255,255,.1)}.info-table tr:last-child{border-bottom:none}.info-table td{padding:12px 8px;vertical-align:middle}.info-table-label{font-size:14px;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-table-value{font-size:16px;font-weight:700;color:#fff;text-align:right}.info-table-value.info-points{color:#10b981;font-size:20px}.info-to-move{padding:15px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.3);border-radius:12px;text-align:center}.to-move-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.to-move-value{font-size:18px;font-weight:700;color:#fff}.info-position{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}.position-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.position-value{font-size:28px;font-weight:700;color:#3b82f6}.info-team{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}.team-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.team-value{font-size:16px;font-weight:600;color:#fff}.info-score{padding:20px;background:linear-gradient(135deg,#10b98126,#06b6d426);border:2px solid rgba(16,185,129,.3);border-radius:12px;text-align:center}.score-label{font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.score-value{font-size:36px;font-weight:700;color:#10b981}.info-progress{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.progress-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.progress-value{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}.progress-bar-mini{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill-mini{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:4px;transition:width .3s}.info-moves{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.moves-label{font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.moves-list{font-size:14px;color:#fff;font-family:Courier New,monospace;word-wrap:break-word}.info-skip{padding:10px 0}.skip-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.skip-button:active{transform:translateY(0)}.leaderboard-list::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.loading-screen,.error-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:20px;background:#0a0a0a;color:#fff}.loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.1);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.race-three-column-layout{grid-template-columns:240px 1fr 280px}}@media (max-width: 1024px){.race-three-column-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:100vh}.left-sidebar,.right-sidebar{max-height:300px}}@media (max-width: 768px){.race-three-column-layout{padding:10px;gap:10px}.leaderboard-title{font-size:16px;padding:15px}.info-panel{padding:15px;gap:15px}}.chat-container{position:relative;display:flex;overflow:hidden;background-color:#fff;width:100%;height:85vh;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.chat-container.compact{position:fixed;inset:auto!important;width:200px!important;height:320px!important;right:12px!important;bottom:12px!important;border-radius:10px!important;box-shadow:0 14px 36px #00000052!important;overflow:hidden!important;background-color:#fff;z-index:2000}.chat-container.compact .chat-sidebar{display:none}.chat-container.compact .chat-main{width:100%!important;height:100%!important;border-radius:10px!important}.chat-container.compact .chat-header{padding:6px 8px;font-size:.85em}.chat-container.compact .messages-area{padding:6px;gap:6px}.chat-container.compact .message{padding:6px 8px;border-radius:10px;font-size:.75em}.chat-container.compact .message-sender{display:none}.chat-container.compact .message-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container.compact .message-input-area{padding:6px}.chat-container.compact .message-input{padding:6px;font-size:.8em}.chat-container.compact .send-button{padding:6px 8px;font-size:.8em}.chat-container.expanded{inset:auto!important;width:100%!important;max-width:none!important;height:85vh!important;top:auto!important;left:auto!important;transform:none!important;right:auto!important;bottom:auto!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;overflow:hidden!important;background-color:#fff;position:relative!important}.chat-container.expanded .chat-sidebar{display:flex!important;flex:0 0 300px!important;min-width:300px!important}.chat-container.expanded .chat-main{flex:1 1 auto!important;height:100%!important;border-radius:12px!important}.chat-container.expanded .chat-header{padding:10px 12px;font-size:.95em}.chat-container.expanded .messages-area{padding:12px;gap:8px}.chat-container.expanded .message{padding:8px 12px;border-radius:14px;font-size:.9em}.chat-container.expanded .message-sender{font-size:.7em}.chat-container.expanded .message-content{white-space:normal}.chat-container.expanded .message-input-area{padding:10px}.chat-container.expanded .message-input{padding:8px;font-size:.9em}.chat-container.expanded .send-button{padding:8px 12px;font-size:.9em}.chat-sidebar{flex:0 0 300px;min-width:300px;max-width:320px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;position:relative}.chat-sidebar-header{padding:15px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.chat-list{flex:1;overflow-y:auto;padding-right:12px;min-width:0}.chat-item{padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.chat-item:hover,.chat-item.active{background-color:#e6f7ff}.chat-item-name{font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:.85em;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;box-sizing:border-box}.chat-header{padding:15px;border-bottom:1px solid #e0e0e0;font-weight:700;font-size:1.1em;color:#213547}.chat-container.compact .chat-header,.chat-container.expanded .chat-header{color:#213547}.chat-container.compact .btn-secondary,.chat-container.expanded .btn-secondary{color:#213547;background:#f0f0f0;border:1px solid #ddd}.messages-area{flex:1;padding:20px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;justify-content:flex-start;align-items:stretch}.messages-inner{height:100%;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.messages-inner.centered{justify-content:center;align-items:stretch}.messages-inner.centered .empty-messages,.messages-inner.centered .loading-messages{align-self:center}.message{max-width:min(70%,calc(100% - 120px));width:-moz-fit-content;width:fit-content;padding:10px 15px;border-radius:18px;position:relative;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;margin-bottom:5px;text-align:left}.messages-area.centered{justify-content:center}.messages-area{transition:justify-content .22s ease,padding .16s ease}.chat-main{box-shadow:0 6px 20px #0000000a}.message{max-width:70%;width:-moz-fit-content;width:fit-content;padding:10px 15px;border-radius:18px;position:relative;word-wrap:break-word;margin-bottom:5px;text-align:left;align-self:flex-start}.message.sent{align-self:flex-end;background-color:#1890ff;color:#fff;border-bottom-right-radius:4px;margin-left:auto;margin-right:0;overflow-wrap:anywhere}.message.received{align-self:flex-start;background-color:#f0f0f0;color:#333;border-bottom-left-radius:4px;margin-right:auto;margin-left:0;overflow-wrap:anywhere}.message-sender{font-size:.75em;margin-bottom:4px;opacity:.8}.message-content{word-wrap:break-word;white-space:pre-wrap;line-height:1.4}.empty-messages{text-align:center;color:#888;font-style:italic;padding:40px 20px;width:100%}.loading-messages{text-align:center;color:#666;padding:40px 20px;width:100%;font-style:italic}.message-input-area{padding:15px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.message-input{flex:1;padding:10px;border:1px solid #d9d9d9;border-radius:20px;outline:none}.send-button{padding:0 20px;background-color:#1890ff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-height:80vh;overflow-y:auto}.search-input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.user-list-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.user-list-item:hover{background-color:#f9f9f9}.btn-primary{background-color:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-secondary{background-color:#f0f0f0;color:#333;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-right:10px}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#888;font-size:1.2em}@media (max-width: 768px){.chat-container{margin:10px;width:calc(100% - 20px);height:calc(100vh - 140px)}.chat-sidebar{width:250px}.message{max-width:85%}.messages-area{padding:15px}}@media (max-width: 480px){.chat-sidebar{width:200px}.chat-item{padding:10px}.message{max-width:90%;padding:8px 12px}.messages-area{padding:10px;gap:8px}}.puzzles-container{display:flex;flex-wrap:wrap;min-height:calc(100vh - 80px);overflow:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;position:relative}.puzzles-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.puzzles-left-panel{flex:0 0 350px;width:350px;min-width:280px;padding:25px;background:#171717b3;border-right:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:20px;box-shadow:4px 0 32px #00000080;z-index:10;overflow-y:auto;position:relative}.puzzles-right-panel{flex:1;background:#0a0a0a;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto;min-width:320px;min-height:500px;max-width:100%;position:relative;z-index:1}.puzzles-right-panel>div{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.puzzles-left-panel{flex:0 0 300px;width:300px;padding:20px}.puzzles-right-panel{min-width:400px;padding:15px}}@media (max-width: 768px){.puzzles-container{flex-direction:column}.puzzles-left-panel{flex:1 1 100%;width:100%;min-width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);max-height:none;order:1;padding:15px}.puzzles-right-panel{flex:1 1 100%;width:100%;min-width:100%;max-width:100%;order:2;min-height:450px;padding:10px}}@media (max-width: 480px){.puzzles-left-panel{padding:10px;gap:12px}.puzzles-right-panel{padding:5px;min-height:380px}}.training-stats-grid{display:flex!important;flex-direction:row!important;gap:12px!important;margin-bottom:30px;width:100%}.training-stats-grid>div{flex:1}@media (max-width: 768px){.training-stats-grid{gap:10px!important;margin-bottom:20px}}@media (max-width: 480px){.training-stats-grid{gap:8px!important;margin-bottom:15px}}.training-completion-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;background:#171717f2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:60px;border-radius:24px;box-shadow:0 20px 60px #000c;max-width:500px;width:100%}.training-completion-title{font-size:32px;margin-bottom:10px;color:#fff;font-weight:700}.training-completion-description{color:#9ca3af;margin-bottom:40px;font-size:18px}@media (max-width: 768px){.training-completion-container{padding:40px 30px;border-radius:16px;max-width:100%}.training-completion-title{font-size:28px}.training-completion-description{font-size:16px;margin-bottom:30px}}@media (max-width: 480px){.training-completion-container{padding:30px 20px;border-radius:12px}.training-completion-title{font-size:24px;margin-bottom:8px}.training-completion-description{font-size:14px;margin-bottom:25px}}.puzzle-completion-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-size:13px}.puzzle-completion-details{display:flex;flex-direction:column;gap:4px}.puzzle-completion-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media (max-width: 480px){.puzzle-completion-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.puzzle-completion-meta{flex-direction:column;align-items:flex-start;gap:4px}.puzzle-completion-status{align-self:flex-end;font-size:12px}}.current-rating-section{margin-bottom:30px;padding:20px;background:#06b6d426;border:1px solid rgba(6,182,212,.2);border-radius:16px;width:100%}.puzzles-table thead th{font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(0,0,0,.06)}.puzzles-table tbody tr td{color:#334155;background:transparent}@media (max-width: 480px){.puzzles-table thead{display:none}.puzzles-table tbody tr{display:block;margin-bottom:10px;border-top:none}.puzzles-table tbody tr td{display:flex;justify-content:space-between;padding:8px 10px}}.current-rating-label{font-size:13px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:700}.current-rating-value{font-size:42px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:5px;line-height:1}@media (max-width: 480px){.current-rating-section{margin-bottom:20px;padding:16px;border-radius:12px}.current-rating-value{font-size:32px}}.training-completion-button{display:flex;gap:15px;justify-content:center;margin-top:30px;width:100%}@media (max-width: 480px){.training-completion-button{margin-top:20px}}.puzzles-solved-section{width:100%}.training-stats-grid>div:nth-child(1){padding:16px;background:#10b98126;border:1px solid rgba(16,185,129,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.training-stats-grid>div:nth-child(2){padding:16px;background:#ef444426;border:1px solid rgba(239,68,68,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.training-stats-grid>div:nth-child(1)>div:first-child{font-size:32px;font-weight:800;color:#10b981}.training-stats-grid>div:nth-child(1)>div:last-child{color:#67e8f9;font-weight:600;font-size:14px}.training-stats-grid>div:nth-child(2)>div:first-child{font-size:32px;font-weight:800;color:#ef4444}.training-stats-grid>div:nth-child(2)>div:last-child{color:#fca5a5;font-weight:600;font-size:14px}.puzzle-completion-details>div:first-child{font-weight:700;color:#fff}.puzzle-completion-meta>span:first-child{color:#9ca3af}.puzzle-completion-status{font-weight:700}.puzzles-hub-container{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:30px 20px;position:relative;overflow:hidden}.puzzles-hub-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:1}}.puzzles-hub-header{text-align:center;margin-bottom:50px;position:relative;z-index:1;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.puzzles-hub-title{font-family:Orbitron,sans-serif;font-size:56px;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;letter-spacing:2px;text-shadow:0 0 40px rgba(6,182,212,.3);filter:drop-shadow(0 4px 12px rgba(6,182,212,.4))}.puzzles-hub-subtitle{font-size:18px;color:#9ca3af;margin:0;font-weight:400;letter-spacing:.5px}.first-row{display:grid;grid-template-columns:60% 40%;gap:8px;margin-bottom:30px;position:relative;z-index:1;max-width:1400px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slider-container{background:#171717b3;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;height:350px}.slider-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0;text-align:center;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.slider-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;opacity:.3;filter:blur(40px)}.slide-icon{font-size:100px;margin-bottom:25px;position:relative;z-index:2;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite}.slide-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px;position:relative;z-index:2;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite;border:3px solid rgba(255,255,255,.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.slide-title{font-family:Orbitron,sans-serif;font-size:42px;font-weight:900;color:#fff;margin:0 0 15px;position:relative;z-index:2;text-shadow:0 4px 12px rgba(0,0,0,.7);letter-spacing:1px}.slide-subtitle{font-size:20px;color:#d1d5db;margin:0 0 30px;position:relative;z-index:2;font-weight:500}.slider-dots{display:flex;gap:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:3}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#ffffff80;transform:scale(1.2)}.dot.active{background:linear-gradient(135deg,#06b6d4,#10b981);border-color:#06b6d4;width:30px;border-radius:6px;box-shadow:0 0 12px #06b6d499}.right-panel{display:flex;flex-direction:column;gap:20px;align-items:center}.quick-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:28px 24px;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;max-width:350px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1}.quick-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease}.quick-card:hover:before{opacity:1}.quick-card:hover{transform:translate(8px) translateY(-4px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d44d}.card-icon{font-size:48px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));transition:transform .4s ease;position:relative;z-index:1}.quick-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.card-content{flex:1;position:relative;z-index:1}.card-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-description{font-size:14px;color:#9ca3af;margin:0;line-height:1.4}.card-arrow{font-size:28px;color:#06b6d4;font-weight:700;transition:transform .4s ease;position:relative;z-index:1}.quick-card:hover .card-arrow{transform:translate(8px)}.action-bar{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:25px 30px;display:flex;gap:20px;align-items:center;justify-content:center;margin-bottom:40px;position:relative;z-index:1;max-width:1400px;margin-left:auto;margin-right:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1s ease-out}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 28px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-button:hover:before{width:300px;height:300px}.btn-icon{font-size:24px;position:relative;z-index:1}.btn-text{position:relative;z-index:1;letter-spacing:.5px}.scoreboard-btn{background:linear-gradient(135deg,#06b6d433,#10b98133);color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.scoreboard-btn:hover{background:linear-gradient(135deg,#06b6d44d,#10b9814d);box-shadow:0 8px 24px #06b6d466;transform:translateY(-4px)}.contest-btn{background:linear-gradient(135deg,#10b98133,#f59e0b33);color:#10b981;border:1px solid rgba(16,185,129,.3)}.contest-btn:hover{background:linear-gradient(135deg,#10b9814d,#f59e0b4d);box-shadow:0 8px 24px #10b98166;transform:translateY(-4px)}.rules-btn{background:linear-gradient(135deg,#f59e0b33,#ef444433);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.rules-btn:hover{background:linear-gradient(135deg,#f59e0b4d,#ef44444d);box-shadow:0 8px 24px #f59e0b66;transform:translateY(-4px)}.puzzle-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1400px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp 1.2s ease-out}.puzzle-option-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:32px 28px;text-align:center;cursor:pointer;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.puzzle-option-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease}.puzzle-option-card:hover:before{opacity:1}.puzzle-option-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #06b6d44d;border-color:#06b6d44d}.option-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));transition:transform .4s ease;position:relative;z-index:1}.puzzle-option-card:hover .option-icon{transform:scale(1.15) rotate(-5deg)}.option-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;position:relative;z-index:1;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.option-description{font-size:15px;color:#9ca3af;margin:0;line-height:1.6;position:relative;z-index:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#171717f2;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #000000b3;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInScale .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-bottom:2px solid rgba(6,182,212,.2);background:linear-gradient(135deg,#06b6d41a,#10b9811a)}.modal-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#fff;margin:0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;width:40px;height:40px;border-radius:12px;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{background:#ef444440;transform:rotate(90deg) scale(1.1)}.modal-body{padding:32px;overflow-y:auto;flex:1}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.rule-item{display:flex;gap:16px;align-items:flex-start;animation:slideInLeft .5s ease-out backwards}.rule-item:nth-child(1){animation-delay:.1s}.rule-item:nth-child(2){animation-delay:.2s}.rule-item:nth-child(3){animation-delay:.3s}.rule-item:nth-child(4){animation-delay:.4s}.rule-item:nth-child(5){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rule-number{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #06b6d466}.rule-text{color:#d1d5db;font-size:16px;line-height:1.7;flex:1}.modal-footer{padding:24px 32px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.modal-action-btn{padding:14px 40px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466;letter-spacing:.5px}.modal-action-btn:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}@media (max-width: 1024px){.first-row{grid-template-columns:1fr;gap:15px}.slider-container{height:300px}.right-panel{flex-direction:row}.action-bar{flex-wrap:wrap}.action-button{min-width:150px}}@media (max-width: 768px){.puzzles-hub-container{padding:20px 15px}.puzzles-hub-title{font-size:42px}.puzzles-hub-subtitle{font-size:16px}.slider-container{height:300px}.slide-icon{font-size:80px}.slide-title{font-size:32px}.slide-subtitle{font-size:16px}.right-panel{flex-direction:column}.quick-card{padding:20px}.card-icon{font-size:40px}.card-title{font-size:18px}.action-bar{flex-direction:column;padding:20px}.action-button{width:100%;padding:16px 24px}.puzzle-options-grid{grid-template-columns:1fr;gap:20px}.modal-content{margin:20px}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-title{font-size:24px}.rule-text{font-size:14px}}@media (max-width: 480px){.puzzles-hub-title{font-size:36px}.slide-title{font-size:28px}.option-icon{font-size:52px}.option-title{font-size:20px}}.monthly-focus-section{margin:40px auto;max-width:1400px;animation:fadeInUp .8s ease-out}.monthly-focus-full-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:24px;box-shadow:0 8px 32px #00000080;padding:32px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monthly-focus-full-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease}.monthly-focus-full-card:hover:before{opacity:1}.monthly-focus-full-card:hover{transform:translateY(-6px);border-color:#06b6d44d;box-shadow:0 16px 48px #06b6d44d}.focus-card-header{display:flex;align-items:flex-start;gap:20px;flex:1}.focus-icon{font-size:3em;line-height:1;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));transition:transform .4s ease}.monthly-focus-full-card:hover .focus-icon{transform:scale(1.1) rotate(5deg)}.focus-content{flex:1;position:relative;z-index:1}.focus-title{margin:0 0 8px;font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-description{margin:0 0 12px;color:#9ca3af;font-size:14px;font-weight:400}.focus-start-button{background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:14px 28px;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;position:relative;z-index:1;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monthly-focus-full-card:hover .focus-start-button{background:linear-gradient(135deg,#06b6d44d,#10b9814d);transform:translate(6px);box-shadow:0 6px 20px #06b6d466}.quick-card.monthly-focus-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080}.quick-card.monthly-focus-card:before{background:linear-gradient(135deg,#06b6d40d,#10b9810d)}.quick-card.monthly-focus-card:hover{border-color:#06b6d44d;box-shadow:0 12px 40px #06b6d44d}.focus-status{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px;color:#fffc}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse-green 2s infinite}.focus-progress{margin-top:8px;display:flex;flex-direction:column;gap:4px}.progress-text{font-size:12px;color:#ffffffb3}.progress-bar-mini{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;width:100%}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:2px;transition:width .3s ease}@keyframes pulse-green{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.monthly-focus-section{margin:30px 20px}.monthly-focus-full-card{flex-direction:column;text-align:center;padding:24px;gap:20px}.focus-card-header{flex-direction:column;text-align:center;gap:16px}.focus-icon{font-size:2.5em;align-self:center}.focus-title{font-size:1.3em}.focus-start-button{width:100%;text-align:center;padding:16px 24px}.monthly-focus-full-card:hover .focus-start-button{transform:translateY(-2px) scale(1.02)}}.signup-request-page{min-height:100vh;background:#0a0a0a;padding:40px 20px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.signup-request-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.signup-form-container{background:#171717b3;border-radius:20px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);max-width:800px;width:100%;padding:40px;animation:slideIn .4s ease-out;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:40px}.form-header h1{font-size:36px;color:#fff;margin-bottom:8px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-header p{font-size:16px;color:#9ca3af}.signup-form{display:flex;flex-direction:column;gap:32px}.form-section{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:32px}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:20px;color:#06b6d4;margin-bottom:20px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;transition:all .3s ease;box-sizing:border-box;background:#0000004d;color:#fff}.form-group input::-moz-placeholder{color:#6b7280}.form-group input::placeholder{color:#6b7280}.form-group select{cursor:pointer}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433;background:#0006}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group small{display:block;font-size:12px;color:#9ca3af;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.error-msg{display:block;color:#ef4444;font-size:13px;margin-top:6px;font-weight:500}.checkbox-group{margin-bottom:16px}.checkbox-label{display:flex;align-items:start;gap:12px;cursor:pointer;font-size:14px;color:#fff}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#06b6d4}.checkbox-label span{flex:1}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:14px 32px;background:#ffffff0d;color:#9ca3af;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.signup-success{text-align:center;background:#171717b3;border-radius:20px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);padding:60px 40px;max-width:600px;animation:slideIn .4s ease-out;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;font-size:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .5s ease-out .2s backwards;box-shadow:0 4px 16px #06b6d466}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.signup-success h1{font-size:32px;color:#fff;margin-bottom:16px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-success p{font-size:16px;color:#9ca3af;margin-bottom:16px;line-height:1.6}.signup-success p strong{color:#67e8f9}.signup-success .btn-primary{margin-top:24px}@media (max-width: 768px){.signup-request-page{padding:20px 16px}.signup-form-container{padding:24px}.form-header h1{font-size:28px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.signup-success{padding:40px 24px}.signup-success h1{font-size:24px}}.signup-form-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.05) 0%,transparent 70%);animation:obsidian-shimmer 8s linear infinite;pointer-events:none}@keyframes obsidian-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus){border-color:#06b6d44d}.games-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;min-height:100vh;padding:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.floating-pieces{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}.floating-piece{position:absolute;font-size:3rem;animation:floatPiece 20s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.1))}@keyframes floatPiece{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-25px) rotate(90deg)}50%{transform:translate(-25px,20px) rotate(180deg)}75%{transform:translate(20px,-15px) rotate(270deg)}}.games-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;max-width:1400px;margin:0 auto;position:relative;z-index:2;width:100%}.glass-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 12px 40px #0009}.left-column,.right-column{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:25px;padding:28px 28px 0}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#06b6d426,#0ea5e926)}.section-title{font-size:20px;font-weight:600;color:#fff;margin:0}.quick-play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 28px 28px}.quick-play-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.quick-play-card:hover{background:#0009;border-color:#ffffff1a;transform:translateY(-4px)}.quick-play-icon{font-size:32px;margin-bottom:12px;transition:all .3s ease}.quick-play-card:hover .quick-play-icon{transform:scale(1.1)}.quick-play-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px}.quick-play-time{color:#9ca3af;font-size:13px;margin:0 0 12px}.quick-play-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tournament-grid{display:flex;flex-direction:column;gap:16px;padding:0 28px 28px}.tournament-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tournament-card:hover{background:#0009;border-color:#ffffff1a;transform:translateY(-2px)}.tournament-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.tournament-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#0000004d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.tournament-info{flex:1}.tournament-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.tournament-time{font-size:13px;font-weight:500}.tournament-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#6b7280;font-weight:600;letter-spacing:1px;text-transform:uppercase}.detail-value{font-size:14px;font-weight:600;color:#fff}.tournament-status-container{display:flex;justify-content:flex-end}.tournament-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid;background:#ffffff0d}.trophy-section{margin:16px 0;text-align:center}.trophies{display:flex;justify-content:center;align-items:end;gap:12px;margin-bottom:32px}.trophy{display:flex;flex-direction:column;align-items:center;gap:4px}.trophy.first-place{order:2;transform:scale(1.2);margin:0 8px}.trophy.second-place{order:1}.trophy.third-place{order:3}.trophy-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:trophyGlow 3s ease-in-out infinite}.trophy.first-place .trophy-icon{animation:trophyGlow 3s ease-in-out infinite,trophyBounce 2s ease-in-out infinite}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 4px 8px rgba(255,215,0,.4))}}@keyframes trophyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.trophy-rank{font-size:13px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.trophy.first-place .trophy-rank{color:gold;font-size:14px}.trophy-prize{font-size:12px;color:#6b7280;font-weight:600;margin-top:2px}.trophy.first-place .trophy-prize{color:gold}.tournament-description{font-size:14px;color:#9ca3af;line-height:1.4;font-style:italic;margin-top:8px}.trophy-showcase-card{padding:24px;text-align:center}.trophy-header{margin-bottom:20px}.trophy-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.trophy-subtitle{color:#9ca3af;font-size:15px;margin:0;font-weight:400}.stats-banner{display:flex;justify-content:space-between;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-top:0}.stat-item{text-align:center;flex:1}.stat-value{font-size:28px;font-weight:700;background:linear-gradient(45deg,#4ecdc4,#06d6a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;text-shadow:0 0 20px rgba(6,182,212,.3)}.stat-label{font-size:11px;color:#6b7280;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.play-title-card{text-align:center;padding:40px 28px}.play-title{font-size:48px;font-weight:800;margin:0 0 8px;background:linear-gradient(45deg,#4ecdc4,#06d6a0,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.play-subtitle{color:#9ca3af;font-size:14px;margin:0}.play-option-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.play-option-card:hover{background:#0009;border-color:#ffffff1a;transform:translate(4px)}.play-option-left{display:flex;align-items:center;gap:16px}.play-option-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#0000004d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.play-option-content{flex:1}.play-option-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.play-option-subtitle{color:#9ca3af;font-size:13px;line-height:1.4;margin:0}.arrow-icon{font-size:20px;color:#4b5563;transition:all .3s ease;flex-shrink:0}.play-option-card:hover .arrow-icon{color:#4ecdc4;transform:translate(4px)}.info-card{padding:22px;text-align:center}.info-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.info-text{color:#9ca3af;font-size:13px;line-height:1.5;margin:0}@media (max-width: 1200px){.games-layout{grid-template-columns:1fr;gap:16px}.left-column,.right-column{width:100%}.quick-play-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.games-container{padding:16px}.quick-play-grid{grid-template-columns:1fr}.stats-banner{flex-direction:column;gap:20px}.play-title{font-size:36px}.section-header{padding:20px 20px 0}.quick-play-grid,.tournament-grid{padding:20px}}@media (max-width: 480px){.play-title{font-size:32px}.section-title{font-size:18px}.quick-play-card,.tournament-card,.play-option-card{padding:16px}.play-option-icon{width:44px;height:44px;font-size:20px}.play-option-title{font-size:16px}}.loading-tournaments,.no-tournaments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#9ca3af}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4ECDC4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-tournaments p{font-size:16px;margin:0}:root{--bg-primary: #0a0a0a;--bg-secondary: rgba(23, 23, 23, .8);--bg-tertiary: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(156, 163, 175, .9);--border-color: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--shadow-color: rgba(0, 0, 0, .5);--accent-gradient: linear-gradient(135deg, #FF6B6B 0%, #06D6A0 50%, #06B6D4 100%)}.play-container{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);transition:all .3s ease}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,107,107,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,209,102,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.1) 0%,transparent 60%);opacity:.5}.floating-chess-pieces{position:absolute;width:100%;height:100%}.floating-piece{position:absolute;font-size:3.5rem;opacity:.05;color:var(--text-primary);animation:floatPiece 20s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes floatPiece{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-25px) rotate(90deg) scale(1.1)}50%{transform:translate(-25px,20px) rotate(180deg) scale(.9)}75%{transform:translate(20px,-15px) rotate(270deg) scale(1.05)}}.play-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:30px 20px}.main-header{text-align:center;margin-bottom:20px;padding:10px 30px;background:transparent;border:none;border-radius:25px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;overflow:hidden}.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text-primary),transparent);opacity:.3}.chess-icons{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:20px}.chess-piece{font-size:4.5rem;animation:chessFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}.chess-piece:nth-child(1){animation-delay:0s}.chess-piece:nth-child(3){animation-delay:.5s}@keyframes chessFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}.main-title{font-size:3.8rem;font-weight:800;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:titleGradient 6s ease infinite;letter-spacing:-.5px}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.live-stats{display:flex;justify-content:center;gap:25px;margin-top:30px;flex-wrap:wrap}.stat-badge{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;padding:20px 25px;min-width:180px;display:flex;align-items:center;gap:15px;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all .3s ease;animation:statFloat 3s ease-in-out infinite}.stat-badge:nth-child(1){animation-delay:0s}.stat-badge:nth-child(2){animation-delay:1s}.stat-badge:nth-child(3){animation-delay:2s}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.stat-badge:hover{transform:translateY(-5px) scale(1.05);border-color:var(--text-primary);box-shadow:0 15px 35px var(--shadow-color)}.stat-icon{font-size:2.5rem;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:15px;animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor)}}.stat-content{flex:1;text-align:left}.stat-value{font-size:2.2rem;font-weight:800;margin-bottom:5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.stat-label{font-size:.9rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.pulse-dot{position:absolute;top:15px;right:15px;width:10px;height:10px;background:#06d6a0;border-radius:50%;animation:dotPulse 1.5s infinite}.stat-badge:nth-child(2) .pulse-dot{background:#ffd166;animation-delay:.5s}.stat-badge:nth-child(3) .pulse-dot{background:#ff6b6b;animation-delay:1s}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.time-controls-section{margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:800;margin:0 0 30px;display:flex;align-items:center;gap:15px;color:#fff}.section-icon{font-size:2.5rem;animation:iconBounce 2s infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.time-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.time-control-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:25px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 15px 45px var(--shadow-color),inset 0 1px #ffffff1a}.time-control-group:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--group-color);opacity:.7}.time-control-group:hover{transform:translateY(-8px);border-color:var(--group-color);box-shadow:0 25px 60px var(--shadow-color),0 0 0 1px var(--group-color),inset 0 1px #ffffff26}.group-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.group-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:20px;border:2px solid rgba(255,255,255,.1);color:var(--group-color);filter:drop-shadow(0 0 20px var(--group-color));animation:groupIconFloat 3s ease-in-out infinite}@keyframes groupIconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.group-name{font-size:1.8rem;font-weight:800;margin:0 0 5px;background:linear-gradient(135deg,#ff6b6b,#ee5a24,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.group-description{font-size:1rem;color:var(--text-muted);margin:0}.time-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.time-button{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:18px 10px;color:#ffffff80;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.time-button:not(.disabled):hover{background:color-mix(in srgb,var(--group-color) 20%,transparent);border-color:var(--group-color);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #0000004d,0 0 0 1px var(--group-color)}.time-button.clicked{animation:buttonClick .3s ease}@keyframes buttonClick{0%,to{transform:scale(1)}50%{transform:scale(.95);background:color-mix(in srgb,var(--group-color) 40%,transparent)}}.time-button.disabled{opacity:.5;cursor:not-allowed}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.time-button:not(.disabled):hover .button-glow{left:100%}.statistics-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;padding:40px;margin-top:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 20px 60px var(--shadow-color),inset 0 1px #ffffff1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:18px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);border-color:var(--text-primary);box-shadow:0 15px 40px var(--shadow-color)}.stat-title{font-size:1.5rem;font-weight:800;margin:0 0 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a24,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.stat-numbers{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0003;border-radius:10px;border:1px solid var(--border-color)}.stat-label{font-size:1rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.3rem;font-weight:800}.stat-value.win{color:#06d6a0;text-shadow:0 0 10px rgba(6,214,160,.3)}.stat-value.loss{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.3)}.stat-value.draw{color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.3)}.stat-total{text-align:center;color:var(--text-muted);font-size:.95rem;margin:15px 0;padding-top:15px;border-top:1px solid var(--border-color)}.stat-progress{height:8px;border-radius:4px;background:#0000004d;display:flex;overflow:hidden;margin-top:15px}.progress-bar{height:100%;transition:width 1s ease-in-out}.win-bar{background:linear-gradient(90deg,#06d6a0,#4ecdc4)}.loss-bar{background:linear-gradient(90deg,#ff6b6b,#ff9e7d)}.draw-bar{background:linear-gradient(90deg,#ffd166,#ffe99c)}.matchmaking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.matchmaking-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;padding:35px;max-width:650px;width:90%;box-shadow:0 40px 100px #000c,inset 0 1px #ffffff1a;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.modal-content{text-align:center}.modal-title{font-size:2.8rem;font-weight:800;margin:0 0 15px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:modalTitlePulse 3s infinite}@keyframes modalTitlePulse{0%,to{opacity:1}50%{opacity:.8}}.selected-control-display{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0;padding:20px;background:#0000004d;border-radius:20px;border:1px solid var(--border-color)}.control-icon{font-size:3.5rem;animation:controlIconSpin 2s linear infinite}@keyframes controlIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.control-info{text-align:left}.control-type{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.control-time{font-size:2.2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.matchmaking-stats{display:flex;justify-content:center;gap:25px;margin:30px 0}.match-stat{background:var(--bg-tertiary);border-radius:18px;padding:20px 25px;min-width:180px;display:flex;align-items:center;gap:15px;border:1px solid var(--border-color);transition:all .3s ease}.match-stat:hover{transform:translateY(-5px);border-color:var(--text-primary);box-shadow:0 15px 35px var(--shadow-color)}.match-stat .stat-icon{font-size:2.5rem}.match-stat .stat-content{text-align:center}.match-stat .stat-value{font-size:2.1rem;margin-bottom:6px}.match-stat .stat-label{font-size:.95rem}.chessboard-animation{margin:30px 0}.chessboard-loader{width:160px;height:160px;margin:0 auto 15px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);animation:boardRotate 6s linear infinite;border-radius:15px;overflow:hidden;box-shadow:0 15px 50px #00000080}@keyframes boardRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-square{animation:squarePulse 2s ease-in-out infinite}.loader-square:nth-child(odd){animation-delay:1s}@keyframes squarePulse{0%,to{background:#ff6b6b66}33%{background:#ffd16666}66%{background:#06d6a066}}.searching-text{font-size:1.1rem;color:var(--text-muted);margin-top:10px;animation:textPulse 2s infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}.opponent-animation{display:flex;align-items:center;justify-content:center;gap:35px;margin:30px 0}.player-you,.player-opponent{display:flex;flex-direction:column;align-items:center;gap:12px}.player-avatar{width:100px;height:100px;border-radius:50%;background:#0006;border:3px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative}.player-avatar.opponent{border-color:#ff6b6b4d}.avatar-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid rgba(6,182,212,.6);animation:avatarPulse 2s infinite}.player-avatar.opponent .avatar-pulse{border-color:#ff6b6b99;animation-delay:1s}@keyframes avatarPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.avatar-icon{font-size:3.5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.player-label{font-size:1.1rem;color:var(--text-muted);font-weight:600}.vs-container{display:flex;flex-direction:column;align-items:center;gap:12px}.vs-text{background:var(--accent-gradient);color:#fff;padding:10px 30px;border-radius:25px;font-size:1.6rem;font-weight:900;letter-spacing:3px;animation:vsGlow 2s infinite;box-shadow:0 15px 40px #0006}@keyframes vsGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,107,107,.6))}50%{filter:drop-shadow(0 0 30px rgba(6,214,160,.6))}}.searching-pieces{display:flex;gap:12px}.searching-piece{font-size:2.2rem;animation:pieceSearch 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}@keyframes pieceSearch{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.cancel-search-btn{background:#ef444433;color:#ef4444;border:2px solid rgba(239,68,68,.4);padding:15px 40px;border-radius:15px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:1.5px;text-transform:uppercase;margin-top:25px}.cancel-search-btn:hover{background:#ef44444d;border-color:#ef4444cc;transform:translateY(-3px) scale(1.05);box-shadow:0 20px 50px #ef444466,0 0 0 1px #ffffff1a}@media (max-width: 1200px){.time-controls-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.main-title{font-size:2.8rem}.chess-piece{font-size:3.5rem}.live-stats{flex-direction:column;align-items:center}.stat-badge{width:100%;max-width:300px}}@media (max-width: 768px){.time-controls-grid{grid-template-columns:1fr}.time-buttons-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.matchmaking-stats{flex-direction:column;gap:20px}.match-stat{width:100%;max-width:300px;margin:0 auto}.opponent-animation{gap:20px}.player-avatar{width:90px;height:90px}.avatar-icon{font-size:2.8rem}.vs-text{font-size:1.4rem;padding:10px 25px}.chessboard-loader{width:140px;height:140px}.matchmaking-modal{padding:25px;max-width:600px}.modal-title{font-size:2.2rem}.selected-control-display{padding:20px;margin:20px 0}.control-icon{font-size:3.5rem}.control-type{font-size:1.6rem}.control-time{font-size:2.2rem}}@media (max-width: 480px){.main-header{padding:5px 20px}.main-title{font-size:2.2rem}.chess-piece{font-size:2.8rem}.section-title{font-size:2rem}.time-buttons-grid{grid-template-columns:1fr}.time-button{padding:20px}.matchmaking-modal{padding:20px;border-radius:20px;max-width:95%}.modal-title{font-size:1.8rem;margin-bottom:15px}.selected-control-display{padding:15px;margin:15px 0;gap:15px}.control-icon{font-size:2.8rem}.control-type{font-size:1.4rem}.control-time{font-size:1.8rem}.matchmaking-stats{margin:20px 0;gap:15px}.match-stat{padding:15px;min-width:auto}.stat-value{font-size:1.8rem}.stat-label{font-size:.9rem}.chessboard-animation{margin:20px 0}.chessboard-loader{width:120px;height:120px}.opponent-animation{margin:20px 0;gap:15px}.player-avatar{width:70px;height:70px}.avatar-icon{font-size:2.2rem}.vs-text{font-size:1.1rem;padding:8px 18px}.searching-piece{font-size:1.8rem}.cancel-search-btn{padding:12px 25px;font-size:1rem;margin-top:20px}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{overflow:hidden scroll}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{color:#213547;box-sizing:border-box;background:#fff;width:100%;min-width:320px;min-height:100vh;margin:0;padding-top:0;display:block;overflow-x:hidden}body.no-header-padding{padding-top:0}.full-height-minus-header{min-height:calc(100vh - var(--header-height-desktop))}*,:before,:after{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.site-footer{padding:20px;text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:3px solid rgba(255,107,107,.25);box-shadow:0 -15px 40px #ff6b6b40,0 -5px 15px #00000026}.footer-text{font-size:15px;font-weight:700;color:transparent;background:linear-gradient(135deg,#ff6b6b,#ff8e53,#feca57,#ee5a6f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}:root{--primary-color: #2563eb;--secondary-color: #7c3aed;--background-color: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}