@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;overflow-y:scroll;position:relative;scrollbar-gutter:stable both-edges}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:0!important;margin-right:1rem!important;width:100%!important}.game-info-row>span{text-align:left!important}.game-actions-row{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:8px!important;justify-content:flex-end!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:1px solid #222!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-content{background:#020204f2;border:1px solid #fff3;box-shadow:0 20px 40px #0006;max-height:90vh;max-width:500px}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem 2rem 2rem}.modal-body p{font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group label{color:#ccc;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.modal-body .form-group input{background:#00000080;border:1px solid #888;border-radius:6px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:500;padding:.875rem;transition:all .2s;width:100%}.modal-body .form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 10px #00d4ff4d;outline:none}.modal-body .form-group input:disabled{background-color:#0000004d;color:#666;cursor:not-allowed}.modal-body .form-group input::placeholder{color:#888}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;color:#000;font-size:1rem;font-weight:600;min-width:120px;padding:.875rem 1.5rem}.modal-btn:hover:not(:disabled){box-shadow:0 4px 15px #00d4ff66;transform:translateY(-2px)}.modal-btn:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.modal-btn-secondary{border:1px solid #ffffff4d;border-radius:6px;color:#ccc;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:.875rem 1.5rem;transition:all .2s ease}.modal-btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80;color:#fff}.modal-btn-secondary:disabled{background:#0000;border-color:#333;color:#666;cursor:not-allowed}.modal-body .error-message{background:#ff4d4d1a;border:1px solid #ff4d4d;border-radius:6px;color:#ff4d4d;font-size:.9rem;margin-bottom:1.5rem;padding:.875rem}.modal-body .success-message{background:#22c55e1a;border:1px solid #22c55e;border-radius:6px;color:#22c55e;line-height:1.5;margin-bottom:1.5rem;padding:1rem;text-align:center}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.modal-body,.modal-header{padding:1rem}.modal-actions{flex-direction:column}.modal-btn,.modal-btn-secondary{width:100%}}.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;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}.modal-close{color:#ccc;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 .5rem}.auth-logo-icon{border-radius:10px;box-shadow:0 4px 15px #0003;height:80px;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:.75rem 2.5rem 2.5rem}.auth-form h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;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}.form-actions{flex-direction:column;gap:.75rem}.forgot-password-btn{background:none;border:1px solid #fff3;border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.forgot-password-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--accent-primary);color:var(--accent-secondary)}.forgot-password-btn:disabled{border-color:#333;color:#666;cursor:not-allowed}.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-bottom:.5rem;margin-top:1rem;text-align:center}.guest-login-section{padding:0 2.5rem 2.5rem}.divider{margin:1rem 0 .75rem;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}}.board-resizer{align-items:center;background:#0000001a;border-radius:4px;bottom:-15px;cursor:nw-resize;display:flex;height:20px;justify-content:center;position:absolute;right:-15px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:20px;z-index:100}.board-resizer:hover{background:#0003;transform:scale(1.1)}.board-resizer.resizing{background:#00d4ff4d;transform:scale(1.2)}.resize-handle{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;pointer-events:none}.resize-line{background:#fff;background:var(--text-primary,#fff);height:1px;opacity:.6;transition:all .2s ease;width:8px}.board-resizer.resizing .resize-line,.board-resizer:hover .resize-line{background:#00d4ff;background:var(--accent-primary,#00d4ff);opacity:1}.board-resizer.resizing .resize-line{box-shadow:0 0 4px #00d4ff80}.resizable-board-container{display:inline-block;transition:all .1s ease}.resizable-board-container .chess-board-container,.resizable-chess-board{transition:all .1s ease}body.resizing-board .chess-board-container,body.resizing-board .chess-piece,body.resizing-board .chess-square,body.resizing-board .resizable-board-container,body.resizing-board .resizable-board-container *{animation:none!important;transition:none!important}@media (max-width:768px){.board-resizer{display:none}}.resizable-board-container{--square-size:calc(var(--board-size, 400px)/8);display:block;height:var(--board-size);position:relative;width:var(--board-size)}.responsive-board-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto 1rem;max-width:700px;padding:0 .5rem;position:relative;width:100%}.responsive-board-wrapper .chess-board-container{max-width:100%!important;padding:0;width:100%!important}.responsive-board-wrapper .board-bottom-player,.responsive-board-wrapper .board-top-player{max-width:100%!important;width:100%!important}.responsive-board-wrapper .chess-board{width:100%}.responsive-board-wrapper .board-squares{display:block;width:100%}.responsive-board-wrapper .squares-grid{aspect-ratio:1/1;display:flex;flex-direction:column;width:100%}.responsive-board-wrapper .board-rank{display:flex;flex:1 1}.responsive-board-wrapper .chess-square{flex:1 1;height:auto!important;min-height:0!important;min-width:0!important;width:auto!important}.responsive-board-wrapper .animated-piece .chess-piece{height:100%!important;width:100%!important}.resizable-board-container .chess-board-container{min-width:var(--board-size)!important}.resizable-board-container .board-bottom-player,.resizable-board-container .board-top-player,.resizable-board-container .chess-board-container{max-width:var(--board-size)!important;width:var(--board-size)!important}.resizable-board-container .chess-square,.resizable-board-container .file-label,.resizable-board-container .rank-label{height:var(--square-size)!important;width:var(--square-size)!important}.resizable-board-container .chess-piece{height:calc(var(--square-size)*.9)!important;width:calc(var(--square-size)*.9)!important}.resizable-board-container .teleport-ghost{height:calc(var(--square-size)*.7)!important;width:calc(var(--square-size)*.7)!important}.resizable-board-container .legal-move-indicator{height:calc(var(--square-size)*.2)!important;width:calc(var(--square-size)*.2)!important}.resizable-board-container .animated-piece .chess-piece{height:var(--square-size)!important;width:var(--square-size)!important}.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:1rem;position:relative;width:-webkit-fit-content;width:fit-content}.chess-board{padding:0;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;transition:box-shadow .8s cubic-bezier(.4,0,.2,1)}.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.glow-bottom-right{background:linear-gradient(225deg,var(--bg-tertiary),#00d4ff26,var(--bg-secondary))}.squares-grid.glow-top-right{background:linear-gradient(315deg,var(--bg-tertiary),#00d4ff26,var(--bg-secondary))}.squares-grid.riftchess-border{border:2px solid;border-image:linear-gradient(135deg,#00d4ff99,#000c) 1;position:relative;transition:border-image .8s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.chess-board.white-turn .squares-grid.riftchess-border{border-image:linear-gradient(45deg,#00d4ff66,#000c) 1}.chess-board.black-turn .squares-grid.riftchess-border{border-image:linear-gradient(225deg,#00d4ff66,#000c) 1}.chess-board.white-turn .board-squares{box-shadow:0 20px 60px #ffffff14,0 35px 80px #ffffff0a,0 50px 100px #ffffff05}.chess-board.black-turn .board-squares{box-shadow:0 -20px 60px #ffffff14,0 -35px 80px #ffffff0a,0 -50px 100px #ffffff05}.chess-board.white-turn.enhanced-glow .board-squares{box-shadow:0 15px 45px #ffffff26,0 25px 60px #ffffff14,0 35px 75px #ffffff0a}.chess-board.black-turn.enhanced-glow .board-squares{box-shadow:0 -15px 45px #ffffff26,0 -25px 60px #ffffff14,0 -35px 75px #ffffff0a}.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 #000;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}.chess-square:after,.chess-square:before,.riftchess-border .chess-square.dark:after,.riftchess-border .chess-square.light:after,.riftchess-border .chess-square:after{display:none}.chess-square.dark,.chess-square.light{border-color:#000;color:var(--text-primary)}.chess-square.last-move-from{background:#ffffc826!important}.chess-square.last-move-to{background:#ffffc840!important}.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-square.illegal-teleport{animation:illegalTeleportPulse 1.2s ease-in-out infinite;border-color:#ef4444cc!important;box-shadow:0 0 15px #ef444480,inset 0 0 10px #ef44444d;cursor:not-allowed}@keyframes illegalTeleportPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.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{background:linear-gradient(135deg,#00d4ff33,#00d4ff1a)!important;box-shadow:inset 0 0 0 3px #000000e6;transform:translateY(-2px) scale(1.02)}@keyframes selectedPulse{0%,to{box-shadow:inset 0 0 0 3px #000000e6,0 0 30px #00d4ff66,0 0 15px var(--accent-primary)}50%{box-shadow:inset 0 0 0 3px #000000b3,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}@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}@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}@keyframes greenSpecialPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.02)}}.special-square-icon{pointer-events:none;position:absolute;right:5px;top:-6px;z-index:10}.special-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.3));font-size:.9rem;opacity:.6;text-shadow:0 0 8px #000c,2px 2px 4px #0009}.skull-icon{animation:skulllPulse 2s ease-in-out infinite}.special-red-icon{pointer-events:none;position:absolute;right:5px;top:1px;z-index:10}.spiral-icon{animation:spiralSpin 3s linear infinite}.spiral-icon,.upgrade-icon{color:#fff;font-size:1.5rem}.upgrade-icon{animation:upgradePulse 1.5s ease-in-out infinite;margin-right:2px}@keyframes skulllPulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,0,0,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,0,0,.6));transform:scale(1.1)}}@keyframes spiralSpin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1)}}@keyframes upgradePulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,255,0,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,255,0,.8));transform:scale(1.2)}}.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 1px rgba(0,0,0,.3))}.chess-piece.black-piece:hover .piece-image{filter:drop-shadow(0 0 1px rgba(0,212,255,.3))}.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:.2!important;pointer-events:none}@keyframes ghostFloat{0%,to{opacity:.2;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%{border-color:var(--accent-primary);box-shadow:0 0 15px #00d4ff66,inset 0 0 10px #00d4ff33;opacity:.6;transform:scale(.8)}to{border-color:var(--accent-primary);box-shadow:0 0 15px #00d4ff66,inset 0 0 10px #00d4ff33;opacity:.6;transform:scale(.8)}}@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}.chess-piece.animating-hidden{opacity:0;transition:none}.animated-piece{pointer-events:none;z-index:1000}.animated-piece .chess-piece{align-items:center;display:flex;height:100px;justify-content:center;width:100px}.animated-piece .piece-image{height:85%;width:85%}@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{display:none}@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 2s ease-out forwards;border:4px dashed var(--accent-green)!important}@keyframes promotionGlowAdvanced{0%{border-color:var(--accent-green)!important;box-shadow:0 0 30px var(--accent-green),inset 0 0 15px #10b98180;filter:brightness(1);transform:scale(1)}25%{border-color:var(--accent-green)!important;filter:brightness(1.4);transform:scale(1.2)}50%{border-color:var(--accent-green)!important;filter:brightness(1.8);transform:scale(1.4)}75%{border-color:var(--accent-green)!important;filter:brightness(1.4);transform:scale(1.2)}to{border-color:var(--accent-green)!important;box-shadow:0 0 15px var(--accent-green),inset 0 0 8px #10b9814d;filter:brightness(1);transform:scale(1)}}@media (max-width:1400px){.chess-board-container{box-sizing:border-box;padding:1rem}.chess-board{box-sizing:border-box;padding:0}}@media (max-width:1300px){.chess-board-container{padding:.5rem}.chess-board,.chess-board-container{box-sizing:border-box;max-width:100%;width:100%}.chess-board{align-items:center;display:flex;flex-direction:column;padding:0}}@media (max-width:1250px){.chess-board-container{padding:.25rem}.chess-board,.chess-board-container{box-sizing:border-box;max-width:100%;width:100%}.chess-board{align-items:center;display:flex;flex-direction:column;padding:0}}@media (max-width:900px){.chess-board-container{gap:0}.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:768px){.chess-board-container{gap:.5rem;margin:0;padding:.5rem}.chess-board,.chess-board-container{box-sizing:border-box;max-width:100%;width:100%}.chess-board{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:0}.file-labels,.rank-labels{display:none}.board-squares{display:block;max-width:100vw;width:100%}.squares-grid{aspect-ratio:1;height:auto;width:100%}.chess-square{height:12.5vw;max-height:none;max-width:none;min-height:35px;min-width:35px;width:12.5vw}.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}}@media (max-width:1000px){.chess-board-container{box-sizing:border-box;gap:0;margin:0 auto;max-width:99vw;padding:3px 3px 15px;width:99%}.chess-board{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;padding:0 5px;width:100%}.file-labels,.rank-labels{display:none}.board-squares{display:block;max-width:100%;width:100%}.squares-grid{aspect-ratio:1;height:auto;width:100%}.chess-square{height:calc(12.375vw - 3.75px);max-height:none;max-width:none;min-height:30px;min-width:30px;width:calc(12.375vw - 3.75px)}.chess-piece{height:85%;width:85%}.square-coords{display:none}}@media (max-width:600px){.chess-board-container{box-sizing:border-box;gap:0;margin:0 auto;max-width:99vw;padding:3px 3px 15px;width:99%}.chess-board{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;padding:0 5px;width:100%}.file-labels,.rank-labels{display:none}.board-squares{display:block;max-width:100%;width:100%}.squares-grid{aspect-ratio:1;height:auto;width:100%}.chess-square{height:calc(12.375vw - 3.75px);max-height:none;max-width:none;min-height:30px;min-width:30px;width:calc(12.375vw - 3.75px)}.chess-piece{font-size:1.3rem}.piece-image{height:85%;width:85%}}@media (max-width:480px){.chess-board-container{box-sizing:border-box;gap:0;margin:0 auto;max-width:99vw;padding:3px 3px 15px;width:99%}.chess-board{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;padding:0 5px;width:100%}.file-labels,.rank-labels{display:none}.board-squares{display:block;max-width:100%;width:100%}.squares-grid{aspect-ratio:1;height:auto;width:100%}.chess-square{height:calc(12.375vw - 3.75px);max-height:none;max-width:none;min-height:25px;min-width:25px;width:calc(12.375vw - 3.75px)}.chess-piece{font-size:1.1rem}.piece-image{height:85%;width:85%}}.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}.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;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0}.modal-title-with-icon{align-items:center;display:flex;gap:.75rem}.modal-legend-color{align-items:center;border:1px solid #ffffff4d;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;position:relative;width:28px}.modal-legend-color.death{background:linear-gradient(45deg,var(--accent-red),#dc2626)}.modal-legend-color.teleport{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))}.modal-legend-color.promotion{background:linear-gradient(45deg,var(--accent-green),#059669)}.modal-legend-icon{color:#fff;font-size:14px;left:50%;opacity:.9;position:absolute;text-shadow:0 0 6px #000c;top:50%;transform:translate(-50%,-50%)}.modal-title-death{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,var(--accent-red),#dc2626)!important;-webkit-background-clip:text!important;background-clip:text!important}.modal-title-teleport{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))!important;-webkit-background-clip:text!important;background-clip:text!important}.modal-title-promotion{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,var(--accent-green),#059669)!important;-webkit-background-clip:text!important;background-clip:text!important}.close-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;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}}@media (max-width:1100px){.chess-board.white-turn .board-squares,.chess-board.white-turn.enhanced-glow .board-squares{box-shadow:0 8px 15px #ffffff38,0 12px 20px #ffffff1a}.chess-board.black-turn .board-squares,.chess-board.black-turn.enhanced-glow .board-squares{box-shadow:0 -8px 15px #ffffff38,0 -12px 20px #ffffff1a}}@media (max-width:768px){.chess-board.black-turn .board-squares,.chess-board.black-turn.enhanced-glow .board-squares,.chess-board.white-turn .board-squares,.chess-board.white-turn.enhanced-glow .board-squares{box-shadow:none}}.status-badges,.title-badges,.user-badge-container{align-items:center;display:flex;gap:.25rem}.user-badge{align-items:center;cursor:default;display:flex;font-size:.7rem;font-weight:900;justify-content:center;text-shadow:1px 1px 2px #00000080}.gm-badge{background:#dc2626;border:2px solid #dc2626;border-radius:4px}.gm-badge,.im-badge{color:#fff;height:1.5rem;width:2rem}.im-badge{background:#0891b2;border:2px solid #0891b2;border-radius:4px}.wfm-badge{background:#ec4899;border:2px solid #ec4899;border-radius:4px}.nm-badge,.wfm-badge{color:#fff;height:1.5rem;width:2rem}.nm-badge{background:#b91c1c;border:2px solid #b91c1c;border-radius:4px}.user-badge.premium-badge{font-size:1rem;height:1.5rem;width:1.5rem}.leaderboard-premium-badge,.user-badge.premium-badge{background:#0000;border:none;border-radius:50%;color:#ef4444;text-shadow:1px 1px 2px #0000004d}.leaderboard-premium-badge{font-size:.9rem;height:1.2rem;margin-left:.25rem;transform:translateY(-2px);width:1.2rem}.hero-premium-badge{font-size:1.3rem;height:1.8rem;margin-left:.5rem;width:1.8rem}.hero-premium-badge,.profile-premium-badge{background:#0000;border:none;border-radius:50%;color:#ef4444;text-shadow:1px 1px 2px #0000004d}.profile-premium-badge{cursor:pointer;font-size:1.4rem;height:2rem;margin-left:.4rem;position:relative;width:2rem}.preferences-premium-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);border-radius:50%;box-shadow:0 2px 8px #ffd7004d;color:#1a1a1a;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;left:.5rem;position:absolute;text-shadow:none;top:.5rem;width:24px}.leaderboard-streamer-badge,.streamer-badge{background:#8b5cf6;border:none;border-radius:50%;color:#fff;font-size:0;height:10px;min-height:10px;min-width:10px;width:10px}.leaderboard-streamer-badge{margin-left:.25rem}.profile-streamer-badge{background:#8b5cf6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:0;height:16px;margin-left:.4rem;min-height:16px;min-width:16px;position:relative;width:16px}.leaderboard-badge-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:4px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.8rem;font-weight:500;margin-top:-10px;padding:.4rem .6rem;pointer-events:none;position:fixed;transform:translate(-50%,-100%);white-space:nowrap;z-index:1000}.user-display{align-items:center;display:flex;gap:.5rem}.user-display.inline{flex-direction:row}.user-display.stacked{align-items:flex-start;flex-direction:column}.user-display .title-badges{align-items:center;display:flex;gap:.25rem}.user-display .username{font-weight:600}.user-display .premium-username{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.user-display .gm-username{color:#dc2626!important;font-weight:700}.user-display .im-username{color:#0891b2!important;font-weight:700}.user-display .wfm-username{color:#ec4899!important;font-weight:700}.user-display .nm-username{color:#b91c1c!important;font-weight:700}.user-display .white-username{color:#fff!important;font-weight:700}.premium-star-inline{font-size:13px}.game-container{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto;max-width:1600px;min-height:100vh;padding:.5rem 1rem;width:100%}.game-layout-2col{grid-gap:.5rem;gap:.5rem;grid-template-columns:200px minmax(400px,1fr);justify-content:center}@media (max-width:1200px){.game-layout-2col{grid-template-columns:180px minmax(350px,1fr)}}.game-layout-3col{grid-gap:.25rem;align-items:start;box-sizing:border-box;display:grid;gap:.25rem;grid-template-columns:250px minmax(300px,1fr) 250px;justify-content:center;min-height:100vh;padding:1rem 0;width:100%}@media (max-width:1400px){.game-layout-3col{grid-template-columns:220px minmax(350px,1fr) 220px}}@media (max-width:1300px){.game-layout-3col{grid-template-columns:200px minmax(300px,1fr) 200px}}@media (max-width:1200px){.game-layout-3col{grid-template-columns:180px minmax(280px,1fr) 180px}}@media (max-width:1100px){.game-layout-3col{grid-template-columns:200px minmax(200px,1fr) 200px}}@media (max-width:900px){.game-layout-3col{grid-template-columns:180px minmax(180px,1fr) 180px}}@media (max-width:800px){.game-layout-3col{grid-template-columns:160px minmax(160px,1fr) 160px}}.game-layout-2col{grid-gap:2rem;align-items:start;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:260px 1fr;min-height:100vh;padding:1rem 0;width:100%}.game-header{margin-bottom:1.5rem;width:160px}.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:4rem}.left-column .players-info{margin:0 0 2rem -10px;padding-bottom:1.5rem;padding-top:0;width:160px}.left-column .game-turn-info{border-top:1px solid #222;margin:1.5rem 0 2rem;padding-bottom:1.5rem;padding-top:1.5rem;width:160px}.left-column .error-message{border-top:1px solid #222!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:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2rem;position:relative;width:100%}.board-top-player{border-bottom:1px solid #ffffff1a;margin-bottom:1rem}.board-bottom-player,.board-top-player{align-items:center;background:#ffffff0d;border-radius:0;display:flex;justify-content:space-between;padding:.5rem 1rem;width:800px}.board-bottom-player{border-top:1px solid #ffffff1a;margin-top:1rem}.board-bottom-player .player-name-rating,.board-top-player .player-name-rating{align-items:center;display:flex;gap:.5rem}.board-bottom-player .player-rating,.board-top-player .player-rating{color:var(--text-secondary);font-size:.9rem;font-weight:600}.connection-status-dot{border:1px solid #0009;border-radius:999px;box-shadow:0 0 6px #0009;display:inline-block;height:10px;margin:0 .35rem;width:10px}.connection-status-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55eb3}.connection-status-dot.offline{background:#dc2626;box-shadow:0 0 6px #dc2626b3}.board-bottom-player .player-timer,.board-top-player .player-timer{align-items:center;display:flex}.board-bottom-player .player-clock,.board-top-player .player-clock{color:var(--text-primary);font-family:Chakra Petch,monospace;font-size:1.1rem;font-weight:700}.board-bottom-player.active-player .player-clock,.board-top-player.active-player .player-clock{color:#00d4ff;text-shadow:0 0 10px #00d4ff99}.chess-board-with-players{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.right-column{display:flex;flex-direction:column;gap:1.5rem;padding-top:4rem}.game-loading{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-spinner{font-size:1.5rem}.loading-spinner:after{animation:spin 1s linear infinite;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-top-color:var(--accent-primary);content:"";height:20px;width:20px}.game-header.global{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;width:160px}.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-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;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:160px}.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;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:160px}.draw-offer-status.waiting{border-color:#3b82f680;color:#99c4ff}.draw-offer-status.incoming{border-color:#222;color:var(--text-secondary)}.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;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{background:var(--bg-secondary);border:1px solid #222;border-radius:4px;box-shadow:none;box-sizing:border-box;color:#777;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;transform:none;transition:all .2s ease;width:160px}.flip-button:hover{background:#888;border:1px solid #888!important;box-shadow:none;color:#fff!important;transform:none}.players-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.5rem 0}.players-info.vertical .player{justify-content:flex-start}.player{align-items:stretch;display:flex;flex:1 1;gap:.5rem;position:relative}.player-details{min-width:0;padding-left:30px;width:160px}.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 #777!important;box-shadow:0 0 3px #fff3}.left-column .player-black .player-color{left:auto;right:0}.left-column .player-black .player-details{margin-right:.25rem;padding-right:1.5rem;text-align:right}.left-column .player-black .player-timer-row{flex-direction:row-reverse}.left-column .player-black .player-name{display:flex;flex-direction:row-reverse;justify-content:flex-end;text-align:right}.left-column .player-black .player-color-label,.left-column .player-black .player-rating{text-align:right}.left-column .player-black .player-name .user-display{justify-content:flex-end}.left-column .player-black .player-name .username{text-align:right}.left-column .player-black .player-lost-pieces{background:linear-gradient(270deg,#ff787880 0,#ff787833 30%,#0000 60%);border-radius:0}.left-column .player-black .player-promotions{background:linear-gradient(270deg,#4f46 0,#44ff4426 30%,#0000 60%);border-radius:0}.right-column .player-white .player-lost-pieces,.right-column .player-white .player-promotions{border-radius:0}.left-column-logo{display:flex;justify-content:center;margin:1.5rem 0 .5rem;text-align:center;width:160px}.left-column-logo .logo-icon{border-radius:8px;box-shadow:0 2px 10px #0000001a;display:block;height:120px;width:auto}.left-column-actions .back-button{border:1px solid #222!important;color:#777!important;margin-top:.5rem}.left-column-actions .back-button:hover{border:1px solid #444!important;color:#fff!important}.left-column-actions{display:flex!important;flex-direction:column;gap:.75rem;margin-bottom:1rem;visibility:visible!important;width:160px}.left-column-actions .icon-buttons-row{display:flex!important;flex-direction:row!important;gap:4px!important;justify-content:flex-start!important}.left-column-actions .icon-buttons-row .cancel-draw-button,.left-column-actions .icon-buttons-row .draw-button,.left-column-actions .icon-buttons-row .flip-button,.left-column-actions .icon-buttons-row .resign-button{align-items:center!important;background:#000!important;border:1px solid #222!important;border-radius:0!important;box-sizing:border-box!important;color:#ccc!important;display:inline-flex!important;font-size:18px!important;font-weight:700!important;height:48px!important;justify-content:center!important;margin:0!important;padding:0!important;transition:all .2s ease!important;width:48px!important}.left-column-actions .icon-buttons-row .flip-button:hover{background:#333!important;border-color:#333!important;color:#fff!important}.left-column-actions .icon-buttons-row .cancel-draw-button:hover,.left-column-actions .icon-buttons-row .draw-button:hover{background:#d4a632!important;border-color:#d4a632!important;color:#000!important}.left-column-actions .icon-buttons-row .resign-button:hover{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.icon-buttons-row{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-start!important;margin-bottom:.75rem!important}.left-column-actions .cancel-draw-button,.left-column-actions .draw-button{border:1px solid #222!important;color:#777!important;font-size:.9rem;text-align:center;width:160px}.left-column-actions .cancel-draw-button:hover,.left-column-actions .draw-button:hover{border:1px solid #222!important;color:#fff!important}.left-column-actions .resign-button{background:var(--bg-secondary);border:1px solid #222!important;border-radius:4px;box-shadow:none;box-sizing:border-box;color:#777!important;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.8rem;font-weight:500;padding:.6rem 1.2rem;text-align:center;transform:none;transition:all .2s ease;width:160px}.left-column-actions .resign-button:hover{border:1px solid #444!important;color:#fff!important}.left-column-actions .replay-button{background:#0000!important;border:1px solid var(--accent-primary)!important;border-radius:3px;color:var(--accent-primary)!important;cursor:pointer;display:block!important;font-size:14px;font-weight:500;padding:.6rem 1.2rem;text-align:center;transition:all .2s ease;visibility:visible!important;width:160px}.left-column-actions .replay-button:hover{background:var(--accent-primary)!important;border:1px solid var(--accent-primary)!important;color:#fff!important}.player-name{font-size:.95rem;max-width:180px}.player-color-label{font-family:Chakra Petch,monospace;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.player-black .player-color-label{color:#fff;text-shadow:0 0 8px #ffffff4d}.player-white .player-color-label{color:#f0f0f0;text-shadow:0 0 8px #f0f0f04d}.player-rating{flex-shrink:0}.player-clock{background:#0000;border-radius:999px;min-width:72px;padding:.15rem .5rem;text-align:center}.player.current .player-clock{border-color:var(--accent-primary);box-shadow:0 0 4px #00d4ff1a;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:160px}.player-timer-row .player-clock{color:var(--text-primary);font-size:.9rem;font-weight:600}.player.current .player-clock{color:#00d4ff;text-shadow:0 0 10px #00d4ff99}.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:160px}.player-lost-pieces{background:linear-gradient(90deg,#ff787880 0,#ff787833 30%,#0000 60%)}.player-promotions{background:linear-gradient(90deg,#4f46 0,#44ff4426 30%,#0000 60%)}.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}.lost-piece-image,.promotion-piece-image{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:24px;justify-content:center;object-fit:contain;opacity:.8;width:24px}.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:#0000;border:none;border-radius:12px;box-sizing:border-box;padding:1.5rem;text-align:center;width:160px}.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;flex-direction:column;gap:.25rem;justify-content:center;margin-bottom:1rem}.countdown-number{animation:numberPulse 1s infinite;color:#ff3b30;font-size:4rem;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}.mobile-game-actions{align-items:center;box-sizing:border-box;display:none;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.5rem;width:100%}.mobile-action-buttons{align-items:center;display:flex!important;flex-direction:row!important;justify-content:center}.mobile-action-buttons .cancel-draw-button,.mobile-action-buttons .draw-button,.mobile-action-buttons .flip-button,.mobile-action-buttons .resign-button{align-items:center;border-radius:8px!important;display:flex;font-size:1.2rem;font-weight:700;height:48px!important;justify-content:center;margin-top:0!important;width:48px!important}.mobile-logo{align-items:center;display:flex;justify-content:center}.mobile-logo .logo-icon{height:32px;opacity:.6;width:32px}.mobile-action-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;width:160px}.mobile-action-buttons .cancel-draw-button,.mobile-action-buttons .draw-button{background:var(--bg-secondary);border:1px solid #ffe06699;border-radius:4px;box-shadow:none;box-sizing:border-box;color:#777;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-align:center;transform:none;transition:all .2s ease;width:160px}.mobile-action-buttons .cancel-draw-button:hover,.mobile-action-buttons .draw-button:hover{border:1px solid #222;color:#fff}.mobile-action-buttons .resign-button{background:var(--bg-secondary);border:1px solid #ff787899;border-radius:4px;box-shadow:none;box-sizing:border-box;color:#777;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-align:center;transform:none;transition:all .2s ease;width:160px}.mobile-action-buttons .resign-button:hover{border:1px solid #ff7878cc;color:#fff}.mobile-back-button{display:none}.mobile-game-end-announcement{background:#000000f2;border:1px solid #333;border-radius:8px;box-sizing:border-box;display:none;margin:0 auto 1rem;padding:1rem;text-align:center;width:100%}.mobile-game-end-announcement .announcement-title 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-family:Chakra Petch,monospace;font-size:1.8rem;margin:0 0 .5rem}.mobile-game-end-announcement .announcement-title.draw h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.mobile-game-end-announcement .winner-announcement h2{color:var(--text-secondary);font-family:Chakra Petch,monospace;font-size:1.2rem;margin:0 0 1rem}.mobile-game-end-announcement .mobile-results{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.mobile-game-end-announcement .result-player{align-items:center;background:var(--bg-secondary);border:1px solid #333;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.mobile-game-end-announcement .result-player.winner{background:#4ade801a;border:1px solid #4ade80}.mobile-game-end-announcement .result-player.winner .result-name{color:#4ade80}.mobile-game-end-announcement .result-color{display:none}.mobile-game-end-announcement .result-details{align-items:center;display:flex;flex-direction:column;gap:.2rem;text-align:center}.mobile-game-end-announcement .result-name{color:var(--text-primary);font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:600}.mobile-game-end-announcement .result-rating{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.3rem}.mobile-game-end-announcement .rating-change{border:1px solid;border-radius:3px;font-size:.7rem;font-weight:600;padding:.1rem .3rem}.mobile-game-end-announcement .rating-change.positive{background:#10b9811a;border-color:#10b9814d;color:#10b981}.mobile-game-end-announcement .rating-change.negative{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.mobile-game-end-announcement .result-vs{color:var(--text-secondary);font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:600}.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{align-items:center;background:var(--bg-secondary);border:1px solid #666;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1 45%;flex-direction:column;font-weight:500;gap:.5rem;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:160px}.promotion-cancel:hover{background:var(--bg-tertiary);border-color:#888}.promotion-piece-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 2px rgba(255,255,255,.6));height:40px;object-fit:contain;width:40px}.promotion-piece-label{font-size:.9rem;text-align:center}.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:1000px){.game-container{box-sizing:border-box;margin:0;max-width:100%;padding:5rem 0 0;width:100%!important}.center-column{padding:0 5px;width:100%}.board-bottom-player,.board-top-player{box-sizing:border-box;max-width:100vw!important;width:100%!important}.back-button.top-exit{display:block;margin:0 auto 2rem;max-width:140px;position:static;width:auto}.game-logo .logo-icon{display:none}.game-layout-2col,.game-layout-3col{gap:.5rem;grid-template-columns:1fr;padding:.25rem 0}.game-header{flex-direction:column;margin-bottom:.5rem}.game-header,.players-info{gap:.5rem;text-align:center}.players-info{align-items:flex-start;flex-direction:row;justify-content:space-between;margin:1.5rem 0 .1rem;max-width:100vw;overflow:hidden;padding:.25rem;width:160px}.player,.players-info{box-sizing:border-box;display:flex}.player{align-items:center;flex-direction:column;font-size:.9rem;gap:.25rem;justify-content:center;padding:.5rem;text-align:center;width:48%}.player-black{align-items:flex-end;text-align:right}.player-white{align-items:flex-start;text-align:left}.vs-divider{display:none!important}.game-details{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:.25rem}.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,.right-column{display:none;order:3}.mobile-game-actions{display:flex!important;margin:0 auto;max-width:700px;order:3;width:100%}.center-column{align-items:center;order:1}.special-squares-info{align-items:center;box-sizing:border-box;max-width:100%;text-align:center;width:160px}.special-square-item{justify-content:center;text-align:center}.header-buttons{display:none!important}.left-column .pregame-countdown{display:none}.mobile-countdown{box-sizing:border-box;margin:0 auto 1rem;padding:1rem}.mobile-countdown,.mobile-game-end-announcement{display:block!important;max-width:90vw;width:90%}.mobile-back-button{display:block!important}.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;padding:0;width:100%!important}.center-column{padding:0 5px}.board-bottom-player,.board-top-player{box-sizing:border-box;max-width:100vw!important;width:100%!important}.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{align-items:flex-start;flex-direction:row;gap:.4rem;justify-content:space-between;margin:1.5rem 0 .05rem;max-width:100vw;overflow:hidden;padding:.2rem;width:160px}.player,.players-info{box-sizing:border-box;display:flex;text-align:center}.player{align-items:center;flex-direction:column;font-size:.8rem;gap:.2rem;justify-content:center;padding:.4rem;width:48%}.player-clock{font-size:.9rem;min-width:auto;padding:.1rem .5rem}.header-buttons,.vs-divider{display:none!important}.left-column,.left-column .pregame-countdown,.right-column{display:none}.mobile-game-actions{display:flex!important;margin:0 auto;max-width:1000px;order:3;width:100%}.mobile-countdown{box-sizing:border-box;margin:0 auto 1rem;padding:.8rem}.mobile-countdown,.mobile-game-end-announcement{display:block!important;max-width:90vw;width:90%}.mobile-back-button{display:block!important}.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}}.connection-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.connection-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#222222f2,#000000e6);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #00000080,0 0 20px #00d4ff26;max-width:320px;padding:1.5rem 2rem;text-align:center;width:90%}.connection-modal h3{color:var(--text-primary);font-size:1.3rem;margin:.75rem 0 .5rem}.connection-modal p{color:var(--text-secondary);font-size:.95rem;margin:0}.connection-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top:3px solid var(--accent-primary);height:48px;margin:0 auto;width:48px}.special-squares-info{align-items:center;border-top:1px solid #222;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-top:1.5rem;padding:1rem 0}.special-squares-header{color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-align:center;text-transform:uppercase}.special-squares-row{display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start}.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{align-items:center;border:1px solid #fff3;border-radius:3px;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.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)}.legend-icon{color:#fff;font-size:12px;left:50%;opacity:.8;position:absolute;text-shadow:0 0 4px #000c;top:50%;transform:translate(-50%,-50%)}.move-tracker{border-radius:0;margin-bottom:1.5rem;margin-top:2rem}.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-radius:0;color:#fff;font-size:1rem;font-weight:700;min-width:3rem;padding:.25rem .75rem;text-align:center}.move-tracker-turn{display:none}.move-tracker-separator{background:#222;height:1px;margin:1rem 0}.move-tracker-game-info{align-items:center;display:flex;font-family:Chakra Petch,monospace;font-size:.8rem;gap:.5rem;justify-content:center;margin:.5rem 0;padding:.25rem 0}.move-tracker-time-control{color:var(--text-secondary);font-weight:500}.move-tracker-separator-dot{color:#555}.move-tracker-ranked{color:var(--text-secondary);font-weight:500}.spawn-none{color:var(--text-secondary);font-size:.85rem;font-style:italic;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:#fff;font-family:Chakra Petch,monospace;font-size:1.2rem;font-weight:400;margin:0}.final-results{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:160px}.result-player{align-items:center;background:#0000;border:none;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:none}.result-player.winner .result-name{color:#4ade80}.result-color{display:none}.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 solid #222;border-top:1px solid #222;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;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 #222;box-shadow:none;box-sizing:border-box;color:#777;margin-bottom:0;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}.mobile-connection-alert{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ff4d4df2;border:1px solid #ff4d4d;border-radius:8px;box-shadow:0 4px 15px #ff4d4d4d;color:#fff;font-weight:500;left:20px;padding:12px 16px;position:fixed;right:20px;top:80px;z-index:1000}.connection-status{align-items:center;display:flex;gap:8px;margin-bottom:8px}.connection-actions{display:flex;gap:8px;margin-left:auto}.status-indicator.error{animation:pulse 1.5s infinite;background:#ff4d4d}.reconnect-btn,.refresh-btn{background:#fff3;border:1px solid #fff6;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.reconnect-btn:hover,.refresh-btn:hover{background:#ffffff4d;border-color:#fff9}.connection-hint{font-size:.85rem;line-height:1.3;margin:0;opacity:.9}.waiting-for-player-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.waiting-modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #444;border-radius:15px;box-shadow:0 10px 30px #00000080;max-width:400px;padding:2rem;text-align:center;width:90%}.waiting-modal-content h3{color:#fff;font-size:1.4rem;font-weight:600;margin:1rem 0 .5rem}.waiting-modal-content p{color:#ccc;font-size:1rem;line-height:1.4;margin:.5rem 0 0}.waiting-modal-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.waiting-modal-actions .cancel-button{align-self:stretch;max-width:none;width:100%}.waiting-cancel-error{margin:0!important;text-align:center!important}.waiting-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#0f8;border-radius:50%;height:50px;margin:0 auto 1rem;width:50px}.rematch-button{background:var(--bg-secondary);border:1px solid #4caf50;border-radius:var(--border-radius);box-sizing:border-box;color:#4caf50;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-align:center;transition:all .2s ease}.rematch-button:hover{background:var(--bg-tertiary);border-color:#4caf50;box-shadow:none;color:#4caf50;transform:none}.rematch-accept{background:var(--bg-secondary);border:1px solid #4caf50;border-radius:var(--border-radius);color:#4caf50;cursor:pointer;flex:1 1;font-family:Chakra Petch,monospace;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.rematch-accept:hover{background:var(--bg-tertiary);border-color:#4caf50;color:#4caf50}.rematch-decline{background:var(--bg-secondary);border:1px solid #f44336;border-radius:var(--border-radius);color:#f44336;cursor:pointer;flex:1 1;font-family:Chakra Petch,monospace;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.rematch-decline:hover{background:var(--bg-tertiary);border-color:#f44336;color:#f44336}.rematch-status{font-size:.9rem;padding:.6rem}.rematch-status,.rematch-status-small{color:var(--text-secondary);font-family:Chakra Petch,monospace;text-align:center}.rematch-status-small{font-size:.8rem;padding:.4rem}.left-column-actions .rematch-button{border:1px solid #4caf50!important;color:#777!important;margin-top:.5rem;text-align:center;width:160px}.left-column-actions .rematch-button:hover{background:#4caf50!important;border:1px solid #4caf50!important;color:#fff!important}.session-wins{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;margin:.75rem 0;padding:.75rem}.session-wins-header{color:var(--text-secondary);font-family:Chakra Petch,monospace;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-align:center;text-transform:uppercase}.session-wins-display{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.session-player-score{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.2rem}.session-player-score.white .player-name{color:#fff}.session-player-score.black .player-name{color:#666}.session-player-score .player-name{font-family:Chakra Petch,monospace;font-size:.75rem;font-weight:500;max-width:60px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.session-player-score .player-wins{color:var(--accent-primary);font-family:Chakra Petch,monospace;font-size:1.2rem;font-weight:700}.session-separator{color:var(--text-secondary);flex-shrink:0;font-size:1rem;font-weight:700}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.accept-button{background:#22c55e;border:1px solid #22c55e;border-radius:4px;color:#fff;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}.accept-button:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 2px 8px #22c55e4d;transform:translateY(-1px)}.cancel-button{background:var(--bg-secondary);border:1px solid #dc3545;border-radius:4px;color:#dc3545;font-size:.9rem;min-width:100px;padding:.75rem 1.5rem;text-align:center}.cancel-button:hover{background:#dc35451a;border-color:#dc3545;box-shadow:0 2px 8px #dc354533;color:#dc3545;transform:translateY(-1px)}.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}.profile-avatar-section{align-items:center;display:flex;gap:2rem}.profile-avatar{display:none}.profile-info{min-width:0}.profile-image{background:#000c;border:4px solid #fff3;border-radius:50%;height:120px;object-fit:cover;padding:8px;transition:all .3s ease;width:120px}.profile-image:hover{border-color:#fff6;transform:scale(1.05)}.profile-info h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;gap:.5rem;line-height:1.2;margin:0 0 .5rem}.profile-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.premium-star{-webkit-text-fill-color:#ef4444!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#ef4444!important;display:inline-block;filter:drop-shadow(0 0 8px rgba(239,68,68,.6));font-size:2.2rem!important;margin-left:.5rem;text-shadow:2px 2px 4px #00000080}.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}.back-arrow{font-size:1rem}.back-text{font-size:.875rem}@media (max-width:768px){.profile-avatar-section{flex-direction:column;gap:1rem;text-align:center}.profile-image{height:100px;width:100px}.profile-info h1{font-size:2rem}}.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);color:var(--bg-primary);font-family:Chakra Petch,monospace;transition:all .3s ease}.retry-button:hover{background:var(--accent-secondary)}.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{border:1px solid var(--border-secondary);color:var(--text-secondary);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{color:var(--accent-primary);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}.subscription-card{grid-column:1/-1}.subscription-loading{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.subscription-details{gap:2rem}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-status{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.status-badge{border-radius:1rem;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.status-badge.active{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-badge.canceled{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.status-badge.incomplete{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.plan-type{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-transform:capitalize}.subscription-period{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:.5rem;padding:1.5rem}.period-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.period-info label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.period-info span{color:var(--text-primary);font-weight:500}.cancellation-notice,.grace-period-notice{border-left:4px solid;border-radius:.5rem;padding:1rem}.cancellation-notice{background:#ef44441a;border-color:#ef444480}.grace-period-notice{background:#fbbf241a;border-color:#fbbf2480}.warning-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.subscription-actions{border-top:1px solid var(--border-secondary);flex-direction:column;padding-top:1.5rem}.reactivate-button{align-self:flex-start;background:linear-gradient(45deg,#22c55e,#10b981);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:Chakra Petch,monospace;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.reactivate-button:hover:not(:disabled){box-shadow:0 4px 15px #22c55e4d;transform:translateY(-2px)}.reactivate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-button{align-self:flex-start;background:#0000;border:1px solid #ef444480;border-radius:.5rem;color:#ef4444;cursor:pointer;font-family:Chakra Petch,monospace;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#ef44441a;border-color:#ef4444cc;transform:translateY(-1px)}.cancel-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscription-note{color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.5}.no-subscription{background:var(--bg-secondary);border:1px dashed var(--border-secondary);border-radius:.5rem;color:var(--text-secondary);padding:2rem;text-align:center}.match-history-card{grid-column:span 2}.match-history-list{gap:.75rem}.match-history-item{background:#14141480;border:1px solid #5eead41a;border-radius:.75rem;gap:1rem}.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}.replay-button{background:#298dff1a;border:1px solid #298dff4d;border-radius:.5rem;color:#298dff;flex-shrink:0;height:2.5rem;min-width:2.5rem}.replay-button:hover{background:#298dff33;border-color:#298dff80}.replay-button:active{transform:translateY(0)}.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}.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%}.subscription-status{gap:.75rem}.period-info,.subscription-status{align-items:stretch;flex-direction:column}.period-info{gap:.5rem;text-align:center}.cancel-button,.reactivate-button{align-self:stretch;padding:.75rem 1rem}}@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:10rem auto 0;max-width:1200px;min-height:100vh;padding:2rem 1rem}.public-profile-header{margin-bottom:6rem}.profile-header-content{align-items:flex-end;display:flex;gap:1.5rem;justify-content:space-between;margin:0;max-width:1200px;width:100%}.public-profile-container .profile-avatar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;filter:none!important;flex-shrink:0;height:150px!important;mix-blend-mode:normal!important;outline:none!important;position:static!important;width:150px!important}.public-profile-container .profile-avatar:after,.public-profile-container .profile-avatar:before{display:none!important}.public-profile-container .profile-image{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;background-color:initial!important;border:2px solid #fff3!important;border-radius:50%;box-shadow:none!important;filter:none!important;height:150px;margin-bottom:0;mix-blend-mode:normal!important;object-fit:cover;outline:none!important;position:static!important;transform:none!important;transition:none!important;width:150px;z-index:auto!important}.profile-avatar:after,.profile-avatar:before,.profile-image:after,.profile-image:before{display:none!important}.profile-avatar,.profile-avatar *,.profile-image{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important}.profile-image:hover{transform:none!important}.profile-info{flex:1 1;justify-content:flex-end;margin-left:2rem;width:100%}.profile-name-section{display:flex;flex-direction:column;width:100%}.name-and-button-row{align-items:center;display:flex;gap:1rem}.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;line-height:1.2;margin:0}.profile-medals{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.medal{font-size:1rem;height:32px;width:32px}.beta-medal{box-shadow:0 4px 8px #fbbf244d}.beta-medal:hover{box-shadow:0 6px 12px #fbbf2480;transform:scale(1.1) rotate(5deg)}.badge-image{height:auto;object-fit:contain;width:50px}.medal.badge-with-image{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.badge-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-weight:500;margin-top:-8px;padding:.5rem .75rem;pointer-events:none;position:fixed;transform:translate(-50%,-100%);z-index:1000}.badge-tooltip,.profile-badge{font-size:.875rem;white-space:nowrap}.profile-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:1rem;color:#22c55e;font-weight:600;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}.loading-spinner{animation:none!important;transform:none!important}.add-friend-btn{align-self:flex-start;background:#1d4ed8;color:#000!important;font-size:13px;padding:6px 12px;white-space:nowrap}.add-friend-btn:hover:not(:disabled){background:#1d40af}.add-friend-btn:disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed}.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{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.profile-card h2,.public-profile-container h2,h2{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important}.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:#777;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;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.stats-grid-single-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-item{text-align:center}.stat-number{color:#777;margin-bottom:.5rem}.stat-label{letter-spacing:.05em}.no-games-message{color:var(--text-secondary);font-style:italic;text-align:center}.medals-card{grid-column:1/-1;text-align:center}.medals-container{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.medal,.medals-container{align-items:center;justify-content:center}.medal{border-radius:50%;box-shadow:0 4px 8px #0003;cursor:help;display:inline-flex;font-size:1.2rem;font-weight:700;height:48px;transition:all .3s ease;width:48px}.medal:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.1) rotate(5deg)}.beta-medal{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;color:#000}.games-medal{background:linear-gradient(135deg,#0891b2,#0891b2);border:2px solid #0891b2;color:#fff}.winner-medal{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;color:#000}.skilled-medal{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #8b5cf6;color:#fff}.premium-medal{background:var(--accent-red);border:2px solid var(--accent-red);box-shadow:0 4px 8px #ef44444d;color:#fff}.beta-medal{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.beta-medal,.streamer-medal{border:2px solid #8b5cf6;color:#fff}.streamer-medal{background:linear-gradient(135deg,#8b5cf6,#a855f7);font-size:1rem}.gm-medal{background:#dc2626;border:2px solid #dc2626;border-radius:4px!important}.gm-medal,.im-medal{align-items:center;color:#fff;display:flex;font-size:.7rem;font-weight:900;height:1.5rem;justify-content:center;text-shadow:1px 1px 2px #00000080;width:2rem}.im-medal{background:#0891b2;border:2px solid #0891b2;border-radius:4px!important}.name-section{align-items:flex-end;display:flex;flex:1 1}.status-badges-section{align-items:flex-end;display:flex;justify-content:flex-end}.profile-separator{align-self:center;background:linear-gradient(180deg,#0000,#ffffff4d,#0000);height:40px;margin:0 1rem;width:1px}.title-badges-container{align-items:center;display:flex;gap:.5rem}.profile-main-username{font-size:2.5rem;font-weight:700;margin:0}.public-profile-container .premium-star-inline{color:#ef4444!important;font-size:1.5rem!important;line-height:1!important;margin-left:.25rem!important;position:relative;top:-.2rem;vertical-align:initial!important}.badges-container{align-items:center;display:flex;gap:.5rem;margin-left:auto}.premium-star-container .premium-medal{font-size:1.2rem!important;height:auto!important;min-width:auto!important;padding:.3rem .5rem!important}.profile-header-row{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-bottom:.5rem}.add-friend-btn-round{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.add-friend-btn-round:hover{background:#fff3;border-color:#fff9;transform:scale(1.05)}.add-friend-btn-round:disabled{background:#22c55e33;border-color:#22c55e80;cursor:not-allowed;opacity:.6}.add-friend-btn-round.friends-btn{background:#22c55e26;border-color:#22c55ecc;opacity:1}.add-friend-btn-round.friends-btn:hover{background:#22c55e40;border-color:#22c55e;transform:scale(1.05)}.profile-actions-row{align-items:center;display:flex;gap:1rem}.premium-username{color:var(--accent-red)!important;flex-shrink:0}.name-and-premium-row h1{flex-shrink:0;margin:0}.premium-avatar .profile-image{border:3px solid var(--accent-red)!important;box-shadow:0 0 15px #ef44444d!important}.medal{cursor:default!important}.public-profile-container.premium .profile-card{background:#020204cc;border:1px solid #0000;border-radius:12px;position:relative}.public-profile-container.premium .profile-card:before{background:linear-gradient(180deg,#ef444499,#fff3);border-radius:12px;bottom:0;content:"";left:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:1px;pointer-events:none;position:absolute;right:0;top:0}.public-profile-container.premium .profile-card:hover{background:#0a0a0ce6}.public-profile-container.premium .profile-card:hover:before{background:linear-gradient(180deg,#ef4444b3,#ffffff4d)}.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:#777;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}.rating-unranked{color:#9ca3af;font-size:.85rem;font-weight:500;text-align:center}.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}.profile-header-content{align-items:center;flex-direction:column;gap:1rem;text-align:center}.profile-info,.profile-name-section{align-items:center}.public-profile-header h1{font-size:2rem}.profile-image{height:100px;width:100px}.profile-medals{justify-content:center}.top-row{gap:1.5rem;grid-template-columns:1fr}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stats-grid-single-row{gap:.5rem;grid-template-columns:repeat(4,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}.stats-grid-single-row{gap:.5rem;grid-template-columns:repeat(2,1fr)}.rating-chart-container{height:150px}.profile-card{padding:1.5rem}}.load-more-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.load-more-button{background:#000;border:1px solid #333;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#777;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.load-more-button:hover:not(:disabled){border-color:#555;box-shadow:0 6px 12px -2px #00000026;color:#fff;transform:translateY(-1px)}.load-more-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.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-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;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),#0891b2);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:#000;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{gap:.75rem;justify-content:center}.player-col{text-align:center}.player-name{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;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);display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px}.theme-card.disabled{border-color:var(--border-secondary);cursor:not-allowed;opacity:.6}.theme-card.disabled:hover{border-color:var(--border-secondary);box-shadow:none;transform:none}.theme-card.disabled .theme-info p{color:var(--text-muted);font-style:italic}.preview-board{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}}.sound-controls{width:100%}.volume-control{display:flex;flex-direction:column;gap:1rem}.volume-control label{color:var(--text-primary);font-size:1rem;font-weight:600}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;width:20px}.volume-slider::-moz-range-thumb{background:var(--accent-primary);border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;width:20px}.volume-slider::-webkit-slider-track{background:var(--bg-tertiary);border-radius:3px;height:6px}.volume-slider::-moz-range-track{background:var(--bg-tertiary);border:none;border-radius:3px;height:6px}.volume-labels{display:flex;font-size:1.2rem;justify-content:space-between;opacity:.7}.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;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)}.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}}.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%}.modal-header{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:#0891b2;border-color:#0891b2;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:#0891b2}.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}}.quest-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quest-modal-content{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#111,#1a1a1a);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;position:relative;width:90%}.quest-modal-content:before{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));content:"";height:2px;left:0;position:absolute;right:0;top:0}.quest-modal-header{align-items:center;border-bottom:1px solid var(--border-solid);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}.quest-modal-header h2{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.quest-modal-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:all .2s ease}.quest-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.quest-modal-body{padding:2rem;text-align:center}.quest-modal-icon{font-size:3rem;margin-bottom:1rem}.quest-modal-body p{color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem}.quest-modal-body p:first-of-type{font-size:1.1rem;font-weight:500}.quest-modal-body ul{margin:1.5rem auto;max-width:300px;padding-left:1.5rem;text-align:left}.quest-modal-body li{color:var(--text-secondary);margin-bottom:.5rem;position:relative}.quest-modal-body li::marker{color:var(--accent-primary)}.quest-modal-footer{display:flex;gap:1rem;justify-content:center;padding:1.5rem 2rem 2rem}.quest-modal-cancel,.quest-modal-create{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.quest-modal-cancel{background:#0000;border:1px solid var(--border-solid);color:var(--text-secondary)}.quest-modal-cancel:hover{background:#ffffff0d;border-color:var(--border-primary);color:var(--text-primary)}.quest-modal-create{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));box-shadow:var(--shadow-glow);color:#000}.quest-modal-create:hover{box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}@media (max-width:768px){.quest-modal-content{margin:1rem;width:95%}.quest-modal-body,.quest-modal-footer,.quest-modal-header{padding:1rem}.quest-modal-footer{flex-direction:column}.quest-modal-body ul{max-width:100%}}.premium-tournament-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.premium-tournament-modal-content{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#111,#1a1a1a);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);max-width:550px;overflow:hidden;position:relative;width:90%}.premium-tournament-modal-content:before{background:linear-gradient(45deg,#22c55e,#16a34a,#15803d);content:"";height:2px;left:0;position:absolute;right:0;top:0}.premium-tournament-modal-header{align-items:center;border-bottom:1px solid var(--border-solid);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}.premium-tournament-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.premium-tournament-modal-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:all .2s ease}.premium-tournament-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.premium-tournament-modal-body{padding:2rem;text-align:center}.premium-icon{font-size:3rem;margin-bottom:1rem}.premium-star{animation:starGlow 2s ease-in-out infinite alternate;color:#22c55e;text-shadow:0 0 10px #22c55e80}@keyframes starGlow{0%{text-shadow:0 0 10px #22c55e80}to{text-shadow:0 0 20px #22c55ecc,0 0 30px #22c55e4d}}.premium-message{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem}.premium-tournament-modal-body p{color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.premium-benefits{list-style:none;margin:1.5rem auto;max-width:350px;padding-left:0;text-align:left}.premium-benefits li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem}.premium-benefits li:before{color:#22c55e;font-size:1rem;top:0}.premium-pricing{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin:1.5rem auto;padding:1rem;text-align:center}.pricing-highlight{align-items:center;display:flex;flex-direction:column;gap:.25rem}.price{color:#22c55e;font-size:.85rem;font-weight:700}.savings{color:var(--text-secondary);font-size:.75rem}.premium-tournament-modal-footer{display:flex;gap:1rem;justify-content:center;padding:1.5rem 2rem 2rem}.premium-tournament-modal-cancel,.premium-tournament-modal-upgrade{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.premium-tournament-modal-cancel{background:#0000;border:1px solid var(--border-solid);color:var(--text-secondary)}.premium-tournament-modal-cancel:hover{background:#ffffff0d;border-color:var(--border-primary);color:var(--text-primary)}.premium-tournament-modal-upgrade{background:linear-gradient(45deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e4d;color:#000;overflow:hidden;position:relative}.premium-tournament-modal-upgrade:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.premium-tournament-modal-upgrade:hover:before{left:100%}.premium-tournament-modal-upgrade:hover{box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.premium-tournament-modal-content{margin:1rem;width:95%}.premium-tournament-modal-body,.premium-tournament-modal-footer,.premium-tournament-modal-header{padding:1rem}.premium-tournament-modal-footer{flex-direction:column}.premium-benefits{max-width:100%}.premium-pricing{margin:1rem auto;max-width:100%;padding:.75rem}.price{font-size:.8rem}.savings{font-size:.7rem}}.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}.modal-content{animation:modalSlideIn .2s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-xl);color:var(--text-primary);max-width:450px;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;border-bottom:1px solid var(--border-solid);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header h2{color:var(--text-primary);font-size:1.25rem;margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;text-align:center}.modal-description{color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.modal-action-btn{background:var(--accent-primary);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.modal-action-btn:hover:not(:disabled){background:#00b4d8;box-shadow:0 0 15px #00d4ff4d}.modal-action-btn:disabled{cursor:not-allowed;opacity:.6}.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;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{align-items:center;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:center}.section-header h2{color:var(--accent-primary);font-size:1.8rem;margin-bottom:0}.section-header p{color:#888}.history-btn{background:#0000;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.history-btn:hover{background:var(--accent-primary);color:#0d1117}.all-tournaments .tournaments-grid,.big-tournaments .tournaments-grid,.test-tournaments .tournaments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.sitgo-tournaments .tournaments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,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.coming-soon,.tournament-status.completed{background:#80808033;border:1px solid #888;color:#888}.tournament-status.coming-soon{position:relative}.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}.empty-state p{margin-bottom:1rem}.loading-spinner{grid-column:1/-1;padding:3rem;text-align:center}.spinner{border:3px solid #333;border-top:3px solid var(--accent-primary);margin:0 auto 1rem}@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}.big-tournaments .tournaments-grid,.sitgo-tournaments .tournaments-grid,.test-tournaments .tournaments-grid,.tournaments-grid{grid-template-columns:1fr!important}.sitgo-options{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;position:relative}.tournament-format-section:last-child{margin-bottom:0}.sitgo-coming-soon-wrapper{display:block;position:relative}.sitgo-coming-soon-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:3px;bottom:0;cursor:not-allowed;display:flex;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0;z-index:10}.sitgo-coming-soon-text{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:1px;text-align:center;text-shadow:0 2px 8px #000c;white-space:nowrap}.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-history{margin:0 auto;max-width:1200px}.history-list{display:flex;flex-direction:column;gap:1.5rem}.history-tournament-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-tournament-card:hover{border-color:#ffffff4d;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.history-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.history-info{flex:1 1}.history-name{-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.5rem;font-weight:700;margin-bottom:.75rem}.history-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.history-date,.history-time-control,.history-type{border-radius:12px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.history-type{background:#3b82f633;border:1px solid #3b82f666;color:#3b82f6}.history-time-control{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.history-date{background:#a855f733;border:1px solid #a855f766;color:#a855f7}.history-actions{align-items:flex-start;display:flex}.history-details-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Chakra Petch,monospace;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.history-details-btn:hover{box-shadow:0 4px 15px #0ff6;transform:translateY(-2px)}.history-standings{border-top:1px solid #ffffff1a;padding-top:1.5rem}.history-standings h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.standings-grid{grid-gap:.75rem;display:grid;gap:.75rem}.standing-row{grid-gap:1rem;align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:auto 1fr auto auto;padding:.75rem;transition:all .2s ease}.standing-row.podium{background:linear-gradient(90deg,#ffd7001a,#0000004d);border-color:#ffd7004d}.standing-row:hover{border-color:#ffffff4d;transform:translateX(4px)}.standing-position{font-size:1.1rem;font-weight:700;min-width:50px;text-align:center}.standing-position.first{color:gold}.standing-position.second{color:silver}.standing-position.third{color:#cd7f32}.standing-name{color:var(--text-primary);font-size:1rem;font-weight:600}.standing-points{color:var(--accent-primary);font-size:1rem;font-weight:700}.standing-record{color:#888;display:flex;font-size:.8rem;gap:.5rem}.standing-record .wins{color:#22c55e}.standing-record .draws{color:orange}.standing-record .losses{color:#ef4444}.standings-more{border-top:1px solid #ffffff1a;color:#888;font-style:italic;margin-top:.5rem;padding:.5rem;text-align:center}.disabled-tournament{filter:grayscale(.6);opacity:.8;pointer-events:none}.disabled-badge,.disabled-text{color:#666!important}.disabled-badge{background:#80808033!important;border-color:#666!important}.disabled-actions{align-items:center;display:flex;justify-content:center;width:100%}.disabled-message{color:#888;font-size:.9rem;font-style:italic;padding:.75rem;text-align:center}@media (max-width:768px){.history-header{align-items:stretch;flex-direction:column}.history-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.standing-row{gap:.75rem;grid-template-columns:auto 1fr}.standing-points,.standing-record{grid-column:2;justify-self:end}.standing-record{margin-top:.25rem}}.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-header-dtls{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:10px}.tournament-title-section-dtls h1{color:#fff;flex:1 1;font-size:32px;font-weight:700;margin:0}.tournament-controls-dtls{align-items:center;display:flex;gap:1rem}.live-indicator-dtls{align-items:center;background:#ef444433;border:1px solid #ef4444;border-radius:20px;color:#ef4444;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.live-dot-dtls{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.refresh-btn-dtls{align-items:center;background:#3b82f633;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:all .2s ease}.refresh-btn-dtls:hover:not(:disabled){background:#3b82f64d;transform:scale(1.1)}.refresh-btn-dtls.refreshing{animation:spin-refresh 1s linear infinite;background:#22c55e33;border-color:#22c55e;color:#22c55e}.refresh-btn-dtls:disabled{cursor:not-allowed;opacity:.5}@keyframes spin-refresh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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{font-size:16px;text-align:left}.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{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-name-section-compact-dtls,.player-name-section-dtls{align-items:center;display:flex;gap:.5rem;text-align:left}.title-badge,.title-badge-compact{border-radius:3px;color:#fff;font-size:.65rem;font-weight:900;padding:2px 6px;text-shadow:1px 1px 2px #00000080}.title-badge-compact.gm,.title-badge.gm{background:#dc2626}.title-badge-compact.nm,.title-badge.nm{background:#b91c1c}.title-badge-compact.im,.title-badge.im{background:#0891b2}.title-badge-compact.wfm,.title-badge.wfm{background:#ec4899}.premium-star-compact,.premium-star-dtls{color:#ef4444;font-size:.9rem;margin-left:.25rem}.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-align:left;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}.see-all-players-btn-dtls{background:#0000;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;text-align:center;transition:all .2s ease;width:100%}.see-all-players-btn-dtls:hover{background:var(--accent-primary);color:#000;transform:translateY(-1px)}.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-header-dtls{align-items:stretch;flex-direction:column;gap:.75rem}.tournament-controls-dtls{justify-content:center}.tournament-title-section-dtls h1{font-size:24px;text-align:center}.tournament-description-dtls{font-size:16px;text-align:center}.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}}.tournament-bracket-tab-dtls{padding:2rem 0}.bracket-container-dtls{margin:0 auto;max-width:1200px}.bracket-header-dtls{margin-bottom:2rem;text-align:center}.bracket-header-dtls h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.bracket-header-dtls p{color:#888;font-size:1.1rem}.bracket-rounds-dtls{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.bracket-round-dtls{display:flex;flex-direction:column;gap:1rem}.bracket-round-dtls h4{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02020499;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding:.75rem;text-align:center}.bracket-matches-dtls{display:flex;flex-direction:column;gap:1.5rem}.bracket-match-card-dtls{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bracket-match-card-dtls:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.bracket-match-card-dtls:hover{border-color:#ffffff4d;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.match-players-dtls{margin-bottom:1rem}.match-player-dtls,.match-players-dtls{align-items:center;display:flex;justify-content:space-between}.match-player-dtls{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;padding:1rem;transition:all .2s ease}.match-player-dtls.winner{background:#22c55e33;border-color:#22c55e80;color:#22c55e;font-weight:600}.player-name-dtls{font-size:1rem;font-weight:500}.player-score-dtls{color:var(--accent-primary);font-size:1.2rem;font-weight:700;min-width:30px;text-align:center}.match-player-dtls.winner .player-score-dtls{color:#22c55e}.match-vs-dtls{color:#888;font-size:.9rem;font-weight:600;margin:0 1rem}.match-status-dtls{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.match-status-dtls.completed{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.match-status-dtls.pending{background:#ffa50033;border:1px solid #ffa50066;color:orange}.match-status-dtls.active{background:#3b82f633;border:1px solid #3b82f666;color:#3b82f6}.match-status-dtls.bye{background:#80808033;border:1px solid #80808066;color:#888}.bracket-match-card-dtls.user-match{background:#22c55e1a;border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.bracket-match-card-dtls.clickable{cursor:pointer}.bracket-match-card-dtls.clickable:hover{border-color:#60a5fa;box-shadow:0 12px 30px #60a5fa66;transform:translateY(-4px)}.bracket-match-card-dtls.user-match.clickable:hover{border-color:#16a34a;box-shadow:0 12px 30px #22c55e80}.tournament-mygames-tab-dtls{padding:2rem 0}.mygames-container-dtls{margin:0 auto;max-width:1000px}.mygames-header-dtls{margin-bottom:2rem;text-align:center}.mygames-header-dtls h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.mygames-header-dtls p{color:#888;font-size:1.1rem}.mygames-list-dtls{display:flex;flex-direction:column;gap:1rem}.mygame-card-dtls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020204cc;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mygame-card-dtls.active-game{background:#22c55e1a;border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.mygame-card-dtls.completed-game{background:#8080801a;border-color:#ffffff1a}.mygame-card-dtls.clickable{cursor:pointer}.mygame-card-dtls.clickable:hover{border-color:#60a5fa;box-shadow:0 8px 25px #60a5fa66;transform:translateY(-2px)}.mygame-card-dtls.active-game.clickable:hover{border-color:#16a34a;box-shadow:0 8px 25px #22c55e80}.mygame-info-dtls{flex:1 1}.mygame-players-dtls{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.mygame-player-dtls{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;min-width:100px;padding:.75rem}.mygame-player-dtls.current-user{background:#22c55e33;border-color:#22c55e80}.player-color-dtls{color:#888;font-size:.8rem;font-weight:500;text-transform:uppercase}.player-name-dtls{color:#fff;font-weight:600}.mygame-player-dtls.current-user .player-name-dtls{color:#22c55e}.mygame-vs-dtls{color:#888;font-size:.9rem;font-weight:600}.mygame-details-dtls{align-items:center;display:flex;gap:1rem}.mygame-round-dtls{background:#3b82f633;border:1px solid #3b82f666;border-radius:15px;color:#3b82f6}.mygame-result-dtls,.mygame-round-dtls{font-size:.85rem;font-weight:600;padding:.25rem .75rem}.mygame-result-dtls{border-radius:15px;letter-spacing:.5px;text-transform:uppercase}.mygame-result-dtls.victory{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.mygame-result-dtls.defeat{background:#ef444433;border:1px solid #ef444466;color:#ef4444}.mygame-result-dtls.draw{background:#ffa50033;border:1px solid #ffa50066;color:orange}.mygame-status-dtls{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-width:120px;padding:.75rem 1.5rem;text-align:center;text-transform:uppercase}.mygame-status-dtls.active{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.mygame-status-dtls.completed{background:#80808033;border:1px solid #80808066;color:#888}@media (max-width:768px){.bracket-rounds-dtls{gap:1.5rem;grid-template-columns:1fr}.bracket-match-card-dtls{padding:1rem}.match-players-dtls{flex-direction:column;gap:.5rem}.match-vs-dtls{margin:.5rem 0}.match-player-dtls{width:100%}.mygame-card-dtls{align-items:stretch;flex-direction:column;gap:1rem}.mygame-players-dtls{flex-direction:column;gap:.5rem}.mygame-player-dtls{width:100%}.mygame-details-dtls{justify-content:center}.mygame-status-dtls{min-width:auto;width:100%}}.prize-distribution-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.prize-row{align-items:flex-start;display:flex;font-size:.9em;justify-content:space-between;padding:.25rem 0}.prize-position{color:#ccc;font-weight:500;min-width:3rem}.prize-amount{color:#0ff;color:var(--accent-primary,#0ff);font-weight:600;text-align:right}.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;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:#0891b2}.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}::-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{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);font-family:Inter,system-ui,sans-serif;font-weight:500;padding:.75rem 2rem}.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%}}.premium-container{color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.premium-content{display:flex;flex-direction:column;gap:3rem}.premium-header{margin-bottom:0;text-align:center}.back-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;left:2rem;padding:.75rem 1.5rem;position:absolute;top:2rem;transition:all .2s ease}.back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.premium-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:3rem}.premium-star{box-shadow:none;color:#ef4444;filter:none;font-size:inherit;text-shadow:none}.status-display{font-size:1.1rem;margin-bottom:1rem;margin-top:.5rem}.subscription-details{margin-top:1rem}.premium-subtitle{line-height:1.6;margin:0 auto;max-width:600px}.premium-loading,.premium-subtitle{color:var(--text-secondary);font-size:1.2rem}.premium-loading{margin:4rem 0;text-align:center}.subscription-active-section{display:flex;flex-direction:column;gap:2rem}.active-subscription-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-glow);display:flex;justify-content:space-between;padding:2rem}.subscription-status h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1rem}.subscription-details{display:flex;flex-direction:column;gap:.5rem}.subscription-details p{color:var(--text-secondary);margin:0}.cancellation-notice{color:var(--accent-orange);font-weight:500}.subscription-actions{display:flex;gap:1rem}.cancel-btn,.reactivate-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.reactivate-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));color:#000}.reactivate-btn:hover{box-shadow:0 4px 15px #00d4ff66;transform:translateY(-2px)}.cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-solid);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.payment-history-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.payment-history-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem}.payment-history-list{display:flex;flex-direction:column;gap:1rem}.payment-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-solid);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.payment-details{display:flex;flex-direction:column;gap:.25rem}.payment-description{color:var(--text-primary);font-weight:500}.payment-date{color:var(--text-secondary);font-size:.9rem}.payment-amount{color:var(--accent-primary);font-weight:600}.premium-benefits-overview{background:#0000;border:none;border-radius:16px;padding:3rem}.premium-benefits-overview h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:0;text-align:center}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.benefit-item{background:var(--bg-tertiary);border:1px solid var(--border-solid);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.benefit-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.benefit-item h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.benefit-item p{color:var(--text-secondary);line-height:1.5;margin:0}.pricing-plans{background:#0000;border:none;border-radius:16px;padding:3rem}.pricing-plans h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:800px}.plan-card{background:var(--bg-tertiary);border:1px solid #222;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card.featured{border:1px solid #222;box-shadow:none}.plan-card:before{border-left:1px solid #222;border-top:1px solid #222;border-top-left-radius:12px;height:40px;left:0;top:0;width:40px}.plan-card:after,.plan-card:before{content:"";position:absolute;transition:all .3s ease}.plan-card:after{border-bottom:1px solid #222;border-bottom-right-radius:12px;border-right:1px solid #222;bottom:0;height:20px;right:0;width:20px}.plan-card:hover:before{border-left:1px solid #222;border-top:1px solid #222;border-top-left-radius:12px;height:60px;width:60px}.plan-card:hover:after{border-bottom:1px solid #222;border-bottom-right-radius:12px;border-right:1px solid #222;height:30px;width:30px}.plan-card.featured:hover:before{border-left:1px solid var(--accent-primary);border-top:1px solid var(--accent-primary)}.plan-card.featured:hover:after{border-bottom:1px solid var(--accent-primary);border-right:1px solid var(--accent-primary)}.plan-badge{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:0;color:#000;font-size:.9rem;font-weight:600;left:50%;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:2rem;text-align:center}.plan-header h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;text-align:center}.price{color:var(--accent-primary);font-size:2.5rem;font-weight:800}.period{color:var(--text-secondary);font-size:1.1rem}.savings{color:var(--accent-green);font-size:.9rem;font-weight:600;margin-top:.5rem}.plan-features{list-style:none;margin:0 0 2rem;padding:0}.plan-features li{align-items:center;color:var(--text-secondary);display:flex;padding:.75rem 0}.plan-features li:before{color:var(--accent-primary);content:"✓";font-size:1.1rem;font-weight:700;margin-right:.75rem}.subscribe-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease;width:100%}.subscribe-btn.primary{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-primary)}.subscribe-btn.primary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.subscribe-btn.featured{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));color:#000}.subscribe-btn.featured:hover{box-shadow:0 4px 15px #00d4ff66;transform:translateY(-2px)}.subscription-form-overlay{align-items:center;-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}.subscription-form-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.subscription-form-header{align-items:center;border-bottom:1px solid var(--border-solid);display:flex;justify-content:space-between;padding:2rem}.subscription-form-header h3{color:var(--text-primary);font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;transition:all .2s ease;width:2rem}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.subscription-form-content{padding:2rem}.selected-plan-summary{background:var(--bg-tertiary);border:1px solid var(--border-solid);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.plan-info h4{color:var(--text-primary);margin:0 0 .5rem}.plan-price{color:var(--accent-primary);font-size:1.1rem;font-weight:600;margin:0}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.card-input-container{display:flex;flex-direction:column;gap:.5rem}.card-input-container label{color:var(--text-primary);font-weight:500}.card-element-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-solid);border-radius:8px;padding:1rem;transition:all .2s ease}.card-element-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.error-message{background:#ef44441a;border:1px solid var(--accent-red);color:var(--accent-red);font-size:.9rem;padding:.75rem}.form-actions{display:flex;gap:1rem}.form-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.form-actions .cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-solid);color:var(--text-secondary)}.form-actions .cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.form-actions .subscribe-btn{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));color:#000}.form-actions .subscribe-btn:hover:not(:disabled){box-shadow:0 4px 15px #00d4ff66;transform:translateY(-1px)}.form-actions .subscribe-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.premium-container{padding:1rem}.back-btn{margin-bottom:1rem;position:static}.premium-header h1{font-size:2.5rem;margin-top:1rem}.benefits-grid,.plans-grid{grid-template-columns:1fr}.active-subscription-card{align-items:flex-start;flex-direction:column;gap:2rem}.subscription-actions{justify-content:stretch;width:100%}.subscription-form-modal{width:95%}.form-actions{flex-direction:column}}@media (max-width:480px){.premium-container{padding:.5rem}.premium-header h1{font-size:2rem}.premium-benefits-overview,.pricing-plans{padding:2rem}.subscription-form-content,.subscription-form-header{padding:1.5rem}}.friends-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:20px}.friends-header{margin-bottom:30px}.friends-header h1{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}.friends-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.friends-tabs .tab{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.friends-tabs .tab:hover{background:#ffffff26;border-color:#ffffff4d}.friends-tabs .tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#000}.friends-content{background:#000;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.empty-state .create-account-button{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem 2rem;text-transform:uppercase;transition:all .2s ease}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-item{align-items:center;background:#000;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.friend-item:hover{background:#111;border-color:#fff3}.friend-info{display:flex;flex-direction:column;gap:8px}.friend-name{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator.online{background:#4ade80}.status-indicator.offline{background:#6b7280}.friend-details{align-items:center;color:#ccc;display:flex;font-size:14px;gap:16px}.rating{color:#4a9eff;font-weight:600}.friend-actions{display:flex;gap:8px}.challenge-btn,.remove-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.challenge-btn{background:#1d4ed8;color:#000!important}.challenge-btn:hover{background:#1d40af}.remove-btn{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.remove-btn:hover{background:#ff6b6b4d}.friend-requests{display:flex;flex-direction:column;gap:12px}.request-item{align-items:center;background:#000;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.request-item:hover{background:#111}.request-info{display:flex;flex-direction:column;gap:8px}.sender-name{color:#fff;font-size:16px;font-weight:600}.sender-details{align-items:center;color:#ccc;display:flex;font-size:14px;gap:16px}.request-message{color:#ccc;font-size:14px;font-style:italic;margin-top:8px}.request-actions{display:flex;gap:8px}.accept-btn,.decline-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.accept-btn{background:#22c55e;color:#fff}.accept-btn:hover{background:#16a34a}.decline-btn{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.decline-btn:hover{background:#ff6b6b4d}.user-search{display:flex;flex-direction:column;gap:20px}.search-box{display:flex;justify-content:center}.search-input{background:#000;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;max-width:400px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.search-input::placeholder{color:#ccc}.search-input:focus{background:#111;border-color:#4a9eff}.search-loading{color:#ccc;padding:20px;text-align:center}.search-results{display:flex;flex-direction:column;gap:12px}.search-result-item{align-items:center;background:#000;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.search-result-item:hover{background:#111}.user-info{flex-direction:column;gap:8px}.user-name{color:#fff;font-size:16px;font-weight:600}.user-details{align-items:center;color:#ccc;display:flex;font-size:14px;gap:16px}.add-friend-btn{background:#4a9eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.add-friend-btn:hover{background:#3b7dd8}.no-results{color:#ccc;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.friends-container{padding:15px}.friends-tabs{align-items:center;flex-direction:column}.friends-tabs .tab{text-align:center;width:200px}.friend-item,.request-item,.search-result-item{align-items:flex-start;flex-direction:column;gap:16px}.friend-actions,.request-actions{align-self:stretch;justify-content:space-between}.friend-details,.sender-details,.user-details{flex-wrap:wrap}.search-input{max-width:100%}}@media (max-width:480px){.friends-header h1{font-size:1.5rem}.friends-content{padding:15px}.friend-actions,.request-actions{flex-direction:column}.accept-btn,.add-friend-btn,.challenge-btn,.decline-btn,.remove-btn{justify-content:center;width:100%}}.notifications-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:20px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;margin-top:3rem}.notifications-header h1{color:#fff;font-size:2rem;margin:0}.notifications-actions{display:flex;gap:10px}.mark-all-read-btn{background:var(--accent-primary);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--accent-secondary)}.notifications-content{background:#000;border:1px solid #ffffff1a;border-radius:12px;padding:20px;width:100%}.error-message,.loading{font-size:16px;padding:40px;text-align:center}.loading{color:#fff}.error-message{background:#ff6b6b1a;border-radius:8px;color:#ff6b6b}.empty-state{color:#ccc;padding:60px 20px;text-align:center}.empty-icon{font-size:3rem}.empty-state p{font-size:16px;margin:8px 0}.empty-state p:first-of-type{color:#fff;font-size:18px;font-weight:600}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-content{align-items:flex-start;background:#000;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;padding:16px;position:relative;text-align:left;transition:all .2s ease}.notification-content:hover{background:#111}.notification-content.unread{border-color:var(--accent-primary)}.notification-content.read{border-color:#666}.notification-indicator{flex-shrink:0;height:12px;width:12px}.notification-indicator.unread{background:var(--accent-primary)}.notification-indicator.read{background:#666}.notification-main{align-items:flex-start;display:flex;flex:1 1;gap:16px}.notification-text{flex:1 1;min-width:0;text-align:left}.notification-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.notification-message{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:8px}.mark-read-btn,.notification-time{color:#888;font-size:12px}.mark-read-btn{background:#0000;border:1px solid #666;border-radius:4px;cursor:pointer;flex-shrink:0;padding:6px 12px;position:absolute;right:30px;top:30px;transition:all .2s ease}.mark-read-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}@media (max-width:768px){.notifications-container{padding:15px}.notifications-header{align-items:stretch;flex-direction:column;gap:16px}.notifications-header h1{font-size:1.5rem;text-align:center}.notifications-actions{justify-content:center}.notification-content{flex-direction:column;gap:12px}.notification-main{margin-left:0}.mark-read-btn{font-size:11px;padding:4px 8px;right:12px;top:12px}}@media (max-width:480px){.notifications-content{padding:15px}.mark-all-read-btn{text-align:center;width:100%}.notification-content{padding:12px}}.platform-stats-section{margin:0;padding:0}.stats-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 3rem;text-align:left}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-bottom:0}@media (max-width:768px){.platform-stats-section{margin:0 0 2rem;padding:0}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{gap:1rem;grid-template-columns:1fr}}.stat-card{background:#000;border-bottom:1px solid #333;border-radius:8px;border-top:1px solid #333;padding:1.25rem 1rem;text-align:center;transition:all .2s ease}.stat-card:hover{background:#0f0f0f;border-bottom-color:#444;border-top-color:#444}.stat-card.monthly-prizes,.stat-card.monthly-prizes:hover{border-bottom-color:var(--accent-primary);border-top-color:var(--accent-primary)}.stat-card.monthly-prizes:hover{background:#0f0f0f}.stat-value{color:#fbbf24;color:var(--accent-secondary,#fbbf24);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#999;font-weight:500}@media (max-width:768px){.stat-card{padding:1rem .75rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}}.fairplay-container{color:#fff;margin:0 auto;max-width:1000px;padding:2rem}.fairplay-header{margin-bottom:3rem;text-align:center}.fairplay-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.fairplay-logo .logo-icon{border-radius:12px;box-shadow:0 4px 20px #00d4ff4d;height:64px;transition:transform .3s ease,box-shadow .3s ease;width:auto}.fairplay-logo .logo-icon:hover{box-shadow:0 6px 30px #00d4ff66;transform:scale(1.05)}.fairplay-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}.fairplay-header p{color:#888;font-size:1.1rem}.fairplay-content{display:flex;flex-direction:column;gap:2.5rem}.fairplay-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02020499;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.fairplay-section h2{border-bottom:2px solid var(--accent-primary);color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.fairplay-section h3{color:var(--accent-secondary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.fairplay-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.fairplay-section p{color:#ccc;line-height:1.6;margin-bottom:1rem}.fairplay-section ul{color:#ccc;line-height:1.6;margin-left:1.5rem}.fairplay-section ul li{margin-bottom:.5rem}.fairplay-highlight{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.fairplay-advantage{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.fairplay-philosophy{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.fairplay-balance{margin-top:1.5rem}.balance-explanation{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.balance-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ccc;line-height:1.5;padding:1.2rem}.dynamics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.dynamic-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.dynamic-item:hover{background:#ffffff14;border-color:var(--accent-primary);transform:translateY(-2px)}.dynamic-item h4{color:var(--accent-secondary);margin-bottom:.8rem}.dynamic-item p{color:#ccc;font-size:.95rem;margin-bottom:0}.entertainment-content{text-align:center}.entertainment-content h3{color:var(--accent-secondary);margin-bottom:1.5rem}.entertainment-content>p{margin-bottom:2rem}.entertainment-benefits{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.entertainment-item{background:#ffa5001a;border:1px solid #ffa5004d;border-radius:8px;padding:1.5rem;transition:all .3s ease}.entertainment-item:hover{background:#ffa50026;border-color:#ffa50080;transform:translateY(-2px)}.entertainment-item h4{color:orange;margin-bottom:.8rem}.entertainment-item p{color:#ccc;font-size:.95rem;margin-bottom:0}.commitment-content{text-align:center}.commitment-points{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.commitment-point{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#ccc;display:flex;gap:1rem;padding:1rem 1.5rem}.point-icon{color:#22c55e;color:var(--accent-green,#22c55e);flex-shrink:0;font-size:1.2rem}.reporting-info{text-align:center}.reporting-info p{margin-bottom:2rem}.contact-info{margin-top:1.5rem}.contact-link{align-items:center;background:var(--accent-primary);border-radius:8px;color:#000;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:var(--accent-secondary);box-shadow:0 4px 15px #00d4ff4d;transform:translateY(-2px)}@media (max-width:768px){.fairplay-container{padding:1.5rem}.fairplay-header h1{font-size:2rem}.fairplay-section{padding:1.5rem}.balance-explanation,.dynamics-grid,.entertainment-benefits{grid-template-columns:1fr}.commitment-point{flex-direction:column;gap:.5rem;text-align:center}.point-icon{font-size:1.5rem}}@media (max-width:480px){.fairplay-header h1{font-size:1.8rem}.fairplay-section h2{font-size:1.5rem}.balance-item,.dynamic-item,.entertainment-item,.fairplay-advantage,.fairplay-highlight,.fairplay-philosophy{padding:1rem}}.admin-page{background:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.admin-header{margin-bottom:30px;text-align:center}.admin-header h1{color:#333;margin-bottom:10px}.admin-header p{color:#666;margin:0}.error-banner{align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-banner button{background:none;border:none;color:#c62828;cursor:pointer;font-size:18px;height:24px;padding:0;width:24px}.admin-tabs{background:#ddd;border-radius:8px;display:flex;gap:2px;margin-bottom:20px;padding:4px}.tab{background:#0000;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:12px 16px;transition:all .2s}.tab:hover{background:#ffffff80}.tab.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#333}.admin-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;padding:24px}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.refresh-btn{background:#007bff;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#0056b3}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.status-info{grid-gap:24px;display:grid;gap:24px}.status-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.status-indicator{align-items:center;display:flex;gap:8px;margin:12px 0}.status-dot{border-radius:50%;display:block;height:12px;width:12px}.status-text{font-size:16px;font-weight:600}.machines-section h3{margin-bottom:16px}.machines-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.machine-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px}.machine-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.machine-id{font-weight:600}.machine-state{font-size:12px;font-weight:500;text-transform:uppercase}.no-machines{color:#666;font-style:italic}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.logs-container{background:#1e1e1e;border-radius:8px;max-height:600px;overflow-y:auto;padding:16px}.logs-content{word-wrap:break-word;color:#f8f8f2;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap}.actions-panel h2{margin-bottom:24px}.action-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:20px}.action-card h3{margin-bottom:12px;margin-top:0}.action-card p,.action-card ul{color:#666;margin-bottom:16px}.restart-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.restart-btn:hover:not(:disabled){background:#c82333}.restart-btn:disabled{cursor:not-allowed;opacity:.6}.tournaments-list{color:#333;overflow-x:auto}.tournaments-list table{border-collapse:collapse;width:100%}.tournaments-list th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.tournaments-list td{border-bottom:1px solid #eee;color:#333;padding:12px}.tournaments-list tr:hover{background-color:#f8f9fa}.loading,.no-data{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.admin-content,.admin-page{padding:16px}.logs-header,.status-header{align-items:stretch;flex-direction:column;gap:12px}.machines-grid{grid-template-columns:1fr}.admin-tabs{flex-direction:column}}.spectator-game-view{background:var(--background-color);color:var(--text-color);min-height:100vh;padding:20px}.game-header{margin-bottom:20px}.back-button{background:var(--button-bg-color);border:none;border-radius:6px;color:var(--button-text-color);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.back-button:hover{background:var(--button-hover-bg-color);transform:translateY(-1px)}.spectator-page-badge{background:#00bcd4;border-radius:0;box-shadow:0 2px 10px #00bcd44d;color:#fff;font-size:12px;font-weight:700;margin-bottom:15px;padding:4px 16px;text-align:center}.game-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1400px}.game-sidebar{display:flex;flex-direction:column;gap:20px;min-width:250px}.game-sidebar.left{align-items:flex-end}.game-sidebar.right{align-items:flex-start}.player-section{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:15px;transition:all .3s ease;width:100%}.player-section:hover{box-shadow:0 6px 20px #00000026}.captured-pieces{background:#0000000d;border-radius:6px;display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;min-height:32px;padding:8px}.captured-piece{height:24px;opacity:.8;width:24px}.player-info{gap:12px;margin-bottom:10px}.color-indicator{align-items:center;display:flex;font-size:20px;height:28px;justify-content:center;width:28px}.player-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.player-name-rating{align-items:center;display:flex;gap:8px}.player-rating{font-size:14px;font-weight:700}.player-time{color:var(--primary-color);font-family:Courier New,monospace;font-size:16px;font-weight:700}.player-time.active-timer{color:#00bcd4;text-shadow:0 0 5px #00bcd480}.game-board-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.game-status{background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;width:100%}.status-header{color:var(--primary-color);font-size:18px;font-weight:700;margin-bottom:15px}.status-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0}.status-item:last-child{border-bottom:none;margin-bottom:0}.status-item .label{color:var(--text-color-secondary);font-weight:500}.status-item .value{color:var(--text-color);font-weight:700}.error,.loading{align-items:center;color:var(--text-color-secondary);display:flex;font-size:18px;justify-content:center;min-height:60vh}.error{color:var(--danger-color)}@media (max-width:1200px){.game-layout{gap:15px;grid-template-columns:1fr}.game-sidebar{margin:0 auto;max-width:600px}.game-sidebar.left,.game-sidebar.right{align-items:center}.player-section{max-width:400px}}@media (max-width:768px){.spectator-game-view{padding:10px}.game-layout{gap:10px}.game-sidebar{min-width:0;min-width:auto}.player-section{padding:12px}.game-status{padding:15px}.status-header{font-size:16px}}.spectate-games-list{background:var(--background-color);color:var(--text-color);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0}.page-header p{color:var(--text-color-secondary);font-size:1.1rem;margin:0}.refresh-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:var(--primary-hover-color);transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);height:40px;margin-bottom:20px;width:40px}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.empty-state h3{color:var(--text-color);margin:0 0 10px}.empty-state p{color:var(--text-color-secondary);margin:0 0 20px}.error-message{color:var(--danger-color);font-size:1.1rem;margin-bottom:20px}.retry-button{background:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.retry-button:hover{background:var(--danger-hover-color);transform:translateY(-1px)}.auth-required{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.auth-required h2{color:var(--text-color);margin:0 0 10px}.auth-required p{color:var(--text-color-secondary);margin:0 0 20px}.sign-in-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s ease}.sign-in-button:hover{background:var(--primary-hover-color);transform:translateY(-1px)}.featured-board-section{display:flex;justify-content:center;margin-bottom:40px;margin-top:0;width:100%}.featured-board-wrapper{align-items:center;display:flex;flex-direction:column;gap:0;max-width:100%;width:min(600px,100%)}.player-bar{align-items:center;background:#ffffff0d;border-radius:0;box-sizing:border-box;display:flex;justify-content:space-between;padding:.5rem 1rem;width:100%}.top-player{border-bottom:1px solid #ffffff1a;margin-bottom:0}.bottom-player{border-top:1px solid #ffffff1a;margin-top:0}.player-bar-left{align-items:center;display:flex;gap:.5rem}.player-clock{background:none;box-shadow:none;color:var(--text-primary);font-family:Chakra Petch,monospace;font-weight:700;opacity:1;padding:0;transition:none}.player-clock.active{background:none;box-shadow:none;color:#00d4ff;text-shadow:0 0 10px #00d4ff99}.player-rating{color:var(--text-secondary);font-size:.9rem;font-weight:600}.featured-chess-board{aspect-ratio:1;cursor:pointer;display:block;line-height:0;margin-bottom:-1px;max-width:600px;position:relative;width:100%;z-index:5}.featured-chess-board .responsive-board-wrapper{padding:0!important}.board-click-zone{cursor:pointer;z-index:10}.board-click-zone,.board-empty-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.board-empty-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;cursor:default;display:flex;flex-direction:column;justify-content:center;line-height:normal;padding:2rem;pointer-events:none;text-align:center;z-index:20}.board-empty-overlay h3{color:var(--text-primary);font-size:1.8rem;margin:0 0 1rem;text-shadow:0 2px 4px #00000080}.board-empty-overlay p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0;max-width:300px}.featured-chess-board .chess-board-container{height:100%!important;min-width:0!important;padding:0!important;width:100%!important}.featured-chess-board .board-squares,.featured-chess-board .chess-board{height:100%!important;width:100%!important}.featured-chess-board .board-squares{box-shadow:none!important;display:flex!important;flex-direction:column!important}.featured-chess-board .board-rank{display:flex!important;height:12.5%!important;width:100%!important}.featured-chess-board .chess-square{border:none!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;min-width:0!important;transform:scale(1.02);width:12.5%!important}.featured-chess-board .chess-board{font-size:.8em}.featured-chess-board .chess-square{border-width:1px!important}.featured-chess-board .chess-piece{font-size:2.2rem!important}.featured-chess-board .special-red-icon,.featured-chess-board .special-square-icon{align-items:center;display:flex;height:auto;justify-content:center;line-height:1;right:4px!important;top:4px!important;transform:scale(.65)!important;transform-origin:top right!important;width:auto}.featured-chess-board .special-icon{display:block;font-size:1.1rem!important;line-height:1!important;margin-top:1px}.featured-chess-board .special-blue,.featured-chess-board .special-green,.featured-chess-board .special-red{border-width:1px!important;box-shadow:inset 0 0 4px #0006!important}.player-rating{color:var(--text-color-secondary);font-weight:400}.featured-board-wrapper .user-display{font-size:.95rem;font-weight:500}.player-clock{color:var(--text-color);font-family:Roboto Mono,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.5px;opacity:.5;transition:all .2s ease}.player-clock.active{color:var(--primary-color);opacity:1;text-shadow:0 0 10px rgba(var(--primary-rgb),.4)}.games-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.spectate-game-card{background:#020204cc;border:1px solid #ffffff1a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.spectate-game-card: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}.spectate-game-card:after{border-bottom:1px solid #fff3;border-right:1px solid #fff3;bottom:0;content:"";height:20px;position:absolute;right:0;transition:all .3s ease;width:20px}.spectate-game-card:hover{background:#020204e6;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-4px)}.spectate-game-card:hover:before{border-left:1px solid #fff6;border-top:1px solid #fff6;height:60px;width:60px}.spectate-game-card:hover:after{border-bottom:1px solid #fff6;border-right:1px solid #fff6;height:30px;width:30px}.game-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.game-type{background:var(--primary-color);border-radius:12px;color:#fff;padding:4px 12px;text-transform:uppercase}.game-type,.time-control{font-size:12px;font-weight:700}.time-control{background:var(--background-color);border-radius:4px;color:var(--text-color-secondary);padding:4px 8px}.players-section{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:20px 0}.vs-indicator{background:var(--background-color);border-radius:6px;color:var(--text-color-secondary);flex-shrink:0;font-size:14px;font-weight:700;padding:8px 12px}.game-info{display:flex;gap:10px;justify-content:space-between;margin:15px 0}.info-item{align-items:center;background:var(--background-color);border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:8px}.info-item .label{color:var(--text-color-secondary);font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.info-item .value{color:var(--text-color);font-weight:700}.capitalize{text-transform:capitalize}.spectate-button{background:#0000;border:1px solid #333;border-radius:4px;box-sizing:border-box;color:#888;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:10px;padding:.4rem .8rem;text-transform:uppercase;transition:all .2s ease;width:100%}.spectate-button:hover{background:#333;color:#fff;transform:translateY(-2px)}.spectate-button:active{transform:translateY(0)}@media (max-width:900px){.featured-game-card{gap:2rem;grid-template-columns:1fr}.featured-board-container{max-width:100%}}@media (max-width:768px){.spectate-games-list{padding:15px}.page-header h1{font-size:2rem}.featured-game-card{padding:1.5rem}.games-grid{gap:15px;grid-template-columns:1fr}.spectate-game-card{padding:15px}.players-section{flex-direction:column;gap:15px}.vs-indicator{order:-1}.game-info{flex-direction:column;gap:8px}.info-item{flex-direction:row;justify-content:space-between}}.simple-refresh-button{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:all .2s ease}.simple-refresh-button:hover{background:#1f1f1f;border-color:#444}.full-board-preview{aspect-ratio:1;margin:0 auto;max-width:400px}.full-chess-board-container{height:100%;position:relative}.full-chess-board-container .chess-board-container{height:100%!important;min-width:0!important;padding:0!important;width:100%!important}.full-chess-board-container .board-squares{box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important}.full-chess-board-container .board-rank{display:flex!important;height:12.5%!important;width:100%!important}.full-chess-board-container .chess-square{border:none!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;min-width:0!important;transform:scale(1.02);width:12.5%!important}.full-chess-board-container .chess-piece{font-size:2em!important;height:90%!important;width:90%!important}.board-click-overlay{background:#0006;height:100%;opacity:0;transition:opacity .3s ease;width:100%;z-index:20}.full-board-preview:hover .board-click-overlay{opacity:1}.overlay-text{background:#000000b3;color:#fff;font-weight:600;padding:.5rem 1rem;transform:translateY(10px);transition:transform .3s ease}.full-board-preview:hover .overlay-text{transform:translateY(0)}@media (max-width:1098px){.games-grid-new{gap:1rem;grid-template-columns:1fr}}.matchmaking-dashboard-content{display:flex;flex-direction:column;height:100%}.action-button{border-radius:4px}.action-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff;width:100%}.action-button.primary:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.action-button.primary:disabled{background:#333;color:#666}.action-button.outline{border:1px solid #00d4ff;border:1px solid var(--accent-secondary,#00d4ff);color:#00d4ff;color:var(--accent-secondary,#00d4ff)}.action-button.outline:hover{background:#00d4ff;background:var(--accent-secondary,#00d4ff)}.time-control-select{margin-top:1.5rem}.game-type-toggle label,.time-control-select label{color:#ccc;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.time-control-select select{border-radius:6px;cursor:pointer;font-size:1rem;outline:none}.time-control-select small{margin-top:4px}.game-type-toggle{display:flex;flex-direction:column;gap:.35rem;margin-top:10px}.toggle-container{background:#2a2a2a;gap:4px;padding:4px}.toggle-option{border-radius:4px;color:#888;padding:8px;transition:all .2s}.toggle-option.active{background:#444;box-shadow:0 2px 4px #0003}.guest-notice{background:#ff98001a;border-left:3px solid #ff9800;border-radius:4px;margin-top:10px;padding:10px}.guest-notice small{color:#ff9800;margin:0}.searching-state{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:20px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#4caf50;border-radius:50%;height:50px;width:50px}.cancel-btn{background:#0000;border:1px solid #ff5252;border-radius:4px;color:#ff5252;cursor:pointer;font-size:.9rem;padding:8px 24px;transition:all .2s}.cancel-btn:hover{background:#ff52521a}.games-tabbed{display:flex;flex:1 1;flex-direction:column}.games-header h3{color:#fff;font-size:1.1rem;margin:0 0 1rem}.game-list{padding-right:5px}.no-items{background:#ffffff0d;border-radius:6px;color:#888}.game-item-mini{border-radius:6px;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.game-info-row{justify-content:space-between}.game-actions-row,.game-info-row{align-items:center;display:flex;width:100%}.game-actions-row{gap:.5rem;justify-content:flex-end}.game-private-badge{background:#333;color:#ccc;font-weight:700}.resume-btn{border-radius:4px}.resume-btn:hover{color:#fff}.abandon-btn,.copy-btn{align-items:center;background:#0000;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.copy-btn:hover{border-color:#888}.abandon-btn:hover{border-color:#ef4444;color:#ef4444}.verify-email-page{align-items:center;background-color:#000;background-image:linear-gradient(#00d4ff08 1px,#0000 0),linear-gradient(#00d4ff08 1px,#0000 0);background-size:30px 30px;display:flex;justify-content:center;min-height:100vh;padding:2rem}.verify-email-container{animation:fadeIn .4s ease-out;background:#0f1115;border:1px solid #1a1d24;border-radius:12px;box-shadow:0 4px 24px #00000080;max-width:480px;padding:2.5rem;text-align:center;width:100%}.verify-email-logo-container{display:flex;justify-content:center;margin-bottom:2rem}.verify-email-logo{display:block;height:auto;max-width:200px}.verify-email-title{color:#fff;font-family:Chakra Petch,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:1px;margin:0 0 1.5rem;text-transform:uppercase}.verify-email-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #00d4ff1a;border-radius:50%;border-top-color:#00d4ff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.verify-status-icon{font-size:3.5rem;line-height:1;margin-bottom:.5rem}.verify-message{color:#a9b3c1;font-size:1.1rem;line-height:1.6;margin:0}.verify-message.error{color:#ef4444}.verify-message.success{color:#00d4ff}.verify-action-btn{background-color:#00d4ff;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Chakra Petch,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:.875rem 2rem;text-transform:uppercase;transition:all .2s ease;width:100%}.verify-action-btn:hover{background-color:#3df;box-shadow:0 0 15px #00d4ff66;transform:translateY(-1px)}.verify-action-btn:active{transform:translateY(0)}.toaster-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toaster-notification{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#020204f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;min-width:320px;opacity:0;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.toaster-notification.challenge:before,.toaster-notification.game_invite:before{animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));background-size:200% 200%;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.toaster-notification.challenge:after,.toaster-notification.game_invite:after{background:#020204f2;border-radius:11px;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.toaster-notification.visible{opacity:1;transform:translateX(0)}.toaster-notification.hidden{opacity:0;transform:translateX(100%)}.toaster-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px;position:relative;z-index:1}.toaster-icon{flex-shrink:0;font-size:24px;margin-top:2px}.toaster-text{flex:1 1;min-width:0}.toaster-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:4px}.toaster-message{word-wrap:break-word;color:#ccc;font-size:.9rem;line-height:1.4}.toaster-actions{display:flex;gap:8px;justify-content:flex-end;position:relative;z-index:1}.toaster-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.toaster-btn.accept{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border:none;color:#000}.toaster-btn.accept:hover{box-shadow:0 4px 12px #00ffff4d;transform:translateY(-1px)}.toaster-btn.decline{background:#ffffff1a;border:1px solid #fff3;color:#fff}.toaster-btn.decline:hover{background:#fff3;border-color:#fff6}.toaster-close{background:none;border-radius:4px;font-size:18px;height:24px;right:8px;top:8px;width:24px}.toaster-close:hover{background:#ffffff1a}.toaster-notification.friend_request{border-left:4px solid #4ade80}.toaster-notification.friend_accepted{border-left:4px solid #22c55e}.toaster-notification.game_result{border-left:4px solid #f59e0b}.toaster-notification.tournament{border-left:4px solid #8b5cf6}.toaster-notification.simple{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1a1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:350px;min-width:280px;padding:12px}.toaster-simple-content{align-items:center;display:flex;gap:12px;position:relative}.toaster-simple-text{color:#fff;flex:1 1;font-size:14px;line-height:1.3}.toaster-simple-text strong{color:#00d4ff;font-weight:600}.toaster-view-notifications{background:linear-gradient(45deg,#00d4ff,#4dd0e1);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.toaster-view-notifications:hover{box-shadow:0 2px 8px #00d4ff4d;transform:translateY(-1px)}.toaster-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:20px}.toaster-close:hover{background:#fff3;color:#fff}.toaster-challenge-actions{display:flex;flex-direction:column;gap:8px}.toaster-accept-btn,.toaster-decline-btn,.toaster-join-game-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.toaster-accept-btn{background:linear-gradient(45deg,#00d4ff,#4dd0e1);color:#000}.toaster-accept-btn:hover{box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-1px)}.toaster-decline-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.toaster-decline-btn:hover{background:#fff3;border-color:#fff6}.toaster-join-game-btn{background:#ffa50033;border:1px solid #ffa5004d;color:orange}.toaster-join-game-btn:hover{background:#ffa5004d;border-color:#ffa50080;transform:translateY(-1px)}@media (max-width:768px){.toaster-container{left:10px;right:10px;top:10px}.toaster-notification{max-width:none;min-width:auto}.toaster-content{margin-bottom:16px}.toaster-actions{justify-content:stretch}.toaster-btn{flex:1 1;text-align:center}.toaster-simple-content{flex-wrap:wrap}.toaster-view-notifications{margin-top:8px;width:100%}.toaster-challenge-actions{flex-direction:row;margin-top:8px}.toaster-accept-btn,.toaster-decline-btn{flex:1 1}}.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;overflow-x:hidden;position:relative}.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}.dashboard{background:#0000;min-height:100vh}.content-container{margin:0 auto;max-width:1440px;padding-top:80px;width:100%}.dashboard-header{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#010102f2;border-bottom:1px solid #ffffff0f;border-radius:0;left:0!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%!important;z-index:1000!important}.dashboard-header.scrolled{box-shadow:0 8px 30px #0009}.header-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1rem 2rem;position:relative;width:100%}.header-left{flex:0 0 auto}.header-center{align-items:center;display:flex;left:50%;position:absolute;transform:translateX(-50%)}.header-right{flex:0 0 auto}.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:var(--accent-secondary);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:var(--accent-secondary);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:1098px){.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:50px;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-dropdown{align-items:center;display:flex;gap:0}.nav-home-link{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-right:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-home-link:hover{background:#298dff1a;color:#298dff;transform:translateY(-1px)}.nav-home-link.active{background:#06b6d426;color:#06b6d4}.nav-dropdown-container{position:relative}.nav-dropdown-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;letter-spacing:-.01em;padding:.875rem 1.5rem;transition:all .375s cubic-bezier(.4,0,.2,1)}.nav-dropdown-trigger:hover{background:#298dff0a;color:#298dff;transform:translateY(-1px)}.nav-dropdown-trigger.active{background:#06b6d414;border:1px solid #06b6d433;color:#06b6d4}.account-trigger-content{align-items:center;display:flex;gap:.5rem}.account-text{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.account-username{color:#888;font-size:.75rem;font-weight:400}.profile-avatar-small{background:linear-gradient(135deg,#298dff,#0ea5e9);font-size:.75rem;font-weight:600;height:24px;position:relative;width:24px}.notification-indicator,.profile-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.notification-indicator{animation:pulse 2s infinite;background:#ef4444;border:2px solid #010102f2;font-size:.6rem;font-weight:700;height:16px;min-width:16px;position:absolute;right:7px;top:7px;z-index:10}.dropdown-arrow{font-size:.7rem;opacity:.6;transition:transform .375s cubic-bezier(.4,0,.2,1)}.nav-dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{animation:dropdown-appear .375s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#010102fa;border:1px solid #298dff1a;border-radius:12px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;left:0;min-width:280px;opacity:0;padding:1rem 0;position:absolute;top:100%;transform:translateY(-8px);visibility:hidden;z-index:1000}@keyframes dropdown-appear{to{opacity:1;transform:translateY(0);visibility:visible}}.dropdown-section{padding:0 .5rem .75rem}.dropdown-section+.dropdown-section{border-top:1px solid #ffffff0f;padding-top:.75rem}.dropdown-section-title{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem .75rem;text-transform:uppercase}.dropdown-item{border-radius:8px;margin:0 .5rem;transition:all .375s cubic-bezier(.4,0,.2,1)}.dropdown-item:hover{background:#298dff14;transform:translateY(-1px)}.dropdown-item-content{display:flex;flex-direction:column;gap:.25rem}.dropdown-item-title{color:#ddd;font-size:.9rem;font-weight:500}.dropdown-item-desc{color:#888;font-size:.8rem;line-height:1.3}.dropdown-item:hover .dropdown-item-title{color:#298dff}.dropdown-item:hover .dropdown-item-desc{color:#aaa}.dropdown-divider{background:#ffffff0f;margin:.75rem 1rem}.sign-out-item:hover{background:#ff6b6b14!important}.sign-out-item:hover .dropdown-item-title{color:#ff6b6b!important}.header-right{align-items:center;display:flex;gap:1.5rem}.account-dropdown-menu{min-width:280px!important}.social-icons{align-items:center;display:flex;gap:1rem}.social-separator{background:#ffffff26;height:24px;margin:0;width:1px}.social-icon{align-items:center;color:var(--text-secondary);display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.social-icon:hover{color:var(--accent-primary);transform:translateY(-2px)}.mobile-menu-toggle{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:none!important;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem;z-index:10}.main-nav{animation:slideDown .3s ease-out;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#010102fa;border:1px solid #298dff1a;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;display:none;flex-direction:column;gap:.25rem;left:0;padding:1.5rem;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-nav .nav-item{background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffffd9;cursor:pointer;font-size:.95rem;font-weight:500;justify-content:flex-start;margin-bottom:.25rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.main-nav .nav-item:before{background:linear-gradient(90deg,#0000,#298dff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.main-nav .nav-item:hover{background:#298dff14;border:1px solid #298dff33;color:#298dff;transform:translateX(4px)}.main-nav .nav-item:hover:before{left:100%}.main-nav .mobile-profile-section{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.main-nav .nav-item-profile{color:#888!important;font-size:.9rem!important;padding:.75rem 1rem}.main-nav .nav-item-profile:hover{background:#ffffff0d;color:#ccc!important}.main-nav .nav-item-profile.sign-out{color:#ff6b6b!important;margin-top:.5rem}.main-nav .nav-item-profile.sign-out:hover{background:#ff6b6b14;color:#ff5252!important}.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:12px;margin:1rem;padding:1.5rem 2rem;text-align:center}.hero-section h2{align-items:center;color:#fff!important;display:flex;font-size:1.8rem;font-weight:700;justify-content:center;margin:0 0 .5rem}.hero-section h2 .white-username{-webkit-text-fill-color:#fff!important;color:#fff!important}.hero-section h2 .user-badge.gm-badge{background:#dc2626!important;color:#fff!important}.hero-section h2 .premium-star-inline{color:#ef4444!important;font-size:1.5rem!important;line-height:1!important;margin-left:.25rem!important;position:relative;top:-.2rem;vertical-align:initial!important}.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 .username-white{color:#fff;font-weight:700}.username-separator{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:1px;height:2px;margin:2.5rem auto 3rem;width:50px}.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:flex-start;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))}.games-grid-new{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 3fr;max-width:100%}.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;height:40px;left:0;top:0;width:40px}.game-card:after,.game-card:before{content:"";position:absolute;transition:all .3s ease}.game-card:after{border-bottom:1px solid #fff3;border-right:1px solid #fff3;bottom:0;height:20px;right:0;width:20px}.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:30px;width:30px}.game-card.create-game:hover:before{border-left:1px solid cyan;border-top:1px solid cyan}.game-card.create-game:hover:after{border-bottom:1px solid cyan;border-right:1px solid cyan}.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{-webkit-appearance:none;appearance:none;background:#00000080;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;border:1px solid #888;color:#fff;font-weight:600;padding:.6rem 2rem .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:0;max-height:300px;overflow-y:auto;padding:.5rem}.game-item-mini{background:#00000080;border:1px solid #444;color:#ccc;flex-direction:row;font-size:.85rem;justify-content:space-between;margin-bottom:.3rem;padding:.4rem;transition:all .2s ease}.game-item-content,.game-item-mini{align-items:center;display:flex;gap:1rem}.game-item-content{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-secondary);border-radius:4px;box-sizing:border-box;color:var(--accent-secondary);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-secondary);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}.games-header{margin-bottom:1.5rem}.games-tabs{background:#ffffff0d;border-radius:8px;display:flex;gap:0;padding:4px}.tab-button{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.tab-button:hover{background:#ffffff0d;color:var(--text-primary)}.tab-button.active{background:#222;color:#fff;font-weight:600}.games-content{min-height:300px}.private-game-modal{max-width:500px;width:90%}.private-game-modal .modal-header h3{color:var(--accent-secondary);margin:0}.private-game-modal .modal-body p{color:var(--text-secondary);margin-bottom:1rem}.game-url-container{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.game-url-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:.9rem;padding:.75rem}.game-url-input:focus{border-color:var(--accent-secondary);outline:none}.copy-button{align-items:center;background:var(--accent-secondary);border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.copy-button:hover{background:var(--accent-secondary-hover);transform:translateY(-1px)}.private-game-modal .modal-footer{display:flex;gap:1rem;justify-content: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-red)}.tournament-card.featured .action-button.primary{background:#84cc16!important;border-color:#84cc16!important;box-shadow:0 2px 8px #84cc1633}.tournament-card.featured .action-button.primary:hover{box-shadow:0 4px 15px #84cc1666}.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-secondary);border-radius:4px;color:var(--accent-secondary);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-secondary);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:1098px){.dashboard-header{padding:.75rem 1rem;position:relative}.header-content{justify-content:space-between;position:relative;width:100%}.header-content,.header-left{align-items:center;display:flex}.header-left{flex:1 1;justify-content:flex-start}.mobile-menu-toggle{display:flex!important;position:absolute;right:0;z-index:1001}.main-nav-dropdown{display:none!important}.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:40px}.logo-icon,.main-nav{display:none}.main-nav{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#010102fa;border:1px solid #298dff1a;border-radius:0 0 12px 12px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;flex-direction:column;gap:.25rem;left:0;max-height:calc(100vh - 120px);overflow-y:auto;padding:1.5rem;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,.games-grid-new{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:4rem 0}.footer-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section{display:flex;flex-direction:column;gap:.1rem}.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-logo-section{align-items:center;display:flex;gap:.75rem}.footer-logo{height:120px;margin-left:-3rem;object-fit:contain;width:120px}.footer-text-content{display:flex;flex-direction:column;gap:.1rem;margin-left:-1rem}.footer-contact{color:var(--accent-primary);font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-decoration:none;transition:color .2s ease}.footer-contact:hover{color:var(--accent-secondary);text-decoration:underline}.footer-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.footer-link{color:var(--text-secondary);font-size:.85rem;font-weight:400;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--accent-primary);text-decoration:underline}.footer-social-icons{display:flex;gap:1rem;margin-top:.75rem}.footer-social-icon{align-items:center;color:var(--text-secondary);display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.footer-social-icon:hover{color:var(--accent-primary);transform:translateY(-2px)}.footer-social-icon svg{height:20px;width:20px}.footer-center{align-items:center;display:flex;flex:1 1;justify-content:center}.footer-center-links{display:flex;flex-direction:column;gap:.3rem;text-align:left}.footer-center-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;line-height:1;text-decoration:none;transition:color .2s ease}.footer-center-link:hover{color:var(--accent-primary);text-decoration:underline}.discord-link{align-items:center;background:#5865f21a;border:none;border-radius:6px;color:#5865f2;display:flex;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:673px){.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:40px}.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:1098px){.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:1098px){.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:#333;color:#fff;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}.game-private-badge{background:#ffa50033;border:1px solid orange;border-radius:3px;color:orange;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.1rem .4rem;text-transform:uppercase}.copy-btn{align-items:center;background:#0000;border:1px solid #666;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:.75rem;justify-content:center;padding:.25rem;transition:all .2s ease}.copy-btn:hover{background:#666;border-color:#777;color:#fff}.copy-btn:disabled{cursor:not-allowed;opacity:.5}.copy-btn svg{height:16px;width:16px}.gm-username{color:#dc2626!important;font-weight:700}.im-username{color:#0891b2!important;font-weight:700}.premium-star-inline{color:#ef4444;font-size:10px;line-height:1;margin-left:3px;vertical-align:top}.game-card.spectate-game{background:#000;border:1px solid #ffffff1a;flex:1 1;max-width:500px;min-width:400px;overflow:hidden}.game-card.spectate-game:hover{background:#000;border-color:#ffffff1a}.live-game-preview{background:#0000004d;border-radius:8px;margin:12px 0;padding:12px}.live-game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.live-indicator{align-items:center;color:#22c55e;display:flex;font-size:.8rem;font-weight:700;gap:6px}.live-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.move-count{color:#888;font-size:.8rem;font-weight:500}.live-game-players{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:8px 0}.player-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.player-name{color:#fff;font-size:.85rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-color{color:#888;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.vs-divider{color:#666;flex-shrink:0;font-size:.7rem;font-weight:700}.current-turn{display:flex;justify-content:center;margin-top:8px}.turn-indicator{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.turn-indicator.white-turn{background:#ffffff1a;color:#fff}.turn-indicator.black-turn{background:#0000004d;color:#ccc}.spectate-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.spectate-title-section h4{margin:0 0 .25rem}.spectate-title-section p{color:#888;font-size:.85rem;margin:0}.view-all-button{background:#0000;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.view-all-button:hover{background:var(--accent-primary);color:#000}.full-board-preview{box-sizing:border-box;margin-top:0;position:relative;width:100%}.full-chess-board-container{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.full-chess-board-container .chess-board{box-sizing:border-box!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important;width:100%!important}.full-chess-board-container .chess-board .board-row{display:flex!important;width:100%!important}.full-chess-board-container .chess-board .chess-square{aspect-ratio:1!important;box-sizing:border-box!important;flex-shrink:0!important;height:auto!important;width:12.5%!important}.full-chess-board-container .chess-board .board-row .chess-square span,.full-chess-board-container .chess-board .chess-square .coordinate,.full-chess-board-container .chess-board .chess-square span,.full-chess-board-container .chess-board .square-coordinate,.full-chess-board-container .chess-board span[class*=coord],.full-chess-board-container .chess-square .square-coordinate,.full-chess-board-container .chess-square:after,.full-chess-board-container .chess-square:before,.full-chess-board-container .square-coordinate,.full-chess-board-container [class*=coordinate],.full-chess-board-container span{content:none!important;display:none!important;font-size:0!important;opacity:0!important;visibility:hidden!important}.full-chess-board-container .chess-board>*{margin:0!important;padding:0!important}.full-chess-board-container .chess-board .board-container{height:100%!important;margin:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.no-games-placeholder{align-items:center;aspect-ratio:1;background:#0003;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:center;width:100%}.placeholder-text{color:#888;font-size:.9rem;text-align:center}.board-click-overlay{align-items:center;background:#0000;border-radius:6px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .2s ease}.board-click-overlay:hover{background:#677eea1a}.overlay-text{background:#000c;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);font-size:.9rem;font-weight:500;opacity:0;padding:8px 16px;text-align:center;transition:opacity .2s ease}.board-click-overlay:hover .overlay-text{opacity:1}.game-end-notification{align-items:center;animation:fadeIn .3s ease-in-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid var(--accent-primary);border-radius:12px;box-shadow:0 20px 40px #00000080;padding:2rem;text-align:center;width:100%}.notification-content h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.result-text{color:var(--accent-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.redirect-text{color:#999;font-size:.9rem;margin-bottom:1.5rem}.back-now-button{background:var(--accent-primary);border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.back-now-button:hover{background:var(--accent-secondary);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stats-live-section{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;margin:4rem 0;padding:3rem 0;position:relative}.stats-live-container{align-items:stretch;gap:3rem;margin:0 auto;max-width:1440px;min-height:450px;width:100%}.stats-column,.stats-live-container{display:flex;justify-content:space-between}.stats-column{flex:1 1;flex-direction:column;height:100%;max-width:400px;min-width:300px}.stats-column .stats-grid{gap:1rem!important;grid-template-columns:1fr!important}.premium-upgrade-column{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:400px;min-width:300px}.game-card.premium-upgrade{background:#000;border:1px solid #ffffff1a;display:flex;flex-direction:column;height:100%;padding:1.5rem;width:100%}.premium-header h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.premium-benefits ul{flex:1 1;list-style:none;margin:0;padding:0}.premium-benefits li{border-bottom:1px solid #ffffff1a;color:#ccc;padding:.5rem 0 .5rem 1.5rem;position:relative}.premium-benefits li:before{color:#fbbf24;color:var(--accent-secondary,#fbbf24);content:"✓";font-weight:700;left:0;position:absolute}.premium-benefits li:last-child{border-bottom:none}.premium-pricing{background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:1rem;justify-content:center;margin:.5rem 0 1rem;padding:.75rem;width:100%}.pricing-option{flex:1 1;text-align:center}.price-label{color:#999;font-size:.85rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.price-value{color:var(--accent-primary);font-size:1.1rem;font-weight:600}.upgrade-button{background:var(--accent-green);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:500;margin-top:auto;padding:.75rem 1.5rem;transition:all .2s ease}.upgrade-button:hover{background:#059669;transform:translateY(-1px)}@media (max-width:768px){.stats-live-container{flex-direction:column;gap:1rem}.stats-column{display:flex;flex:none;flex-direction:column}.game-card.spectate-game,.premium-upgrade-column,.stats-column{max-width:100%;min-width:auto;width:100%}.premium-upgrade-column{flex:none}}@media (min-width:769px) and (max-width:1348px){.stats-live-container{flex-wrap:wrap;gap:2rem}.stats-column{flex:1 1 100%;max-width:100%;min-width:auto;width:100%}.game-card.spectate-game,.premium-upgrade-column{flex-basis:calc(50% - 1rem);flex-grow:1;flex-shrink:1;max-width:calc(50% - 1rem);min-width:300px}.premium-upgrade-column{width:calc(50% - 1rem)}}.banner-section{align-items:center;display:flex;justify-content:center;margin:4rem auto;max-width:1440px;padding:0 1rem}.invitational-banner{border-radius:10px;box-shadow:0 4px 8px #0000004d;cursor:pointer;display:block;height:auto;object-fit:cover;transition:all .4s ease;width:100%}.invitational-banner:hover{box-shadow:0 8px 20px #0006,0 0 30px var(--accent-primary);opacity:.9;transform:translateY(-5px)}
/*# sourceMappingURL=main.b4cbeddd.css.map*/