@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box}:root{--bg-primary:#000;--bg-secondary:#000;--bg-tertiary:#000;--bg-card:#000;--bg-hover:#111;--bg-mesh:#000;--text-primary:#fff;--text-secondary:#a9b3c1;--text-muted:#6b7280;--text-accent:#00d4ff;--accent-primary:#00d4ff;--accent-secondary:#4dd0e1;--accent-cyan-light:#3a8099;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f59e0b;--border-primary:#00d4ff26;--border-secondary:#8b5cf61a;--border-solid:#ffffff1a;--shadow-sm:0 1px 2px #0009;--shadow-md:0 4px 6px #000000b3;--shadow-lg:0 10px 15px #000c;--shadow-xl:0 20px 25px #000000e6;--shadow-glow:0 0 20px #00d4ff33;--shadow-glow-purple:0 0 20px #8b5cf633;--grid-pattern:linear-gradient(90deg,#00d4ff0d 1px,#0000 0),linear-gradient(180deg,#00d4ff0d 1px,#0000 0);--grid-size:20px}body,html{background-color:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--text-primary);font-family:Chakra Petch,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:radial-gradient(600px circle at 0 0,#00d4ff0d 0,#0000 40%),radial-gradient(600px circle at 100% 100%,#8b5cf60d 0,#0000 40%);content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-item-mini{align-items:flex-start!important;display:flex!important;flex-direction:column!important;min-height:48px!important;padding:8px!important}.game-item-mini>span{align-self:flex-start!important;text-align:left!important}.game-info-row{align-items:center!important;display:flex!important;flex-direction:row!important;margin-bottom:8px!important;width:100%!important}.game-info-row>span{text-align:left!important;width:100%!important}.game-actions-row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;width:100%!important}.game-actions-row .join-btn{background:#0000!important;border:1px solid #00d4ff!important;border:1px solid var(--accent-primary)!important;border-radius:3px!important;color:#00d4ff!important;color:var(--accent-primary)!important;cursor:pointer!important;flex:1 1!important;font-size:12px!important;font-weight:500!important;padding:6px 12px!important;transition:all .2s ease!important}.game-actions-row .join-btn:hover{background:#00d4ff!important;background:var(--accent-primary)!important;color:#000!important;color:var(--bg-primary)!important}.game-actions{align-items:center!important;border-top:2px dotted #333!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin:5px 0 0!important;outline:none!important;padding:10px 0 0!important;width:100%!important}.game-actions,.resume-btn{background:#0000!important}.resume-btn{border:1px solid #666!important;border-radius:3px!important;color:#666!important;cursor:pointer!important;font-size:11px!important;font-weight:500!important;height:22px!important;line-height:1!important;padding:2px 8px!important;transition:all .2s ease!important}.resume-btn:hover{background:#777!important;border-color:#777!important;color:#fff!important}.resume-btn:disabled{cursor:not-allowed;opacity:.5}.abandon-btn{align-items:center!important;background:#0000!important;border:1px solid #f77!important;border-radius:3px!important;color:#f77!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;height:22px!important;justify-content:center!important;line-height:1!important;padding:0!important;transition:all .2s ease!important;width:22px!important}.abandon-btn:hover{background:#f77!important;color:#000!important;color:var(--bg-primary)!important}.abandon-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000c;height:100%;width:100%}.modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204e6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-content:before{border-left:1px solid #fff3;border-top:1px solid #fff3;content:"";height:40px;left:0;position:absolute;top:0;transition:all .3s ease;width:40px}.modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem 1rem}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:color .2s ease}.modal-close:hover{color:var(--accent-primary)}.modal-body{padding:1.5rem 2rem}.modal-body p{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.modal-screenshots{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.screenshot-container{text-align:center}.screenshot{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;height:auto;max-width:100%;transition:all .3s ease}.screenshot:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px #00d4ff33;transform:translateY(-2px)}.screenshot-caption{color:#aaa;font-size:.85rem;font-style:italic;line-height:1.4;margin-bottom:0;margin-top:.75rem}.modal-screenshot{margin:1.5rem 0;text-align:center}.screenshot-placeholder{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;color:#888;font-style:italic;padding:2rem}.modal-screenshot img{border:1px solid #ffffff1a;border-radius:8px;height:auto;max-width:100%}@media (max-width:768px){.modal-screenshots{gap:1rem;grid-template-columns:1fr}}.modal-features h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.modal-features ul{list-style:none;margin:0 0 1.5rem;padding:0}.modal-features li{color:#ccc;padding:.5rem 0 .5rem 1.5rem;position:relative}.modal-features li:before{color:var(--accent-primary);content:"•";font-weight:700;left:0;position:absolute}.special-square{border-radius:3px;font-size:.9rem;font-weight:600;padding:2px 6px}.special-square.red{background-color:#ff525233;border:1px solid #ff52524d;color:#ff5252}.special-square.blue{background-color:#2979ff33;border:1px solid #2979ff4d;color:#2979ff}.special-square.green{background-color:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.modal-footer{border-top:1px solid #ffffff1a;padding:1rem 2rem 1.5rem;text-align:center}.modal-btn-primary{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin:1rem auto 0;padding:.875rem 2rem;transition:all .2s ease}.modal-btn-primary:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}@media (max-width:768px){.modal-content{margin:1rem;max-height:90vh}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}}.auth-page{align-items:center;background:var(--bg-mesh);background-image:var(--grid-pattern);background-size:var(--grid-size) var(--grid-size);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204cc;border:1px solid #ffffff1a;border-radius:12px;max-width:400px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-container:before{border-left:1px solid #fff3;border-top:1px solid #fff3;height:40px;left:0;top:0;width:40px}.auth-container:after,.auth-container:before{content:"";position:absolute;transition:all .3s ease}.auth-container:after{border-bottom:1px solid #fff3;border-right:1px solid #fff3;bottom:0;height:20px;right:0;width:20px}.auth-container:hover{background:#020204e6;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-4px)}.auth-container:hover:before{border-left:1px solid var(--accent-primary);border-top:1px solid var(--accent-primary);height:60px;width:60px}.auth-container:hover:after{border-bottom:1px solid var(--accent-primary);border-right:1px solid var(--accent-primary);height:30px;width:30px}.auth-logo{display:flex;justify-content:center;padding:1.5rem 0 0}.auth-logo-icon{border-radius:10px;box-shadow:0 4px 15px #0003;height:56px;transition:transform .3s ease,box-shadow .3s ease;width:auto}.auth-logo-icon:hover{box-shadow:0 6px 25px #0000004d;transform:scale(1.05)}.auth-form{padding:1.5rem 2.5rem 2.5rem}.auth-form h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#ccc;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#00000080;border:1px solid #888;border-radius:4px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 10px #fff3;outline:none}.form-group input:disabled{background-color:#0000004d;color:#666;cursor:not-allowed}button[type=submit]{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease;width:100%}button[type=submit]:hover:not(:disabled){box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}button[type=submit]:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.link-button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:var(--accent-secondary)}.error-message{border-radius:4px;margin-bottom:1.5rem}.success-message{background:#22c55e1a;border:1px solid #22c55e;border-radius:4px;color:#22c55e;margin-bottom:1.5rem;padding:1rem}.auth-form p{color:#ccc;margin-top:1.5rem;text-align:center}.guest-login-section{padding:0 2.5rem 2.5rem}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#fff3;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.divider span{background:#020204e6;color:#ccc;font-size:.875rem;font-weight:500;padding:0 1rem;position:relative;z-index:2}.guest-login-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s ease;width:100%}.guest-login-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--accent-primary);box-shadow:0 4px 15px #ffffff1a;transform:translateY(-2px)}.guest-login-btn:disabled{background:#ffffff0d;box-shadow:none;color:#888;cursor:not-allowed;transform:none}.auth-info{color:#ccc;font-size:.9rem;margin-bottom:0;margin-top:1rem;text-align:center}@media (max-width:768px){.auth-page{padding-bottom:13rem}}.chess-board-container{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Chakra Petch,monospace;gap:.75rem;max-width:100vw;padding:.5rem;position:relative;width:100%}.chess-board{padding:1.5rem;position:relative}.file-labels,.rank-labels{font-family:Chakra Petch,monospace}.file-labels{display:flex;justify-content:center;margin-bottom:.5rem;margin-left:2rem}.file-label{animation:labelGlow 4s ease-in-out infinite alternate;color:#777;font-size:1rem;font-weight:700;text-align:center;text-shadow:0 0 10px #77777780,0 0 20px #7777774d;width:100px}@keyframes labelGlow{0%{opacity:.7}to{opacity:1}}.board-squares{display:flex}.rank-labels{flex-direction:column;margin-right:.81rem}.rank-label,.rank-labels{display:flex;justify-content:center}.rank-label{align-items:center;animation:labelGlow 4s ease-in-out infinite alternate;color:#777;font-size:1rem;font-weight:700;height:100px;text-shadow:0 0 10px #77777780,0 0 20px #7777774d}.squares-grid{background:linear-gradient(45deg,var(--bg-tertiary),var(--bg-secondary));border:3px solid #000;overflow:hidden;position:relative}.squares-grid.riftchess-border{border:2px solid;border-image:linear-gradient(135deg,#00d4ff99,#000c) 1;position:relative}.squares-grid:before{animation:borderPulse 4s ease-in-out infinite;background:linear-gradient(45deg,var(--accent-primary),var(--accent-purple),var(--accent-primary));background-size:400% 400%;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes borderPulse{0%,to{opacity:0}50%{opacity:.2}}.board-rank{display:flex}.chess-square{align-items:center;border:1px solid #ffffff08;cursor:pointer;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100px}.riftchess-border .chess-square:after{background:linear-gradient(135deg,#00d4ff14,#00d4ff05 25%,#0000 50%,#0000000d);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.riftchess-border .chess-square.light:after{background:linear-gradient(135deg,#00d4ff1f,#00d4ff0a 25%,#0000 50%,#00000014)}.riftchess-border .chess-square.dark:after{background:linear-gradient(135deg,#00d4ff0f,#00d4ff05 25%,#0000 50%,#0000001a)}.chess-square:before{background:linear-gradient(135deg,#ffffff0d,#0000000d);z-index:0}.chess-square:after,.chess-square:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chess-square:after{background:linear-gradient(45deg,#0000 48%,#00d4ff05 50%,#0000 52%),linear-gradient(-45deg,#0000 48%,#8b5cf605 50%,#0000 52%);z-index:1}.chess-square.light{border-color:#ffffff0f;color:var(--text-primary)}.chess-square.dark{border-color:#00d4ff1a;color:var(--text-primary)}.chess-square.last-move-from{border:2px dashed #fbbf2480!important;box-shadow:inset 0 0 12px #fbbf2426}.chess-square.last-move-to{border:2px solid #fbbf2499!important;box-shadow:inset 0 0 18px #fbbf2433,0 0 12px #fbbf2440}.chess-square.teleport-target{animation:teleportTargetPulse 1.4s ease-in-out infinite;border-color:#3b82f6cc!important;box-shadow:0 0 18px #3b82f699,inset 0 0 12px #3b82f659;cursor:crosshair}@keyframes teleportTargetPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.chess-board.teleport-mode{cursor:none}.teleport-ghost{filter:drop-shadow(0 0 15px rgba(59,130,246,.6)) drop-shadow(0 0 20px rgba(255,255,255,.35));height:70px;opacity:.9;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:70px;z-index:10}.chess-square:hover:after,.chess-square:hover:before{opacity:1}.chess-square.selected{animation:selectedPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff33,#00d4ff1a)!important;box-shadow:inset 0 0 0 3px var(--accent-primary),0 0 30px #00d4ff66,0 0 15px var(--accent-primary);transform:translateY(-2px) scale(1.02)}@keyframes selectedPulse{0%,to{box-shadow:inset 0 0 0 3px var(--accent-primary),0 0 30px #00d4ff66,0 0 15px var(--accent-primary)}50%{box-shadow:inset 0 0 0 3px var(--accent-secondary),0 0 40px #00d4ff99,0 0 25px var(--accent-secondary)}}.chess-square.legal-move{animation:legalSquareGlow 3s ease-in-out infinite;position:relative}@keyframes legalSquareGlow{0%,to{box-shadow:inset 0 0 0 2px #0000}50%{box-shadow:inset 0 0 0 2px #10b98199}}.legal-move-indicator{animation:legalMoveFloat 2s ease-in-out infinite;background:radial-gradient(circle,var(--accent-green),#0000);border:2px solid var(--accent-green);box-shadow:0 0 15px var(--accent-green),inset 0 0 8px #10b981cc;height:20px;pointer-events:none;position:absolute;width:20px;z-index:3}@keyframes legalMoveFloat{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.chess-square.special-red{animation:redSpecialPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ef444466,#dc262699)!important;border:2px solid var(--accent-red)!important;box-shadow:0 0 25px var(--accent-red),inset 0 0 20px #ef44444d,0 0 40px #ef444433}@keyframes redSpecialPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.02)}}.chess-square.special-blue{animation:blueSpecialPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff66,#4dd0e199)!important;border:2px solid var(--accent-primary)!important;box-shadow:0 0 25px var(--accent-primary),inset 0 0 20px #00d4ff4d,0 0 40px #00d4ff33}@keyframes blueSpecialPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.02)}}.chess-square.special-green{animation:greenSpecialPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#10b98166,#05966999)!important;border:2px solid var(--accent-green)!important;box-shadow:0 0 25px var(--accent-green),inset 0 0 20px #10b9814d,0 0 40px #10b98133}@keyframes greenSpecialPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.02)}}.chess-piece{align-items:center;cursor:grab;display:flex;filter:drop-shadow(0 0 12px rgba(255,255,255,.2));font-size:3.5rem;font-weight:700;height:100%;justify-content:center;position:relative;text-shadow:0 0 15px #000000e6,2px 2px 4px #000c,0 0 25px #00d4ff33;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%;z-index:2}.chess-piece:before{background:radial-gradient(circle,#ffffff1a,#0000);bottom:-5px;content:"";left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .3s ease;z-index:-1}.piece-image{height:85%;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);width:85%}.chess-piece.white-piece .piece-image,.piece-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,255,255,.1))}.chess-piece.black-piece .piece-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(0,212,255,.15))}.chess-piece.black-piece .piece-image[src*=pawn]{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(0,212,255,.15)) drop-shadow(0 0 12px rgba(0,0,0,.4)) drop-shadow(-1px -1px 2px rgba(0,0,0,.6))}.chess-piece:hover{filter:drop-shadow(0 0 4px var(--accent-primary)) drop-shadow(0 0 6px rgba(255,255,255,.2));text-shadow:0 0 6px var(--accent-primary)}.chess-piece:hover:before{opacity:1}.chess-piece.white-piece:hover .piece-image{filter:drop-shadow(0 0 4px var(--accent-primary)) drop-shadow(0 0 6px rgba(255,255,255,.2))}.chess-piece.black-piece:hover .piece-image{filter:drop-shadow(0 0 4px var(--accent-primary)) drop-shadow(0 0 6px rgba(0,212,255,.2))}.chess-piece.active-turn{animation:activeTurnPulse 2s ease-in-out infinite}@keyframes activeTurnPulse{0%,to{filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}}.chess-piece:active{cursor:grabbing;transform:scale(1.25) translateY(-3px)}.chess-piece.white-piece:active .piece-image{filter:drop-shadow(0 0 25px var(--accent-primary)) drop-shadow(0 0 35px rgba(255,255,255,.6))}.chess-piece.black-piece:active .piece-image{filter:drop-shadow(0 0 25px var(--accent-primary)) drop-shadow(0 0 35px rgba(0,212,255,.6))}.chess-square.effect-ghost{animation:ghostSquareAdvanced 2s ease-in-out infinite;background:linear-gradient(135deg,#ef44444d,#ef44441a)!important;border:3px dashed var(--accent-red)!important;box-shadow:0 0 25px #ef444499,inset 0 0 25px #ef444433}@keyframes ghostSquareAdvanced{0%,to{filter:brightness(1);opacity:.6;transform:scale(1)}50%{filter:brightness(1.2);opacity:.9;transform:scale(1.03)}}.ghost-piece{animation:ghostFloat 3s ease-in-out infinite;background:#0000!important;border:none!important;filter:grayscale(.3) drop-shadow(0 0 15px rgba(239,68,68,.6)) brightness(.8);opacity:.6!important;pointer-events:none}@keyframes ghostFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}}.chess-square.effect-teleport_from{animation:teleportFromAdvanced 1.6s ease-out forwards;background:linear-gradient(135deg,#00d4ff40,#00d4ff1a)!important;border:3px dashed var(--accent-primary)!important;box-shadow:0 0 30px #00d4ff80,inset 0 0 20px #00d4ff33}.chess-square.effect-teleport_to{animation:teleportToAdvanced 1.6s ease-out forwards;background:linear-gradient(135deg,#00d4ff4d,#00d4ff26)!important;border:3px solid var(--accent-primary)!important;box-shadow:0 0 35px #00d4ff99,inset 0 0 25px #00d4ff4d}@keyframes teleportFromAdvanced{0%{border-color:var(--accent-primary);box-shadow:0 0 30px #00d4ff99,inset 0 0 20px #00d4ff4d;opacity:1;transform:scale(1)}60%{box-shadow:none;opacity:0;transform:scale(.4)}to{box-shadow:none;opacity:0;transform:scale(.4)}}@keyframes teleportToAdvanced{0%{border-color:#0000;opacity:0;transform:scale(1.4)}40%{border-color:var(--accent-primary);box-shadow:0 0 35px #00d4ff99,inset 0 0 25px #00d4ff4d;opacity:1;transform:scale(1.05)}to{border-color:var(--accent-primary);box-shadow:0 0 20px #00d4ff4d,inset 0 0 15px #00d4ff33;opacity:1;transform:scale(1)}}.chess-square.winning-king .chess-piece,.chess-square.winning-king.king-in-check .chess-piece{animation:kingWinGlow 2s infinite!important;filter:drop-shadow(0 0 15px rgba(0,255,0,.8)) drop-shadow(0 0 25px rgba(50,255,50,.6)) drop-shadow(0 0 35px rgba(255,255,255,.2))!important}.chess-square.winning-king,.chess-square.winning-king.king-in-check{animation:winningSquarePulse 2s infinite!important;background-color:#000!important;border:4px solid #0f0!important;box-shadow:0 0 25px #0f0c,inset 0 0 25px #00ff004d!important}@keyframes winningSquarePulse{0%,to{border-width:4px;box-shadow:0 0 15px #0f0c,inset 0 0 15px #00ff004d}50%{border-width:6px;box-shadow:0 0 25px #0f0,inset 0 0 25px #0f06}}@keyframes kingWinGlow{0%,to{filter:drop-shadow(0 0 15px rgba(0,255,0,.8)) drop-shadow(0 0 25px rgba(50,255,50,.6)) drop-shadow(0 0 35px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 20px rgba(0,255,0,1)) drop-shadow(0 0 35px rgba(50,255,50,.8)) drop-shadow(0 0 50px rgba(255,255,255,.3))}}.chess-square.losing-king .chess-piece,.chess-square.losing-king.king-in-check .chess-piece{animation:kingLoseGlow 2s infinite!important;filter:drop-shadow(0 0 15px rgba(255,0,0,.8)) drop-shadow(0 0 25px rgba(255,50,50,.6)) drop-shadow(0 0 35px rgba(255,255,255,.2))!important;transform:rotate(45deg)!important}.chess-square.losing-king,.chess-square.losing-king.king-in-check{animation:losingSquarePulse 2s infinite!important;background-color:#000!important;border:4px solid red!important;box-shadow:0 0 25px #f00c,inset 0 0 25px #ff00004d!important}@keyframes losingSquarePulse{0%,to{border-width:4px;box-shadow:0 0 15px #f00c,inset 0 0 15px #ff00004d}50%{border-width:6px;box-shadow:0 0 25px red,inset 0 0 25px #f006}}@keyframes kingLoseGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,0,0,.8)) drop-shadow(0 0 25px rgba(255,50,50,.6)) drop-shadow(0 0 35px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 20px rgba(255,0,0,1)) drop-shadow(0 0 35px rgba(255,50,50,.8)) drop-shadow(0 0 50px rgba(255,255,255,.3))}}.chess-square.king-in-check .chess-piece{animation:kingCheckGlow 1.5s infinite;filter:drop-shadow(0 0 15px rgba(255,50,50,.8)) drop-shadow(0 0 8px rgba(255,255,255,.1))}@keyframes kingCheckGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,50,50,.8)) drop-shadow(0 0 8px rgba(255,255,255,.1))}50%{filter:drop-shadow(0 0 20px rgba(255,50,50,1)) drop-shadow(0 0 12px rgba(255,255,255,.2))}}.chess-square.drag-over{background:linear-gradient(135deg,#8b5cf680,#8b5cf633)!important;border:3px solid var(--accent-purple)!important;box-shadow:0 0 30px var(--accent-purple),inset 0 0 20px #8b5cf64d;transform:scale(1.05)}.chess-piece.dragging{opacity:.1;transform:scale(.6);transition:none}@keyframes dragFloat{0%{transform:scale(1.3) rotate(5deg) translateY(0)}to{transform:scale(1.3) rotate(5deg) translateY(-2px)}}.special-squares-legend{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:2px solid var(--border-primary);box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 1px 0 #ffffff1a;display:flex;gap:3rem;overflow:hidden;padding:1.5rem 2.5rem;position:relative}.special-squares-legend:before{animation:legendScan 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent-green),var(--accent-red),var(--accent-primary),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}@keyframes legendScan{0%,to{opacity:0}50%{opacity:1}}.legend-item{border-radius:8px;cursor:pointer;font-family:Chakra Petch,monospace;font-weight:600;gap:.75rem;justify-content:space-between;padding:.5rem;transition:all .3s ease}.legend-item:hover{color:var(--text-primary);text-shadow:0 0 8px currentColor;transform:translateY(-1px) scale(1.02)}.legend-color{border:2px solid var(--border-primary);box-shadow:var(--shadow-sm);height:28px;transition:all .3s ease;width:28px}.legend-item:hover .legend-color{box-shadow:var(--shadow-md),0 0 15px currentColor;transform:scale(1.1) rotate(5deg)}.legend-color.red{background:linear-gradient(45deg,var(--accent-red),#dc2626);box-shadow:0 0 12px var(--accent-red)}.legend-color.blue{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 12px var(--accent-primary)}.legend-color.green{background:linear-gradient(45deg,var(--accent-green),#059669);box-shadow:0 0 12px var(--accent-green)}.square-coords{color:#fff3;font-family:Chakra Petch,monospace;font-size:.6rem;font-weight:700;left:2px;pointer-events:none;position:absolute;top:2px}@keyframes pieceLoadAdvanced{0%{filter:brightness(2);opacity:0;transform:scale(0) rotate(-180deg)}50%{filter:brightness(1.5);opacity:.8;transform:scale(1.3) rotate(0deg)}to{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}}.chess-square.effect-promotion .chess-piece{animation:promotionGlowAdvanced 4s ease-out forwards;border:4px dashed var(--accent-green)!important}@keyframes promotionGlowAdvanced{0%{border-color:var(--accent-green);box-shadow:0 0 30px var(--accent-green),inset 0 0 15px #10b98180;filter:brightness(1);transform:scale(1) rotate(0deg)}25%{filter:brightness(1.3);transform:scale(1.1) rotate(90deg)}50%{filter:brightness(1.6);transform:scale(1.3) rotate(180deg)}75%{filter:brightness(1.3);transform:scale(1.1) rotate(270deg)}to{border-color:#0000;box-shadow:none;filter:brightness(1);transform:scale(1) rotate(1turn)}}@media (max-width:1200px){.chess-board-container{gap:0;overflow-x:hidden}.chess-board,.chess-board-container{box-sizing:border-box;margin:0;max-width:100%;padding:0;width:100%}.chess-board{align-items:center;display:flex;flex-direction:column}.file-labels,.rank-labels{display:none}.board-squares{display:block}.chess-square{height:12.19512vw;max-height:none;max-width:none;min-height:35px;min-width:35px;width:12.19512vw}.chess-piece{font-size:1.8rem}.piece-image{height:85%;width:85%}.teleport-ghost{height:35px;width:35px}.game-info{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.special-squares-legend{flex-wrap:wrap;font-size:.8rem;gap:.75rem;justify-content:center;margin:.5rem;padding:.75rem}.legend-item{font-size:.8rem;gap:.4rem;padding:.3rem}.legend-color{height:18px;width:18px}.square-coords{display:none}}@media (max-width:480px){.chess-board-container{box-sizing:border-box;gap:0;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.chess-board{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:100vw;padding:.1rem;width:100%}.file-labels,.rank-labels{display:none}.board-squares{display:block}.chess-square{height:12.04819vw;max-height:none;max-width:none;min-height:30px;min-width:30px;width:12.04819vw}.chess-piece{font-size:1.5rem}.piece-image{height:80%;width:80%}.teleport-ghost{height:30px;width:30px}.legal-move-indicator{height:10px;width:10px}.special-squares-legend{flex-direction:column;font-size:.75rem;gap:.5rem;margin:.25rem;padding:.5rem}.legend-item{font-size:.75rem;gap:.3rem;padding:.2rem}.legend-color{height:16px;width:16px}.square-coords{display:none}}.chess-piece,.chess-square{transform:translateZ(0);will-change:transform}@media (prefers-contrast:high){.chess-square.light{border-color:var(--accent-primary)}.chess-square.dark{border-color:var(--accent-secondary)}}@media (prefers-reduced-motion:reduce){.chess-piece,.chess-square,.legend-color,.legend-item{animation:none;transition:none}}.rules-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rules-modal{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--bg-card),var(--bg-tertiary));border:2px solid var(--border-primary);box-shadow:var(--shadow-xl),0 0 50px #00d4ff4d;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.rules-modal-header{align-items:center;background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem 2rem}.rules-modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:1.4rem;margin:0}.close-button,.rules-modal-header h3{color:var(--text-primary);font-weight:700}.close-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary);color:var(--bg-primary);transform:scale(1.1)}.rules-modal-content{padding:2rem}.rules-modal-content p{color:var(--text-secondary);font-family:Chakra Petch,monospace;font-size:.95rem;line-height:1.6;margin:0}.captured-pieces-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.captured-pieces-section{display:flex;flex-direction:column;gap:.5rem}.captured-pieces-label{color:var(--text-secondary);font-family:Chakra Petch,monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.captured-pieces-list{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;min-height:2rem}.captured-piece{align-items:center;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:4px;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.captured-piece:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.captured-piece-symbol{font-size:1.4rem;font-weight:700;line-height:1}.black-lost .captured-pieces-label,.white-lost .captured-pieces-label{color:var(--text-primary)}.captured-pieces-list:empty:after{color:var(--text-tertiary);content:"None";font-size:.8rem;font-style:italic}@media (max-width:768px){.captured-pieces-container{margin-top:.75rem;padding:.75rem}.captured-piece{height:1.75rem;width:1.75rem}.captured-piece-symbol{font-size:1.2rem}.captured-pieces-label{font-size:.8rem}}.game-container{background:#0000001a;margin:0 auto;max-width:1600px;min-height:100vh;padding:.5rem 1rem}.game-layout-3col{grid-gap:2rem;grid-template-columns:160px 1fr 250px}.game-layout-2col,.game-layout-3col{align-items:start;display:grid;gap:2rem;min-height:100vh;padding:1rem 0}.game-layout-2col{grid-gap:2rem;grid-template-columns:260px 1fr}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.game-logo{text-align:left}.game-logo .logo-icon{border-radius:8px;box-shadow:0 2px 10px #0000001a;height:48px;width:auto}.left-column{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-top:0}.left-column .players-info{margin:1rem 0 2rem -10px;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.left-column .game-turn-info{border-top:1px solid #333;margin:1.5rem 0 2rem;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.left-column .error-message{border-top:1px solid #333!important;margin:1.5rem 0 2rem!important;padding-bottom:1.5rem!important;padding-top:1.5rem!important;width:auto!important}.left-column h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0}.center-column{align-items:center;justify-content:flex-start}.center-column,.right-column{display:flex;flex-direction:column;padding-top:2rem}.right-column{gap:1.5rem}.game-loading{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{font-size:1.5rem}.game-header.global{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;width:100%}.game-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.game-status{color:var(--text-secondary);font-size:1rem;font-weight:500}.game-center-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem}.game-center-info .turn-indicator{align-items:center;animation:turnPulse 2s infinite;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;text-shadow:0 0 10px var(--accent-primary)}.game-center-info .move-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.game-actions{align-items:stretch;border-top:1px solid #333;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;width:100%}.game-button-base{background:var(--bg-secondary);border:1px solid #666;border-radius:4px;box-shadow:none;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transform:none;transition:all .2s ease}.game-button-base:hover{background:var(--bg-tertiary);border-color:#888;box-shadow:none;transform:none}.resign-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--danger-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-family:Chakra Petch,monospace;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;padding:0;text-align:center;transition:all .2s ease;width:40px}.resign-button,.resign-button:hover{box-shadow:none;color:var(--danger-color);transform:none}.resign-button:hover{background:#f871711a;border-color:var(--danger-color)}.draw-button{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:4px;box-shadow:none;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;min-width:140px;padding:.6rem 1.2rem;text-align:center;transform:none;transition:all .2s ease}.draw-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:none;color:var(--accent-primary);transform:none}.draw-button:disabled{border-color:#555;color:var(--text-secondary);cursor:not-allowed;opacity:.5}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;width:100%}.cancel-draw-button{background:var(--bg-secondary);border:1px solid orange;border-radius:4px;box-shadow:none;box-sizing:border-box;color:orange;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;min-width:140px;padding:.6rem 1.2rem;text-align:center;transform:none;transition:all .2s ease}.cancel-draw-button:hover{background:#ffa5001a;border-color:orange;box-shadow:none;color:orange;transform:none}.draw-offer-status{background:#ffffff08;border:1px solid #ffffff1f;border-radius:4px;box-sizing:border-box;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center;width:100%}.draw-offer-status.waiting{border-color:#3b82f680;color:#99c4ff}.draw-offer-status.incoming{border-color:#f9d57c99;color:#f9d57c}.header-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.theme-select{background:var(--bg-secondary)!important;border:1px solid #666!important;border-radius:0!important;box-shadow:none!important;color:var(--text-primary)!important;cursor:pointer!important;font-weight:500!important;min-width:160px!important;padding:.45rem .75rem!important}.theme-select:hover{background:var(--bg-tertiary)!important;border-color:#888!important}.secondary-button{background:var(--bg-secondary);border:1px solid #666;border-radius:4px;box-shadow:none;box-sizing:border-box;color:var(--text-primary);font-family:Chakra Petch,monospace;font-size:.9rem;min-width:140px;padding:.6rem 1.2rem;text-align:center;transform:none}.secondary-button:hover{background:var(--bg-tertiary)!important;border-color:#888!important;box-shadow:none!important;transform:none!important}.flip-button{align-items:center;background:var(--bg-secondary);border:1px solid #666;border-radius:4px;box-shadow:none;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:Chakra Petch,monospace;font-size:1.2rem;font-weight:500;height:40px;justify-content:center;padding:0;text-align:center;transform:none;transition:all .2s ease;width:40px}.flip-button:hover{background:var(--bg-tertiary);border-color:#888;box-shadow:none;transform:none}.players-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.5rem 0 .5rem 1rem}.players-info.vertical .player{justify-content:flex-start}.player{align-items:stretch;display:flex;flex:1 1;gap:.5rem;position:relative}.player-details{display:flex;flex:1 1;flex-direction:column;min-width:0;padding-left:30px;width:100%}.player-color{border-radius:0;bottom:0;font-size:0;left:0;position:absolute;top:0;width:20px}.player-color.white-color{background:linear-gradient(180deg,#aaa,#666);border:1px solid #222}.player-color.black-color{background:linear-gradient(180deg,#000,#333);border:1px solid #222}.player-color.my-turn{border:2px solid #fff!important;box-shadow:0 0 8px #ffffff80}.player-name{display:inline-block;font-size:.95rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-rating{color:var(--text-secondary);font-weight:400;margin-right:.25rem}.player-clock{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:999px;color:var(--text-primary);font-family:Chakra Petch,monospace;font-weight:600;min-width:72px;padding:.15rem .5rem;text-align:center}.player.current .player-clock{border-color:var(--accent-primary);box-shadow:0 0 10px #00d4ff4d;color:var(--accent-primary)}.turn-indicator{animation:turnPulse 2s infinite;color:var(--accent-primary);font-size:1.2rem;text-shadow:0 0 10px var(--accent-primary)}.player-details .turn-indicator{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.player-timer-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-top:2px;width:100%}.player-timer-row .player-clock{color:var(--text-primary);font-size:.9rem;font-weight:600}.player-timer-row .turn-indicator{color:var(--accent-primary);font-size:.75rem;letter-spacing:.08em;text-shadow:0 0 10px var(--accent-primary);text-transform:uppercase}.player.current .player-clock,.player.current .player-lost-pieces,.player.current .player-promotions{border-radius:0!important}.player-lost-pieces,.player-promotions{border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;min-height:24px;padding:2px 4px;width:100%}.player-lost-pieces{background:linear-gradient(90deg,#ff78782e,#ff787800)}.player-promotions{background:linear-gradient(90deg,#44ff4426,#4f40)}.lost-piece-symbol,.promotion-piece-symbol{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;height:28px;justify-content:center;line-height:1;text-shadow:0 1px 2px #0000004d;width:28px}.piece-with-count{align-items:center;display:flex;gap:0}.piece-count{color:var(--text-secondary);font-size:10px;font-weight:700;margin-left:-3px}@keyframes turnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.vs-divider{color:var(--text-secondary);font-size:1.2rem;padding:0 1rem}.game-turn-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.5rem 0}.game-turn-info .turn-indicator{animation:turnPulse 2s infinite;display:inline-block;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.game-turn-info .turn-indicator.white{background-color:#fff;color:#000}.game-turn-info .turn-indicator.black{background-color:#000;color:#fff}.game-turn-info .move-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.pregame-countdown{animation:countdownPulse 1s infinite;background:linear-gradient(135deg,#ff3b301a,#ff95001a);border:2px solid #ff3b30;border-radius:12px;padding:1.5rem;text-align:center}.pregame-status{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 3px #0000004d}.countdown-timer{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.countdown-number{animation:numberPulse 1s infinite;color:#ff3b30;font-size:3rem;font-weight:900;line-height:1;min-width:4rem;text-shadow:0 0 20px #ff3b30cc}.countdown-label{color:#ff6b47;font-size:1rem;font-weight:500;letter-spacing:.1em}.countdown-message{color:var(--text-secondary);font-size:.9rem;font-style:italic;opacity:.8}.mobile-countdown{display:none}.game-cancelled-modal{background:linear-gradient(135deg,#ff3b300d,#ff95000d);border:2px solid #ff3b30}.game-cancelled-modal h3{color:#ff3b30;text-shadow:0 1px 3px #0000004d}.redirect-message{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:1rem;opacity:.7}@keyframes countdownPulse{0%,to{border-color:#ff3b30;box-shadow:0 0 0 0 #ff3b3066}50%{border-color:#ff6b47;box-shadow:0 0 0 8px #ff3b301a}}@keyframes numberPulse{0%,to{color:#ff3b30;transform:scale(1)}50%{color:#ff6b47;transform:scale(1.1)}}.teleport-instruction{background:#0f76ff14;border:1px dashed var(--accent-primary);border-radius:8px;color:var(--accent-primary);font-size:.85rem;margin:.5rem 0 1rem;padding:.75rem;text-align:left}.error-message{background:#0000!important;border:none!important;box-shadow:none!important;color:var(--text-secondary)!important;font-size:.9rem!important;font-weight:500!important;margin-bottom:1rem!important;padding:.5rem 0!important;text-align:left!important}.game-result-banner{color:var(--accent-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.rating-delta-message,.rating-result-banner{color:var(--text-secondary);font-size:.9rem;margin-bottom:.35rem}.game-info-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);margin-left:auto;margin-right:auto;margin-top:2rem;max-width:700px;padding:1.5rem 2rem;transition:all .3s ease}.game-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:.75rem 0;transition:all .2s ease}.detail-item:last-child{border-bottom:none}.detail-item:hover{background:var(--bg-secondary);margin:0 -.5rem;padding-left:.5rem}.detail-item strong{color:var(--text-primary)}.detail-item span{color:var(--text-secondary)}.promotion-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.promotion-modal{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);padding:2rem;text-align:center;width:min(90vw,420px)}.promotion-modal h3{color:var(--text-primary);font-size:1.4rem;margin:0 0 .75rem}.promotion-modal p{color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.promotion-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.promotion-option{background:var(--bg-secondary);border:1px solid #666;color:var(--text-primary);cursor:pointer;flex:1 1 45%;font-weight:500;min-width:130px;padding:.85rem 1rem;transition:all .2s ease}.promotion-option:hover{background:var(--bg-tertiary);border-color:#888}.promotion-option.danger{background:#7f1d1d99;border-color:#f8717199;color:#fecaca}.promotion-option.danger:hover{background:#ef4444e6;color:#fff}.promotion-cancel{background:var(--bg-secondary);border:1px solid #666;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.promotion-cancel:hover{background:var(--bg-tertiary);border-color:#888}.draw-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.draw-modal{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);padding:2rem;text-align:center;width:min(90vw,420px)}.draw-modal h3{color:var(--text-primary);font-size:1.4rem;margin:0 0 .75rem}.draw-modal p{color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.draw-modal-actions{display:flex;gap:1rem;justify-content:center}.draw-confirm-button{background:var(--bg-secondary);border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.draw-confirm-button:hover{background:var(--accent-primary);color:var(--bg-primary)}.draw-cancel-button{background:var(--bg-secondary);border:1px solid #666;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.draw-cancel-button:hover{background:var(--bg-tertiary);border-color:#888}@media (max-width:1200px){.game-container{box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:5rem 0 0;width:100%}.back-button.top-exit{display:block;left:50%;margin:0;position:fixed;top:1rem;transform:translateX(-50%);z-index:1000}.game-logo .logo-icon{display:none}.game-layout-2col,.game-layout-3col{gap:.5rem;grid-template-columns:1fr;padding:.25rem 0}.game-header{margin-bottom:.5rem}.game-header,.players-info{flex-direction:column;gap:.5rem;text-align:center}.players-info{align-items:center;box-sizing:border-box;display:flex;margin:.1rem 0;max-width:100vw;overflow:hidden;padding:.25rem;width:100%}.player{flex-direction:column;font-size:.9rem;gap:.25rem}.player,.vs-divider{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.vs-divider{font-size:1rem;padding:.25rem;transform:none}.game-details{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:.25rem}.game-actions{margin-top:1rem;padding-top:1rem}.left-column .game-turn-info,.left-column .players-info{margin-bottom:1rem;margin-top:1rem;padding-bottom:1rem;padding-top:1rem}.left-column .error-message{margin-bottom:1rem!important;margin-top:1rem!important;padding-bottom:1rem!important;padding-top:1rem!important}.left-column{margin:-3rem auto 0}.left-column,.right-column{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:80vw;order:2;overflow:hidden;padding:.5rem;text-align:center;width:80%}.right-column{margin:0 auto}.center-column{order:1}.special-squares-info{align-items:center;box-sizing:border-box;max-width:100%;text-align:center;width:100%}.special-square-item{justify-content:center;text-align:center}.game-actions,.header-buttons{display:none!important}.left-column .pregame-countdown{display:none}.mobile-countdown{box-sizing:border-box;display:block!important;margin-bottom:1rem;padding:1rem;width:100%}.mobile-countdown .countdown-timer{margin-bottom:.5rem}.mobile-countdown .countdown-number{font-size:2rem;min-width:3rem}.mobile-countdown .countdown-message{font-size:.8rem}}@media (max-width:480px){.game-container{box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.game-layout-2col,.game-layout-3col{gap:.5rem;padding:.25rem 0}.game-header{gap:.5rem;margin-bottom:.5rem}.game-logo .logo-icon{height:32px}.left-column .error-message,.left-column .game-turn-info,.left-column .players-info{margin-bottom:1rem;margin-top:1rem;padding-bottom:1rem;padding-top:1rem}.players-info{box-sizing:border-box;gap:.4rem;margin:.05rem 0;max-width:100vw;overflow:hidden;padding:.2rem}.player,.players-info{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.player{font-size:.8rem;gap:.2rem;justify-content:center}.player-clock{font-size:.9rem;min-width:auto;padding:.1rem .5rem}.vs-divider{align-items:center;display:flex;font-size:1rem;justify-content:center;padding:.25rem;text-align:center;transform:none;width:100%}.game-actions,.header-buttons{display:none!important}.left-column .pregame-countdown{display:none}.mobile-countdown{box-sizing:border-box;display:block!important;margin-bottom:1rem;padding:.8rem;width:100%}.mobile-countdown .countdown-timer{margin-bottom:.4rem}.mobile-countdown .countdown-number{font-size:1.8rem;min-width:2.8rem}.mobile-countdown .countdown-message{font-size:.75rem}}.special-squares-info{border-top:1px solid #333;display:flex;flex-direction:row;gap:.75rem;justify-content:center;margin-top:1.5rem;padding:1rem 0}.special-square-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:.25rem;transition:all .2s ease}.special-square-item:hover{background:#ffffff0d;transform:scale(1.1)}.special-square-item .legend-color{border:1px solid #fff3;border-radius:2px;height:16px;transition:all .2s ease;width:16px}.special-square-item:hover .legend-color{transform:scale(1.1)}.special-square-item .legend-color.red{background:linear-gradient(45deg,var(--accent-red),#dc2626)}.special-square-item .legend-color.blue{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))}.special-square-item .legend-color.green{background:linear-gradient(45deg,var(--accent-green),#059669)}.move-tracker{background:#000;border:1px solid var(--border-primary);border-radius:0;margin-bottom:1.5rem;padding:1rem}.move-tracker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.move-tracker-title{color:var(--text-secondary);font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.move-tracker-count{background:#0000;border:1px solid var(--border-primary);border-radius:0;color:#fff;font-size:1rem;font-weight:700;min-width:3rem;padding:.25rem .75rem;text-align:center}.move-tracker-turn{border-top:1px solid var(--border-primary);padding-top:.5rem}.move-tracker-turn .turn-indicator{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;font-weight:600;gap:.5rem}.move-tracker-turn .turn-indicator.white:before{content:"⚪";font-size:1rem}.move-tracker-turn .turn-indicator.black:before{content:"⚫";font-size:1rem}.move-tracker-separator{background:var(--border-primary);height:1px;margin:1rem 0}.move-tracker .spawning-info{margin-top:0}.spawn-prediction{display:flex;flex-direction:column;gap:.75rem}.spawn-item{align-items:center;display:flex;gap:.75rem}.spawn-item .legend-color{border:1px solid #ffffff4d;border-radius:3px;flex-shrink:0;height:18px;width:18px}.spawn-type{color:var(--text-primary);font-size:.9rem;font-weight:600}.spawn-timing{display:flex;flex-direction:column;gap:.25rem;padding-left:1.5rem}.spawn-move{color:var(--accent-primary);font-size:.85rem;font-weight:600}.spawn-countdown{font-size:.8rem}.spawn-countdown,.spawn-none{color:var(--text-secondary);font-style:italic}.spawn-none{font-size:.85rem;padding:1rem 0;text-align:center}.game-end-announcement{align-items:center;animation:announceSlideIn .5s ease-out;background:#000;border:none;border-radius:0;box-shadow:var(--shadow-xl);color:#fff;display:flex;flex-direction:column;gap:2rem;margin-top:3rem;padding:2rem 1rem}@keyframes announceSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.announcement-title{text-align:center}.announcement-title h1{-webkit-text-fill-color:#0000;animation:titlePulse 3s infinite;background:linear-gradient(45deg,var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-family:Chakra Petch,monospace;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 0 30px #00d4ff4d}.announcement-title.draw h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px #ffd7004d}@keyframes titlePulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}}.winner-announcement{text-align:center}.winner-announcement h2{color:var(--text-primary);font-family:Chakra Petch,monospace;font-size:1.8rem;font-weight:600;margin:0}.final-results{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.result-player{align-items:center;background:#0000;border:1px solid #333;border-radius:0;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.result-player:hover{background:#6666661a;box-shadow:none;transform:translateY(-2px)}.result-player.winner{border-color:#4ade80}.result-player.winner .result-name{color:#4ade80}.result-color{flex-shrink:0;font-size:1.5rem}.result-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.result-name{color:var(--text-primary);font-family:Chakra Petch,monospace;font-size:1.1rem;font-weight:600}.result-rating{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:500;gap:.5rem}.rating-change{border:1px solid;border-radius:4px;font-weight:700;padding:.2rem .4rem}.rating-change.positive{background:#10b9811a;border-color:#10b9814d;color:#10b981}.rating-change.negative{background:#ef44441a;border-color:#ef44444d}.result-vs{border-bottom:1px dashed #333;border-top:1px dashed #333;color:var(--text-secondary);font-size:1rem;font-weight:600;margin:.5rem 0;padding:1rem 0}.replay-button,.result-vs{font-family:Chakra Petch,monospace;text-align:center}.replay-button{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:4px;box-shadow:none;box-sizing:border-box;font-size:.9rem;font-weight:500;min-width:140px;padding:.6rem 1.2rem;transform:none}.replay-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:none;color:var(--accent-primary);transform:none}.back-button,.replay-button:active{transform:none}.back-button{align-self:flex-start;background:var(--bg-secondary);border:1px solid #666;box-shadow:none;box-sizing:border-box;margin-bottom:1.5rem;min-width:140px;padding:.6rem 1.2rem;text-align:center}.back-button.top-exit{margin-bottom:.5rem;margin-top:1rem}.back-button:hover{background:var(--bg-tertiary)!important;border-color:#888!important;box-shadow:none!important;transform:none!important}.profile-container{background:#0000;font-family:Chakra Petch,monospace;margin:7rem auto 0;max-width:1200px;min-height:100vh;padding:1rem}.profile-header{border-bottom:2px solid var(--border-primary);margin-bottom:2rem;padding-bottom:1rem}.header-left{gap:1.5rem}.modern-back-button{align-items:center;background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Chakra Petch,monospace;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.modern-back-button:hover{background:#4b5563}.profile-title-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem 1.5rem}.profile-title-box h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.profile-logo .logo-icon{height:32px;width:32px}.profile-error,.profile-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.profile-error-banner{background:#ef44441a;border:1px solid #ef44444d;color:#fecaca;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.retry-button{background:var(--accent-primary);border:none;color:var(--bg-primary);font-family:Chakra Petch,monospace;transition:all .3s ease}.retry-button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.profile-content{align-items:stretch;display:flex;flex-direction:column;gap:2rem}.top-row{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.profile-card{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);transition:all .3s ease}.profile-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-xl)}.profile-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);margin:0 0 1.5rem}.user-info-section{margin-bottom:1.5rem}.user-info-section:last-child{margin-bottom:0}.user-info-section label{display:block;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.user-info-value{background:var(--bg-secondary);border:1px solid var(--border-secondary);font-size:1.1rem;font-weight:500;min-height:1.5rem;padding:.75rem}.username-display-container{align-items:center;display:flex;gap:1rem}.username-display-container .user-info-value{flex:1 1}.edit-button{background:#0000;border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;font-family:Chakra Petch,monospace;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.edit-button:hover{background:var(--accent-primary);color:var(--bg-primary)}.username-edit-container{display:flex;flex-direction:column;gap:.75rem}.username-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);font-family:Chakra Petch,monospace;font-size:1.1rem;font-weight:500;padding:.75rem;transition:border-color .2s ease}.username-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff1a;outline:none}.username-edit-actions{display:flex;gap:.75rem}.save-button{background:var(--accent-primary);border:none;color:var(--bg-primary);cursor:pointer;font-family:Chakra Petch,monospace;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.save-button:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:#0000;border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;font-family:Chakra Petch,monospace;font-size:.85rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.rating-display{margin:1.5rem 0}.rating-number{color:var(--accent-primary);font-family:Chakra Petch,monospace;font-size:4rem;text-shadow:0 0 20px #00d4ff4d}.rating-label{font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.rating-description{font-style:italic;margin-top:1rem}.stats-grid{margin-top:1.5rem}.stat-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);padding:1.5rem;transition:all .3s ease}.stat-item:hover{background:#00d4ff0d;border-color:var(--accent-primary);transform:translateY(-2px)}.stat-number{font-family:Chakra Petch,monospace;font-size:2.5rem}.no-games-message{border-top:1px solid var(--border-secondary);margin-top:1.5rem;padding:2rem}.rating-history-card{grid-column:span 2}.history-loading{color:#5eead499}.rating-chart{padding:1rem}.rating-chart-container{background:#14141480;border-radius:.5rem;height:120px;justify-content:space-between;margin-bottom:1rem}.rating-bar{flex:1 1;justify-content:center}.rating-point{cursor:pointer;max-width:8px;width:100%}.rating-point.positive{background:linear-gradient(0deg,#22c55ecc,#22c55e)}.rating-point.negative{background:linear-gradient(0deg,#ef4444cc,#ef4444)}.rating-point:hover{transform:scaleX(1.5);z-index:10}.rating-chart-info{color:#5eead4b3;font-size:.875rem}.rating-legend{gap:1rem;margin-top:.5rem}.legend-item{font-size:.75rem}.legend-item.positive:before{background:#22c55e;border-radius:2px;content:"";height:12px;width:12px}.legend-item.negative:before{background:#ef4444;border-radius:2px;content:"";height:12px;width:12px}.no-rating-history{background:#5eead40d;border:1px dashed #5eead44d;border-radius:.75rem;color:#5eead499}.match-history-card{grid-column:span 2}.match-history-list{gap:.75rem}.match-history-item{background:#14141480;border:1px solid #5eead41a;border-radius:.75rem}.match-history-item:hover{background:#141414b3;border-color:#5eead44d}.result-badge{border-radius:1rem;font-size:.75rem}.result-badge.win{border:1px solid #22c55e4d}.result-badge.loss{border:1px solid #ef44444d}.result-badge.draw{border:1px solid #9ca3af4d}.opponent{color:#5eead4e6;font-weight:500}.match-meta{color:#5eead499;font-size:.75rem}.rating-change{font-size:.875rem}.rating-value{color:#5eead4b3;font-size:.75rem}.no-match-history{background:#5eead40d;border:1px dashed #5eead44d;border-radius:.75rem;color:#5eead499}.guest-profile-notice{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.guest-message{background:#020204cc;border:1px solid #333;border-radius:3px;max-width:500px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.guest-message:hover{box-shadow:0 4px 20px #00ffff1a;transform:translateY(-2px)}.guest-message h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.guest-message p{color:#888;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:2rem}.account-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.create-account-button{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Chakra Petch,monospace;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 2rem;text-transform:uppercase;transition:all .2s ease}.create-account-button:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.back-button{border:1px solid #333;border-radius:4px;color:#888;font-family:Chakra Petch,monospace;font-size:1rem;font-weight:600;min-width:200px}.back-button:hover{background:#333;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.top-row{gap:1.5rem;grid-template-columns:1fr}.profile-card{padding:1.5rem}.profile-header h1{font-size:2rem}.rating-number{font-size:3rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.username-edit-actions{flex-direction:column}.username-display-container{align-items:stretch;flex-direction:column;gap:.75rem}.guest-message{padding:1.5rem}.guest-message h2{font-size:1.6rem}.guest-message p{font-size:.9rem}.back-button,.create-account-button{min-width:auto;padding:.6rem 1.5rem;width:100%}}@media (max-width:480px){.profile-container{padding:.5rem}.header-left{align-items:stretch;flex-direction:column;gap:1rem}.modern-back-button{align-self:flex-start;padding:.6rem 1rem}.profile-title-box{padding:.75rem 1rem}.profile-title-box h1{font-size:1.5rem}.profile-card{padding:1rem}.rating-number{font-size:2.5rem}.stat-number{font-size:2rem}}.public-profile-container{background:#0000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.public-profile-header{margin-bottom:2rem;position:relative;text-align:center}.public-profile-header .modern-back-button{align-items:center!important;background:#6b7280!important;background-image:none!important;background-size:initial!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Chakra Petch,monospace!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;left:0!important;letter-spacing:normal!important;overflow:visible!important;padding:.5rem 1rem!important;position:absolute!important;text-transform:none!important;top:0!important;transition:background-color .2s ease!important;z-index:999!important}.public-profile-header .modern-back-button,.public-profile-header .modern-back-button:hover{animation:none!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}.public-profile-header .modern-back-button:hover{background:#4b5563!important}.public-profile-header .modern-back-button:after,.public-profile-header .modern-back-button:before{content:none!important;display:none!important}.public-profile-header .modern-back-button .back-arrow,.public-profile-header .modern-back-button .back-text{filter:none!important;text-shadow:none!important}.back-arrow{font-size:1rem}.back-text{font-size:.875rem}.public-profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.own-profile-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:1rem;color:#22c55e;display:inline-block;font-size:.875rem;font-weight:600;margin-left:1rem;padding:.25rem .75rem}.public-profile-error,.public-profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.public-profile-content{display:flex;flex-direction:column;gap:2rem}.top-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.profile-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card:hover{background:#0a0a0ce6;border-color:#ffffff4d;transform:translateY(-2px)}.profile-card h2{color:var(--accent-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.profile-card h2,.rating-card{text-align:center}.rating-display{margin-bottom:1.5rem}.rating-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.rating-label{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.rank-info{color:var(--accent-primary);font-size:1rem;font-weight:600;margin-top:.5rem}.rating-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.stat-item{text-align:center}.stat-number{color:var(--accent-primary);margin-bottom:.5rem}.stat-label{letter-spacing:.05em}.no-games-message{color:var(--text-secondary);font-style:italic;text-align:center}.user-info-card{grid-column:1/-1}.user-info-section{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 0}.user-info-section:last-child{border-bottom:none}.user-info-section label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.user-info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.rank-value{color:var(--accent-primary);font-size:1.2rem}.rating-history-card{grid-column:1/-1}.rating-chart{display:flex;flex-direction:column;gap:1rem}.rating-chart-container{align-items:end;background:#ffffff05;border-radius:8px;display:flex;gap:2px;height:200px;justify-content:center;padding:1rem}.rating-bar{align-items:end;display:flex;min-height:20px}.rating-point{border-radius:2px 2px 0 0;transition:all .2s ease;width:8px}.rating-point.positive{background:var(--accent-green)}.rating-point.negative{background:var(--accent-red)}.rating-chart-info{text-align:center}.rating-chart-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.rating-legend{display:flex;gap:2rem;justify-content:center}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.legend-item:before{border-radius:2px;content:"";height:8px;width:12px}.legend-item.positive:before{background:var(--accent-green)}.legend-item.negative:before{background:var(--accent-red)}.history-loading,.no-rating-history{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.match-history-card{grid-column:1/-1}.match-history-list{display:flex;flex-direction:column;gap:1rem}.match-history-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.match-history-item:hover{background:#ffffff0f}.match-info{align-items:center;display:flex;gap:1rem}.result-badge{border-radius:4px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.result-badge.win{background:#22c55e33;color:#22c55e}.result-badge.loss{background:#ef444433;color:#ef4444}.result-badge.draw{background:#9ca3af33;color:#9ca3af}.match-details{display:flex;flex-direction:column;gap:.25rem}.opponent{color:var(--text-primary);font-weight:600}.match-meta{color:var(--text-secondary);font-size:.85rem}.match-rating{align-items:end;display:flex;flex-direction:column;gap:.25rem}.rating-change{font-size:.9rem;font-weight:600}.rating-change.positive{color:#22c55e}.rating-change.negative{color:#ef4444}.rating-value{color:var(--text-secondary);font-size:.85rem}.match-actions{gap:.5rem}.match-actions,.replay-button{align-items:center;display:flex}.replay-button{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:var(--accent-primary);cursor:pointer;font-size:1rem;height:2rem;justify-content:center;min-width:2rem;padding:.5rem;transition:all .2s ease}.replay-button:hover{background:#3b82f633;border-color:#3b82f680;box-shadow:0 2px 8px #3b82f633;transform:translateY(-1px)}.no-match-history{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.public-profile-container{padding:1rem .5rem}.public-profile-header{margin-bottom:1.5rem}.public-profile-header h1{font-size:2rem}.own-profile-badge{display:block;margin:.5rem auto 0;width:-webkit-fit-content;width:fit-content}.top-row{gap:1.5rem;grid-template-columns:1fr}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.5rem}.rating-number{font-size:2.5rem}.match-history-item{align-items:start;flex-direction:column;gap:1rem}.match-rating{align-items:start}.rating-legend{flex-direction:column;gap:.5rem}}@media (max-width:480px){.stats-grid{gap:1rem;grid-template-columns:1fr}.rating-chart-container{height:150px}.profile-card{padding:1.5rem}}.leaderboard-container{background:#0000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.leaderboard-header{margin-bottom:2rem;text-align:center}.leaderboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.leaderboard-header p{color:#888;font-size:1.1rem}.leaderboard-filters{gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem}.leaderboard-filters,.search-section{align-items:center;display:flex}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;width:200px}.search-input:focus{background:#ffffff26;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff1a;outline:none}.search-input::placeholder{color:#fff9}.filter-label{color:var(--text-primary);font-weight:600;margin-right:.5rem}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.filter-btn:hover{background:#ffffff26;border-color:var(--accent-primary)}.filter-btn.active{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);color:#000;font-weight:600}.leaderboard-error,.leaderboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.retry-button{border-radius:8px}.podium-section{margin-bottom:3rem}.podium{align-items:end;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:600px;padding:2rem}.podium-place{align-items:center;display:flex;flex-direction:column;min-width:150px}.podium-player{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;border-radius:12px 12px 0 0;margin-bottom:1rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.podium-player:before{background:linear-gradient(90deg,var(--accent-primary),#0ea5e9);content:"";height:3px;left:0;position:absolute;right:0;top:0}.first .podium-player:before{background:linear-gradient(90deg,#d66666,#e57777)}.second .podium-player:before,.third .podium-player:before{background:linear-gradient(90deg,var(--accent-cyan-light),var(--accent-secondary))}.podium-rank{font-size:2rem;margin-bottom:.5rem}.rank-square{align-items:center;border-radius:8px;color:#000;display:flex;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;margin:0 auto;width:3rem}.rank-first{background:#d6666626;border:2px solid #d66666;box-shadow:0 4px 15px #d6666666;color:#d66666}.rank-second{background:#00d4ff26;box-shadow:0 4px 15px #00d4ff66}.rank-second,.rank-third{border:2px solid var(--accent-primary);color:var(--accent-primary)}.rank-third{background:#00d4ff1a;box-shadow:0 4px 15px #00d4ff4d}.rank-square-small{align-items:center;border-radius:4px;display:flex;font-size:.875rem;font-weight:700;height:1.5rem;justify-content:center;margin:0 auto;width:1.5rem}.rank-square-small.rank-first{background:#00d4ff33!important;border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important;font-size:.875rem!important;font-weight:700!important}.rank-square-small.rank-second{background:#00d4ff26!important;border:1px solid #00d4ffb3!important}.rank-square-small.rank-second,.rank-square-small.rank-third{color:#00d4ff!important;font-size:.875rem!important;font-weight:700!important}.rank-square-small.rank-third{background:#00d4ff1a!important;border:1px solid #00d4ff80!important}.rank-display .rank-square-small{-webkit-text-fill-color:unset!important;background-clip:initial!important;-webkit-background-clip:border-box!important}.ranking-row.rank-gold{background:#d6666614}.ranking-row.rank-silver{background:#00d4ff14}.ranking-row.rank-bronze{background:#00d4ff0d}.podium-name{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:1.125rem;font-weight:700;gap:.25rem;margin-bottom:.5rem;margin-top:1rem;transition:color .2s ease}.podium-name:after,.podium-name:before{color:var(--accent-primary);content:"•";font-size:.75rem;opacity:.8}.podium-name:hover,.podium-rating{color:var(--accent-primary)}.podium-rating{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;transition:all .3s ease}.podium-rating.highlighted{color:#00d4ff;font-weight:700;text-shadow:0 0 10px #00d4ff80;transform:scale(1.05)}.podium-stats{color:var(--text-secondary);font-size:.875rem}.podium-bar{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:60px;justify-content:center;width:100%}.first-bar{background:linear-gradient(180deg,#d66666,#c55555);height:60px}.second-bar,.third-bar{background:linear-gradient(180deg,var(--accent-cyan-light),var(--accent-secondary));height:60px}.rankings-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;border-radius:12px;overflow:hidden}.rankings-header-row{align-items:center;background:#0a0a0c99;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.rankings-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.rankings-table{-webkit-overflow-scrolling:touch;max-height:700px;overflow:auto}.rankings-header{grid-gap:1rem;background:#0a0a0c66;border-bottom:1px solid #ffffff1a;color:#ffffffb3;display:grid;font-size:.875rem;font-weight:600;gap:1rem;grid-template-columns:80px 1fr 120px 100px 100px 100px 100px;letter-spacing:.05em;min-width:700px;padding:1rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.ranking-row{grid-gap:1rem;border-bottom:1px solid #ffffff1a;display:grid;gap:1rem;grid-template-columns:80px 1fr 120px 100px 100px 100px 100px;min-width:700px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ranking-row:hover{background:#ffffff0d;transform:translateY(-1px)}.ranking-row.current-user{background:#3b82f61a;border-color:#3b82f666;box-shadow:0 0 20px #3b82f633}.ranking-row.current-user:hover{background:#3b82f626;transform:translateY(-2px)}.rank-display{font-size:1.125rem;font-weight:700}.rank-gold .rank-display{color:#d66666}.rank-bronze .rank-display,.rank-silver .rank-display{color:var(--accent-primary)}.rank-normal .rank-display,.rank-top10 .rank-display{color:#fff}.player-info{align-items:center;display:flex;gap:.75rem}.player-name{color:var(--text-primary);cursor:pointer;font-weight:600;transition:color .2s ease}.player-name:hover{color:var(--accent-primary)}.you-badge{background:var(--accent-primary);border-radius:1rem;color:var(--bg-primary);font-size:.75rem;font-weight:600;padding:.125rem .5rem}.earnings-col,.games-col,.rating-col,.total-games-col,.winrate-col{text-align:center}.rating-value{color:var(--accent-primary);font-size:1.125rem;font-weight:700}.games-value,.total-games-value,.winrate-value{color:var(--text-primary);font-weight:500}.no-players{color:var(--text-secondary);font-style:italic;padding:3rem 2rem;text-align:center}.earnings-col{color:#22c55e;font-weight:600;text-align:center}.pagination-controls{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-buttons{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;min-width:40px;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--accent-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);color:#000;font-weight:600}@media (max-width:768px){.leaderboard-container{padding:.5rem}.leaderboard-header h1{font-size:2rem}.rankings-header-row{align-items:stretch;flex-direction:column;gap:1rem}.rankings-header-row .search-input{width:100%}.filter-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.filter-btn{font-size:.9rem;padding:.75rem 1rem}.podium{align-items:center;flex-direction:column;gap:1rem}.podium-place{min-width:200px}.podium-place.first{order:1}.podium-place.second{order:2}.podium-place.third{order:3}.ranking-row,.rankings-header{font-size:.875rem;gap:.5rem;grid-template-columns:60px 180px 80px 80px 90px 80px 90px;min-width:700px;padding:.75rem .5rem}.podium-player{padding:1rem}.podium-name{font-size:1rem}.podium-rating{font-size:1.25rem}}@media (max-width:480px){.ranking-row,.rankings-header{font-size:.75rem;gap:.5rem;grid-template-columns:50px 150px 70px 70px 80px 70px 80px;min-width:600px;padding:.5rem .25rem}.podium-section{margin-bottom:2rem}}.rules-container{margin:0 auto;max-width:1000px;padding:2rem}.rules-header{margin-bottom:3rem;text-align:center}.rules-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.rules-logo .logo-icon{border-radius:12px;box-shadow:0 4px 20px #00d4ff4d;height:64px;transition:transform .3s ease,box-shadow .3s ease;width:auto}.rules-logo .logo-icon:hover{box-shadow:0 6px 30px #00d4ff66;transform:scale(1.05)}.rules-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.rules-header p{color:#888;font-size:1.1rem}.rules-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0}.rules-content{display:flex;flex-direction:column;gap:3rem}.rules-section{background:#0000;border:1px solid var(--border-color);box-shadow:0 4px 20px #00000026;padding:2rem}.rules-section h2{border-bottom:2px solid var(--accent-color);color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.rules-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin:2rem 0 .75rem}.rules-section h3:first-of-type{margin-top:1rem}.rules-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.rules-section ul{color:var(--text-secondary);margin-bottom:1rem;margin-left:1.5rem;margin-top:.5rem}.rules-section li{line-height:1.5;margin-bottom:.5rem}.rules-section li strong{color:var(--text-primary);font-weight:600}.rules-section h3:has-text("♔"),.rules-section h3:has-text("♕"),.rules-section h3:has-text("♖"),.rules-section h3:has-text("♗"),.rules-section h3:has-text("♘"),.rules-section h3:has-text("♙"){font-family:Segoe UI Symbol,DejaVu Sans,sans-serif}@media (max-width:768px){.rules-container{padding:1rem}.rules-header h1{font-size:2.2rem}.rules-subtitle{font-size:1rem}.rules-section{padding:1.5rem}.rules-section h2{font-size:1.5rem}.rules-section h3{font-size:1.2rem}}@media (prefers-color-scheme:dark){.rules-section{background:#121212cc;border-color:#ffffff1a}}.rules-section.featured{background:linear-gradient(135deg,#00d4ff1a,#ff6b6b1a);border:2px solid var(--accent-color)}.rules-section.featured h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b6b);-webkit-background-clip:text;background-clip:text;border-bottom-color:var(--accent-color)}.rules-section h2{align-items:center;display:flex;gap:.5rem}.rules-section h3{position:relative}.rules-section h3:before{background:var(--accent-color);border-radius:2px;content:"";height:100%;left:-1rem;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:4px}.rules-section:hover h3:before{opacity:1}.rules-section.death-section{background:linear-gradient(90deg,#ff44440d,#0000 50%);border-left:4px solid #f44}.rules-section.teleport-section{background:linear-gradient(90deg,#4444ff0d,#0000 50%);border-left:4px solid #44f}.rules-section.promotion-section{background:linear-gradient(90deg,#44ff440d,#0000 50%);border-left:4px solid #4f4}.death-section h2{color:#ff6b6b}.teleport-section h2{color:#6bb6ff}.promotion-section h2{color:#6bff6b}.rules-section strong:contains("Critical"),.rules-section strong:contains("every 3 moves"),.rules-section strong:contains("red square"){color:#ff6b6b}.rules-section strong:contains("every 7 moves"),.rules-section strong:contains("teleported"){color:#6bb6ff}.rules-section strong:contains("Bishop"),.rules-section strong:contains("Knight"),.rules-section strong:contains("Pawn"),.rules-section strong:contains("Rook"),.rules-section strong:contains("every 10 moves"){color:#6bff6b}.game-preferences{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.preferences-header{margin-bottom:3rem;text-align:center}.preferences-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.preferences-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.preferences-content{display:flex;flex-direction:column;gap:3rem}.preference-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.preference-section h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.section-description{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.theme-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.theme-card{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.theme-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px #00d4ff26;transform:translateY(-2px)}.theme-card.selected{background:linear-gradient(135deg,#00d4ff1a,#8a2be21a);border-color:var(--accent-primary);box-shadow:0 8px 25px #00d4ff33}.theme-preview{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:1rem;width:100%}.piece-preview{position:relative}.piece-preview img{height:60px;object-fit:contain;width:60px}.preview-fallback{align-items:center;color:var(--text-secondary);font-size:3rem;justify-content:center}.fallback-icon{font-size:3rem}.board-preview{padding:10px}.mini-board{border:2px solid var(--border-secondary);border-radius:4px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:80px;overflow:hidden;width:80px}.mini-square{aspect-ratio:1}.theme-info h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.theme-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.selection-indicator{align-items:center;background:var(--accent-primary);border-radius:50%;color:var(--bg-primary);font-size:.8rem;font-weight:700;height:24px;position:absolute;right:.5rem;top:.5rem;width:24px}.preview-board,.selection-indicator{display:flex;justify-content:center}.preview-container{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:2rem}.preview-chess-board{border:2px solid var(--border-primary);border-radius:8px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:320px;overflow:hidden;width:320px}.preview-square{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative}.preview-square.light{background-color:var(--light-square)}.preview-square.dark{background-color:var(--dark-square)}.preview-piece{height:28px;object-fit:contain;width:28px}.preferences-footer{margin-top:2rem;text-align:center}.footer-note{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0}.guest-preferences-notice{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:2rem}.guest-preferences-notice .guest-message{background:#020204cc;border:1px solid #333;border-radius:3px;max-width:480px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.guest-preferences-notice .guest-message:hover{box-shadow:0 4px 20px #00ffff1a;transform:translateY(-2px)}.guest-preferences-notice .guest-message h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.guest-preferences-notice .guest-message p{color:#888;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:2rem}.guest-preferences-notice .account-actions{display:flex;justify-content:center}.guest-preferences-notice .create-account-button{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Chakra Petch,monospace;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 2rem;text-transform:uppercase;transition:all .2s ease}.guest-preferences-notice .create-account-button:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}@media (max-width:768px){.game-preferences{padding:1rem}.preferences-header h2{font-size:2rem}.preference-section{padding:1.5rem}.theme-grid{gap:1rem;grid-template-columns:1fr}.theme-card{padding:1rem}.theme-preview{height:100px}.piece-preview img{height:50px;width:50px}.mini-board{height:60px;width:60px}.preview-chess-board{height:280px;width:280px}.preview-piece{height:24px;width:24px}.preview-container{padding:1rem}.guest-preferences-notice .guest-message{padding:1.5rem}.guest-preferences-notice .guest-message h3{font-size:1.6rem}.guest-preferences-notice .guest-message p{font-size:.9rem}.guest-preferences-notice .create-account-button{min-width:auto;padding:.6rem 1.5rem;width:100%}}@media (max-width:480px){.game-preferences{padding:.5rem}.preferences-header{margin-bottom:2rem}.preferences-header h2{font-size:1.8rem}.preference-section{padding:1rem}.theme-card{padding:.8rem}.theme-preview{height:80px}.piece-preview img{height:40px;width:40px}.mini-board{height:50px;width:50px}.preview-chess-board{height:240px;width:240px}.preview-piece{height:20px;width:20px}.guest-preferences-notice .guest-message{margin:.5rem;padding:1rem}.guest-preferences-notice .guest-message h3{font-size:1.4rem}.guest-preferences-notice .guest-message p{font-size:.85rem}}.why-riftchess{background:#0000;color:var(--text-primary);min-height:100vh;overflow-x:hidden}.why-riftchess-hero{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:500px;padding:80px 20px 60px}.why-riftchess-hero-content{flex:1 1;max-width:500px;text-align:center}.why-riftchess-hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.why-riftchess-hero-content p{color:#888;font-size:1.1rem}.why-riftchess-hero-visual{align-items:center;display:flex;flex:0 0 300px;justify-content:center;margin-left:40px}.animated-board{grid-gap:4px;animation:float 3s ease-in-out infinite;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);height:200px;width:200px}.board-square{border-radius:4px;height:100%;position:relative;transition:all .3s ease;width:100%}.board-square.light{background:grey}.board-square.dark{background:#404040}.board-square.special-red{animation:pulse-red 2s ease-in-out infinite;background:#ff4757;box-shadow:0 0 20px #ff475799}.board-square.special-blue{animation:pulse-blue 2.5s ease-in-out infinite;background:#3742fa;box-shadow:0 0 20px #3742fa99}.board-square.special-green{animation:pulse-green 3s ease-in-out infinite;background:#2ed573;box-shadow:0 0 20px #2ed57399}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-red{0%,to{box-shadow:0 0 20px #ff475799}50%{box-shadow:0 0 30px #ff4757e6}}@keyframes pulse-blue{0%,to{box-shadow:0 0 20px #3742fa99}50%{box-shadow:0 0 30px #3742fae6}}@keyframes pulse-green{0%,to{box-shadow:0 0 20px #2ed57399}50%{box-shadow:0 0 30px #2ed573e6}}.features-section{background:#0000;padding:80px 20px}.container{margin:0 auto;max-width:1200px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:600;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-8px)}.feature-icon{border-radius:8px;display:block;height:60px;margin:0 auto 20px;width:60px}.feature-icon.death-icon{animation:pulse-red 2s ease-in-out infinite;background:#ff4757;box-shadow:0 0 20px #ff475799}.feature-icon.teleport-icon{animation:pulse-blue 2.5s ease-in-out infinite;background:#3742fa;box-shadow:0 0 20px #3742fa99}.feature-icon.promotion-icon{animation:pulse-green 3s ease-in-out infinite;background:#2ed573;box-shadow:0 0 20px #2ed57399}.feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-card p{color:var(--text-secondary);flex:1 1;line-height:1.6;margin-bottom:20px}.feature-detail{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-top:auto;padding:12px 20px}.detail-label{color:#b8b8d1;font-size:.9rem}.detail-value{font-weight:600}.comparison-section{background:#0000;padding:80px 20px}.comparison-grid{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr auto 1fr}.comparison-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:40px}.comparison-card.traditional{border-left:4px solid #ff6b6b}.comparison-card.riftchess{border-left:4px solid #51cf66}.comparison-card h3{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:24px}.comparison-card ul{list-style:none;margin:0;padding:0}.comparison-card li{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:12px 0}.comparison-card li:last-child{border-bottom:none}.riftchess li,.vs-divider{color:var(--text-primary)}.vs-divider{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.gameplay-section{background:#0000;padding:80px 20px}.gameplay-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:2fr 1fr}.gameplay-text h3{color:var(--text-primary);font-size:1.6rem;font-weight:600;margin-bottom:16px;margin-top:40px}.gameplay-text h3:first-child{margin-top:0}.gameplay-text p{color:var(--text-secondary);line-height:1.7;margin-bottom:0}.gameplay-stats{display:flex;flex-direction:column;gap:40px}.why-stat-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:30px 20px;text-align:center}.why-stat-item .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f5ff,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:8px}.stat-label{color:var(--text-secondary);font-weight:500}.cta-section{background:#0000;border-top:none;padding:80px 20px;text-align:center}.cta-content h2{color:var(--text-primary);font-size:2.2rem;font-weight:600;margin-bottom:20px}.cta-content p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.cta-button{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.cta-button:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.rules-cta{margin-top:3rem;text-align:center}.rules-button{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.rules-button:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}@media (max-width:768px){.why-riftchess-hero{flex-direction:column;padding:60px 20px 40px;text-align:center}.why-riftchess-hero-visual{margin-left:0;margin-top:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.comparison-grid,.features-grid{gap:30px;grid-template-columns:1fr}.vs-divider{order:2}.comparison-card.traditional{order:1}.comparison-card.riftchess{order:3}.gameplay-content{gap:40px;grid-template-columns:1fr}.gameplay-stats{flex-direction:column;gap:20px}.why-stat-item{flex:none;margin:0;width:100%}.section-title,.stat-number{font-size:2rem}.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1.1rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{animation:modalSlideIn .2s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-width:400px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:1rem 1.5rem}.modal-message{color:var(--text-secondary);line-height:1.5;margin:0}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:0 1.5rem 1.5rem}.modal-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:.5rem 1rem;transition:all .2s ease}.modal-btn-secondary{background:#0000;border-color:var(--border-solid);color:var(--text-secondary)}.modal-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn-danger{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.modal-btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 2px #ef444433}.modal-btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.modal-btn-primary:hover{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 0 2px #00d4ff33}@media (max-width:480px){.modal-overlay{padding:.5rem}.confirm-modal{max-width:none}.modal-body,.modal-footer,.modal-header{padding-left:1rem;padding-right:1rem}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.toast-container{display:flex;flex-direction:column;gap:.5rem;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideInFromRight .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204f2;border:1px solid #fff3;box-shadow:0 8px 25px #0000004d;display:flex;font-family:Inter,system-ui,sans-serif;font-size:.875rem;gap:1rem;justify-content:space-between;max-width:500px;min-width:300px;padding:.75rem 1rem;pointer-events:auto}.toast-success{background:#020204f2;border-color:#22c55e66}.toast-success .toast-message{color:#22c55e}.toast-error{background:#020204f2;border-color:#ef444466}.toast-error .toast-message{color:#ef4444}.toast-info{background:#020204f2;border-color:#06b6d466}.toast-info .toast-message{color:#06b6d4}.toast-message{flex:1 1;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:20px;justify-content:center;line-height:1;padding:0;transition:color .2s ease;width:20px}.toast-close:hover{color:var(--text-primary)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:600px){.toast-container{left:20px;right:20px;top:20px}.toast{max-width:none;min-width:0;min-width:auto}}.tournaments-page{background:#0000;color:#fff;min-height:100vh;padding:2rem}.tournaments-header{margin-bottom:2rem;text-align:center}.tournaments-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.tournaments-header p{color:#888;font-size:1.1rem}.error-message{background:#ff4d4d1a;border:1px solid #ff4d4d;border-radius:8px;color:#ff4d4d;margin:1rem 0;text-align:center}.tournaments-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.tab-btn{background:#0000;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.tab-btn:hover{background:var(--accent-primary);color:#000;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;color:#000}.tournaments-filters{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-select{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.filter-select:focus{border-color:var(--accent-primary);outline:none}.create-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:transform .2s ease}.create-btn:hover{transform:translateY(-2px)}.tournaments-content{margin:0 auto;max-width:1200px}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:var(--accent-primary);font-size:1.8rem;margin-bottom:.5rem}.section-header p{color:#888}.tournaments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tournament-card{border:1px solid #333;border-radius:3px;padding:1.5rem;transition:all .3s ease}.tournament-card:hover{box-shadow:0 4px 20px #00ffff1a;transform:translateY(-2px)}.tournament-header,.tournament-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tournament-top-row{width:100%}.tournament-prize-row{border-bottom:1px solid #333;margin-bottom:.5rem}.tournament-countdown-row,.tournament-prize-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;width:100%}.tournament-countdown-row{margin-bottom:1rem}.prize-value-inline{color:var(--accent-primary);font-size:1.2rem;font-weight:600}.countdown-label{color:#888;font-size:.8rem;font-weight:600;text-transform:uppercase}.countdown-value{color:var(--accent-primary);font-size:1rem;font-weight:600}.tournament-info h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.tournament-description{color:#888;font-size:.9rem;margin-bottom:.5rem}.tournament-meta{align-items:flex-start;display:flex;flex-direction:column;font-size:.8rem;gap:.5rem}.tournament-meta-horizontal{align-items:center;display:flex;flex-direction:row;gap:1rem}.tournament-type{background:#00ffff1a;color:var(--accent-primary)}.tournament-time,.tournament-type{border-radius:4px;padding:.25rem .5rem}.tournament-time{background:#ffffff1a;color:#ccc}.tournament-entry{background:#0000;color:#ff6384}.tournament-prize{text-align:center}.prize-label{background:#00ffff1a;border-radius:4px;font-size:.7rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;padding:.25rem .5rem;text-transform:uppercase}.prize-label,.prize-value{color:var(--accent-primary)}.prize-value{font-size:2rem;font-weight:700}.tournament-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-align:center}.tournament-status.open{background:#0f03;border:1px solid #0f0;color:#0f0}.tournament-status.starting{background:#ffa50033;border:1px solid orange;color:orange}.tournament-status.full{background:#f003;border:1px solid #ff4d4d;color:#ff4d4d}.tournament-status.active{background:#0ff3;border:1px solid var(--accent-primary);color:var(--accent-primary)}.tournament-status.completed{background:#80808033;border:1px solid #888;color:#888}.tournament-details{margin:1rem 0}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-row.detail-row-separated{border-bottom:1px solid #333;margin-bottom:.75rem;padding-bottom:.5rem}.detail-label{color:#888}.detail-label.start-date-label{color:#333}.detail-value{color:#fff;font-weight:500}.detail-value.countdown{color:var(--accent-primary);font-weight:600}.detail-value.start-date-value{color:#333;font-size:.9rem;font-weight:400}.tournament-actions{align-items:center;display:flex;gap:.5rem}.spectate-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.spectate-btn:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.details-btn{background:#0000;border:1px solid #333;border-radius:4px;box-sizing:border-box;color:#888;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.4rem .8rem;text-transform:uppercase;transition:all .2s ease}.details-btn:hover{background:#333;color:#fff;transform:translateY(-2px)}.join-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;color:#000;margin-right:.5rem}.join-btn:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.join-btn:disabled{background:#333;box-shadow:none;color:#666;transform:none}.leave-btn{background:linear-gradient(45deg,#ff4d4d,#c33);border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;margin-right:.5rem;padding:.4rem .8rem;text-transform:uppercase;transition:all .2s ease}.leave-btn:hover{box-shadow:0 4px 15px #ff4d4d4d;transform:translateY(-2px)}.leave-btn:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.creator-badge{background:#ffd70033;border:1px solid gold;border-radius:4px;color:gold;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.sitgo-creator{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:2rem;padding:2rem}.sitgo-creator h3{color:var(--accent-primary);margin-bottom:1rem;text-align:center}.sitgo-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sitgo-option{background:#0f0f0f;border:1px solid #444;border-radius:6px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.sitgo-info h4{color:#fff;margin-bottom:.25rem}.sitgo-info p{color:#888;font-size:.9rem}.sitgo-actions{display:flex;gap:.5rem}.sitgo-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.5rem;transition:all .2s ease}.sitgo-btn.bracket{background:#0ff3;border:1px solid var(--accent-primary);color:var(--accent-primary)}.sitgo-btn.bracket:hover:not(:disabled){background:var(--accent-primary);color:#000}.sitgo-btn.round-robin{background:#ffa50033;border:1px solid orange;color:orange}.sitgo-btn.round-robin:hover:not(:disabled){background:orange;color:#000}.sitgo-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:#888;grid-column:1/-1;padding:3rem 2rem;text-align:center}.empty-state p{margin-bottom:1rem}.loading-spinner{grid-column:1/-1;padding:3rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top:3px solid var(--accent-primary);height:40px;margin:0 auto 1rem;width:40px}@media (max-width:768px){.tournaments-page{padding:1rem}.tournaments-header h1{font-size:2rem}.tournaments-filters,.tournaments-tabs{flex-direction:column}.tournaments-filters{gap:.5rem}.sitgo-options,.tournaments-grid{grid-template-columns:1fr}.tournament-header{align-items:flex-start;flex-direction:column;gap:1rem}.tournament-description,.tournament-name{text-align:left}.tournament-status{align-self:flex-start}.tournament-card,.tournament-info,.tournament-info h3{text-align:left}.section-header{display:flex;flex-direction:column;text-align:center}.section-header h2{margin-bottom:.5rem}.section-header h2,.section-header p{display:block;text-align:center;width:100%}.section-header p{margin-bottom:1rem}}.tournament-format-section{margin-bottom:2rem}.tournament-format-section:last-child{margin-bottom:0}.format-header{background:#ffffff0d;border-left:4px solid #333;border-radius:0 8px 8px 0;margin-bottom:1rem;padding:1rem}.format-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.format-header p{color:#888;font-size:.9rem;margin:0}.tournament-format-section:nth-child(2n) .format-header{background:#ffffff0d;border-left-color:#333}.tournament-format-section:nth-child(2n) .format-header h3{color:#fff}.tournament-details-dtls{background:#0000;color:#fff;margin:0 auto;max-width:1200px;padding:20px}.tournament-details-header-dtls{margin-bottom:30px}.back-btn-dtls{background:none;border:none;color:#888;cursor:pointer;font-size:16px;margin-bottom:15px;padding:10px 0;transition:color .2s}.back-btn-dtls:hover{color:#fff}.tournament-title-section-dtls h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 10px}.tournament-description-dtls{color:#888;font-size:18px;margin:0}.tournament-details-tabs-dtls{border-bottom:1px solid #333;display:flex;gap:2px;margin-bottom:20px}.tournament-details-tabs-dtls .tab-btn-dtls{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:16px;padding:12px 20px;transition:all .2s}.tournament-details-tabs-dtls .tab-btn-dtls:hover{background-color:#ffffff1a;color:#fff}.tournament-details-tabs-dtls .tab-btn-dtls.active{background-color:#ffffff0d;border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.tournament-details-content-dtls{min-height:400px}.tournament-info-tab-dtls{display:flex;flex-direction:column;gap:30px}.tournament-info-grid-dtls{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px 350px}.info-card-dtls{background:#000;border:1px solid #333;border-radius:8px;padding:20px}.info-card-dtls h3{border-bottom:2px solid #333;color:#fff;font-size:18px;font-weight:700;margin:0 0 15px;padding-bottom:10px}.info-row-dtls{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.info-row-dtls:last-child{border-bottom:none}.info-label-dtls{color:#888;font-weight:500}.info-value-dtls{color:#fff;font-weight:500}.status-registering-dtls{color:#28a745}.status-active-dtls{color:#007bff}.status-completed-dtls{color:#6c757d}.status-cancelled-dtls{color:#dc3545}.tournament-actions-dtls{background:#ffffff0d;border:1px solid #333;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.tournament-details-join-btn-dtls,.tournament-details-leave-btn-dtls{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:6px;color:#000;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .2s}.tournament-details-join-btn-dtls:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.tournament-details-join-btn-dtls:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.tournament-details-leave-btn-dtls{background:linear-gradient(45deg,#ff4d4d,#c33);color:#fff}.tournament-details-leave-btn-dtls:hover{box-shadow:0 4px 15px #ff4d4d4d;transform:translateY(-2px)}.tournament-players-tab-dtls{padding:0}.players-list-dtls{grid-gap:10px;display:grid;gap:10px}.player-card-dtls{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:6px;display:flex;justify-content:space-between;padding:15px 20px;transition:box-shadow .2s}.player-card-dtls:hover{border-color:#444;box-shadow:0 2px 4px #00ffff1a}.player-info-dtls{align-items:center;display:flex;gap:15px}.player-rank-dtls{color:#888;font-weight:700;min-width:30px}.player-name-dtls{color:#fff;font-size:16px;font-weight:500}.player-rating-dtls{color:#888;font-size:14px}.creator-badge-dtls{background:#ffc10733;border:1px solid #ffc107;border-radius:4px;color:#ffc107;font-size:12px;font-weight:700;padding:4px 8px}.players-list-compact-dtls{max-height:300px;overflow-y:auto}.player-row-compact-dtls{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;justify-content:space-between;padding:8px 0}.player-row-compact-dtls:last-child{border-bottom:none}.player-rank-compact-dtls{color:#888;font-size:12px;font-weight:700;min-width:25px}.player-name-compact-dtls{color:#fff;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-rating-compact-dtls{color:#888;font-size:12px;min-width:40px;text-align:right}.creator-badge-compact-dtls{background:#ffc10733;border:1px solid #ffc107;border-radius:3px;color:#ffc107;font-size:10px;font-weight:700;padding:2px 6px}.empty-state-compact-dtls{color:#888;padding:20px 0;text-align:center}.empty-state-compact-dtls p{font-size:14px;margin:0}.players-more-dtls{color:#888;flex:1 1;font-size:12px;font-style:italic;text-align:center}.tournament-standings-tab-dtls{padding:0}.standings-list-dtls{grid-gap:10px;display:grid;gap:10px}.standing-card-dtls{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:6px;display:flex;gap:15px;padding:15px 20px;transition:box-shadow .2s}.standing-card-dtls:hover{border-color:#444;box-shadow:0 2px 4px #00ffff1a}.standing-rank-dtls{color:var(--accent-primary);font-size:18px;font-weight:700;min-width:40px}.standing-info-dtls{flex:1 1}.standing-name-dtls{color:#fff;display:block;font-size:16px;font-weight:500;margin-bottom:5px}.standing-stats-dtls{color:#888;display:flex;font-size:14px;gap:15px}.standing-prize-dtls{color:#28a745;font-weight:700}.empty-state-dtls{color:#888;padding:40px 20px;text-align:center}.empty-state-dtls p{margin:5px 0}.empty-state-dtls p:first-child{color:#fff;font-size:16px;font-weight:500}.loading-spinner-dtls{color:#fff;padding:40px 20px;text-align:center}.spinner-dtls{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top:4px solid var(--accent-primary);height:40px;margin:0 auto 15px;width:40px}.error-message-dtls{background:#ff4d4d1a;border:1px solid #ff4d4d;border-radius:4px;color:#ff4d4d;margin:15px 0;padding:12px 16px}@media (max-width:1200px){.tournament-info-grid-dtls{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.tournament-details-dtls{padding:15px}.tournament-title-section-dtls h1{font-size:24px}.tournament-description-dtls{font-size:16px}.tournament-info-grid-dtls{grid-template-columns:1fr}.tournament-details-tabs-dtls{flex-wrap:wrap}.tournament-details-tabs-dtls .tab-btn-dtls{flex:1 1;min-width:100px}.player-card-dtls,.standing-card-dtls{padding:12px 15px}.standing-stats-dtls{flex-wrap:wrap;gap:10px}}.replay-container{background:#0000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem}.replay-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.game-matchup{text-align:center}.players-vs-score{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:1rem;white-space:nowrap}.player{color:var(--text-primary)}.white-player{color:#fff}.black-player{color:#888}.score-display{align-items:center;display:flex;gap:.5rem}.score-box{align-items:center;border:2px solid var(--accent-primary);display:inline-flex;font-size:1.1rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.white-score{border-color:#fff;color:#fff}.black-score{border-color:#888;color:#888}.vs-text{color:var(--accent-primary);font-size:1rem;font-weight:400;text-transform:lowercase}.error-text,.loading-text{color:var(--text-primary);font-size:1.5rem;font-weight:600}.replay-logo .logo-icon{height:32px;width:32px}.replay-error,.replay-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:pulse 2s ease-in-out infinite alternate;color:var(--accent-primary);font-size:1.25rem}.retry-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6cc,#22c55ecc);border:1px solid #fff3;color:#fff;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{background:linear-gradient(135deg,#3b82f6,#22c55e);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.replay-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 300px;margin-bottom:2rem}.replay-board-section{align-items:flex-start;display:flex;justify-content:center}.replay-board-placeholder{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;color:var(--text-secondary);display:flex;flex-direction:column;height:500px;justify-content:center;text-align:center;width:500px}.replay-board-placeholder p{font-family:monospace;font-size:.9rem;margin:.5rem 0}.replay-sidebar{display:flex;flex-direction:column;gap:1rem}.move-list-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;padding:1.5rem}.move-list-section h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.moves-info{color:var(--text-secondary);font-size:.75rem;font-style:italic;line-height:1.3;margin:0 0 1rem}.move-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto}.move-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease}.move-item:hover{background:#ffffff0d}.move-item.active{background:#3b82f633;border:1px solid #3b82f666}.move-number{color:var(--text-secondary);font-size:.875rem;min-width:2rem}.move-notation{color:var(--text-primary);font-family:monospace;font-weight:600;min-width:3rem}.move-time{color:var(--text-secondary);font-family:monospace;font-size:.75rem;margin-left:auto}.move-squares{align-items:center;display:flex;gap:2px;margin-left:auto;margin-right:.5rem}.square-indicator{display:inline-block;height:8px;width:8px}.square-indicator.red{background-color:#ef4444}.square-indicator.blue{background-color:#3b82f6}.square-indicator.green{background-color:#22c55e}.export-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.export-section .export-button{background:#06b6d4cc;border:1px solid #fff3;color:#fff;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.export-section .export-button:hover{background:#06b6d4;box-shadow:0 4px 15px #06b6d44d;transform:translateY(-1px)}.back-button-container{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.back-button{font-size:.9rem;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.replay-controls{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.playback-controls{display:flex;gap:.5rem;width:100%}.control-button{align-items:center;background:#0a0a0c99;border:1px solid #fff3;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:1.25rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.control-button:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}.timeline-section{display:flex;flex-direction:column;gap:.5rem}.timeline-slider{background:#ffffff1a;cursor:pointer;height:8px;outline:none;width:100%}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);box-shadow:0 2px 10px #3b82f666;cursor:pointer;height:20px;width:20px}.timeline-slider::-moz-range-thumb{background:var(--accent-primary);border:none;box-shadow:0 2px 10px #3b82f666;cursor:pointer;height:20px;width:20px}.timeline-info{color:var(--text-secondary);font-family:monospace;font-size:.875rem;text-align:center}.export-controls,.speed-controls,.view-options{align-items:center;display:flex;gap:1rem;justify-content:center}.speed-controls label{color:var(--text-primary);font-weight:500}.speed-controls select{background:#0a0a0c99;border:1px solid #fff3;color:var(--text-primary);cursor:pointer;padding:.5rem}.view-options label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem}.view-options input[type=checkbox]{accent-color:var(--accent-primary)}.export-button{background:#0a0a0c99;border:1px solid #fff3;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.export-button:hover{background:#22c55e33;border-color:#22c55e66;color:#fff}.analysis-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;margin-top:1rem;padding:1.5rem}.analysis-section h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem}.move-analysis{display:flex;flex-direction:column;gap:.5rem}.move-analysis p{color:var(--text-secondary);font-family:monospace;font-size:.9rem;margin:0}@keyframes pulse{0%{opacity:.6}to{opacity:1}}::-webkit-scrollbar{background:#000;height:.4rem;width:.3rem}::-webkit-scrollbar-thumb{background:#444;-webkit-transition:all .4s;transition:all .4s}::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:1200px){.replay-content{grid-template-columns:1fr 250px}.replay-board-placeholder{height:400px;width:400px}}@media (max-width:900px){.replay-content{gap:1rem;grid-template-columns:1fr}.replay-board-placeholder{height:350px;width:350px}.replay-controls{align-items:center;flex-direction:column}.export-controls,.playback-controls,.speed-controls,.view-options{flex-wrap:wrap;justify-content:center}}@media (max-width:600px){.replay-container{padding:.5rem}.replay-header{flex-direction:column;gap:.5rem;text-align:center}.replay-header h1{font-size:1.5rem}.replay-board-placeholder{height:300px;width:300px}.control-button{font-size:1rem;min-width:2.5rem}}.replay-importer-container{background:#0000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.replay-importer-header{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;text-align:center}.replay-logo .logo-icon{height:48px;width:48px}.import-title h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.import-title p{color:var(--text-secondary);font-size:1rem;margin:0}.import-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 300px;margin-bottom:3rem}.import-methods{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;padding:2rem}.method-selector{display:flex;gap:1rem;margin-bottom:2rem}.method-button{background:#0a0a0c99;border:1px solid #fff3;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:Inter,system-ui,sans-serif;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.method-button:hover{background:#ffffff0d;border-color:#ffffff4d}.method-button.active{background:#06b6d4cc;border-color:#06b6d466;color:#fff}.file-section,.paste-section{display:flex;flex-direction:column;gap:1rem}.input-label{color:var(--text-primary);font-size:1rem;font-weight:600}.json-textarea{background:#0a0a0ccc;border:1px solid #fff3;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;min-height:300px;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.json-textarea:focus{border-color:#3b82f666;outline:none}.json-textarea::placeholder{color:var(--text-secondary);font-style:italic}.file-input{background:#0a0a0ccc;border:1px solid #fff3;color:var(--text-primary);cursor:pointer;font-family:Inter,system-ui,sans-serif;padding:1rem;transition:border-color .2s ease}.file-input:hover{border-color:#ffffff4d}.file-input:focus{border-color:#3b82f666;outline:none}.import-button{align-self:flex-start;background:#06b6d4cc;border:1px solid #fff3;color:#fff;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.import-button:hover:not(:disabled){background:#06b6d4;box-shadow:0 8px 25px #06b6d466;transform:translateY(-2px)}.import-button:disabled{cursor:not-allowed;opacity:.5}.loading-text{color:var(--accent-primary);font-style:italic;margin-top:1rem;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5;margin-top:1rem;padding:1rem}.error-message p{font-size:.875rem;margin:0}.import-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;padding:2rem}.import-info h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem}.import-info ol{color:var(--text-secondary);margin:0 0 2rem;padding-left:1.5rem}.import-info li{line-height:1.5;margin-bottom:.5rem}.format-info{border-top:1px solid #ffffff1a;padding-top:1.5rem}.format-info p{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.format-info p:last-child{margin-bottom:0}.back-section{border-top:1px solid #ffffff1a;padding-top:2rem;text-align:center}.back-button{background:#0000;border:1px solid #fff3;color:var(--text-primary);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.back-button:hover{background:#ffffff0d;border-color:#ffffff4d}.json-textarea::-webkit-scrollbar{width:.3rem}.json-textarea::-webkit-scrollbar-track{background:#000}.json-textarea::-webkit-scrollbar-thumb{background:#444;-webkit-transition:all .4s;transition:all .4s}.json-textarea::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:900px){.import-content{gap:2rem;grid-template-columns:1fr}.replay-importer-container{padding:1rem}.replay-importer-header{flex-direction:column;gap:1rem}.method-selector{flex-direction:column}.json-textarea{min-height:200px}}@media (max-width:600px){.import-title h1{font-size:1.5rem}.import-info,.import-methods{padding:1.5rem}}.coming-soon-container{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.coming-soon-content{display:flex;flex-direction:column;gap:3rem}.coming-soon-header{text-align:center}.coming-soon-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem;margin-top:2rem}.feature-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.coming-soon-message{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:3rem;text-align:center}.coming-soon-badge{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:20px;color:#000;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.coming-soon-message h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.coming-soon-message>p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.feature-preview{background:var(--bg-tertiary);border-radius:12px;margin:2rem 0;padding:2rem;text-align:left}.feature-preview h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center}.feature-preview ul{list-style:none;margin:0;padding:0}.feature-preview li{align-items:center;color:var(--text-secondary);display:flex;padding:.5rem 0}.feature-preview li:before{color:var(--accent-primary);content:"✓";font-size:1.1rem;font-weight:700;margin-right:.75rem}.notification-signup{background:var(--bg-primary);border-radius:12px;margin-top:2rem;padding:2rem}.notification-signup h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.notification-signup p{color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.discord-button{align-items:center;background:#2c2f33;border:1px solid #36393f;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease}.discord-button:hover{background:#36393f;border-color:#5865f2;box-shadow:0 4px 15px #2c2f3366;transform:translateY(-2px)}.discord-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.discord-icon svg{fill:currentColor}@media (max-width:768px){.coming-soon-container{padding:1rem}.coming-soon-header h1{font-size:2.5rem}.coming-soon-message{padding:2rem}.feature-preview,.notification-signup{padding:1.5rem}}@media (max-width:480px){.coming-soon-container{padding:.5rem}.coming-soon-header h1{font-size:2rem}.coming-soon-message h2{font-size:1.5rem}.coming-soon-message{padding:1.5rem}.feature-preview,.notification-signup{padding:1rem}.discord-button{justify-content:center;width:100%}}.App{background:var(--bg-mesh);background-image:var(--grid-pattern);background-size:var(--grid-size) var(--grid-size);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh}.loading-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:500;gap:.5rem}.loading-spinner:after{animation:spin 1s linear infinite;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);content:"";height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard{background:#0000;min-height:100vh}.content-container{margin:0 auto;max-width:1440px;width:100%}.dashboard-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204e6;border-bottom:1px solid #ffffff14;border-radius:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1rem 2rem;width:100%}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:1.5rem}.user-info span{color:var(--text-secondary);font-size:.95rem;font-weight:500}.sign-out-button{background:var(--accent-red);border:none;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.sign-out-button:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-content{padding:3rem 2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.dashboard-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-card:hover{background:var(--bg-hover);border-color:var(--border-secondary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.dashboard-card:hover:before{opacity:1}.dashboard-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.dashboard-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 2rem}.action-button.primary{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin:.5rem 0;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .2s ease}.action-button.primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-button.primary:hover:before{left:100%}.action-button.primary:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.action-button.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.action-button.outline,.action-button.secondary{background:#ffffff1a;border:1px solid #888;color:#ccc;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.action-button.outline:hover,.action-button.secondary:hover{background:#fff3;border-color:#ccc;box-shadow:0 0 15px #fff3}.secondary-button{background:#ffffff1a;border:2px solid #888;color:#ccc;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.secondary-button:hover{background:#fff3;border-color:#ccc;color:#fff}.error-banner{background:#ef44441a;border:1px solid #ef444433;color:var(--accent-red);font-weight:500;margin:1rem 2rem;padding:1rem 1.5rem;text-align:center}.available-games{margin:1.5rem 0;max-height:200px;overflow-y:auto}.available-games::-webkit-scrollbar{width:6px}.available-games::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.available-games::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.available-games::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.game-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.game-item:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.join-button{background:var(--accent-green);border:none;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.join-button:hover{background:#059669;transform:translateY(-1px)}.join-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-games{background:var(--bg-secondary);border:1px dashed var(--border-secondary);color:var(--text-muted);font-style:italic;margin:2rem 0;padding:2rem;text-align:center}.rules-preview{margin:1.5rem 0}.rule-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem;margin-bottom:.75rem;padding:.5rem}.rule-color{border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);height:20px;width:20px}.rule-color.red{background:linear-gradient(45deg,var(--accent-red),#dc2626)}.rule-color.blue{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))}.rule-color.green{background:linear-gradient(45deg,var(--accent-green),#059669)}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.dashboard-header h1{font-size:2rem}.dashboard-content{padding:2rem 1rem}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.dashboard-card{padding:2rem}}@keyframes glow{0%{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ff80}to{box-shadow:0 0 20px #00d4ff4d}}.dashboard-card:hover{animation:glow 2s ease-in-out infinite}.header-left{flex:1 1;justify-content:flex-end;padding-right:1rem;position:relative}.header-left,.logo{align-items:center;display:flex}.logo{gap:1rem;left:0;position:absolute}.logo-horizontal{height:40px;object-fit:contain;width:auto}.logo-icon{display:none;height:40px;height:32px;object-fit:contain;width:auto}.logo-text{color:var(--accent-primary);font-size:2rem}.leaderboard-logo,.profile-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.leaderboard-logo .logo-icon,.profile-logo .logo-icon{border-radius:10px;box-shadow:0 4px 15px #0003;height:56px;transition:transform .3s ease,box-shadow .3s ease;width:auto}.leaderboard-logo .logo-icon:hover,.profile-logo .logo-icon:hover{box-shadow:0 6px 25px #0000004d;transform:scale(1.05)}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.main-nav{display:flex;gap:.5rem}.nav-item{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:#00d4ff1a;border:1px solid var(--border-primary);color:var(--accent-primary)}.nav-item-secondary{color:#888;font-size:.85rem;margin-left:5rem;padding:.5rem 1rem}.nav-item-secondary+.nav-item-secondary{margin-left:.25rem}.nav-item-secondary:hover{background:#0000;color:#ccc}.nav-item-secondary.active{background:#0000;border:none;color:#fff}.header-right{align-items:center;display:flex;gap:1.5rem}.mobile-menu-toggle{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem;z-index:10}.hamburger-line{background:var(--text-primary);border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .3s linear;width:2rem}.notification-btn{background:var(--bg-hover);border:1px solid var(--border-secondary);cursor:pointer;padding:.75rem;position:relative;transition:all .2s ease}.notification-btn:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.notification-icon{font-size:1.2rem}.notification-badge{background:var(--accent-red);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;right:-5px;top:-5px}.profile-menu{position:relative}.profile-button{align-items:center;background:var(--bg-hover);border:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s ease}.profile-button:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.profile-avatar{align-items:center;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.profile-info{align-items:flex-start;display:flex;flex-direction:column}.profile-name{font-size:.9rem;font-weight:600}.profile-status{color:var(--accent-green);font-size:.75rem}.profile-arrow{color:var(--text-muted);font-size:.8rem}.profile-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);margin-top:.5rem;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-divider{background:var(--border-secondary);height:1px;margin:.5rem 0}.hero-section{background:linear-gradient(135deg,#00d4ff0d,#22c55e0d);border:1px solid var(--border-primary);border-radius:0;margin:1rem;padding:1.5rem 2rem;text-align:center}.hero-section h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.hero-section .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.hero-section p{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.quick-stats{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.stats-row{display:flex;gap:3rem;justify-content:center}.stat-item{align-items:center;background:none!important;border:none!important;border-radius:0!important;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00f5ff,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.1}.stat-label{color:var(--text-muted);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.dashboard-layout{margin:2rem}.main-content{display:flex;flex-direction:column;gap:2rem;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.refresh-btn,.view-all-btn{background:#ffffff1a;border:1px solid #888;color:#ccc;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn{background:#0000;border:none;font-size:2.2rem}.last-game-container{align-items:center;display:flex;gap:2rem;justify-content:center;width:100%}.last-game-item{flex:1 1;max-width:600px}.last-game-container h4{color:var(--text-muted);font-size:.9rem;font-weight:400;margin:0}.last-game-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.last-game-item .result-badge{color:var(--accent-primary);font-size:2rem;font-weight:700;margin:0}.last-game-item .result-badge.win{color:var(--accent-secondary)}.last-game-item .result-badge.loss{color:#ef4444}.last-game-item .result-badge.draw{color:#9ca3af}.last-game-item .opponent,.last-game-item .rating-change{color:var(--text-muted);font-size:.8rem;margin:0}.last-game-item .rating-change.positive{color:var(--accent-secondary)}.last-game-item .rating-change.negative{color:#ef4444}.last-game-item .rating-value{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.refresh-btn:hover,.view-all-btn:hover{background:#fff3;border-color:#ccc;color:#fff}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.game-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204cc;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-card:before{border-left:1px solid #fff3;border-top:1px solid #fff3;left:0;top:0}.game-card:after,.game-card:before{content:"";height:40px;position:absolute;transition:all .3s ease;width:40px}.game-card:after{border-bottom:1px solid #fff3;border-right:1px solid #fff3;bottom:0;right:0}.game-card:hover{background:#020204e6;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-4px)}.game-card:hover:before{border-left:1px solid #fff6;border-top:1px solid #fff6;height:60px;width:60px}.game-card:hover:after{border-bottom:1px solid #fff6;border-right:1px solid #fff6;height:60px;width:60px}.game-card h4{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.game-card p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.time-control-select{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.time-control-select label{color:#ccc;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.time-control-select select{background:#00000080;border:1px solid #888;color:#fff;font-weight:600;padding:.6rem .75rem}.time-control-select select:focus{border-color:#ccc;box-shadow:0 0 10px #fff3;outline:none}.time-control-select small{color:#ccc;font-size:.75rem;font-style:italic}.game-list{background:#0000004d;margin:1rem 0;max-height:300px;overflow-y:auto;padding:.5rem}.game-item-mini{background:#00000080;border:1px solid #444;color:#ccc;font-size:.85rem;margin-bottom:.3rem;padding:.4rem;transition:all .2s ease}.game-item-content{align-items:center;display:flex;gap:1rem;width:100%}.player-rating{color:#888;font-size:.85rem;margin-left:.25rem}.own-game-tag{color:#00d4ff;color:var(--accent-secondary,#00d4ff);font-size:.8rem;font-style:italic}.game-item-mini:hover{background:#ffffff1a;border-color:#888}.resume-btn{background:#ffffff1a;border:1px solid #888;color:#ccc;font-weight:500;letter-spacing:.05em}.join-btn,.resume-btn{cursor:pointer;font-size:.8rem;padding:.4rem .8rem;text-transform:uppercase;transition:all .2s ease}.join-btn{background:#0000;border:1px solid var(--accent-primary);border-radius:4px;box-sizing:border-box;color:var(--accent-primary);flex:1 1;font-weight:600}.resume-btn:hover{background:#fff3;border-color:#ccc;box-shadow:0 0 10px #fff3}.join-btn:hover:not(:disabled){background:var(--accent-primary);color:#000;transform:translateY(-2px)}.join-btn:disabled{cursor:not-allowed;opacity:.5}.game-actions{align-items:center;display:flex;gap:.4rem}.abandon-btn{background:var(--danger-color);border:1px solid var(--danger-color);border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;min-width:20px;padding:.2rem .4rem;transition:all .2s ease}.abandon-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 0 10px #ef44444d}.no-items{background:var(--bg-secondary);border:1px dashed var(--border-secondary);color:var(--text-muted);font-style:italic;margin:0;padding:1rem;text-align:center}.game-rating-badge{border-radius:3px;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-left:.5rem;padding:.1rem .4rem;text-transform:uppercase}.game-rating-badge.ranked{background:#22c55e33;border:1px solid #22c55e;color:#22c55e}.game-rating-badge.non-ranked{background:#9ca3af33;border:1px solid #9ca3af;color:#9ca3af}.tournament-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.tournament-explore{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204cc;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.tournament-explore h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.tournament-explore p{color:#ccc;font-size:.85rem;line-height:1.5;margin:0 0 1rem}.explore-features{margin:1.5rem 0}.feature-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.feature-row:last-child{border-bottom:none}.feature-row strong{color:#fff;font-size:.9rem;font-weight:600}.feature-row span{color:#888;font-size:.8rem;text-align:right}.tournament-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204cc;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tournament-card:before{border-left:1px solid #fff3;border-top:1px solid #fff3;height:40px;left:0;top:0;width:40px}.tournament-card:after,.tournament-card:before{content:"";position:absolute;transition:all .3s ease}.tournament-card:after{border-bottom:1px solid #fff3;border-right:1px solid #fff3;bottom:0;height:20px;right:0;width:20px}.tournament-card:hover{background:#020204e6;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-4px)}.tournament-card:hover:before{border-left:1px solid var(--accent-primary);border-top:1px solid var(--accent-primary);height:60px;width:60px}.tournament-card:hover:after{border-bottom:1px solid var(--accent-primary);border-right:1px solid var(--accent-primary);height:30px;width:30px}.tournament-card.featured{background:#0000;border-color:#333;border-radius:12px}.tournament-card.featured:before{border-left:1px solid #333;border-top:1px solid #333}.tournament-card.featured:after{border-bottom:1px solid #333;border-right:1px solid #333}.tournament-card.featured:hover{border-color:#333;box-shadow:0 0 30px #3333334d}.tournament-card.featured:hover:after,.tournament-card.featured:hover:before{border-color:var(--accent-primary)}.mobile-profile-section,.tournament-mobile-actions{display:none}.tournament-badge{background:#d66666;border:1px solid #e88888;color:#000;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;position:absolute;right:12px;text-transform:uppercase;top:12px}.tournament-card h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.tournament-card.featured h4{color:#d66666;font-size:1.3rem;text-shadow:0 0 10px #d6666680}.tournament-card p{color:#ccc;font-size:.85rem;margin:0 0 1rem}.tournament-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tournament-info span{color:var(--text-muted);font-size:.8rem}.action-button{font-size:.9rem;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.action-button,.action-button.secondary{border:none;cursor:pointer;font-weight:600}.action-button.secondary{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;color:#000;padding:.75rem 2rem;transition:all .2s ease}.action-button.secondary:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-2px)}.action-button.outline{align-items:center;background:#0000;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.75rem 2rem;text-align:center;transition:all .2s ease}.action-button.outline:hover{background:var(--accent-primary);color:#000;transform:translateY(-2px)}.leaderboard-card,.rules-card{background:var(--bg-card);border:1px solid var(--border-secondary);padding:1.5rem;transition:all .3s ease}.leaderboard-card:hover,.rules-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.leaderboard-card h3,.rules-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.leaderboard-card p,.rules-card p{color:var(--text-secondary);font-size:.85rem;margin:0 0 1rem}.leaderboard-list{margin:1rem 0}.leaderboard-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.leaderboard-item:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.leaderboard-item .rank{color:var(--accent-primary);font-weight:600;min-width:30px}.leaderboard-item .player{color:var(--text-primary);flex:1 1;font-weight:500}.leaderboard-item .rating{color:var(--accent-secondary);font-weight:600}@media (max-width:1200px){.dashboard-layout{grid-template-columns:1fr}.sidebar-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.dashboard-header{padding:.75rem 1rem;position:relative}.header-left{align-items:center;display:flex;justify-content:space-between;padding-right:0;position:static;width:100%}.mobile-menu-toggle{order:2}.header-right{display:none}.logo{position:static}.nav-item-secondary,.nav-item-secondary+.nav-item-secondary{margin-left:0!important}.mobile-profile-section{display:block;margin-top:1rem}.mobile-profile-divider{background:var(--border-primary);height:1px;margin:1rem 0}.nav-item-profile{color:#888!important;font-size:.9rem!important}.nav-item-profile:hover{color:#ccc!important}.nav-item-profile.sign-out{color:#ff6b6b!important}.nav-item-profile.sign-out:hover{color:#ff5252!important}.logo-horizontal{display:block;height:32px}.logo-icon,.main-nav{display:none}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:0 0 8px 8px;box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.main-nav.mobile-open,.mobile-menu-toggle{display:flex}.nav-item{border-radius:4px;justify-content:flex-start;padding:.75rem;text-align:left;width:100%}.nav-item:hover{background:var(--bg-hover)}.dashboard-content,.hero-section{padding:1.5rem 1rem}.hero-section{margin:.5rem 0;text-align:center}.hero-section h2{font-size:1.75rem}.quick-stats{flex-direction:row;gap:1rem;justify-content:space-around}.stat-item{flex:1 1;min-width:0;text-align:center}.dashboard-layout{gap:1rem;margin:0}.games-grid{gap:1rem;grid-template-columns:1fr}.game-card{padding:1.5rem}.tournament-grid{gap:1rem;grid-template-columns:1fr}.tournament-card{padding:1.5rem}}.footer{background:#000;border-top:1px solid #333;margin-top:4rem;padding:8rem 0}.footer-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 2rem}.footer-section{display:flex;flex-direction:column;gap:.25rem}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.1rem;font-weight:600}.footer-subtitle{font-size:.8rem}.footer-subtitle,.footer-text{color:var(--text-secondary);font-weight:400}.footer-text{font-size:.85rem}.footer-center{flex:1 1;justify-content:center}.discord-link,.footer-center{align-items:center;display:flex}.discord-link{background:#5865f21a;border:none;border-radius:6px;color:#5865f2;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.discord-link:hover{background:#5865f233;box-shadow:0 4px 12px #5865f24d;transform:translateY(-2px)}.discord-icon{color:#5865f2;height:24px;width:24px}.discord-icon svg{height:100%;width:100%}.discord-text{color:#5865f2;font-size:.9rem;font-weight:600}@media (max-width:480px){.dashboard-header{padding:.5rem}.games-won-stat,.tournaments-won-stat{display:none}.tournament-badge{display:none!important}.tournament-card.featured .tournament-header h4{font-size:1.1rem!important;text-align:left}.tournament-card.featured div[style*="display: flex"][style*="gap: 2rem"]{flex-direction:column!important;gap:1rem!important}.tournament-actions-desktop,.tournament-card.featured div[style*="alignItems: center"][style*="justifyContent: center"]{display:none!important}.tournament-mobile-actions{align-items:center;display:flex!important;gap:.5rem;justify-content:center}.tournament-grid{gap:1rem;grid-template-columns:1fr}.feature-row{align-items:flex-start;flex-direction:column;gap:.25rem}.feature-row span{text-align:left}.logo-horizontal{height:32px}.mobile-menu-toggle{font-size:2rem;height:3rem;width:3rem}.hamburger-line{height:.2rem;width:1.5rem}.dashboard-content,.hero-section{padding:1rem .5rem}.hero-section{margin:.5rem 0}.hero-section h2{font-size:1.5rem}.quick-stats{flex-direction:column;gap:.75rem}.stats-row{flex-wrap:wrap;gap:1rem}.stat-item{min-width:80px;padding:.75rem}.stat-number{font-size:1.25rem}.games-grid{gap:.75rem}.game-card{min-height:180px;padding:1rem}.game-card h4{font-size:1.1rem}.tournament-card{padding:1rem}.profile-menu{position:relative}.profile-dropdown{left:auto;min-width:200px;right:0}.profile-button{padding:.5rem}.profile-info{display:none}.profile-avatar{font-size:.8rem;height:32px;width:32px}}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.discord-link{font-size:.85rem;padding:.6rem 1.2rem}.discord-icon{height:20px;width:20px}.discord-text{font-size:.85rem}}.auth-discord-box{bottom:8rem;left:50%;position:fixed;transform:translateX(-50%);z-index:50}.auth-discord-link{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.auth-discord-link:before{border-left:1px solid #fff3;border-top:1px solid #fff3;height:20px;left:0;top:0;width:20px}.auth-discord-link:after,.auth-discord-link:before{content:"";position:absolute;transition:all .3s ease}.auth-discord-link:after{border-bottom:1px solid #fff3;border-right:1px solid #fff3;bottom:0;height:12px;right:0;width:12px}.auth-discord-link:hover{background:#020204f2;border-color:var(--accent-primary);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.auth-discord-link:hover:before{border-left:1px solid var(--accent-primary);border-top:1px solid var(--accent-primary);height:30px;width:30px}.auth-discord-link:hover:after{border-bottom:1px solid var(--accent-primary);border-right:1px solid var(--accent-primary);height:18px;width:18px}.auth-discord-link .discord-icon{color:#5865f2;height:24px;transition:color .3s ease;width:24px}.auth-discord-link:hover .discord-icon{color:var(--accent-primary)}.auth-discord-text{color:#fff;font-weight:600}@media (max-width:768px){.auth-discord-box{bottom:3rem;left:1rem;right:1rem;transform:none}.auth-discord-link{justify-content:center;padding:1rem 1.5rem;width:100%}}.game-type-toggle{margin:1rem 0}.game-type-toggle label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.toggle-container{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;display:flex;overflow:hidden}.toggle-option{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;position:relative;transition:all .2s ease}.toggle-option:hover{background:#ffffff0d}.toggle-option.active{background:var(--accent-primary);color:var(--bg-primary);font-weight:600}.toggle-option:disabled{cursor:not-allowed;opacity:.6}.game-type-toggle small{color:var(--text-tertiary);display:block;font-size:.8rem;font-style:italic;margin-top:.5rem}.guest-notice{background:#000;border:1px solid #ffef994d;border-radius:6px;margin:1rem 0;padding:.75rem 1rem;text-align:center}.guest-notice small{color:#ffef99;font-weight:500}
/*# sourceMappingURL=main.78c44ca3.css.map*/