:root{--square-size:95px;--light-square:#ece4b7;--dark-square:#63934d;--bg-color:#25252d;--highlight-light-square:#d8c86e;--highlight-dark-square:#d4c25e;--last-move-highlight:#ffff6466;--selection-highlight:#ffff6499;--drag-hover-light-border:#f6f3df;--drag-hover-dark-border:#77ab5f;--legal-move-dot-color:#6ca054;--legal-move-dot-size:30%;--king-check-flash-color:#d36135;--king-check-flash-duration:0.25s;--main-font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--button-bg-color:#373743;--button-text-color:#fff;--history-bg-color:#2e2e38;--history-text-color:#ccc;--button-size:var(--square-size);--button-height:calc(var(--button-size)/2);--button-icon-size:25px;--history-width:calc(var(--button-size)*3 + 20px)}#root,body,html{background:var(--bg-color);color:#fff;font-family:var(--main-font-family);height:100%;margin:0;padding:0;width:100%}.main-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:space-between;left:0;padding:10px 25px;position:fixed;right:0;top:0;z-index:2000}.header-nav,.main-header{align-items:center;display:flex}.header-nav{gap:20px}.header-logo{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none}.header-link{color:#bababa;font-weight:500;text-decoration:none;transition:color .2s}.header-link:hover{color:#fff}@media (max-width:650px){.header-link{font-size:.9rem}.header-link-create{display:none}}.auth-section{align-items:center;display:flex}.main-footer{background:#0000004d;color:#888;display:flex;font-size:.9rem;gap:30px;justify-content:center;margin-top:auto;padding:20px}.footer-link{color:#888;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.user-profile-dropdown-container{position:relative}.user-profile-trigger{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:5px;transition:background-color .2s}.user-profile-trigger:hover{background-color:#ffffff1a}.header-username{color:#ddd;font-size:14px;font-weight:600}.header-avatar{border:1px solid #fff3;border-radius:50%;height:32px;width:32px}.profile-dropdown-menu{background-color:var(--history-bg-color);border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;margin-top:10px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%}.dropdown-item{background:none;border:none;box-sizing:border-box;color:var(--history-text-color);cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#ffffff1a;color:#fff}.dropdown-item.logout{border-top:1px solid #444;color:#ff6b6b}.dropdown-item.logout:hover{background-color:#ff6b6b1a}.header-auth-link{background-color:var(--button-bg-color);border:1px solid #ffffff1a;border-radius:4px;color:var(--button-text-color);cursor:pointer;display:inline-block;font-family:var(--main-font-family);font-size:13px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .2s}.header-auth-link:hover{background-color:#454552;border-color:#ffffff4d}.lobby-player-link,.name-link{color:inherit;text-decoration:none;transition:color .2s}.lobby-player-link:hover,.name-link:hover{color:#4caf50;text-decoration:underline}.App{align-items:center;background:var(--bg-color);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:70px 20px 20px;touch-action:manipulation;user-select:none;-webkit-user-select:none}@media (max-width:850px){:root{--square-size:80px}}@media (max-width:650px){:root{--square-size:12.5vw}.App{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;padding:60px 0 0}.board{max-width:100%;width:100vw}.squares{border-radius:0}}.board{position:relative;user-select:none}.board,.coordinates{-webkit-user-select:none}.coordinates{color:#888;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:700;pointer-events:none;position:absolute;user-select:none}.coordinates--ranks{align-items:center;flex-direction:column;height:calc(var(--square-size)*8);justify-content:space-around;left:-20px;top:0}.coordinates--files{bottom:-25px;justify-content:space-around;left:0;width:calc(var(--square-size)*8)}@media (max-width:650px){.board{margin-bottom:40px;margin-top:40px}.coordinates--ranks{color:#ffffff80;left:5px;z-index:5}.coordinates--files{bottom:5px;color:#ffffff80;z-index:5}}.squares{border-radius:4px;display:grid;grid-template-columns:repeat(8,var(--square-size));grid-template-rows:repeat(8,var(--square-size));overflow:hidden;width:calc(var(--square-size)*8)}@media (max-width:650px){.squares{border-radius:0;touch-action:none}}.square{user-select:none;-webkit-user-select:none}.square--light{background:var(--light-square);color:var(--light-square)}.square--dark{background:var(--dark-square);color:var(--dark-square)}.pieces{bottom:0;left:0;right:0;top:0;touch-action:none}.piece,.pieces{position:absolute}.piece{background-image:var(--piece-image);background-size:100%;cursor:grab;height:var(--square-size);user-select:none;-webkit-user-select:none;width:var(--square-size);z-index:10}.piece:active{cursor:grabbing}@keyframes flash-animation{0%{background-color:initial}50%{background-color:var(--king-check-flash-color)}to{background-color:initial}}.king-flash{animation:flash-animation var(--king-check-flash-duration) ease-in-out;animation-iteration-count:2;height:var(--square-size);pointer-events:none;position:absolute;width:var(--square-size);z-index:4}.game-sidebar{font-family:var(--main-font-family);gap:10px;left:100%;margin-left:20px;position:absolute;top:50%;transform:translateY(-50%);width:var(--history-width)}.game-sidebar,.move-history{display:flex;flex-direction:column}.move-history{border-radius:4px;box-sizing:border-box;color:var(--history-text-color);font-weight:600;height:calc(var(--square-size)*4);overflow-y:auto;padding:10px;width:100%}.history-header,.move-history{background-color:var(--history-bg-color)}.history-header{border-bottom:1px solid #444;font-weight:700;margin-bottom:5px;padding-bottom:5px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:30px 1fr 1fr;margin-bottom:5px}.game-controls{align-items:flex-end;display:flex;gap:10px;position:relative}.takeback-actions{display:flex;gap:5px}.accept-btn{background-color:#4caf50!important}.decline-btn{background-color:#f44336!important}.control-button.waiting{cursor:wait;opacity:.5}.control-button{align-items:center;background-color:var(--button-bg-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;display:flex;font-family:inherit;font-size:16px;height:var(--button-height);justify-content:center;padding:0;white-space:nowrap;width:var(--button-size)}.more-menu-dropdown{background-color:var(--history-bg-color);border-radius:4px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;margin-top:5px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.menu-item{align-items:center;background:none;border:none;color:var(--history-text-color);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 15px;text-align:left}.menu-item:hover{background-color:#ffffff1a}.menu-item svg{height:16px;width:16px}.new-game-dialog-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-game-dialog{background-color:var(--history-bg-color);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:var(--history-text-color);max-width:90%;padding:20px;width:400px}.new-game-dialog h2{border-bottom:1px solid #444;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:center}.variants-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.color-selection-container label{margin-bottom:5px!important}.variant-select-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:6px;color:var(--history-text-color);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:6px;padding:10px 5px;transition:all .2s}.variant-select-btn:hover{background-color:#ffffff26;transform:translateY(-2px)}.variant-select-btn.active{background-color:var(--button-bg-color);border-color:#ffffff4d;color:var(--button-text-color)}.variant-icon{font-size:24px}.dialog-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn{background-color:initial;border:1px solid #666;border-radius:4px;color:#ccc;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-btn:hover{background-color:#ffffff1a}.start-btn{background-color:#95bb4a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 25px}.start-btn:hover{background-color:#a9cc5d}.player-name-display{align-items:center;box-sizing:border-box;color:#aaa;display:flex;font-family:var(--main-font-family);font-size:14px;font-weight:600;height:30px;justify-content:space-between;left:0;padding:0 10px;position:absolute;white-space:nowrap;width:calc(var(--square-size)*8)}.player-info{align-items:center;display:flex;gap:5px}.name-text,.player-info{overflow:hidden;text-overflow:ellipsis}.rating-text{color:#888;font-weight:400}.rating-diff{border-radius:3px;color:#fff;font-size:.9em;font-weight:700;margin-left:8px;padding:1px 5px}.rating-diff.positive{background-color:#4caf50}.rating-diff.negative{background-color:#f44336}@media (max-width:650px){.player-name-display{font-size:12px;padding:0 5px}.rating-text{font-size:11px}.rating-diff{font-size:.85em;margin-left:4px;padding:0 3px}.player-info{gap:3px}}.clock-display{background-color:#312e2b;border-radius:3px;color:#fff;font-family:var(--main-font-family);font-size:16px;min-width:60px;padding:2px 8px;text-align:center}.clock-display.active{background-color:#fff;color:#000}.opponent-name{bottom:100%;margin-bottom:5px}.takeback-prompt{animation:pulse 1.5s infinite;color:gold;font-size:13px;font-weight:700}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.player-name{margin-top:5px;top:100%}.player-names-input{border-bottom:1px solid #444;display:flex;flex-direction:column;gap:15px;margin-bottom:25px;padding-bottom:20px}.player-names-input .setting-row{align-items:flex-start;flex-direction:column;gap:8px}.player-names-input input[type=text]{background-color:#ffffff0d;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-family:inherit;padding:10px;width:100%}.player-names-input input[type=text]:focus{background-color:#ffffff1a;border-color:var(--button-bg-color);outline:none}.player-names-input label{color:#ccc;font-size:14px}.time-select{appearance:none;-webkit-appearance:none;background-color:var(--button-bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #0000;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-family:inherit;font-size:14px;min-width:120px;outline:none;padding:8px 35px 8px 12px}.time-select:hover{background-color:#ffffff26}.time-select option{background-color:var(--history-bg-color);color:var(--history-text-color)}.time-control-settings{border-top:1px solid #444;margin-top:20px;padding-top:20px}.time-control-row{align-items:flex-end;display:flex;gap:55px;justify-content:flex-start;padding:0 10px}.control-item{display:flex;flex-direction:column;gap:4px}.small-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.time-select.compact{height:36px;min-width:100px;padding:6px 10px}.switch-container{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:10px;-webkit-user-select:none;user-select:none}.switch-container.compact{align-items:center;height:36px;width:auto}.switch-container input{height:0;opacity:0;width:0}.switch-container .slider{background-color:#444;border-radius:20px;display:inline-block;height:20px;position:relative;transition:.4s;width:40px}.switch-container .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}.switch-container input:checked+.slider{background-color:var(--button-bg-color)}.switch-container input:checked+.slider:before{transform:translateX(20px)}@media (max-width:850px){.time-control-row{flex-wrap:nowrap;gap:10px;justify-content:flex-start;padding:0}.control-item:first-child{align-items:flex-start;flex:0 0 auto}.control-item:not(:first-child){align-items:stretch;flex:1 1 auto;min-width:0}.time-select.compact{background-position:right 2px center;min-width:0;padding:6px 20px 6px 8px;width:100%}.game-sidebar{box-sizing:border-box;flex-direction:row;flex-wrap:wrap;justify-content:center;left:0;margin-left:0;margin-top:35px;padding:0 10px;position:absolute;top:100%;transform:none;width:100%;z-index:50}.move-history{height:150px;order:2;width:100%}.game-controls{gap:15px;justify-content:center;order:1;width:100%}.control-button{--button-icon-size:14px;font-size:12px;height:32px;width:40px}}.legal-move-dot{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;pointer-events:none;width:100%;z-index:100}.legal-move-dot:after{background-color:var(--legal-move-dot-color);border:4px solid #6ca054;border-radius:50%;box-sizing:border-box;content:"";display:block;height:var(--legal-move-dot-size);width:var(--legal-move-dot-size);z-index:100}.highlight-square{background-color:var(--highlight-light-square);height:var(--square-size);pointer-events:none;position:absolute;width:var(--square-size);z-index:8}.highlight-square.dark{background-color:var(--highlight-dark-square)}.promotion-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.promotion-dialog{background-color:var(--button-bg-color);border-radius:8px;box-shadow:0 4px 15px #0000004d;max-width:90%;padding:10px;width:calc(var(--square-size)*4 + 20px)}.promotion-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,var(--square-size))}.promotion-option{align-items:center;background-color:var(--history-bg-color);border-radius:4px;cursor:pointer;display:flex;font-size:1.5em;justify-content:center;padding:0;transition:background-color .2s ease-in-out}.promotion-option:hover{background-color:var(--button-bg-color)}.promotion-option img{display:block;height:var(--square-size);width:var(--square-size)}.import-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.import-dialog{background-color:#262421;background-color:var(--history-bg-color,#262421);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;color:var(--button-text-color,#fff);font-family:var(--main-font-family);max-width:90vw;padding:20px;width:400px}.import-dialog h3{color:#e5e5e5;margin-bottom:15px;margin-top:0}.fen-input{background-color:#302e2b;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;margin-bottom:15px;padding:10px;width:100%}.import-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.import-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px}.import-button{background-color:#81b64c;color:#fff}.import-button:hover{background-color:#a3d160}.cancel-button{background-color:#363230;color:#b5b5b5}.cancel-button:hover{background-color:#403d3a;color:#fff}.supporter-badge{align-items:center;cursor:help;display:inline-flex;font-size:.9rem;justify-content:center;margin:0 4px;vertical-align:middle}.badge-kickstarter{filter:drop-shadow(0 0 2px rgba(0,255,128,.5))}.badge-patreon{filter:drop-shadow(0 0 2px rgba(255,66,77,.5))}.lobby-container{background:#262421;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#bababa;margin:40px auto;max-width:800px;padding:20px;touch-action:pan-y;user-select:auto;-webkit-user-select:auto}.create-seek-panel{background:#2d2b28;border-radius:4px;margin-bottom:30px;padding:10px 20px 20px;touch-action:pan-y}.create-seek-panel h2{margin-bottom:15px;margin-top:0}.form-group{align-items:center;display:flex;margin-bottom:15px}.form-group label{font-weight:700;width:150px}.form-group input,.form-group select{background:#3c3934;border:1px solid #403d39;border-radius:4px;color:#fff;flex-grow:1;padding:8px}.create-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 24px;width:100%}.create-button:hover{background:#a9cc5d}.lobby-actions{display:flex;gap:15px;margin-top:13px}.computer-button,.create-button,.otb-button{border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:8px 12px;transition:background .2s}.create-button{background:#95bb4a}.computer-button{background:#4a82bb}.computer-button:hover{background:#5d95cc}.otb-button{background:#373743;border:1px solid #ffffff1a}.otb-button:hover{background:#454552}.seeks-list table{border-collapse:collapse;width:100%}.seeks-list td,.seeks-list th{border-bottom:1px solid #3c3934;padding:12px;text-align:left}.seeks-list th{color:#8b8987;font-size:.9em;text-transform:uppercase}.seeks-list button{background:#3c3934;border:1px solid #403d39;border-radius:4px;color:#bababa;cursor:pointer;padding:6px 12px}.seeks-list button:hover:not(:disabled){background:#45423e;color:#fff}.seeks-list button:disabled{cursor:not-allowed;opacity:.5}.cancel-seek-btn{align-items:center;background-color:#d32f2f!important;border-color:#b71c1c!important;border-radius:50%!important;color:#fff!important;display:flex;height:24px;justify-content:center;padding:0!important;width:24px}.cancel-seek-btn:hover{background-color:#e53935!important}.profile-container{color:#bababa;font-family:var(--main-font-family);margin:80px auto;max-width:600px;padding:20px;touch-action:pan-y;user-select:auto;-webkit-user-select:auto}.profile-card{background:#262421;border-radius:8px;box-shadow:0 4px 12px #0006;padding:30px}.profile-card h1{border-bottom:none;color:#fff;font-size:1.8rem;margin-bottom:0;margin-top:0;padding-bottom:0}.profile-card-header{align-items:center;border-bottom:1px solid #3c3934;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.settings-link-btn{background:#3c3934;border-radius:4px;color:#bababa;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .2s}.settings-link-btn:hover{background:#4a4844;color:#fff}.profile-section{margin-bottom:35px}.profile-section h2{color:#8b8987;font-size:1rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.profile-header{align-items:center;display:flex;gap:25px}.profile-picture{border-radius:8px;box-shadow:0 4px 8px #0000004d;height:100px;object-fit:cover;width:100px}.profile-identity{flex:1 1}.info-row{display:flex;font-size:1.1rem;margin-bottom:10px}.info-row .label{color:#8b8987;width:80px}.info-row .value{color:#fff;font-weight:500}input:checked+.slider{background-color:#95bb4a}.overall-rating{align-items:baseline;background:var(--bg-secondary);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.overall-rating .value{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.ratings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rating-item{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.variant-name{color:var(--text-secondary);font-size:.9rem}.variant-rating{font-size:1.25rem;font-weight:700}.variant-rd{color:var(--text-muted);font-size:.8rem}.about-container{color:#fff;display:flex;font-family:var(--main-font-family);justify-content:center;min-height:calc(100vh - 100px);padding:40px 20px}.about-content{max-width:800px;width:100%}.about-content h1{color:#fff;font-size:2.5rem;margin-bottom:20px}.mission-statement{border-left:4px solid var(--dark-square);color:#ccc;font-size:1.25rem;line-height:1.6;margin-bottom:40px;padding-left:20px}.about-content h2{color:var(--light-square);font-size:1.8rem;margin-bottom:15px;margin-top:40px}.about-content p{color:#bbb;font-size:1.1rem;line-height:1.7}.about-content ul{list-style:none;padding:0}.about-content li{align-items:flex-start;color:#bbb;display:flex;font-size:1.1rem;gap:10px;margin-bottom:15px}.about-content li:before{color:var(--dark-square);content:"•";font-weight:700}.about-actions{display:flex;gap:20px;margin-top:30px}.community-link{border-radius:6px;font-weight:700;padding:12px 24px;text-decoration:none;transition:transform .2s,background-color .2s}.community-link:hover{transform:translateY(-2px)}.community-link.discord{background-color:#5865f2;color:#fff}.community-link.feedback{background-color:var(--button-bg-color);border:1px solid #ffffff1a;color:#fff}@media (max-width:650px){.about-content h1{font-size:2rem}.about-actions{flex-direction:column}.community-link{text-align:center}}.landing-container{color:#fff;margin:0 auto;max-width:1200px;padding:60px 20px}.hero-section{align-items:center;display:flex;gap:40px;justify-content:center;margin-bottom:80px;min-height:50vh;text-align:center}.hero-content{flex:1 1;max-width:800px}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.hero-content .highlight{color:#4caf50}.hero-subtitle{color:#ccc;font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-actions{display:flex;gap:20px;justify-content:center}.cta-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .2s ease}.cta-button.primary{background-color:#4caf50;color:#fff}.cta-button.primary:hover{background-color:#45a049;transform:translateY(-2px)}.cta-button.secondary{background-color:#333;border:1px solid #444;color:#fff}.cta-button.secondary:hover{background-color:#444;transform:translateY(-2px)}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-logo-large{filter:drop-shadow(0 0 20px rgba(76,175,80,.3));height:200px;width:200px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.feature-card{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;padding:40px;text-align:center;transition:border-color .2s}.feature-card:hover{border-color:#4caf50}.feature-icon{font-size:2.5rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px}.feature-card p{color:#999;line-height:1.5}.mission-statement{background:linear-gradient(180deg,#121212,#1a1a1a);border-radius:20px;margin:0 auto;max-width:800px;padding:60px 20px;text-align:center}.mission-statement h2{font-size:2.5rem;margin-bottom:20px}.mission-statement p{color:#bbb;font-size:1.2rem;line-height:1.7}@media (max-width:768px){.hero-section{flex-direction:column;text-align:center}.hero-content h1{font-size:2.5rem}.hero-actions{justify-content:center}.hero-visual{order:-1}}.settings-container{color:#bababa;font-family:var(--main-font-family);margin:80px auto;max-width:600px;padding:20px}.settings-card{background:#262421;border-radius:8px;box-shadow:0 4px 12px #0006;padding:30px}.settings-card h1{border-bottom:1px solid #3c3934;color:#fff;font-size:1.8rem;margin-bottom:25px;margin-top:0;padding-bottom:15px}.settings-section{margin-bottom:35px}.settings-section h2{color:#8b8987;font-size:1rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.preference-row{align-items:center;background:#2d2b28;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.preference-info .label{color:#fff;display:block;font-size:1.1rem;font-weight:500;margin-bottom:4px}.preference-info .description{color:#8b8987;font-size:.9rem;margin:0}.settings-info-text{color:#8b8987;font-size:.95rem;line-height:1.6}.switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#3c3934;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.leaderboard-container{color:#bababa;margin:80px auto;max-width:800px;padding:20px}.leaderboard-card{background:#262421;border-radius:8px;box-shadow:0 4px 12px #0006;padding:30px}.leaderboard-card h1{color:#fff;font-size:1.8rem;margin-bottom:25px;margin-top:0;text-align:center}.variant-tabs{border-bottom:1px solid #3c3934;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px;padding-bottom:20px}.variant-tab{background:#2d2b28;border:1px solid #3c3934;border-radius:4px;color:#8b8987;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.variant-tab:hover{background:#3c3934;color:#fff}.variant-tab.active{background:#4caf50;border-color:#4caf50;color:#fff}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{border-collapse:collapse;margin-top:10px;width:100%}.leaderboard-table th{border-bottom:1px solid #3c3934;color:#8b8987;font-size:.8rem;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.leader-row{border-bottom:1px solid #2d2b28;transition:background-color .1s}.leader-row:hover{background-color:#ffffff08}.leaderboard-table td{padding:12px;vertical-align:middle}.rank-col{color:#666;font-weight:700;width:50px}.player-col .player-link{align-items:center;color:#fff;display:flex;font-weight:500;gap:12px;text-decoration:none}.player-col .player-link:hover .player-name{color:#4caf50;text-decoration:underline}.mini-avatar{background:#333;border-radius:4px;height:32px;width:32px}.rating-col{text-align:right}.rating-value{color:#fff;font-size:1.1rem;font-weight:700;margin-right:8px}.rd-value{color:#666;font-size:.8rem}.loading-state,.no-data{color:#666;padding:40px;text-align:center}@media (max-width:600px){.variant-tab{font-size:.8rem;padding:6px 12px}.leaderboard-card{padding:15px}}
/*# sourceMappingURL=main.b0900dad.css.map*/