#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080818;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffcc0080;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffcc00b3}label{color:#fff!important}label:after{display:none!important}.fa-spin{animation:fa-spin 1s linear infinite!important;display:inline-block}.App{max-width:100%;overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-success-notification{align-items:center;animation:slideIn .5s ease-out forwards;background-color:#31a35f;border-radius:4px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-weight:600;gap:10px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.login-success-notification i{font-size:18px}.login-success-notification.fade-out{animation:slideOut .5s ease-in forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.login-success-notification.account-linked{background-color:#3a7bd5}.login-success-notification.account-linked i{color:#fff}body,html{-ms-overflow-style:none;margin:0;overflow-x:hidden;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none}#root,.app-container{position:relative}.app-container{min-height:100vh}.App>:not(nav){animation:fadeIn .6s cubic-bezier(.23,1,.32,1)}.admin-dashboard,.coaching-page,.connections-page-container,.landing-page,.profile-edit-container,.scrims-container,.settings-container,.tierlist,.tournament-page{animation:fadeInUp .7s cubic-bezier(.34,1.56,.64,1)}.coaching-header,.page-header,.profile-header,.settings-header,.tierlist-header,.tournament-header{animation:fadeInUp .8s cubic-bezier(.34,1.56,.64,1)}.coaching-content,.content-section,.profile-form,.settings-form,.tierlist-content,.tournament-grid{animation:fadeInUp .9s cubic-bezier(.23,1,.32,1)}.list-item{animation:fadeInUp .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.list-item:first-child{animation-delay:.2s}.list-item:nth-child(2){animation-delay:.25s}.list-item:nth-child(3){animation-delay:.3s}.list-item:nth-child(4){animation-delay:.35s}.list-item:nth-child(5){animation-delay:.4s}.list-item:nth-child(6){animation-delay:.45s}.list-item:nth-child(7){animation-delay:.5s}.list-item:nth-child(8){animation-delay:.55s}.list-item:nth-child(9){animation-delay:.6s}.list-item:nth-child(10){animation-delay:.65s}.list-item:nth-child(n+11){animation-delay:.7s}@media (prefers-reduced-motion:reduce){.App>*,.content-section,.list-item,.page-header{animation:none!important;opacity:1!important}}label{color:inherit}label>.dot-fix{color:inherit!important}.auth-container{align-items:center;background:radial-gradient(circle at center,#12122a 0,#080818 70%,#050510 100%);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.auth-container:before{animation:backgroundMove 60s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fc0' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;content:"";height:200%;left:-50%;opacity:.1;pointer-events:none;position:absolute;top:-50%;width:200%}.auth-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.auth-particle{animation:float 10s ease-in-out infinite;background-color:#ffcc0026;border-radius:50%;height:6px;position:absolute;width:6px}.auth-particle:first-child{animation-delay:0s;left:10%;top:20%}.auth-particle:nth-child(2){animation-delay:1s;left:80%;top:70%}.auth-particle:nth-child(3){animation-delay:2s;left:90%;top:40%}.auth-particle:nth-child(4){animation-delay:3s;left:20%;top:80%}.auth-particle:nth-child(5){animation-delay:4s;left:60%;top:30%}.auth-form{animation:formAppear .5s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#2a2a2acc;border:1px solid #fc03;border-radius:12px;box-shadow:0 10px 30px #0009;box-sizing:border-box;max-width:440px;padding:3rem;position:relative;transform:translateY(0);width:100%;z-index:1}@keyframes formAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form:before{background:linear-gradient(45deg,#0000,#ffcc004d,#0000);border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}.auth-form h2{color:#fc0;font-size:2rem;font-weight:800;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #ffcc004d}.form-group{position:relative}.form-group label{color:#ddd;font-size:.9rem;letter-spacing:.5px;transition:all .3s}.auth-form input{background-color:#333c;border:1px solid #444;border-radius:6px;box-shadow:inset 0 1px 3px #0003;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem 1.2rem;transition:all .3s;width:100%}.auth-form input:focus{border-color:#fc0;box-shadow:0 0 10px #fc03;outline:none}.auth-form button{background:linear-gradient(180deg,#fc0,#e6b800);border:none;border-radius:6px;box-shadow:0 4px 15px #0003;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s;width:100%}.auth-form button:hover{background:linear-gradient(180deg,#fd3,#fc0);box-shadow:0 6px 18px #00000040;transform:translateY(-2px)}.auth-form button:active{box-shadow:0 2px 10px #0003;transform:translateY(1px)}.auth-form button:after{background:#fff3;content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:rotate(30deg);transition:all .6s;width:20%}.auth-form button:hover:after{left:120%}.auth-form p{color:#bbb;font-size:.95rem;margin-top:1.5rem;text-align:center}.auth-form span{color:#fc0;cursor:pointer;position:relative;transition:all .3s}.auth-form span:hover{color:#fd3}.auth-form span:after{background-color:#fc0;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s;width:100%}.auth-form span:hover:after{transform:scaleX(1);transform-origin:left}.auth-logo{margin-bottom:2rem}.auth-logo,.auth-logo-icon{align-items:center;display:flex;justify-content:center}.auth-logo-icon{height:100px;margin:0 auto 20px;width:100px}.auth-logo-icon img{height:auto;object-fit:contain;width:100%}.pengu-logo{max-width:100px;transition:all .3s ease}.auth-logo-icon:hover img.pengu-logo{transform:scale(1.1) rotate(5deg)}.auth-logo-icon svg{height:100%;width:100%}.remember-me{align-items:center;display:flex;margin-top:1rem}.remember-me input[type=checkbox]{margin-right:8px;width:auto}.remember-me label{cursor:pointer;margin-bottom:0}@media screen and (max-width:500px){.auth-form{margin:0 1rem;padding:2rem}.auth-form h2{font-size:1.8rem}}@media screen and (max-width:768px){.auth-container{padding-top:85px}}.error-message{animation:fadeIn .3s ease-out;background-color:#dc35451a;border-left:3px solid #ff6b6b;border-radius:6px;font-size:.9rem;margin-bottom:20px;padding:12px}.admin-dashboard{background-color:#080818;color:#fff;min-height:100vh;padding:4rem 2rem 2rem}.admin-dashboard h2{color:#fc0;font-size:2rem;text-shadow:0 0 10px #ffcc004d}.admin-dashboard h2,.users-count{margin-bottom:1.5rem;text-align:center}.users-count{background-color:#ffcc001a;border-radius:8px;padding:.5rem}.users-count h3{color:#fc0;font-size:1.2rem;margin:0}.admin-controls{border:2px solid blue;display:flex!important;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem;min-height:50px;padding:10px}.refresh-users-btn{align-items:center;background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.refresh-users-btn:hover{background-color:#444}.refresh-users-btn i{font-size:.9rem}.save-all-button{align-items:center;background-color:#fc0;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.save-all-button:hover{background-color:#e6b800;box-shadow:0 4px 12px #ffcc004d;transform:translateY(-2px)}.new-set-btn{align-items:center;background-color:#dc3545!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:flex!important;font-weight:700;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .3s;z-index:1000}.new-set-btn:hover{background-color:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.loading-spinner{height:50vh}.loading-spinner i{color:#fc0;font-size:3rem}.loading-spinner span{color:#ccc;font-size:1.2rem}.admin-message{align-items:center;background-color:#0000004d;border-radius:4px;color:#fc0;display:flex;font-weight:700;justify-content:center;margin-bottom:1.5rem;min-height:50px;padding:1rem;text-align:center}.users-table{border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow-x:auto;width:100%}.users-table table{background-color:#1a1a2e;border-collapse:collapse;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid #333;padding:1rem;text-align:left}.users-table th{background-color:#252547;color:#fc0;font-weight:700;position:sticky;top:0;z-index:10}.users-table th.number-column{text-align:center;width:50px}.users-table td.number-column{color:#999;font-weight:700;text-align:center}.users-table tr.expanded-row,.users-table tr:hover:not(.details-row){background-color:#232339}.users-table tr.details-row{background-color:#191930}.users-table tr.details-row td{padding:0}.accounts-count{display:flex;gap:.75rem}.pbe-count,.riot-count{align-items:center;border-radius:4px;display:flex;font-size:.85rem;gap:.25rem;padding:.25rem .5rem}.riot-count{background-color:#dc143c33;color:crimson}.pbe-count{background-color:#8a2be233;color:#8a2be2}.no-accounts{color:#777;font-style:italic}.role-controls{align-items:center;display:flex;gap:.5rem}.role-select{background-color:#151525;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;max-width:150px;padding:.5rem}.role-select:focus{border-color:#fc0;outline:none}.refresh-token-btn{background-color:#2a602a;border-radius:50%;color:#fff;display:inline-flex;height:30px;justify-content:center;margin-left:8px;transition:background-color .3s;vertical-align:middle;width:30px}.refresh-token-btn:hover{background-color:#338033}.apply-role-btn{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.25rem;padding:.5rem .75rem;transition:all .3s;white-space:nowrap}.apply-role-btn:hover{background-color:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.apply-premium-btn{align-items:center;background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.25rem;padding:.5rem .75rem;transition:all .3s;white-space:nowrap}.apply-premium-btn:hover{background-color:#138496;box-shadow:0 2px 8px #17a2b84d;transform:translateY(-1px)}.premium-controls{align-items:center;display:flex;gap:.5rem}.premium-toggle{align-items:center;display:flex;gap:10px}.switch{display:inline-block;height:24px;margin:0;position:relative;width:50px}.switch input{height:0;opacity:0;position:absolute;width:0}.slider{background-color:#444;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.switch input:checked+.slider{background-color:#fc0}.switch input:disabled+.slider{cursor:not-allowed;opacity:.5}.switch input:checked+.slider:before{transform:translateX(26px)}.premium-status{font-size:.85rem;font-weight:700}.premium-status.premium{color:#fc0}.premium-status.standard{color:#aaa}.expand-btn{align-items:center;background-color:#333;border:none;border-radius:4px;color:#ddd;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:all .3s}.expand-btn:hover{background-color:#444}.expand-btn.expanded{background-color:#fc0;color:#000}.delete-account-btn,.delete-user-btn{align-items:center;background-color:#dc143c33;border:none;border-radius:4px;color:crimson;cursor:pointer;display:inline-flex;justify-content:center;transition:all .2s}.delete-user-btn{margin-left:.5rem;padding:.5rem}.delete-account-btn{height:30px;margin-left:auto;width:30px}.delete-account-btn:hover,.delete-user-btn:hover{background-color:crimson;color:#fff}.actions-cell{align-items:center;display:flex;gap:.5rem}.confirmation-modal{animation:modalFadeIn .3s ease-out;background-color:#1a1a2e;box-shadow:0 4px 20px #00000080;overflow:hidden}.modal-header{align-items:center;background-color:#252547;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem}.modal-header h3{color:#fc0;margin:0}.close-modal-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.25rem;transition:color .2s}.close-modal-btn:hover{color:#fff}.modal-body{padding:1.5rem}.modal-body p{font-size:1rem;line-height:1.5;margin-top:0}.warning-message{align-items:center;background-color:#dc143c1a;border-radius:4px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.warning-message i{color:crimson;font-size:1.2rem}.modal-footer{background-color:#0003;gap:1rem;justify-content:flex-end;padding:1rem}.cancel-btn{background-color:#333;border:none;color:#fff;transition:all .2s}.cancel-btn:hover{background-color:#444}.confirm-delete-btn{background-color:crimson;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .2s}.confirm-delete-btn:hover{background-color:#e81123;box-shadow:0 4px 8px #dc143c4d;transform:translateY(-2px)}.linked-accounts-container{padding:1.5rem}.pbe-accounts-section,.riot-accounts-section{margin-bottom:1.5rem}.pbe-accounts-section h4,.riot-accounts-section h4{border-bottom:1px solid #333;color:#fc0;margin-bottom:1rem;padding-bottom:.5rem}.accounts-grid{grid-gap:1rem;gap:1rem}.account-card{background-color:#232339;border-left:4px solid crimson;box-shadow:0 2px 10px #0000004d;padding:1rem}.account-card.pbe-account{border-left-color:#8a2be2}.account-header{margin-bottom:.75rem}.game-name{color:#fff;font-size:1.1rem;font-weight:700}.tag-line{color:#aaa;margin-left:.25rem}.verified-badge{color:#4caf50;font-size:1.1rem;margin-left:auto}.account-details{gap:.5rem}.account-detail{border-bottom:1px dotted #333;display:flex;font-size:.9rem;justify-content:space-between;padding-bottom:.25rem}.detail-label{color:#aaa}.detail-value{color:#fff;font-weight:700}.no-accounts-message{color:#999;font-style:italic}@media (max-width:1200px){.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:992px){.users-table td,.users-table th{padding:.75rem .5rem}.users-table td:nth-child(4),.users-table th:nth-child(4){display:none}}@media (max-width:768px){.admin-dashboard{padding:1rem}.accounts-grid{grid-template-columns:1fr}.users-table td:nth-child(3),.users-table th:nth-child(3){display:none}}.new-set-modal{animation:modalFadeIn .3s ease-out;background-color:#1a1a2e;border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.new-set-modal .modal-body{padding:1.5rem}.new-set-modal .modal-body ul{margin:1rem 0;padding-left:1.5rem}.new-set-modal .modal-body li{color:#ff6b6b;margin:.5rem 0}.new-set-modal .form-group{margin:1rem 0}.new-set-modal .form-group label{color:#fc0;display:block;font-weight:700;margin-bottom:.5rem}.new-set-modal .form-group input{background-color:#2a2a3e;border:1px solid #333;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.new-set-modal .form-group input:focus{border-color:#fc0;box-shadow:0 0 0 2px #fc03;outline:none}.confirm-new-set-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s}.confirm-new-set-btn:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.confirm-new-set-btn:disabled{background-color:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0f0a1efa,#0f0a19f2);border-bottom:1px solid #ffcc0026;box-shadow:0 4px 20px #0000004d;height:72px;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-container{overflow:visible!important;transition:all .3s ease}.navbar-container{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr) auto;height:100%;margin:0 auto;max-width:none;padding:0 max(.5rem,min(1.5rem,3vw));width:100%}.nav-logo{margin-right:2rem;padding:.5rem 0;text-decoration:none}.logo-container,.nav-logo{align-items:center;display:flex}.logo-container{gap:15px}.logo-icon{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.pengu-logo{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));height:54px;transition:transform .3s ease;width:54px}.nav-logo:hover .pengu-logo{transform:scale(1.1) rotate(5deg)}.logo-stacked{line-height:.9}.logo-top{color:#d72828!important}.logo-bottom,.logo-top{background:none!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:1.2rem!important;font-weight:800!important;letter-spacing:1px!important;text-shadow:0 2px 3px #0006!important}.logo-bottom{color:#fff!important}.logo-stacked:after{background:linear-gradient(90deg,#d72828,#0000)!important;border-radius:2px!important;content:""!important;display:block!important;height:1px!important;margin-top:2px!important;width:100%!important}.prismatic-text{-webkit-text-fill-color:initial!important;animation:none!important;background:none!important}.nav-center{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:clamp(.2rem,1vw,1rem);height:100%;justify-self:center;max-width:100%;min-width:0;overflow-x:auto;overflow:visible!important;padding:0 5px;scrollbar-width:none}.nav-center::-webkit-scrollbar{display:none}.nav-center a{color:#ddd;font-size:clamp(10px,.75vw,13px);font-weight:500;gap:6px;letter-spacing:.5px;padding:.5rem min(.3rem,.8vw);position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.nav-center a,.nav-center a i{align-items:center;display:flex}.nav-center a i{color:#fc0;font-size:15px;justify-content:center;text-align:center;transition:all .3s ease;width:18px}.nav-center a:hover{background-color:initial!important;color:#fc0}.nav-center a:hover i{transform:scale(1.2)}.nav-center a.active{border-bottom:2px solid #fc0;color:#fff;font-weight:600}.nav-center a.active i{color:#fd3}.nav-text{display:inline-block;max-width:200px;opacity:1;overflow:hidden;transition:opacity .2s ease,max-width .2s ease}.patreon-link{align-items:center;background-color:#ff424d1a!important;border-radius:6px!important;color:#ff424d!important;display:flex!important;font-weight:600!important;gap:6px;padding:.5rem .8rem!important}.patreon-link:hover{background-color:#ff424d33!important}.patreon-link i{color:#ff424d!important}.patreon-icon{display:none}.nav-right{align-items:center;display:flex;justify-self:end;margin-right:0;min-width:max-content;padding-left:.2rem}.auth-buttons{gap:clamp(5px,.8vw,12px);justify-content:flex-end}.signin-btn,.signup-btn{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;font-size:clamp(10px,.7vw,12px);font-weight:600;height:34px;justify-content:center;margin:0;padding:.4rem clamp(.6rem,.8vw,1.2rem);text-decoration:none;transition:all .3s;white-space:nowrap}.signin-btn{background-color:initial;border:2px solid #fc0;color:#fc0;overflow:hidden;position:relative}.signin-btn:before{background:#ffcc001a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.signin-btn:hover:before{left:0}.signup-btn{background:linear-gradient(90deg,#fc0,#f90);border:none;box-shadow:0 4px 15px #ffcc004d;color:#000}.signup-btn:hover{box-shadow:0 6px 20px #fc06;transform:translateY(-2px)}.user-menu{margin-left:auto;position:relative}.user-menu,.user-profile{align-items:center;display:flex}.user-profile{background-color:#1e1e2880;border:1px solid #ffcc004d;border-radius:30px;color:#fff;cursor:pointer;gap:.8rem;padding:.5rem;transition:all .3s ease}.user-avatar,.user-avatar-image{align-items:center;background-color:#fc0;border-radius:50%;color:#222;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.user-avatar-image{background-color:initial}.user-avatar-image img{border-radius:50%}.username{font-size:clamp(11px,.8vw,14px);max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.user-profile:after{color:#fc0;content:"▼";font-size:8px;transition:transform .3s ease}.user-profile:hover{background:#ffcc001a;border-color:#fc0}.dropdown-menu.show+.user-profile:after,.user-profile:hover:after{transform:rotate(180deg)}.dropdown-menu{background-color:#1a1a25;border:1px solid #fc03;border-radius:8px;box-shadow:0 5px 25px #0000004d;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s ease;width:220px;z-index:1001}.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-items{display:flex;flex-direction:column;padding:10px}.menu-items a,.menu-items button{align-items:center;background:none;border:none;border-radius:6px;color:#ddd;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;padding:10px;text-align:left;text-decoration:none;transition:all .2s}.menu-items i{color:#fc0;font-size:16px}.menu-items a:hover,.menu-items button:hover{background-color:initial!important}.hamburger{align-items:center;cursor:pointer;display:none;height:40px;justify-content:center;position:relative;width:40px;z-index:1002}.bar{position:relative}.bar,.bar:after,.bar:before{background-color:#fff;height:2px;transition:all .3s ease;width:24px}.bar:after,.bar:before{content:"";left:0;position:absolute}.bar:before{transform:translateY(-8px)}.bar:after{transform:translateY(8px)}.bar.active{background-color:initial}.bar.active:before{transform:rotate(45deg)}.bar.active:after{transform:rotate(-45deg)}.admin-link{border-top:1px solid #ffcc001a;color:#f90!important;margin-top:5px;padding-top:10px!important}.admin-link:hover{background-color:#ff99001a!important}.navbar.small .nav-center a,.navbar.xs .nav-center a{padding:.5rem .3rem}.navbar.medium .nav-text,.navbar.small .nav-text{margin:0;max-width:0;opacity:0;padding:0}.navbar.small .auth-buttons,.navbar.xs .auth-buttons{gap:8px}.navbar.small .username,.navbar.xs .username{margin-right:-.5rem;max-width:0;opacity:0}.navbar.small .signin-btn,.navbar.small .signup-btn,.navbar.xs .signin-btn,.navbar.xs .signup-btn{padding:.45rem .8rem}@media screen and (max-width:1100px){.navbar-container{gap:.2rem;padding:0 .5rem}.nav-center{gap:.1rem}.nav-center a{font-size:10px;gap:4px;letter-spacing:0;padding:.5rem .15rem}.nav-center a i{font-size:13px;width:15px}.signin-btn,.signup-btn{font-size:10px;padding:.4rem .5rem}.logo-icon{height:45px;width:45px}}@media screen and (max-width:1200px){.navbar-container{gap:.5rem;grid-template-columns:auto minmax(0,1fr) auto}.nav-center{gap:clamp(.2rem,1vw,.8rem)}.nav-center a{font-size:12px;gap:7px;padding:.5rem min(.3rem,.8vw)}}@media screen and (max-width:992px){.navbar-container{gap:.3rem;padding:0 1rem}.nav-center{gap:.15rem;justify-self:center;width:auto}.logo-icon{height:50px;width:50px}.signin-btn,.signup-btn{font-size:11px;padding:.4rem .7rem}}@media screen and (max-width:768px){.hamburger{display:flex;order:3}.navbar-container{grid-template-columns:auto 1fr auto;position:relative}.nav-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#14141ef2;border-bottom:1px solid #fc03;box-shadow:0 4px 20px #00000080;flex-direction:column;gap:0;height:0;left:0;overflow:hidden;padding:1rem;position:fixed;right:0;top:60px;transition:height .3s ease,padding .3s ease;z-index:1000}.nav-center.mobile-active{height:auto;max-height:calc(100vh - 60px);overflow-y:auto}.nav-center a{font-size:14px;gap:10px;justify-content:center;padding:1rem;text-align:center;width:100%}.nav-center a i{font-size:16px;width:20px}.nav-center a.active{background-color:#ffcc001a;width:100%}.nav-center .nav-text{max-width:none;opacity:1}.navbar-container{padding:0 1rem}.nav-right{margin-right:.5rem}.auth-buttons{gap:5px}.signin-btn,.signup-btn{padding:.45rem .8rem}}@media screen and (max-width:480px){.logo-container{gap:8px}.logo-icon{height:55px;width:55px}.logo-bottom,.logo-top{font-size:10px}.signin-btn,.signup-btn{font-size:.8rem}.user-avatar,.user-avatar-image{height:28px;width:28px}.navbar{height:60px}.nav-center{height:calc(100vh - 60px);top:60px}}.user-greeting{color:#ddd;font-size:14px;margin-right:15px}.logout-btn{align-items:center;background:#0000;border:1px solid #fc0;border-radius:4px;color:#fc0;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;padding:.45rem 1.3rem;transition:all .3s}.logout-btn:hover{background-color:#ffcc001a;border-color:#fd3;color:#fd3}@media screen and (max-width:768px){.user-greeting{font-size:12px;margin-right:8px}.logout-btn{font-size:12px;padding:.4rem .8rem}}.admin-link{background-color:#ffcc001a;border-left:3px solid #fc0;color:#fc0!important;font-weight:700}.admin-link:hover{background-color:#fc03}.user-badge{background-color:#ffffff1a;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:2px 8px}.user-details{border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:10px;text-align:center}.user-avatar-image{border-radius:50%;box-shadow:0 2px 8px #ffcc004d;height:32px;overflow:hidden;width:32px}.user-avatar-image img{height:100%;object-fit:cover;width:100%}@media screen and (min-width:1101px) and (max-width:1366px){.navbar-container{gap:.3rem;grid-template-columns:auto minmax(0,1fr) auto;padding:0 .5rem}.nav-center{gap:.2rem}.nav-center a{font-size:11px;gap:5px;letter-spacing:.5px;padding:.5rem .2rem}.nav-center a i{font-size:14px;width:16px}.logo-icon{height:50px;width:50px}.signin-btn,.signup-btn{font-size:11px;padding:.4rem .6rem}}.download-app-button{align-items:center;background:#28283266;border:1px solid #6464784d;border-radius:6px;box-shadow:0 2px 8px #0003;cursor:not-allowed;display:flex;margin-right:15px;overflow:hidden;padding:7px 14px;position:relative;transition:all .3s ease}.download-app-button span{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.download-app-button i,.download-app-button span{-webkit-text-fill-color:#0000;animation:prisma-flow 4s linear infinite;background:linear-gradient(90deg,#f63cb699,#fc8f5c99 15%,#f8ff5699 30%,#51fa7b99 45%,#5efcff99 60%,#866cff99 75%,#f63cb699);-webkit-background-clip:text;background-clip:text;background-size:300% auto;filter:grayscale(40%) brightness(.8)}.download-app-button i{animation-delay:-2s;font-size:15px;margin-right:10px}.download-app-button:before{animation:prisma-flow 4s linear infinite;background:linear-gradient(90deg,#f63cb60d,#fc8f5c0d 15%,#f8ff560d 30%,#51fa7b0d 45%,#5efcff0d 60%,#866cff0d 75%,#f63cb60d);background-size:300% auto;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.download-app-button:hover{background:#32323c80;border-color:#78788c66;box-shadow:0 4px 12px #00000040}.download-app-button:hover i,.download-app-button:hover span{filter:grayscale(30%) brightness(.9)}@keyframes subtle-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.download-app-button{animation:subtle-pulse 2s ease-in-out infinite}.navbar .logo-bottom,.navbar .logo-container,.navbar .logo-icon,.navbar .logo-stacked,.navbar .logo-top{animation:none!important;transition:none!important}.navbar .logo-container .logo-stacked .logo-bottom,.navbar .logo-container .logo-stacked .logo-top{-webkit-text-fill-color:#0000!important;animation:prisma-flow 4s linear infinite!important;background:linear-gradient(90deg,#f63cb6,#fc8f5c 15%,#f8ff56 30%,#51fa7b 45%,#5efcff 60%,#866cff 75%,#f63cb6)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:300% auto!important;text-shadow:none!important}.navbar .logo-container .logo-stacked .logo-bottom{animation-delay:-2s!important}.navbar .logo-icon{animation:none!important;filter:none!important}@keyframes subtle-icon-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}}.navbar .logo-container:before{animation:clean-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);bottom:-5px;content:"";left:-5px;opacity:.3;pointer-events:none;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes clean-pulse{0%,to{opacity:.2}50%{opacity:.4}}.coming-soon-tooltip{border:1px solid #64648c33;border-radius:4px;bottom:-35px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:11px;opacity:0;padding:6px 12px;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.coming-soon-tooltip,.coming-soon-tooltip:after{background-color:#1e1e28f2;left:50%;position:absolute}.coming-soon-tooltip:after{border-left:1px solid #64648c33;border-top:1px solid #64648c33;content:"";height:10px;top:-5px;transform:translateX(-50%) rotate(45deg);width:10px}.download-app-button:hover .coming-soon-tooltip{bottom:-40px;opacity:1;visibility:visible}.nav-dropdown{height:100%;position:relative}.nav-dropdown-trigger{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;gap:8px;height:100%;padding:0 10px;transition:all .2s}.nav-dropdown-trigger.active,.nav-dropdown-trigger:hover{color:#fc0}.nav-dropdown-trigger i:not(.dropdown-arrow){color:#fc0;font-size:15px;text-align:center;width:18px}.dropdown-arrow{font-size:.8rem;margin-left:4px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{animation:dropdown-appear .2s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191928f2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 25px #0000004d;display:flex;display:none;flex-direction:column;left:50%;min-width:180px;overflow:visible;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);z-index:1001}.nav-dropdown-menu.show{display:flex}.scrims-dropdown{animation:dropdown-appear .2s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191928f2;border:1px solid #ffcc0026;border-radius:8px;box-shadow:0 10px 25px #0000004d;display:none;flex-direction:column;left:50%;min-width:180px;overflow:visible;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);z-index:1001}.scrims-dropdown.show{display:flex}.scrims-dropdown a{align-items:center;border-bottom:1px solid #ffffff0d;color:#fffc;display:flex;gap:10px;padding:12px 15px;text-decoration:none;transition:all .2s}.scrims-dropdown a:last-child{border-bottom:none}.scrims-dropdown a.active,.scrims-dropdown a:hover{background:#ffcc001a;color:#fc0}.scrims-dropdown a i{text-align:center;width:16px}.nav-dropdown-trigger .fas.fa-tools{color:#fc0}.menu-items .highlighted-link{background-color:#ffcc001a;border-left:3px solid #fc0;padding-left:7px;position:relative}.menu-items .highlighted-link:hover{background-color:#fc03}.menu-items a{position:relative}.important-badge{align-items:center;background-color:#fc0;border-radius:50%;color:#000;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px}.dropdown-menu a:hover,.menu-items a:hover,.menu-items button:hover,.mobile-menu-items a:hover,.nav-menu a:hover{background-color:initial!important}@keyframes dropdown-appear{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nav-dropdown-menu a{align-items:center;color:#fffc;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-dropdown-menu a.active,.nav-dropdown-menu a:hover{background:#ffcc001a;color:#fc0}.nav-dropdown-menu a i{text-align:center;width:20px}.riot-account-section{border-top:1px solid #ffffff1a;padding:15px}.section-header{margin-bottom:15px}.section-header h4{align-items:center;color:#fc0;display:flex;font-size:14px;font-weight:600;margin:0 0 5px}.section-header h4:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:16px;margin-right:8px;width:16px}.section-divider{background:linear-gradient(90deg,#ffcc004d,#ffcc001a,#0000);height:1px;margin:5px 0}.linked-account{background-color:#0080001a;border:1px solid #00800033;border-radius:6px;box-sizing:border-box;padding:12px;width:100%}.account-info,.linked-account{margin-bottom:10px}.account-badge{align-items:center;color:#4caf50;display:flex;font-size:12px;font-weight:600;margin-bottom:5px}.account-badge i{margin-right:5px}.account-name{font-size:12px;margin-bottom:2px}.account-region{color:#ffffffb3;font-size:11px;margin-bottom:8px}.unlink-btn{background-color:#f443361a;border:1px solid #f4433633;border-radius:6px;color:#f44336;cursor:pointer;font-size:.75rem;padding:6px;text-align:center;transition:all .2s;width:100%}.unlink-btn:hover{background-color:#f4433626;border-color:#f443364d}.unlinked-account{background-color:#ffc1071a;border:1px solid #ffc10733;border-radius:6px;padding:12px}.account-status{align-items:center;color:#ffc107;display:flex;font-size:12px;font-weight:600;margin-bottom:10px}.account-status i{margin-right:5px}.link-btn{background-color:#fc0;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:8px 15px;transition:all .2s;width:100%}.link-btn:hover{background-color:#e6b800}.riot-form{margin-top:10px}.form-group{margin-bottom:10px}.form-group label{font-size:12px;margin-bottom:4px}.form-group input,.form-group select{font-size:12px;padding:8px}.form-actions{gap:8px;justify-content:space-between;margin-top:15px}.form-actions button{flex:1 1;font-size:12px;padding:6px 12px}.form-actions button[type=button]{background-color:initial;border:1px solid #ffffff4d;color:#fff}.form-actions button[type=submit]{background-color:#fc0;border:none;color:#000;font-weight:600}.form-actions button[type=button]:hover{background-color:#ffffff1a}.form-actions button[type=submit]:hover{background-color:#e6b800}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#f443361a;color:#f44336;font-size:12px;margin-bottom:10px;padding:8px}.riot-account-loading{color:#fff9;font-size:12px;padding:10px;text-align:center}.account-rank{margin:10px 0}.rank-display{align-items:center;display:flex}.rank-icon{height:40px;margin-right:10px;width:40px}.rank-text{font-weight:700}.rank-lp{color:#adb5bd;font-size:.85em}.last-updated{color:#ffffff80;font-size:.7rem;margin-top:6px;text-align:center}.account-actions{gap:6px;margin-top:8px;width:100%}.refresh-btn{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.75rem;padding:6px;text-align:center;transition:all .2s;width:100%}.refresh-btn:hover{background-color:#ffffff26;border-color:#ffffff4d}.refresh-btn i{font-size:.75rem;margin-right:4px}.tag-prefix{color:#fc0}label small{color:#fff9}.tierlist{background-color:#080818;color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:4rem 2rem 2rem}.tier-section{margin-bottom:2rem}.tier-title{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#141428e6,#1e1e32b3);border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;margin-bottom:1rem;padding:.8rem 1.2rem;position:relative}.tier-title:before{background:#fc0;background:var(--tier-color,#fc0);border-radius:4px 0 0 4px;box-shadow:0 0 15px #fc0;box-shadow:0 0 15px var(--tier-color,#fc0);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.tier-letter{color:#fc0;color:var(--tier-color,#fc0);font-size:2.2rem;font-weight:800;text-shadow:0 0 10px #ffcc004d}.tier-description{display:flex;flex-direction:column;gap:.2rem}.tier-name{color:#fff;font-size:1.2rem;font-weight:600}.tier-subtitle{color:#fff9;font-size:.85rem}.s-tier .tier-title{--tier-color:#d72828}.a-tier .tier-title{--tier-color:#e74c3c}.b-tier .tier-title{--tier-color:#f39c12}.c-tier .tier-title{--tier-color:#f1c40f}.d-tier .tier-title{--tier-color:#bdc3c7}.tier-title:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-1px);transition:all .2s ease}.tier-title:after{background:linear-gradient(90deg,#fc0,#0000);background:linear-gradient(90deg,var(--tier-color,#fc0),#0000);content:"";height:100%;left:4px;opacity:.1;pointer-events:none;position:absolute;top:0;width:15px}.comps-container{display:flex;flex-direction:column}.comp-wrapper{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 3px 10px #0003;margin-bottom:1rem;overflow:hidden;position:relative;transition:all .3s ease}.comp-wrapper:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.comp-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #3c3c4680;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out}.comp-card:before{background:linear-gradient(180deg,#0003 0,#000000b3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.comp-card:hover{border-color:#ffcc004d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.comp-content{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1rem;position:relative;z-index:2}.comp-info{width:100%}.comp-name{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 1px 3px #000c}.comp-difficulty{background-color:#ffcc004d;border:1px solid #ffcc0080;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .5rem;text-shadow:0 1px 2px #0009}.comp-details{animation:slideDown .3s ease-out;background-color:#191923f7;border:1px solid #3c3c4680;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;box-shadow:0 8px 20px #0000004d;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comp-details-section{border-bottom:1px solid #ffffff14;margin-bottom:1.25rem;padding-bottom:1.25rem}.comp-details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comp-details h4:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:18px;margin-right:8px;opacity:.9;width:18px}.comp-details h4.gameplan:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M12 2 4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3zm3.2 12.34L11 17.17l-2.2-2.83c-.32-.41-.28-1 .1-1.36.32-.31.85-.35 1.2-.08l.9.66.9-.66c.35-.27.88-.23 1.2.08.38.36.42.95.1 1.36z'/%3E%3C/svg%3E")}.comp-details h4.howtoplay:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm1-4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4z'/%3E%3C/svg%3E")}.comp-details h4.whentoplay:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}.comp-details h4.positioning:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM10 5.47l4 1.4v11.66l-4-1.4V5.47zm-5 .99 3-1.01v11.7l-3 1.16V6.46zm14 11.08-3 1.01V6.86l3-1.16v11.84z'/%3E%3C/svg%3E")}.comp-details h4.items:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M11 9h2V7h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m-1 15h2v-6h-2v6z'/%3E%3C/svg%3E")}.comp-details h4.augments:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25'/%3E%3C/svg%3E")}.comp-details h4.comp-code:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fc0'%3E%3Cpath d='M8 3c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H8zm0 2h8v16H8V5zm2 2v2h4V7h-4zm0 4v2h4v-2h-4zm0 4v2h4v-2h-4z'/%3E%3C/svg%3E")}.comp-details p{color:#ffffffe6;font-size:.95rem;font-weight:300;line-height:1.6;margin:0}.position-image{border:1px solid #ffcc004d;border-radius:8px;box-shadow:0 4px 15px #0006;display:block;margin:.5rem auto;max-width:100%;transition:transform .3s ease}.position-image:hover{transform:scale(1.02)}.key-highlight{background-color:#ffcc0026;border-radius:3px;color:#fff;font-weight:500;padding:.1em .3em}.comp-admin-controls{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem;z-index:10}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:transform .2s ease,background-color .2s ease;width:30px}.edit-btn{background-color:#fc0;color:#000}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover,.edit-btn:hover{transform:scale(1.1)}.tierlist-admin-controls{display:flex;justify-content:center;margin:2rem 0 2.5rem;padding-bottom:1rem;position:relative;text-align:center;width:100%}.tierlist-admin-controls:after{background:linear-gradient(90deg,#fc00,#ffcc004d,#fc00);bottom:0;content:"";height:1px;left:10%;position:absolute;right:10%}.add-comp-btn{align-items:center;background-color:#fc0;border:none;border-radius:8px;box-shadow:0 4px 12px #fc03;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0 auto;padding:.8rem 1.5rem;transition:all .3s ease}.add-comp-btn:hover{background-color:#fd3;box-shadow:0 6px 16px #ffcc004d;transform:translateY(-3px)}.add-comp-btn i{font-size:1.1rem}.error,.loading,.no-comps{background-color:#1e1e2880;border-radius:8px;margin:2rem 0;padding:2rem;text-align:center}.error{border-left:4px solid #e74c3c;color:#e74c3c}.permission-mismatch-warning{align-items:center;background-color:#ffe8e6;border:1px solid #ff6b6b;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:15px 0;padding:15px}.permission-mismatch-warning p{color:#d32f2f;flex:1 1;font-weight:500;margin:0 0 10px}.permission-mismatch-warning button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px;transition:background-color .2s}@media (max-width:768px){.tierlist{padding:4rem 1rem 1rem}.comp-card{height:100px}.comp-name{font-size:1.1rem}.comp-admin-controls{right:.5rem;top:.5rem}}.position-image-section{margin-bottom:1.5rem;margin-top:0}.comp-details,.comp-details p,.comp-details-section{text-align:left}.comp-details h4{align-items:center;color:#d72828;display:flex;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 .7rem;text-align:left}.tierlist-header{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;margin-top:1rem;text-align:center;text-shadow:0 2px 10px #d728284d;text-transform:uppercase}.tierlist-intro{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0 auto 2rem;max-width:800px;text-align:center}.comp-card-button{background:linear-gradient(135deg,#d72828,#a41e3a);box-shadow:0 4px 15px #d728284d}.comp-card-button:hover{box-shadow:0 6px 20px #d7282866}.experimental-tier .tier-title{--tier-color:#9c59b6}.status-message{align-items:center;animation:fadeInSlide .3s ease-out;border-radius:4px;display:flex;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem}.status-message.success{background-color:#4caf5026;border-left:4px solid #4caf50;color:#4caf50}.status-message.error{background-color:#f4433626;border-left:4px solid #f44336;color:#f44336}.status-message i{font-size:1.1rem;margin-right:.5rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tierlist-header-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.last-updated-info{align-items:center;background-color:#0003;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#ffffffb3;display:flex;font-size:.9rem;padding:.5rem 1rem}.last-updated-label{font-weight:500;margin-right:.5rem}.last-updated-date{color:#fc0;font-weight:600}@media (max-width:768px){.tierlist-header-controls{align-items:flex-start;flex-direction:column;gap:1rem}.last-updated-info{align-self:flex-end}}.comp-code-section{display:flex;justify-content:flex-end;margin-bottom:.75rem;padding:.5rem 0}.comp-code-container{align-items:center;background-color:#0000001a;border:1px solid #ffcc0026;border-radius:4px;display:flex;margin-left:auto;max-width:fit-content;padding:4px 8px}.code-label{color:#aaa;font-size:.75rem;margin-right:6px}.code-display{background-color:#0003;border-radius:3px;color:#fc0;font-family:monospace;font-size:.85rem;margin-right:6px;padding:2px 4px;-webkit-user-select:all;user-select:all}.copy-code-btn{align-items:center;background-color:#fc0;border:none;border-radius:3px;box-shadow:0 1px 3px #0003;color:#000;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.copy-code-btn:hover{background-color:#fd3;transform:translateY(-1px)}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{-webkit-transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.comp-editor-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.comp-editor{background-color:#1a1a1a;border:1px solid #fc03;border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;width:90%}.comp-editor h2{border-bottom:1px solid #fc03;color:#fc0;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem;text-align:center}.form-row{gap:1rem}.comp-editor label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.comp-editor input,.comp-editor select,.comp-editor textarea{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.9rem;padding:.8rem;width:100%}.comp-editor input:focus,.comp-editor select:focus,.comp-editor textarea:focus{border-color:#fc0;outline:none}.form-help{color:#aaa;display:block;font-size:.8rem;margin-top:4px}.image-upload-container{gap:1rem}.image-upload{position:relative;width:100%}.image-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.image-upload-label{align-items:center;background-color:#2a2a2a;border:2px dashed #444;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.image-upload-label:hover{background-color:#333;border-color:#fc0}.image-upload-label i{color:#fc0;font-size:1.5rem}.image-upload-label span{color:#fff;font-size:.9rem}.image-preview{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;overflow:hidden;width:100%}.image-preview img{display:block;height:200px;object-fit:cover;width:100%}.image-preview:hover img{transform:scale(1.02);transition:transform .3s ease}@media (min-width:768px){.image-upload-container{align-items:flex-start;flex-direction:row}.image-preview,.image-upload{flex:1 1}}.form-actions{gap:1rem;margin-top:2rem}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s}.cancel-btn{background-color:initial;border:1px solid #888;color:#ccc}.save-btn{background-color:#fc0;border:none;color:#000}.cancel-btn:hover{background-color:#ffffff1a;border-color:#ccc}.save-btn:hover{background-color:#e6b800}.save-btn:disabled{background-color:#777;cursor:not-allowed}.crop-modal{align-items:center;display:flex;justify-content:center}.crop-container{background-color:#1a1a1a;border:1px solid #fc03;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;width:90%}.crop-container h3{border-bottom:1px solid #fc03;color:#fc0;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem;text-align:center}.crop-controls{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.control-group{flex:1 1}.control-group label{color:#ccc;display:block;margin-bottom:.5rem}.crop-area{align-items:center;background-color:#2a2a2a;border-radius:4px;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:300px;overflow:hidden;padding:1rem}.crop-actions{background-color:#1a1a1a;bottom:0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-bottom:1rem;position:sticky}.image-preview{margin-bottom:1rem;position:relative}.image-preview img{border:1px solid #444;border-radius:4px;max-width:100%}.crop-btn{align-items:center;background-color:#000000b3;border:none;border-radius:4px;bottom:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:.5rem;transition:all .3s ease}.crop-btn:hover{background-color:#000000e6}.ReactCrop{background-color:#2a2a2a;cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop:focus{outline:none}.ReactCrop__crop-selection{border:1px solid #fc0;box-shadow:0 0 0 9999em #00000080;box-sizing:border-box;cursor:move;left:0;position:absolute;top:0;touch-action:none;transform:translateZ(0)}.aspect-ratio-toggle{align-items:center;display:flex;justify-content:flex-end;margin-bottom:1rem}.toggle-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.toggle-label input{margin-right:8px;width:auto}.toggle-text{color:#ccc;font-size:.9rem}.toggle-label input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#2d2d2d;border:2px solid #444;border-radius:3px;cursor:pointer;display:inline-block;height:18px;margin-right:8px;position:relative;vertical-align:middle;width:18px}.toggle-label input[type=checkbox]:checked{background-color:#fc0;border-color:#fc0}.toggle-label input[type=checkbox]:checked:after{border:solid #000;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.crop-options{justify-content:space-between;margin-bottom:1rem}.crop-options,.format-selector{align-items:center;display:flex}.format-selector{gap:10px}.format-label{color:#ccc;font-size:.9rem}.format-option{align-items:center;cursor:pointer;display:flex}.format-option input[type=radio]{margin-right:5px;width:auto}.format-option span{color:#ccc;font-size:.9rem}.crop-status-message{align-items:center;border-radius:4px;display:flex;gap:10px;margin-bottom:1rem;padding:10px 15px}.crop-status-message.error{background-color:#dc35451a;border-left:3px solid #dc3545;color:#ff6b6b}.crop-status-message.info{background-color:#17a2b81a;border-left:3px solid #17a2b8;color:#5bc0de}.crop-status-message.success{background-color:#28a7451a;border-left:3px solid #28a745;color:#6fd48b}.crop-status-message i{font-size:1.1rem}.loading-screen{align-items:center;animation:bg-fade-in .8s ease-out forwards;display:flex;height:100%;justify-content:center;left:0;opacity:1;overflow:hidden;perspective:1000px;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}@keyframes bg-fade-in{0%{opacity:0}to{opacity:1}}.loading-screen:before{animation:backgroundMove 60s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;content:"";height:200%;left:-50%;opacity:.08;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes backgroundMove{0%{transform:translate(0) rotate(0deg)}to{transform:translate(10%,10%) rotate(5deg)}}.loading-screen.fade-out{opacity:0}.loading-content{gap:3rem;justify-content:center;z-index:2}.particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.particle{animation:float 6s ease-in-out infinite;background-color:#fc03;height:6px;width:6px}.particle:first-child{animation-delay:0s;height:4px;left:20%;top:20%;width:4px}.particle:nth-child(2){animation-delay:1s;height:5px;left:70%;top:60%;width:5px}.particle:nth-child(3){animation-delay:2s;height:3px;left:40%;top:40%;width:3px}.particle:nth-child(4){animation-delay:3s;height:6px;left:30%;top:70%;width:6px}.particle:nth-child(5){animation-delay:4s;height:5px;left:60%;top:30%;width:5px}.particle:nth-child(6){animation-delay:.5s;height:4px;left:80%;top:50%;width:4px}.particle:nth-child(7){animation-delay:1.5s;height:3px;left:50%;top:80%;width:3px}.particle:nth-child(8){animation-delay:2.5s;height:5px;left:80%;top:20%;width:5px}.loading-logo{animation:bounceLogo 2s cubic-bezier(.455,.03,.515,.955) infinite alternate}@keyframes bounceLogo{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.logo-icon{animation:pulseBrighter 2s infinite}@keyframes pulseBrighter{0%{filter:drop-shadow(0 0 20px rgba(255,204,0,.7));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(255,204,0,.9));transform:scale(1.1)}to{filter:drop-shadow(0 0 20px rgba(255,204,0,.7));transform:scale(1)}}.logo-stacked{align-items:flex-start}.logo-bottom:after{display:none}.loading-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-top:20px}.progress-bar{animation:progress 1.8s ease-in-out;background:linear-gradient(90deg,#fc09,#fc0);border-radius:2px;left:0;position:absolute;top:0;width:30%}@keyframes progress{0%{width:0}to{width:100%}}.loading-dots{display:flex;gap:8px;justify-content:center;margin-top:15px}.loading-dots span{animation:dot-flashing 1s infinite alternate;background-color:#fc0;border-radius:50%;box-shadow:0 0 10px #ffcc0080;display:inline-block;height:10px;width:10px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-flashing{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hex-container{align-items:center;display:flex;height:150px;justify-content:center;margin-bottom:1rem;perspective:1000px;position:relative;transform-style:preserve-3d;width:150px}.hexagon{animation:rotate 6s linear infinite;border-left:3px solid #fc0c;border-right:3px solid #fc0c;box-shadow:0 0 30px #ffcc004d;height:57.74px;width:100px}.hexagon:after,.hexagon:before{border-left:50px solid #0000;border-right:50px solid #0000;left:0}.hexagon:before{border-bottom:28.87px solid #fc0c}.hexagon:after{border-top:28.87px solid #fc0c}.hexagon:first-child{animation:rotate3D-1 8s linear infinite;height:69.28px;width:120px}.hexagon:first-child:after,.hexagon:first-child:before{border-left:60px solid #0000;border-right:60px solid #0000}.hexagon:first-child:before{border-bottom:34.64px solid #fc0c}.hexagon:first-child:after{border-top:34.64px solid #fc0c}.hexagon:nth-child(2){animation:rotate3D-2 7s linear infinite;border-color:#fc09;transform:scale(.8) rotate(30deg)}.hexagon:nth-child(2):after,.hexagon:nth-child(2):before{border-bottom-color:#fc09;border-top-color:#fc09}.hexagon:nth-child(3){animation:rotate3D-3 5s linear infinite;border-color:#fc06;transform:scale(.6) rotate(60deg)}.hexagon:nth-child(3):after,.hexagon:nth-child(3):before{border-bottom-color:#fc06;border-top-color:#fc06}@keyframes rotate3D-1{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}@keyframes rotate3D-2{0%{transform:scale(.8) rotateX(30deg) rotateY(0deg) rotate(30deg)}to{transform:scale(.8) rotateX(390deg) rotateY(180deg) rotate(390deg)}}@keyframes rotate3D-3{0%{transform:scale(.6) rotateX(60deg) rotateY(0deg) rotate(60deg)}to{transform:scale(.6) rotateX(420deg) rotateY(180deg) rotate(420deg)}}@media screen and (max-width:600px){.logo-icon{height:45px;width:45px}.logo-top{font-size:22px}.logo-bottom{font-size:26px}.hex-container{height:130px;width:130px}.loading-progress{width:200px}}.particles-container{height:100%;left:0;top:0;width:100%}.particle,.particles-container{pointer-events:none;position:absolute}.particle{animation:floatParticle 4s linear infinite;background-color:#fc06;border-radius:50%;filter:blur(1px)}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) translateX(0)}25%{opacity:.8}75%{opacity:.4}to{opacity:0;transform:translateY(-100px) translateX(50px)}}.background-glow{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffcc0026 0,#fc00 70%);border-radius:50%;height:300px;pointer-events:none;position:absolute;width:300px}.hex-wrapper{align-items:center;animation:slowRotate 15s linear infinite;display:flex;height:200px;justify-content:center;position:absolute;width:200px}.hex-inner,.hex-outer{background:#0000;border:1px solid #ffcc004d;height:180px;position:absolute;transform:rotate(30deg);width:180px}.hex-outer{animation:rotateReverse 20s linear infinite;height:200px;width:200px}.hex-inner{animation:rotate 15s linear infinite;height:150px;width:150px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateReverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes slowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content{align-items:center;animation:floatContent 6s ease-in-out infinite;display:flex;flex-direction:column;position:relative;z-index:1}@keyframes floatContent{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-logo{align-items:center;display:flex;gap:1.2rem;margin-bottom:2rem;position:relative}.logo-icon{filter:drop-shadow(0 0 20px rgba(255,204,0,.7));height:50px;width:50px}.logo-icon.pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,204,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(255,204,0,.9));transform:scale(1.05)}}.loading-text{align-items:flex-start}.loading-text,.logo-stacked{display:flex;flex-direction:column}.logo-stacked{line-height:1}.logo-top{animation:shimmer 2.5s linear infinite;background:linear-gradient(90deg,#f8bf00 0,#ffdf80 50%,#f8bf00);background-clip:text;background-size:200% auto;font-family:Arial,sans-serif;letter-spacing:1.5px}.loading-progress{background-color:#ffffff1a;border-radius:4px;box-shadow:inset 0 0 10px #0000004d;height:6px;margin-top:10px;overflow:hidden;position:relative;width:240px}.progress-bar{background:linear-gradient(90deg,#fc0,#ff9d00);position:relative;transition:width .2s ease-out}.progress-glow{animation:progressGlow 2s infinite;background:linear-gradient(90deg,#fff0 0,#fff9 50%,#fff0);transform:skewX(-20deg);width:60px}@keyframes progressGlow{0%{left:-60px}to{left:100%}}.progress-text{bottom:-25px;color:#fc0c;font-size:12px;font-weight:600;left:50%;letter-spacing:1px;position:absolute;transform:translateX(-50%)}.hex-grid{height:100%;left:0;opacity:.15;overflow:hidden;position:absolute;top:0;transform:translateZ(-50px);width:100%}.hexagon{animation:hexPulse 4s ease-in-out infinite;background-color:initial;border:1px solid #ffcc004d;height:30px;position:absolute;width:50px}.hexagon:after,.hexagon:before{border-left:25px solid #0000;border-right:25px solid #0000;content:"";height:0;position:absolute;width:0}.hexagon:before{border-bottom:14.5px solid #0000;bottom:100%}.hexagon:after{border-top:14.5px solid #0000;top:100%}@keyframes hexPulse{0%,to{border-color:#ffcc001a}50%{border-color:#fc06}}.energy-particles{height:100%;left:0;top:0;width:100%}.energy-particle,.energy-particles{pointer-events:none;position:absolute}.energy-particle{animation:floatToCenter 8s ease-in infinite;background-color:#ffcc00b3;border-radius:50%;filter:blur(2px)}@keyframes floatToCenter{0%{opacity:0;transform:translateY(0) translateX(0) scale(0)}40%{opacity:.8;transform:scale(1)}to{opacity:0;transform:translate(calc(50vw - 50%),calc(50vh - 50%)) scale(0)}}.center-glow{animation:centerPulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffcc0026 0,#fc00 70%);border-radius:50%;height:300px;position:absolute;width:300px}@keyframes centerPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}.pulsing-ring{animation:ringPulse 3s cubic-bezier(.215,.61,.355,1) infinite;border:2px solid #fc03;border-radius:50%;height:200px;position:absolute;width:200px}.pulsing-ring.delay{animation-delay:1.5s}@keyframes ringPulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;transform-style:preserve-3d;z-index:10}.rune-circle{animation:rotateCircle 30s linear infinite;height:160px;position:absolute;width:160px}@keyframes rotateCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rune{animation:runePulse 3s ease-in-out infinite;background-color:#fc0c;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:15px;left:calc(50% - 7.5px);position:absolute;top:calc(50% - 7.5px);transform-origin:center;width:15px}@keyframes runePulse{0%,to{opacity:.3;transform:rotate(0deg) translateY(-80px) scale(1)}50%{opacity:.8;transform:rotate(0deg) translateY(-80px) scale(1.5)}}.emblem-container{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:20px;position:relative;width:100px}.emblem-backdrop{background-color:#0f0f28cc;box-shadow:0 0 20px #000000b3;height:90px;width:90px}.emblem-backdrop,.emblem-glow{border-radius:50%;position:absolute}.emblem-glow{height:100px;width:100px}.emblem{background-color:initial;box-shadow:none;height:120px;overflow:visible;position:relative;width:120px;z-index:2}.emblem,.emblem img.pengu-logo{animation:none!important;transform:none!important;transition:none!important}.emblem img.pengu-logo{height:100%;object-fit:contain;width:100%}.logo-bottom{-webkit-text-fill-color:#0000;animation:shimmer 2.5s linear infinite;background:linear-gradient(90deg,#f8bf00 0,#ffdf80 50%,#f8bf00);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:1.5px;position:relative;text-transform:uppercase;white-space:nowrap}.logo-reveal{height:80px;margin-bottom:30px;overflow:hidden;position:relative}.logo-text{align-items:center;animation:revealText 1s cubic-bezier(.11,0,.5,0) forwards;display:flex;flex-direction:column;line-height:1}@keyframes revealText{0%{transform:translateY(80px)}to{transform:translateY(0)}}.logo-top{-webkit-text-fill-color:#0000;animation:gradientMove 3s infinite alternate;background:linear-gradient(45deg,#fff,#fc0);-webkit-background-clip:text;background-size:200% 200%;font-size:24px;font-weight:800;letter-spacing:1px;text-transform:uppercase}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}.progress-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;position:relative;width:300px}.progress-track{border-radius:4px;box-shadow:inset 0 0 10px #00000080;height:8px;position:relative;width:100%}.progress-notches{display:flex;height:100%;justify-content:space-between;left:0;padding:0 2px;position:absolute;top:0;width:100%;z-index:1}.notch{height:8px;width:1px}.progress-fill{animation:progress-animate 1.7s ease-out!important;opacity:1!important;position:relative;transition:width .3s cubic-bezier(.25,.46,.45,.94)}.progress-pulse{animation:progressPulse 1.5s infinite;background:linear-gradient(90deg,#fff0,#fffc,#fff0);height:100%;position:absolute;right:0;top:0;width:15px}@keyframes progressPulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.progress-glow{animation:glowFlash 3s infinite;box-shadow:0 0 10px 2px #ffcc004d;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes glowFlash{0%,to{opacity:0}50%{opacity:1}}.progress-percentage{animation:none!important;color:#fc0;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:15px;opacity:1!important;text-shadow:none!important}@media (max-width:768px){.progress-container{width:85%}.emblem{animation:none!important;height:100px;transform:none!important;transition:none!important;width:100px}.logo-bottom,.logo-top{font-size:18px}.rune-circle{height:180px;width:180px}.rune{height:20px;width:20px}}.loading-message{animation:fadeInOut 2s ease-in-out infinite;color:#ffffffb3;font-size:14px;font-style:italic;height:20px;margin-top:15px;text-align:center}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}.prismatic-text .logo-bottom,.prismatic-text .logo-top{-webkit-text-fill-color:#0000!important;animation:prisma-flow 4s linear infinite!important;background:linear-gradient(90deg,#f63cb6,#fc8f5c 15%,#f8ff56 30%,#51fa7b 45%,#5efcff 60%,#866cff 75%,#f63cb6)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:300% auto!important;text-shadow:none!important}.prismatic-text .logo-bottom{animation-delay:-2s!important}@keyframes prisma-flow{0%{background-position:0;filter:hue-rotate(0deg) brightness(1.1)}to{background-position:300%;filter:hue-rotate(1turn) brightness(1.1)}}.loading-screen{background:radial-gradient(circle at center,#141428e6,#0a0a14f2)}.logo-text .logo-bottom span,.logo-text .logo-top span{-webkit-text-fill-color:#0000!important;animation:loading-prisma-flow 3s linear infinite!important;background:linear-gradient(90deg,#ff1b6b,#ff9068 15%,#fc3 30%,#0f9 45%,#00b8ff 60%,#a45dff 75%,#ff1b6b)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:200% auto!important;font-weight:700!important;text-shadow:none!important}@keyframes loading-prisma-flow{0%{background-position:0;filter:hue-rotate(0deg) brightness(1.2) contrast(1.1)}to{background-position:200%;filter:hue-rotate(1turn) brightness(1.2) contrast(1.1)}}.emblem-glow{animation:emblem-prisma-pulse 4s linear infinite!important;background:radial-gradient(circle,#ff1c6b4d 0,#ff90684d 20%,#ffcc334d 40%,#00ff994d 60%,#00b8ff4d 80%,#a45dff4d 100%)!important}@keyframes emblem-prisma-pulse{0%{filter:hue-rotate(0deg);transform:scale(.95)}50%{filter:hue-rotate(180deg);transform:scale(1.05)}to{filter:hue-rotate(1turn);transform:scale(.95)}}.rune{background:linear-gradient(135deg,#ff1c6bcc,#00b8ffcc)!important;box-shadow:0 0 15px #ffffff80!important}.rune:nth-child(odd){background:linear-gradient(135deg,#fc3c,#a45dffcc)!important}.progress-track{background:#1e1e3266!important;border:1px solid #ffffff1a!important;overflow:hidden!important}.progress-fill{animation:progress-prisma-flow 3s linear infinite!important;background:linear-gradient(90deg,#ff1b6b,#ff9068 20%,#fc3 40%,#0f9 60%,#00b8ff 80%,#a45dff)!important;background-size:200% auto!important}@keyframes progress-prisma-flow{0%{background-position:0}to{background-position:200%}}.notch{background:#ffffff4d!important;box-shadow:0 0 5px #ffffff4d!important}.progress-percentage{-webkit-text-fill-color:#0000!important;animation:progress-prisma-flow 3s linear infinite!important;background:linear-gradient(90deg,#ff1b6b,#ff9068 20%,#fc3 40%,#0f9 60%,#00b8ff 80%,#a45dff)!important;-webkit-background-clip:text!important;background-size:200% auto!important}.pulsing-ring{animation:ring-prisma-pulse 3s ease-in-out infinite!important;background:linear-gradient(90deg,#ff1b6b,#ff9068,#fc3,#0f9,#00b8ff,#a45dff,#ff1b6b) border-box!important;border:2px solid #0000!important;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:destination-out!important;mask-composite:exclude!important}@keyframes ring-prisma-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}.energy-particles:before{animation:particles-prisma-flow 5s linear infinite!important;background:radial-gradient(circle,#ff1c6bb3,#ff9068b3,#ffcc33b3,#00ff99b3,#00b8ffb3,#a45dffb3)!important;background-size:200% 200%!important}@keyframes particles-prisma-flow{0%{background-position:0 0;filter:hue-rotate(0deg)}to{background-position:100% 100%;filter:hue-rotate(1turn)}}.loading-message{-webkit-text-fill-color:#0000!important;animation:loading-message-flow 4s ease-in-out infinite!important;background:linear-gradient(90deg,#ff1b6b,#ff9068 20%,#fc3 40%,#0f9 60%,#00b8ff 80%,#a45dff)!important;-webkit-background-clip:text!important;background-size:200% auto!important}@keyframes loading-message-flow{0%,to{background-position:0;opacity:.7}50%{background-position:100%;opacity:1}}.loading-screen .logo-icon{background:#0000!important;border-radius:0!important;box-shadow:none!important;filter:none!important;height:45px;overflow:visible!important;width:45px}.loading-screen .logo-icon img{border-radius:0!important;height:100%;object-fit:contain;width:100%}.loading-screen .emblem,.loading-screen .emblem-container{background:#0000!important;border-radius:0!important;box-shadow:none!important}.loading-screen .emblem-glow,.loading-screen .emblem:after,.loading-screen .emblem:before,.loading-screen .logo-icon:after,.loading-screen .logo-icon:before{display:none!important}.loading-screen .logo-text{align-items:center;gap:4px;margin-left:4px}.loading-screen .logo-text .logo-bottom,.loading-screen .logo-text .logo-top{animation:text-reveal 1.2s cubic-bezier(.25,.46,.45,.94);opacity:1;transform:translateY(0)}.loading-screen .logo-text .logo-top{animation-delay:.3s}.loading-screen .logo-text .logo-bottom{animation-delay:.6s}@keyframes text-reveal{0%{filter:blur(10px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.loading-message{display:inline-block!important;font-family:Montserrat,sans-serif;font-size:14px!important;font-style:normal!important;font-weight:500!important;height:20px!important;letter-spacing:.5px!important;margin-top:20px!important;overflow:hidden!important;padding:0 5px!important;position:relative;white-space:nowrap!important}.loading-message:after{animation:cursor-blink 1s step-end infinite;color:#fff;content:"|";position:absolute;right:-2px;top:0}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.progress-percentage{animation:percentage-pulse 2s infinite;font-family:Montserrat,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:.8px!important;margin-top:15px!important;opacity:1;transform:translateY(0)}@keyframes percentage-pulse{0%,to{filter:brightness(1.1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}}.status-message{animation:message-fade-in .6s ease-out!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e1e3280!important;border:1px solid #ffffff1a!important;border-radius:8px!important;font-size:14px!important;margin-top:20px!important;max-width:500px!important;padding:12px 18px!important;text-align:center!important;transform:translateY(0)!important}@keyframes message-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-content{animation:content-reveal .5s ease-out .3s forwards;opacity:0}@keyframes content-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen .logo-container{align-items:center;animation:logo-appear .7s cubic-bezier(.19,1,.22,1) .5s forwards;display:flex;gap:15px;transform:scale(.95)}@keyframes logo-appear{0%{transform:scale(.95)}40%{transform:scale(1.05)}to{transform:scale(1)}}.loading-screen .logo-icon{animation:slide-in-right .6s ease-out .6s forwards;opacity:0;transform:translateX(-15px)}@keyframes slide-in-right{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.loading-screen .logo-text{align-items:flex-start;display:flex;flex-direction:column}.loading-screen .logo-text .logo-top{animation:text-slide-in .5s ease-out .8s forwards;opacity:0;transform:translateX(-10px)}.loading-screen .logo-text .logo-bottom{animation:text-slide-in .5s ease-out 1.1s forwards;opacity:0;transform:translateX(-10px)}@keyframes text-slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.progress-container{animation:none!important;opacity:1!important}@keyframes progress-animate{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-message{animation:message-appear .5s ease-out 1.7s forwards,message-pulse 2s ease-in-out 2.2s infinite!important;opacity:0}@keyframes message-appear{0%{opacity:0}to{opacity:1}}@keyframes message-pulse{0%,to{opacity:.7}50%{opacity:1}}.loading-screen .prismatic-text .logo-bottom,.loading-screen .prismatic-text .logo-top{animation:text-slide-in .5s ease-out forwards,loading-prisma-flow 4s linear 2s infinite!important;background-size:200% auto!important}.loading-screen .logo-text .logo-top{animation-delay:.8s,2s!important}.loading-screen .logo-text .logo-bottom{animation-delay:1.1s,2.2s!important}.loading-status{color:#fffc;font-size:.8rem;font-weight:400;letter-spacing:.5px;margin-top:8px;opacity:.8;text-align:center;text-transform:uppercase}.landing-page{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.landing-header{margin:20px}.play-button{background-color:#fc0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.play-button:hover{background-color:#e6b800}.auth-buttons{display:flex;gap:20px;justify-content:center}.auth-button{background-color:#fc0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.auth-button:hover{background-color:#e6b800}.ladder-page{animation:fadeIn .8s cubic-bezier(.23,1,.32,1);background-color:#080818;color:#fff;margin:0 auto;max-width:1500px;min-height:100vh;padding:4rem 2rem 2rem}.ladder-header{animation:fadeInUpScale .9s cubic-bezier(.34,1.56,.64,1);margin-bottom:2.5rem;text-align:center;transform-origin:center top}.ladder-header h1{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.8rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 2px 10px #d728284d;text-transform:uppercase}.ladder-header p{color:#ffffffb3;font-size:1.1rem;margin:0 auto;max-width:800px}.ladder-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.search-container{flex:1 1;max-width:400px;position:relative}.search-container i{color:#fff9;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-container input{background-color:#14142899;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s;width:100%}.search-container input:focus{border-color:#fc0;box-shadow:0 0 0 2px #fc03;outline:none}.filter-container select{background-color:#14142899;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .3s}.filter-container select:focus{border-color:#fc0;outline:none}.ladder-table-container{animation:fadeInSlideUp 1s cubic-bezier(.23,1,.32,1);background-color:#1e1e3280;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0006;margin-bottom:2rem;overflow:hidden;transform:translateZ(0)}.ladder-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.ladder-table th{background-color:#141428cc;border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:.85rem;font-weight:600;letter-spacing:1px;padding:.8rem .3rem!important;position:sticky;text-align:center!important;text-transform:uppercase;top:0;z-index:10}.ladder-table th:first-child{border-top-left-radius:12px}.ladder-table th:last-child{border-top-right-radius:12px}.ladder-table th.name-column{padding-left:1.5rem!important;text-align:left!important}.ladder-row{cursor:pointer;height:75px!important;overflow:visible!important;position:relative;transition:all .2s ease}.ladder-row:hover{background-color:#ffcc0014;border-left:3px solid #fc0;box-shadow:0 4px 12px #ffcc004d;position:relative;transform:translateY(-2px);z-index:5}.ladder-table td{border-right:none;text-align:center;vertical-align:middle}.ladder-table td,.ladder-table th{padding:.8rem .4rem!important}.rank-number-column{text-align:center;width:50px!important}.country-column,.ladder-table .country-column,.ladder-table td.country-column,.ladder-table th.country-column,td.country-column,th.country-column{max-width:70px!important;min-width:70px!important;padding:0!important;text-align:center!important;width:70px!important}.name-column{min-width:180px!important;width:20%!important}.name-cell{padding-left:1rem!important;text-align:left!important}.tier-column{text-align:center;width:120px}.lp-column{text-align:center;width:50px!important}.played-column{text-align:center;width:75px!important}.winrate-column{text-align:center;width:70px!important}.region-column{text-align:center;width:60px!important}.rank-number-cell{text-align:center!important}.rank-number{align-items:center;background:linear-gradient(135deg,#282846b3,#141428b3);border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 3px 8px #00000040;color:#fff;display:flex;font-size:1rem;font-weight:700;height:32px!important;justify-content:center;margin:0 auto;width:32px!important}.country-cell,.ladder-table td.country-cell,td.country-cell{margin:0!important;max-width:70px!important;min-width:70px!important;padding:0!important;text-align:center!important;vertical-align:middle!important;width:70px!important}@-moz-document url-prefix(){.country-flag-container .flag-icon{display:block!important;margin:0 auto!important}.country-flag-container .flag-icon:hover{transform:scale(1.1)!important}}.player-info{gap:8px!important;margin-left:0!important;padding-right:10px!important}.player-avatar{background-color:#fc0;box-shadow:0 2px 8px #ffcc004d;color:#080818;font-size:1.2rem;font-weight:700;height:36px!important;width:36px!important}.player-names{display:flex;flex-direction:column;gap:3px}.player-names .username{align-items:center;color:#fff;display:flex;font-weight:600;margin-bottom:3px}.riot-id{color:#fff9;font-size:.85rem}.rank-badge{padding:0 5px}.rank-badge i{font-size:.85rem}.winrate-container{align-items:center;display:flex;flex-direction:column;padding:0 5px}.winrate-details{color:#fff9;font-size:.85rem;margin-top:3px}.region-cell{text-align:center}.region-badge{background-color:#0003;border:1px solid #ffffff1a;color:#fffc;display:inline-block;letter-spacing:.5px;padding:4px 8px}.ladder-footer{background-color:#141428cc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d;color:#ffffffb3;font-size:.9rem;justify-content:space-between;margin-top:1.5rem;padding:1.5rem}.ladder-footer,.ladder-footer-info{align-items:flex-start;display:flex}.ladder-footer-info{flex-direction:column;gap:8px}.ladder-footer-info p{color:#aaa;font-size:.9rem;margin:0}.ladder-footer-info p:first-child{color:#dfdfdf;font-weight:500}.ladder-footer-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.ladder-footer-stats p{color:#aaa;font-size:.9rem;font-weight:500;margin:0}.next-update{align-items:center;color:#ffffffb3;display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem}.countdown{background:#14142899;border-radius:4px;color:#fc0;display:inline-block;font-family:monospace;font-weight:700;min-width:60px;padding:.25rem .5rem;text-align:center}.refresh-button{align-items:center;background-color:#ffcc001a;border:1px solid #ffcc004d;border-radius:4px;color:#fc0;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;margin-left:.5rem;padding:.25rem .75rem;transition:all .2s ease}.refresh-button:hover{background-color:#fc03;border:1px solid #ffcc0080}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button i{font-size:.8rem}.footer-link-button{align-items:center;background-color:#0052ccb3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;margin-top:8px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.footer-link-button:hover{background-color:#0066ffe6;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.footer-link-button i{font-size:.9rem}.ladder-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loader{animation:spin 1s ease-in-out infinite,pulse 2s ease-in-out infinite;border:3px solid #fc03;height:40px;margin-bottom:1rem;width:40px}.ladder-error{background-color:#f443361a;border-radius:12px;margin:2rem auto;max-width:600px;padding:3rem;text-align:center}.ladder-error i{color:#f44336;font-size:2rem;margin-bottom:1rem}.ladder-error button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem 1.5rem;transition:background-color .3s}.ladder-error button:hover{background-color:#d32f2f}.no-results{background-color:#ffffff0d;border-radius:12px;margin:2rem auto;padding:3rem;text-align:center}.no-results i{color:#ffffff4d;font-size:2rem;margin-bottom:1rem}.no-results-prompt{background-color:#d728281a;border:1px solid #d7282833;border-radius:8px;display:inline-block;margin-top:1rem;padding:.8rem}.no-results-prompt p{color:#fffc;font-weight:500;margin:0}.status-column{width:90px}.status-cell{padding:0 5px}.status-wrapper{gap:8px}.spectate-button-small,.status-wrapper{align-items:center;display:flex;justify-content:center}.spectate-button-small{background:#0078d733;border:1px solid #0078d74d;border-radius:50%;color:#4fc3f7;cursor:pointer;flex-shrink:0;font-size:.7rem;height:24px;padding:0;transition:all .2s ease;width:24px}.spectate-button-small:hover{background-color:#0078d74d;box-shadow:0 0 8px #4fc3f780;color:#80d8ff;transform:translateY(-1px)}.status-container{border-radius:16px;flex:1 1;margin:0;min-width:0;padding:3px 6px}.status-text{font-size:.75rem}.in-game-indicator{border-radius:50%;flex-shrink:0;height:6px;margin-right:3px;width:6px}.in-game-indicator.online{animation:pulse 1.5s infinite;background-color:#4caf50;box-shadow:0 0 5px #4caf50}.in-game-indicator.offline{background-color:#888}@media (max-width:992px){.bot4-cell,.bot4-column,.country-cell,.country-column,.played-cell,.played-column,.top4-cell,.top4-column{display:none}.status-cell,.status-column{display:table-cell!important}.country-cell,.country-column{width:90px}.rank-column:not(:first-child){width:60px}}@media (max-width:768px){.ladder-controls{flex-direction:column}.search-container{margin-bottom:10px}.ladder-header h1{font-size:2rem}.ladder-table td,.ladder-table th{padding:8px}.ladder-footer{align-items:center;flex-direction:column;gap:20px}.ladder-footer-info,.ladder-footer-stats{align-items:center;text-align:center}.lp-cell,.lp-column,.region-cell,.region-column,.winrate-cell,.winrate-column{display:none}.status-container{padding:3px 5px}.status-text{font-size:.7rem}.in-game-indicator{height:6px;margin-right:3px;width:6px}.spectate-button-small{font-size:.65rem;height:20px;width:20px}}@media (max-width:480px){.ladder-table{font-size:.75rem}.status-cell,.status-column{padding:2px 4px;width:90px}.spectate-button-small{height:18px;width:18px}}.country-flag{font-size:1.2em;margin-right:6px}.player-avatar-image{border-radius:50%;box-shadow:0 2px 8px #ffcc004d;height:40px;overflow:hidden;width:40px}.player-avatar-image img{height:100%;object-fit:cover;width:100%}.games-count{color:#ffffff80;display:block;font-size:.8rem;margin-top:2px}tr:first-child .rank-number{background:linear-gradient(135deg,#ffd7004d,#ffd7001a);border:1px solid #ffd70080;color:gold;text-shadow:0 0 10px #ffd70080}tr:nth-child(2) .rank-number{background:linear-gradient(135deg,#c0c0c04d,#c0c0c01a);border:1px solid #c0c0c080;color:silver;text-shadow:0 0 10px #c0c0c080}tr:nth-child(3) .rank-number{background:linear-gradient(135deg,#cd7f324d,#cd7f321a);border:1px solid #cd7f3280;color:#cd7f32;text-shadow:0 0 10px #cd7f3280}.rank-image{height:30px;margin-right:6px;width:30px}.rank-badge span{font-size:.85rem;white-space:nowrap}.lp-value{margin:0 auto;text-align:center}.rank-badge img{object-fit:contain}.played-cell{text-align:center}.played-value{color:#fff;font-size:1.1rem;font-weight:600}.lp-cell{text-align:center!important}.bot4-column,.top4-column{font-size:.85rem!important;font-weight:600;letter-spacing:1px;text-align:center;text-transform:uppercase;width:60px!important}.bot4-cell,.top4-cell{text-align:center}.placement-value{font-size:.8rem;font-weight:600}.top4-value{color:#4caf50;font-size:.8rem}.bot4-value{color:#f44336;font-size:.8rem}.winrate-cell{text-align:center}.winrate-text{font-size:1.2rem;font-weight:700}.filters-wrapper{display:flex;gap:10px}.filter-container{min-width:140px}.clickable{cursor:pointer;position:relative;transition:all .2s}.clickable:hover{transform:translateY(-2px)}.clickable:hover .username{color:#fc0;text-decoration:underline}.clickable:hover .player-avatar,.clickable:hover .player-avatar-image{box-shadow:0 4px 12px #ffcc0080}.clickable:after{content:"🔗";font-size:12px;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s,right .2s}.clickable:hover:after{opacity:1;right:-5px}.in-game-status{align-items:center;margin-left:8px}.in-game-text{color:#888;font-size:.7rem}.in-game-text.online{color:#4caf50}.in-game-count{align-items:center;background-color:#0003;border-radius:20px;display:flex;font-size:.9rem;justify-content:center;margin-top:10px;padding:8px 16px}.in-game-count .in-game-indicator{height:10px;margin-right:8px;width:10px}.in-game-text.online.clickable{cursor:pointer;text-decoration:underline;transition:all .2s ease}.in-game-text.online.clickable:hover{color:#4caf50;text-shadow:0 0 5px #4caf5080;transform:scale(1.05)}.status-column{width:120px}.status-cell,.status-column{text-align:center}.status-container{align-items:center;background-color:#00000026;border-radius:20px;cursor:default;display:flex;justify-content:center;margin:0 auto;padding:5px 8px;transition:all .2s ease;width:fit-content}.status-container.online{background-color:#4caf5026}.status-container.online:hover{background-color:#4caf5040;cursor:pointer;transform:translateY(-2px)}.status-text{color:#888;font-size:.8rem;font-weight:500;white-space:nowrap}.status-container.online .status-text{color:#4caf50}@media (max-width:992px){.status-cell,.status-column{display:table-cell!important}}@media (max-width:768px){.status-container{padding:4px 6px}.status-text{font-size:.7rem}}.link-account-container{animation:fadeInBounce .8s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#d728281a,#d728280d);border:1px solid #d728284d;border-radius:8px;box-shadow:0 4px 15px #d728281a;margin:20px 0;overflow:hidden;padding:20px;position:relative;text-align:center}.link-account-container:before{animation:riot-shine 3s infinite;background:linear-gradient(45deg,#d728281a,#d7282800 50%,#d728281a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.link-account-container h3{color:#fc0;font-size:1.2rem;margin-bottom:15px}.link-button{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:4px;box-shadow:0 4px 15px #d728284d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;margin:10px 0;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.link-button:hover{background:linear-gradient(135deg,#e83939,#d72828);box-shadow:0 6px 20px #d7282880;transform:translateY(-2px)}.link-button:after{animation:riot-shine 3s infinite;background:linear-gradient(45deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);width:200%}.link-button:active{box-shadow:0 2px 10px #d728284d;transform:translateY(1px)}.link-button i{margin-right:8px}@keyframes riot-shine{0%{left:-100%}to{left:100%}}.link-account-form{border-radius:6px;margin:0 auto;max-width:500px;padding:20px;text-align:left}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-group input,.form-group select{padding:10px 12px}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-buttons{gap:10px;margin-top:20px}.submit-button{background:linear-gradient(45deg,#0062cc,#007bff);padding:10px 20px}.submit-button:hover{background:linear-gradient(45deg,#0056b3,#0069d9)}.submit-button i{margin-right:8px}.cancel-button{padding:10px 20px}.error-message{color:#f77;margin-top:15px;padding:10px}.error-message i{color:#f77;margin-right:8px}.success-message{color:#7f7;justify-content:center;margin:15px 0;padding:10px}.success-message i{color:#7f7;margin-right:8px}.link-account-message{margin:15px 0;text-align:center}.link-account-message p{color:#e0e0e0;margin-bottom:10px}@media (max-width:600px){.link-account-form{padding:15px}.form-buttons{flex-direction:column}.cancel-button,.submit-button{width:100%}}.data-refreshing-indicator{align-items:center;animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f0f23d9,#1e1e32d9);border:1px solid #d728284d;border-radius:8px;box-shadow:0 6px 20px #0000004d;color:#e0e0e0;display:flex;font-size:.9rem;font-weight:500;gap:10px;max-width:200px;padding:12px 18px;position:fixed;right:20px;text-align:left;top:80px;z-index:900}.data-refreshing-indicator i{animation:spin 1.2s linear infinite;color:#d72828;font-size:1.1rem}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.join-ladder-banner{animation:slideInFadeUp 1s cubic-bezier(.16,1,.3,1);background:linear-gradient(45deg,#1f3a93e6,#462b76e6);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #00000026;margin:0 0 2rem;overflow:hidden;padding:0}.join-ladder-content{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 2rem}.join-ladder-text{flex:1 1}.join-ladder-text h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.join-ladder-text p{color:#fffc;font-size:1rem;margin:0}.join-ladder-actions{display:flex;gap:12px;margin-left:20px}.join-button{border-radius:6px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.join-button:hover{box-shadow:0 6px 15px #d7282866;transform:translateY(-2px)}.join-button.secondary{background-color:#ffffff26;color:#fff}.join-button.secondary:hover{background-color:#ffffff40}.join-button i{font-size:1rem}@keyframes fadeInUpScale{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFadeUp{0%{opacity:0;transform:translateY(30px) translateX(-10px)}to{opacity:1;transform:translateY(0) translateX(0)}}@media (max-width:768px){.join-ladder-content{flex-direction:column;padding:1.5rem;text-align:center}.join-ladder-text{margin-bottom:1.2rem}.join-ladder-actions{margin-left:0}}@media (max-width:480px){.join-ladder-actions{flex-direction:column;width:100%}.join-button{width:100%}}.tier-badge{gap:6px!important;margin:0 auto!important}.tier-image{height:56px!important;transform:scale(1.1)!important;width:56px!important}.tier-text{color:#e0e0e0;font-weight:600;white-space:nowrap}.status-cell .in-game{background-color:#28a745;cursor:default}.game-info-tooltip,.status-cell .in-game:hover{cursor:default}.status-container.online.clickable:after,.status-container.online:hover:after,.status-text.online.clickable:after,.status-text.online:hover:after{content:none!important;display:none!important}.status-container.online i,.status-text.online i{display:none!important}.ladder-row{animation:fadeInRow .5s ease-out forwards;opacity:0}.ladder-row:first-child{animation-delay:.2s}.ladder-row:nth-child(2){animation-delay:.23s}.ladder-row:nth-child(3){animation-delay:.26s}.ladder-row:nth-child(4){animation-delay:.29s}.ladder-row:nth-child(5){animation-delay:.32s}.ladder-row:nth-child(6){animation-delay:.35s}.ladder-row:nth-child(7){animation-delay:.38s}.ladder-row:nth-child(8){animation-delay:.41s}.ladder-row:nth-child(9){animation-delay:.44s}.ladder-row:nth-child(10){animation-delay:.47s}.ladder-row:nth-child(n+11){animation-delay:.5s}@keyframes fadeInRow{0%{opacity:0;transform:translateY(15px) translateX(5px)}to{opacity:1;transform:translateY(0) translateX(0)}}.ladder-table .tier-cell{align-items:center!important;display:flex!important;height:75px!important;justify-content:center!important;min-width:200px!important;overflow:visible!important;padding:.6rem!important;position:relative!important;text-align:center!important;vertical-align:middle!important;width:200px!important}.ladder-table .lp-cell{max-width:50px!important;min-width:50px!important;padding-left:5px!important;text-align:center!important;width:50px!important}.tier-text{font-size:1rem!important;font-weight:600!important;letter-spacing:.2px!important;max-width:160px!important;overflow:visible!important;text-align:center!important;text-overflow:clip!important}.tier-badge,.tier-text{padding-right:0!important;white-space:nowrap!important}.tier-badge{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:center!important;margin:0!important}.tier-image{height:64px!important;margin-right:0!important;object-fit:contain!important;overflow:visible!important;position:relative!important;width:64px!important;z-index:5!important}.lp-value{font-size:.9rem!important;font-weight:600!important;padding:0!important;text-align:center!important}.region-selector .active-region{background:linear-gradient(135deg,#d72828,#a41e3a);box-shadow:0 4px 15px #d728284d}.rank-filter-btn.active{box-shadow:0 4px 10px #d728284d}.join-button,.rank-filter-btn.active{background:linear-gradient(135deg,#d72828,#a41e3a)}.join-button{box-shadow:0 4px 12px #d728284d}.tag-input-group{align-items:center;display:flex;position:relative}.tag-prefix{font-size:14px;left:8px}.tag-input-group input{padding-left:24px!important}.form-hint{color:#fff9;display:block;font-size:11px;margin-top:4px}.country-flag-container:after{background:radial-gradient(ellipse at center,#ffffff26 0,#0000 70%);content:"";height:26px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px;z-index:4}.tier-cell{vertical-align:middle!important}.tier-cell,.tier-image-container{align-items:center;display:flex;justify-content:center}.tier-image-container{flex-shrink:0;height:40px;margin-right:10px;width:40px}.tier-image{max-height:100%;max-width:100%}.tier-name{color:#fff!important;font-size:1.1rem!important;font-weight:600!important;text-shadow:0 1px 3px #00000080!important;white-space:nowrap}.player-name-container .player-username{color:#fff;font-size:.9rem;font-weight:600}.game-info-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.game-info-modal{animation:modalFadeIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffcc004d;border-radius:16px;box-shadow:0 15px 40px #0009;color:#fff;display:flex;flex-direction:column;max-width:960px;padding:0;width:95%}.game-info-header{align-items:center;background:linear-gradient(90deg,#ffcc000d,#fc03);border-bottom:1px solid #fc03;display:flex;justify-content:space-between;padding:24px 30px}.game-info-header h2{color:#fc0;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 10px #ffcc0080}.header-buttons{display:flex;gap:15px}.spectate-button{align-items:center;background:#0078d733;border:1px solid #0078d74d;border-radius:6px;color:#4fc3f7;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;padding:8px 16px;transition:all .2s ease}.spectate-button:hover{background-color:#0078d74d;box-shadow:0 0 12px #4fc3f780;color:#80d8ff;transform:translateY(-2px)}.spectate-button i{font-size:1.2rem;margin-right:8px}.close-button{align-items:center;border-radius:50%;color:#fc0;display:flex;font-size:28px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background-color:#ffcc001a;transform:scale(1.1)}.game-info-content{flex:1 1;padding:24px 30px}.game-details{background:#0003;border-radius:12px;margin-bottom:24px;padding:20px 25px}.detail-item{align-items:center;margin-bottom:12px}.detail-label{color:#ffffffb3;font-size:1.1rem;font-weight:500;width:140px}.detail-value{color:#fc0;font-size:1.2rem;font-weight:600}h3{color:#fc0;font-size:1.5rem;letter-spacing:1px;margin-bottom:20px;margin-top:30px;text-align:center;text-transform:uppercase}.players-grid{display:flex;flex-direction:column;gap:16px}.players-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);width:100%}.player-card{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:12px;box-sizing:border-box;display:flex;height:60px;max-width:100%;overflow:hidden;padding:10px 12px;transition:all .2s ease;width:100%}.player-card:hover{background:#ffcc001a;border-color:#ffcc004d;transform:translateY(-2px)}.players-row>.player-card{flex:1 0 auto;min-width:0}h3+.players-grid{margin-top:10px}.player-icon{border:2px solid #ffcc0080;border-radius:50%;flex-shrink:0;height:36px;margin-right:8px;overflow:hidden;width:36px}.player-icon img{height:100%;object-fit:cover;width:100%}.player-name{display:block;font-size:.85rem;letter-spacing:-.02em;line-height:1.2;max-width:100%;width:100%}.player-name:hover{overflow:hidden;text-overflow:ellipsis}.player-name[title*="#"]{font-size:.8rem}.player-name[title*=" "]{font-size:.75rem}.player-name.long-name{font-size:.7rem;font-weight:500;letter-spacing:-.03em}.game-info-footer{background:#0000004d;border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.9rem;padding:16px 20px;text-align:center}.live-counter{animation:pulse-highlight 2s infinite}@keyframes pulse-highlight{0%{color:#fc0}50%{color:#ff8c00}to{color:#fc0}}@media (max-width:992px){.game-info-modal{max-width:95%}.detail-label{font-size:1rem;width:120px}.detail-value{font-size:1.1rem}}@media (max-width:768px){.players-row{grid-template-columns:repeat(2,1fr)}.player-card{align-items:center;flex-direction:row;padding:12px;text-align:left}.player-icon{margin-bottom:0;margin-right:12px}.spectate-button span{display:none}.spectate-button i{font-size:1.4rem;margin-right:0}}@media (max-width:480px){.game-info-modal{width:95%}.game-info-header{padding:16px 20px}.game-info-header h2{font-size:1.4rem}.game-info-content{padding:16px 20px}.players-row{gap:10px;grid-template-columns:repeat(2,1fr)}.player-card{height:52px;padding:8px}.player-icon{height:32px;margin-right:6px;width:32px}.player-info{max-width:calc(100% - 40px)}.player-name,.player-name[title*="#"]{font-size:.7rem}.detail-label{font-size:.9rem;width:100px}.detail-value{font-size:1rem}}.profile-edit-container{background-color:#14142899;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;margin:40px auto;max-width:900px;padding:30px}.profile-edit-header{margin-bottom:30px;text-align:center}.profile-edit-header h1{color:#fc0;font-size:2rem;margin-bottom:10px}.profile-edit-header p{color:#ffffffb3}.image-error,.profile-error-message,.profile-success-message{border-radius:6px;margin-bottom:20px;padding:12px;text-align:center}.image-error,.profile-error-message{background-color:#f4433633;border:1px solid #f4433666;color:#ff6b6b}.profile-success-message{background-color:#4caf5033;border:1px solid #4caf5066;color:#66bb6a}.profile-sections{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.profile-info-section,.profile-picture-section{flex:1 1;min-width:300px}.profile-info-section h2,.profile-picture-section h2{border-bottom:1px solid #ffffff1a;color:#fc0;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px}.form-group input,.form-group select{background-color:#0003;border-radius:6px;padding:12px;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#fc0;box-shadow:0 0 0 2px #fc03}.profile-picture-container{display:flex;justify-content:center;margin-bottom:20px}.profile-picture-preview{border-radius:50%;box-shadow:0 4px 10px #0000004d;height:150px;overflow:hidden;position:relative;width:150px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background-color:#f44336cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:background-color .3s;width:24px}.remove-image-btn:hover{background-color:#f44336}.profile-picture-placeholder{align-items:center;background-color:#0000004d;border:2px dashed #fff3;border-radius:50%;color:#ffffff80;display:flex;flex-direction:column;height:150px;justify-content:center;width:150px}.profile-picture-placeholder i{font-size:2.5rem;margin-bottom:10px}.profile-picture-placeholder p{font-size:.85rem}.image-upload-container{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.custom-file-upload{background-color:#fc03;border:1px solid #fc06;border-radius:6px;color:#fc0;cursor:pointer;display:inline-block;margin-bottom:10px;padding:10px 16px;text-align:center;transition:all .3s;width:100%}.custom-file-upload:hover{background-color:#ffcc004d}.custom-file-upload i{margin-right:8px}input[type=file]{display:none}.file-selected{color:#ffffffb3;font-size:.85rem;margin-bottom:10px;margin-top:10px;text-align:center;word-break:break-all}.upload-progress{background-color:#ffffff1a;border-radius:3px;height:6px;margin-top:10px;overflow:hidden;position:relative;width:100%}.progress-bar{background-color:#fc0;height:100%;transition:width .3s}.upload-progress span{color:#fffc;font-size:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-requirements{color:#ffffff80;font-size:.8rem;margin-top:10px;text-align:center}.save-profile-btn{background-color:#fc0;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s}.save-profile-btn:hover{background-color:#e6b800}.save-profile-btn:disabled{background-color:#ffcc0080;cursor:not-allowed}.loading-spinner{color:#ffffffb3;padding:40px}@media (max-width:768px){.profile-sections{flex-direction:column}.profile-edit-container{margin:20px;padding:20px}}.account-settings-container{background-color:#14142899;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;margin:40px auto;max-width:900px;padding:30px}.account-settings-header{margin-bottom:30px;text-align:center}.account-settings-header h1{color:#fc0;font-size:2rem;margin-bottom:10px}.account-settings-header p{color:#ffffffb3}.settings-error-message,.settings-success-message{border-radius:6px;margin-bottom:20px;padding:12px;text-align:center}.settings-error-message{background-color:#f4433633;border:1px solid #f4433666;color:#ff6b6b}.settings-success-message{background-color:#4caf5033;border:1px solid #4caf5066;color:#66bb6a}.settings-sections{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.settings-section{background-color:#1e1e3266;border:1px solid #ffffff0d;border-radius:8px;flex:1 1;min-width:300px;padding:20px}.settings-section h2{border-bottom:1px solid #ffffff1a;color:#fc0;font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.section-description{color:#ffffffb3;font-size:.9rem;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{color:#fffc;margin-bottom:8px}.form-group input{background-color:#0003;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:1rem;padding:12px;transition:all .3s;width:100%}.form-group input:focus{border-color:#fc0;box-shadow:0 0 0 2px #fc03;outline:none}.settings-button{background-color:#fc0;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .3s;width:100%}.settings-button:hover{background-color:#e6b800}.settings-button:disabled{background-color:#ffcc0080;cursor:not-allowed}.account-danger-zone{background-color:#f443361a;border:1px solid #f443364d;border-radius:8px;margin-top:40px;padding:20px;text-align:center}.account-danger-zone h2{color:#f44336;font-size:1.2rem;margin-bottom:10px}.account-danger-zone p{color:#ffffffb3;font-size:.9rem;margin-bottom:20px}.delete-account-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s}.delete-account-btn:hover{background-color:#d32f2f}@media (max-width:768px){.settings-sections{flex-direction:column}.account-settings-container{margin:20px;padding:20px}}.tournament-page{background-color:#080818;color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:4rem 2rem;position:relative}.tournament-header{align-items:center;background:linear-gradient(135deg,#1f3a9399,#462b7699);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:.8rem 1rem;position:relative;text-align:center}.tournament-header:before{background:radial-gradient(circle at center,#ffcc0026,#0000 70%);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:0}.header-content{margin-bottom:.5rem;max-width:700px;position:relative;text-align:center;z-index:1}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fc0,#ff8c00);-webkit-background-clip:text;color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:1px;margin-bottom:.2rem;text-transform:uppercase}.header-content p{color:#ffffffe6;font-size:.9rem;margin:0}.tournaments-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.tournament-card{background:linear-gradient(145deg,#19192de6,#141428e6);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 25px #0006;cursor:pointer;display:flex;flex-direction:column;height:100%;margin-bottom:10px;min-height:420px;overflow:hidden;position:relative;transition:all .3s ease}.tournament-card:hover{border-color:#ffcc004d;box-shadow:0 15px 30px #00000080,0 0 20px #fc03;transform:translateY(-5px)}.tournament-banner{height:160px;overflow:hidden;position:relative}.tournament-banner img{filter:brightness(.9);height:100%;object-fit:cover;transition:all .4s ease;width:100%}.tournament-card:hover .tournament-banner img{filter:brightness(1.05);transform:scale(1.05)}.tournament-banner:after{background:linear-gradient(0deg,#0009,#0000);bottom:0;content:"";height:60%;left:0;pointer-events:none;position:absolute;width:100%}.tournament-content{display:flex;flex-direction:column;flex-grow:1;gap:.8rem;padding:1.5rem}.tournament-name{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0 0 .5rem;text-shadow:0 2px 4px #0006}.tournament-info{background:#00000026;border:1px solid #ffffff0d;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}.info-item{align-items:center;color:#ffffffbf;display:flex;transition:color .2s ease}.tournament-card:hover .info-item{color:#fffffff2}.info-item i{color:#ffcc00e6;font-size:.9rem;margin-right:.35rem}.info-item span{font-size:.75rem;white-space:nowrap}.tournament-description{background-color:#0003;border-left:3px solid #fc09;border-radius:0 4px 4px 0;color:#ffffffd9;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:1rem;max-height:80px;overflow-y:auto;padding:.8rem}.tournament-footer{align-items:center;border-top:1px solid #ffffff1f;display:flex;justify-content:space-between;margin-top:auto;padding:1rem 0 .5rem}.tournament-status{align-items:center;background:#00000040;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.8rem;font-weight:700;letter-spacing:.8px;padding:.4rem .8rem;position:relative;text-transform:uppercase}.tournament-status:before{border-radius:50%;box-shadow:0 0 8px currentColor;content:"";display:inline-block;height:10px;margin-right:8px;width:10px}.tournament-status[data-status=upcoming]{background:#0078ff26;border:1px solid #88ccff4d;color:#8cf}.tournament-status[data-status=upcoming]:before{animation:pulse 2s infinite;background-color:#8cf}.tournament-status[data-status=live]{background:#ff000026;border:1px solid #ff5c5c4d;color:#ff5c5c}.tournament-status[data-status=live]:before{animation:blink 1s infinite;background-color:#ff5c5c}.tournament-status[data-status=completed]{background:#2ecc7126;border:1px solid #2ecc714d;color:#2ecc71}.tournament-status[data-status=completed]:before{background-color:#2ecc71}.join-button{align-items:center;background:linear-gradient(135deg,#ffc000,#ff8a00);border:none;border-radius:25px;box-shadow:0 4px 10px #ffc0004d;color:#000;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-transform:uppercase;transition:all .3s}.join-button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .4s ease;width:100%}.join-button:hover:not(:disabled){background-color:#5593e2;transform:translateY(-1px)}.join-button:hover:not(:disabled):after{left:100%}.join-button:disabled{background-color:#555;color:#888;cursor:not-allowed}.create-tournament-button{align-items:center;background:linear-gradient(135deg,#fc0,#ff8c00);border:none;border-radius:50px;box-shadow:0 4px 10px #0003;color:#000;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;max-width:fit-content;overflow:hidden;padding:.5rem 1.2rem;position:relative;transition:all .3s ease;z-index:1}.create-tournament-button:before{background:linear-gradient(135deg,#ff8c00,#fc0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.create-tournament-button:hover{box-shadow:0 12px 30px #0006;transform:translateY(-5px)}.create-tournament-button:hover:before{opacity:1}.create-tournament-button i{font-size:.9rem}.no-tournaments{align-items:center;background:linear-gradient(145deg,#19192db3,#141428b3);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 15px 35px #0000004d;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:5rem 2rem;text-align:center}.no-tournaments i{animation:float 3s ease-in-out infinite;color:#fc09;font-size:4rem;margin-bottom:2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.no-tournaments p{color:#fffc;font-size:1.4rem;margin-bottom:2.5rem;max-width:500px}.create-button{align-items:center;background:linear-gradient(135deg,#fc0,#ff8c00);border:none;border-radius:50px;box-shadow:0 8px 20px #0003;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;padding:1rem 2.5rem;transition:all .3s ease}.create-button:hover{box-shadow:0 12px 30px #0000004d;transform:translateY(-5px)}.create-button:after{content:"→";display:inline-block;font-size:1.4rem;transition:transform .3s ease}.create-button:hover:after{transform:translateX(8px)}@media (max-width:1200px){.tournaments-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.form-row{flex-direction:column;gap:1.2rem}.tournament-header{align-items:flex-start;flex-direction:column;gap:2rem;padding:1.2rem;text-align:center}.header-content{margin-bottom:1rem}.header-content h1{font-size:2rem}.header-content p{margin:0 auto}.create-tournament-button{font-size:.9rem;padding:.7rem 1.5rem}.tournament-info{grid-template-columns:1fr}}@media (max-width:768px){.tournament-page{padding:3rem 1rem}.tournaments-grid{grid-template-columns:1fr}.tournament-form-wrapper{padding:1.5rem}.tournament-form-container h2{font-size:1.5rem}.tournament-banner{height:180px}.no-tournaments p{font-size:1.2rem}.create-button{width:100%}}.tournament-error,.tournament-loading{background:linear-gradient(145deg,#19192db3,#141428b3);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 15px 35px #0000004d;margin:2rem 0;padding:5rem;text-align:center}.tournament-error i{animation:shake .6s ease-in-out;color:#ff4d4d;font-size:3rem;margin-bottom:1.5rem}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.loader{animation:spin 1s ease-in-out infinite;border:4px solid #fc03;border-radius:50%;border-top-color:#fc0;height:50px;margin:0 auto 2rem;width:50px}.tournament-form-wrapper{background:linear-gradient(145deg,#19192dd9,#1e1e32d9);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 15px 35px #0006;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative}.tournament-form-wrapper:before{background:radial-gradient(circle at top right,#ffcc001a,#0000 70%);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.tournament-form-container{position:relative;z-index:1}.tournament-form-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fc0,#ff8c00);-webkit-background-clip:text;color:#fc0;font-size:2rem;font-weight:800;letter-spacing:1px;margin-bottom:1.8rem;text-align:center;text-transform:uppercase}.tournament-form{gap:1.5rem;position:relative;z-index:1}.form-group,.tournament-form{display:flex;flex-direction:column}.form-group{gap:.6rem}.form-group label{align-items:center;color:#ffffffe6;display:flex;gap:.5rem}.form-group label:after{background-color:#fc0;border-radius:50%;content:"";display:inline-block;height:4px;margin-left:auto;opacity:.8;width:4px}.form-group input,.form-group select,.form-group textarea{background:#0006;border:1px solid #ffffff26;border-radius:8px;box-shadow:inset 0 1px 3px #0003;color:#fff;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease;width:100%}.form-group input[type=datetime-local]{background-color:#0006;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;padding:1rem 1.2rem}.form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{background-color:#ffcc00b3;border-radius:3px;cursor:pointer;filter:invert(1);padding:5px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#00000080;border-color:#fc0;box-shadow:0 0 0 2px #fc03,inset 0 1px 3px #0003;outline:none}.form-group textarea{line-height:1.6;min-height:120px;resize:vertical}.form-row{display:flex;gap:2rem}.form-row .form-group{flex:1 1}.form-buttons{gap:1.2rem;justify-content:flex-end}.cancel-button{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;color:#ffffffe6;font-weight:600;padding:1rem 1.8rem}.cancel-button:hover{background:#ffffff1a;transform:translateY(-2px)}.submit-button{background:linear-gradient(135deg,#fc0,#ff8c00);border-radius:8px;box-shadow:0 6px 15px #0003;color:#000;font-weight:700;gap:.8rem;padding:1rem 2rem}.submit-button:after{content:"→";font-size:1.2rem;transition:transform .3s ease}.submit-button:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.submit-button:hover:after{transform:translateX(5px)}.cancel-button:disabled,.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.form-error{animation:shake .5s ease-in-out;background:#ff00001a;border:1px solid #f003;border-radius:8px;gap:.8rem;margin-bottom:1.8rem;padding:1.2rem}.form-error i{font-size:1.4rem}.live-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(90deg,#ff4d4d,red);border-radius:50px;box-shadow:0 3px 10px #ff00004d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:.3rem;letter-spacing:1px;padding:.3rem .8rem;position:absolute;right:.6rem;text-transform:uppercase;top:.6rem;z-index:2}.live-badge:before{animation:blink 1.5s infinite;background-color:#fff;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tournament-details-page{background-color:#080818;color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:4rem 2rem;position:relative}.tournament-details-header{margin-bottom:2rem;position:relative}.tournament-banner-large{border-radius:16px;box-shadow:0 15px 35px #0000004d;height:300px;margin-bottom:1.5rem;overflow:hidden;position:relative}.tournament-banner-large img{filter:brightness(.6);height:100%;object-fit:cover;width:100%}.tournament-header-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:2rem;position:absolute;width:100%}.tournament-header-overlay h1{font-size:2.5rem;font-weight:800;margin:0;max-width:70%;text-shadow:0 2px 10px #00000080}.live-badge.large{font-size:.9rem;padding:.5rem 1.2rem;position:absolute;right:1.5rem;top:1.5rem}.tournament-status.large{font-size:1rem;padding:.6rem 1.2rem}.tournament-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.back-button{align-items:center;border:none;display:flex;font-size:1rem;font-weight:600;gap:.8rem;padding:.8rem 1.5rem}.back-button:hover{background:#fff3}.join-tournament-button{align-items:center;background:linear-gradient(135deg,#fc0,#ff8c00);border:none;border-radius:8px;box-shadow:0 6px 15px #0003;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.8rem;margin-left:auto;padding:.8rem 1.5rem;transition:all .3s ease}.join-tournament-button:hover:not(:disabled){box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.join-tournament-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.button-loader{animation:spin 1s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:18px;width:18px}.registered-badge{animation:fadeIn .5s ease-out;background-color:#31a35f;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 4px 15px #31a35f4d;color:#fff;gap:.5rem;padding:.75rem 1.25rem;text-shadow:0 1px 1px #0003}.registered-badge i{animation:pulse 2s infinite;color:#fff;font-size:1.2rem}.current-user-tag{animation:fadeIn .5s ease-out;text-shadow:0 1px 2px #0000004d}.players-table tr.current-user-row{animation:highlightRow 1.5s ease-out}@keyframes highlightRow{0%{background-color:#ffcc004d}to{background-color:#ffcc001a}}.tournament-details-content{position:relative}.tournament-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.tournament-info-card{background:linear-gradient(145deg,#19192de6,#141428e6);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1.5rem}.tournament-info-card h2{border-bottom:1px solid #ffffff1a;color:#fc0;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;padding-bottom:1rem}.tournament-detail-item{display:flex;gap:1rem;padding:.5rem 0}.tournament-detail-item i{color:#ffcc00b3;font-size:1.8rem;padding-top:.3rem}.tournament-detail-item h4{color:#ffffffe6;font-size:1.1rem;margin:0 0 .6rem}.tournament-detail-item p{color:#ffffffb3;margin:0 0 .5rem}.participant-count{color:#fc0;font-size:1.1rem;font-weight:700}.max-participants{color:#fff9}.progress-bar{background-color:#0000004d;border-radius:4px;height:8px;margin-top:.8rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fc0,#ff8c00);border-radius:4px;height:100%;transition:width .5s ease-out}.prize-pool{color:#fc0!important;font-size:1.2rem!important;font-weight:700!important}.tournament-description-full{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.tournament-description-full h4{color:#ffffffe6;font-size:1.1rem;margin:0 0 1rem}.tournament-description-full p{color:#ffffffb3;line-height:1.6;margin:0}.tournament-players-card{background:linear-gradient(145deg,#19192de6,#141428e6);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 25px #0000004d;overflow:hidden;padding:1.5rem}.tournament-players-card h2{align-items:center;border-bottom:1px solid #ffffff1a;color:#fc0;display:flex;font-size:1.5rem;font-weight:700;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem}.no-players{color:#fff9;padding:2rem;text-align:center}.players-table-container{overflow-x:auto}.players-table{background-color:#1e213080;border:1px solid #ffffff14;border-collapse:initial;border-radius:12px;border-spacing:0 10px;box-shadow:0 8px 24px #0003;margin:0 auto;overflow:hidden;table-layout:fixed;width:100%}.players-table th{background-color:#00000059;border-bottom:2px solid #ffffff26;color:#fffffff2;font-size:1rem;font-weight:600;letter-spacing:1.5px;padding:1.5rem 1rem;position:relative;text-align:center;text-transform:uppercase}.players-table td{border-bottom:1px solid #ffffff14;height:72px;padding:1.25rem 1rem;transition:all .2s ease;vertical-align:middle}.players-table tr:hover{background-color:#ffffff1a;box-shadow:0 6px 14px #00000040;transform:translateY(-2px)}.player-avatar{align-items:center;background-color:#1e2130;border:2px solid #fff3;border-radius:50%;box-shadow:0 3px 6px #0003;display:flex;height:48px;justify-content:center;min-width:48px;overflow:hidden;width:48px}.player-avatar-img{height:100%;object-fit:cover;object-position:center;width:100%}.default-avatar{align-items:center;background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.checked-in{background-color:#27ae6033;border:1px solid #2ecc7166;color:#2ecc71;font-weight:600}.not-checked-in{align-items:center;background-color:#f39c1233;border:1px solid #f39c1266;color:#f39c12;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;justify-content:center;max-width:140px;min-width:100px;padding:6px 10px}.not-checked-in .check-in-timer{color:#f39c12e6;font-size:.75rem;margin-top:2px;text-align:center;white-space:normal;width:100%}.check-in-closed{background-color:#e74c3c33;border:1px solid #e74c3c66;color:#e74c3c;font-weight:600}.check-in-not-started{background-color:#bdc3c733;border:1px solid #bdc3c766;color:#bdc3c7;font-weight:600}@media (max-width:992px){.tournament-details-grid{gap:1.5rem;grid-template-columns:1fr}.tournament-banner-large{height:250px}.tournament-header-overlay h1{font-size:2rem}}@media (max-width:768px){.tournament-banner-large{height:200px}.tournament-header-overlay{padding:1.5rem}.tournament-header-overlay h1{font-size:1.8rem}.tournament-actions{flex-wrap:wrap}.back-button,.join-tournament-button,.registered-badge{justify-content:center;margin:0;width:100%}}.join-button.registered{align-items:center;background-color:#31a35f;color:#fff;cursor:pointer;display:flex;justify-content:center}.join-button.registered:before{content:"✓";font-weight:700;margin-right:.3rem}.join-button.registered:hover{background-color:#3ab86b}.current-user-tag{color:#fc0;display:inline-block;font-style:italic;font-weight:700;margin-left:5px}.players-table tr.current-user-row{background-color:#ffcc001a;box-shadow:inset 0 0 0 1px #fc03}.players-table tr.current-user-row:hover{background-color:#ffcc0026}.join-error{align-items:center;background:#ff00001a;border:1px solid #f003;border-radius:8px;color:#ff6b6b;display:flex;gap:.8rem;margin-bottom:1.5rem;padding:1rem}.join-error i{font-size:1.2rem}.registered-status-banner{align-items:center;animation:fadeIn .3s ease-out;background-color:#31a35f;border-radius:4px;box-shadow:0 4px 15px #31a35f4d;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1.5rem;text-shadow:0 1px 1px #0003}.registered-status-banner i{font-size:1.2rem}.players-table th.player-column{padding-left:0;text-align:center}.players-table th.rank-column{width:22%}.players-table th.country-column{width:16%}.players-table td.player-column{padding-left:20px;text-align:left}.country-cell .flag-icon{border:none;border-radius:4px;box-shadow:0 2px 6px #0006;height:36px;transition:transform .2s ease,box-shadow .2s ease;width:48px}.country-cell .flag-icon:hover{box-shadow:0 4px 8px #00000080;transform:scale(1.1)}@media (max-width:768px){.players-table th.player-column{padding-left:0;text-align:center;width:30%}.players-table th.rank-column{width:22%}.players-table th.country-column{width:16%}.players-table th.check-in-column{width:32%}.players-table td.player-column{padding-left:15px}.country-cell .flag-icon{height:32px;width:42px}}@media (max-width:576px){.players-table th.player-column{padding-left:0;text-align:center;width:32%}.players-table th.rank-column{width:20%}.players-table th.country-column{width:16%}.players-table th.check-in-column{width:32%}.players-table td.player-column{padding-left:10px}.country-cell .flag-icon{height:26px;width:36px}}.form-section-divider{height:20px;margin:1.5rem 0;position:relative;text-align:center;width:100%}.form-section-divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.form-section-divider span{background-color:#1a1a2e;color:#fc0c;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:0 15px;position:relative;text-transform:uppercase}.form-helper-text{color:#ffffff80;display:block;font-size:.75rem;margin-top:.25rem}.registered-badge-container{background:#1e213099;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 4px 8px #0000001a;gap:16px}.registered-badge,.registered-badge-container{align-items:center;display:flex;padding:8px 16px}.registered-badge{background:#2ecc7133;border:1px solid #2ecc7166;border-radius:20px;color:#2ecc71;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:110px;transition:all .2s ease}.registered-badge i{font-size:1rem}.check-in-button{align-items:center;background:#3498db;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.check-in-button:hover{background:#2980b9;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.check-in-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.check-in-status-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.player-status-wrapper .registered-badge.with-check-in{background:#2ecc7126;border:1px solid #2ecc714d;margin:0;padding:6px 10px}.check-in-button-wrapper{align-items:center;display:flex;flex-direction:column;gap:6px}.check-in-reminder{color:#ffffffb3;font-size:.8rem;margin-top:4px}.players-table th.rank-column{width:24%}.players-table th.country-column{width:12%}.players-table th.player-column{width:30%}.players-table th.check-in-column{width:32%}.players-table td:not(:last-child):after,.players-table th:not(:last-child):after{background-color:#ffffff26;content:"";height:60%;position:absolute;right:0;top:20%;width:2px}.players-table td.check-in-column,.players-table td.country-column,.players-table td.rank-column{position:relative;text-align:center}.players-table td.player-column{position:relative}.player-status-wrapper{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;padding:8px;width:100%}.check-in-closed,.check-in-not-started,.checked-in,.not-checked-in{align-items:center;border-radius:16px;box-shadow:0 2px 4px #00000026;display:flex;gap:6px;justify-content:center;min-width:120px;padding:8px 12px}.player-status-wrapper .registered-badge.with-check-in{align-items:center;background:#2ecc7133;border:1px solid #2ecc7166;border-radius:12px;box-shadow:0 2px 4px #00000026;color:#2ecc71;display:flex;flex-shrink:0;font-size:.8rem;height:36px;justify-content:center;padding:5px 10px;width:36px}.players-table td:not(:last-child):after,.players-table th:not(:last-child):after{display:none}.rank-badge{background:#0000;border:none;box-shadow:none;gap:8px;justify-content:center;padding:0}.rank-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));height:36px;margin-right:0;min-width:36px;object-fit:contain;width:36px}.rank-badge span{color:#ffffffe6;font-size:.9rem;font-weight:600;text-shadow:0 1px 2px #00000080}@media (max-width:768px){.rank-image{height:32px;min-width:32px;width:32px}.player-avatar{height:42px;min-width:42px;width:42px}}@media (max-width:576px){.rank-image{height:28px;min-width:28px;width:28px}.rank-badge span{font-size:.8rem}.player-avatar{height:36px;min-width:36px;width:36px}}.unregister-button{align-items:center;background-color:#ff3b30e6;border:none;border-radius:20px;box-shadow:0 2px 5px #d2000033;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;margin-top:10px;padding:8px 15px;transition:all .2s ease}.unregister-button:hover{background-color:#ff453a;box-shadow:0 4px 8px #d200004d;transform:translateY(-1px)}.unregister-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.unregister-button i{font-size:.85rem;margin-right:8px}.cancel-check-in-button{align-items:center;background-color:#555;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;justify-content:center;margin-top:8px;padding:6px 12px;transition:all .2s ease}.cancel-check-in-button:hover{background-color:#777}.cancel-check-in-button:disabled{background-color:#aaa;cursor:not-allowed}.cancel-check-in-button i{font-size:.75rem;margin-right:6px}.registered-account{color:#17a2b8;font-size:.85rem;font-style:italic;margin-left:.5rem}.registered-account-badge{align-items:center;display:inline-flex;position:relative}.registered-account-badge:before{color:#28a745;content:"✓";font-weight:700;margin-right:.25rem}.admin-controls{background-color:#0009;border-radius:4px;display:flex;gap:8px;padding:5px;position:absolute;right:10px;top:10px;transition:opacity .2s;z-index:5}.tournament-card:not(:hover) .admin-controls{opacity:.3}.admin-controls button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-controls .edit-button{background-color:#3498db}.admin-controls .edit-button:hover{background-color:#2980b9}.admin-controls .delete-button{background-color:#e74c3c}.admin-controls .delete-button:hover{background-color:#c0392b}.modal-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}.confirmation-modal{background-color:#1e293b;border-radius:8px;box-shadow:0 8px 20px #0000004d;max-width:500px;padding:24px;width:90%}.confirmation-modal h3{color:#e74c3c;font-size:1.5rem;margin-top:0}.confirmation-modal p{line-height:1.5;margin-bottom:1.5rem}.warning-text{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-weight:700;margin-bottom:1.5rem;padding:10px}.modal-actions{gap:12px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 16px;transition:all .2s}.modal-actions .cancel-button{background-color:initial;border:1px solid #404a5e;color:#fff}.modal-actions .cancel-button:hover{background-color:#2a3547}.modal-actions .delete-button{background-color:#e74c3c;color:#fff}.modal-actions .delete-button:hover{background-color:#c0392b}.form-actions{gap:12px;justify-content:flex-end;margin-top:20px}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .2s}.form-actions .cancel-button{background-color:initial;border:1px solid #404a5e;color:#fff}.form-actions .cancel-button:hover{background-color:#2a3547}.form-actions .submit-button{align-items:center;background-color:#3498db;color:#fff;display:flex;gap:8px}.form-actions .submit-button:hover{background-color:#2980b9}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.account-selection-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.account-selection-modal{background:#0f0a19;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:1.5rem;width:90%}.account-selection-modal h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem;margin-top:0}.account-selection-modal p{color:#adb5bd;margin-bottom:1.5rem}.account-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.account-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.account-option:hover{background:#ffffff1a}.account-option.selected{background:#17a2b81a;border-color:#17a2b84d}.account-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.account-name{color:#fff;font-weight:600}.account-rank,.rank-badge{align-items:center;display:flex;gap:.5rem}.rank-badge{color:#adb5bd;font-size:.9rem}.rank-icon{height:24px;object-fit:contain;width:24px}.unranked{color:#6c757d;font-size:.9rem}.account-region{margin-top:.25rem}.region-tag{background:#ffffff1a;border-radius:4px;color:#adb5bd;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{background:#0e0e16b3;border:1px solid #ffffff0d;border-radius:8px}.select-btn{background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s ease}.select-btn:hover{transform:translateY(-2px)}.select-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-accounts-message{background:#dc35451a;border:1px solid #dc354533;color:#dc3545;margin-bottom:1.5rem;padding:1.5rem}.coaching-page{background-color:#080818;color:#fff;margin:0;min-height:auto;padding:1.7rem 0 1rem;width:100%}.coaching-hero{background:linear-gradient(135deg,#141428e6,#1e1e32e6);border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 8px 32px #0000004d;margin-bottom:1.5rem;overflow:hidden;padding:1rem;position:relative;text-align:center}.coaching-hero:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle at center,#d728281a 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.coaching-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:2px;margin-bottom:.5rem;position:relative;text-transform:uppercase}.coaching-hero p{color:#ffffffe6;font-size:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:800px}.hero-stats{display:flex;gap:3rem;justify-content:center;margin-top:1rem}.stat-item{position:relative}.stat-item:after{background:#d72828;border-radius:2px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:.3rem}.stat-label{color:#ffffffb3;font-size:.8rem}.coaches-grid{grid-gap:1.2rem;gap:1.2rem;grid-template-columns:repeat(3,1fr);margin:1rem auto;max-width:1200px;padding:0 1.5rem;width:100%}.coach-card{background:#0003;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.coach-card:hover{border-color:#ffcc004d;box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.coach-image-container{border-bottom:1px solid #ffffff1a;height:350px;width:100%}.coach-image{object-position:center top}.coach-image-container:after{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0}.coach-rank{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#d72828,#a41e3a);border-radius:6px;box-shadow:0 3px 8px #0003;color:#fff;font-size:.8rem;font-weight:700;padding:.4rem .8rem;position:absolute;right:.8rem;top:.8rem}.coach-info{display:flex;flex-direction:column;flex-grow:1;padding:1rem 1.5rem 1.5rem}.coach-name{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.coach-specialization{color:#fc0;font-size:1rem;font-weight:500;margin-bottom:1rem}.coach-description{color:#e0e0e0;flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.coach-rating{font-size:.9rem;gap:.3rem;margin-bottom:.8rem}.stars{color:#d72828;font-size:1rem;letter-spacing:-1px}.rating-number{font-weight:700}.reviews-count{color:#fff9;font-size:.75rem}.coach-region{align-items:center;color:#e0e0e0;display:flex;font-size:.85rem;gap:.3rem;margin-bottom:.8rem}.coach-region i{color:#d72828}.coach-specialties{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.specialty-tag{background:#ffffff1a;border-radius:4px;color:#e0e0e0;font-size:.7rem;padding:.3rem .6rem;transition:all .3s ease}.coach-card:hover .specialty-tag{background:#d728281a;color:#d72828}.coach-actions{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.coaching-price{color:#fff;font-size:1.2rem;font-weight:600}.coaching-price span{color:#fc0}.book-button{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:6px;box-shadow:0 4px 15px #d728284d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.8rem 1.2rem;transition:all .3s ease}.book-button:hover{box-shadow:0 6px 20px #d7282880;transform:translateY(-2px)}.coach-modal{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e32f2;border:1px solid #ffffff1a;border-radius:16px;max-width:900px;padding:2rem;position:relative;width:100%}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.modal-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.modal-left img{border-radius:8px;margin-bottom:1rem;width:100%}.coach-achievements{background:#0003;border-radius:8px;padding:1rem}.coach-achievements h4{color:#d72828;margin-bottom:.5rem}.coach-achievements ul{list-style:none;padding:0}.coach-achievements li{border-bottom:1px solid #ffffff1a;font-size:.9rem;padding:.5rem 0}.modal-right h2{font-size:2rem;margin-bottom:1rem}.coach-details{margin:1.5rem 0}.detail-item{display:flex;margin-bottom:.5rem}.detail-label{color:#fff9;width:120px}.book-session-button{background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.book-session-button:hover{background:linear-gradient(135deg,#ef3e3e,#b52e48);transform:translateY(-2px)}.book-session-button.coming-soon{background:linear-gradient(135deg,#3a7bd5,#00d2ff);box-shadow:0 4px 15px #0000004d;cursor:pointer;overflow:hidden;position:relative;transform:scale(1);transition:all .3s ease}.book-session-button.coming-soon:hover{box-shadow:0 6px 20px #0006;transform:scale(1.03)}.coming-soon-text{font-size:1.2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.coming-soon-text:after{animation:shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000)}.coach-languages{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.language-tag{align-items:center;background:#0000004d;border-radius:4px;display:inline-flex;font-size:.7rem;gap:.3rem;padding:.3rem .5rem;transition:all .3s ease}.language-tag i{font-size:.8rem}.language-tag:hover{background:#d7282833;transform:translateY(-2px)}@media (max-width:1200px){.coaches-grid{grid-template-columns:repeat(3,1fr);max-width:90%}}@media (max-width:900px){.coaches-grid{grid-template-columns:repeat(2,1fr);max-width:85%}}@media (max-width:600px){.coaches-grid{grid-template-columns:1fr;max-width:95%;padding:0 1rem}.coach-image-container{height:280px}.coaching-hero{padding:1.5rem 1rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.5rem}.coach-info h3{font-size:1.1rem}.coach-specialties{margin-bottom:.6rem}.specialty-tag{font-size:.65rem;padding:.25rem .5rem}.coach-card{max-height:500px}}.coaching-page-container h1{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:800;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 2px 10px #d728284d;text-transform:uppercase}.coach-card-header{background:linear-gradient(135deg,#d7282833,#a41e3a33);border-bottom:2px solid #d728284d}.coach-action-button{background:linear-gradient(135deg,#d72828,#a41e3a);box-shadow:0 4px 10px #d728284d}.coach-action-button:hover{box-shadow:0 6px 15px #d7282866;transform:translateY(-2px)}.coaching-section-title:after{background:linear-gradient(90deg,#d72828,#a41e3a)}.coaching-page-container{color:#e0e0e0;margin:0 auto;max-width:1200px;padding:2rem}.coaching-header{margin:3rem 0 2rem;text-align:center}.coaching-header h1{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2.5rem;margin-bottom:.5rem}.coaching-header p{color:#adb5bd;font-size:1.1rem;margin:0 auto;max-width:700px}.coaches-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.coach-card{animation:fadeIn .5s ease-out forwards;background:#12121eb3;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 8px 25px #0003;opacity:0;overflow:hidden;position:relative;transition:all .3s ease}.coach-card:first-child{animation-delay:.1s}.coach-card:nth-child(2){animation-delay:.2s}.coach-card:nth-child(3){animation-delay:.3s}.coach-card:nth-child(4){animation-delay:.4s}.coach-card:nth-child(5){animation-delay:.5s}.coach-card:nth-child(6){animation-delay:.6s}.coach-card:hover{border-color:#d728284d;box-shadow:0 15px 35px #0000004d;transform:translateY(-10px)}.coach-image-container{height:270px;overflow:hidden;position:relative}.coach-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.coach-card:hover .coach-image{transform:scale(1.05)}.coach-info{padding:1.5rem}.coach-title{background:#d728281a;border-radius:4px;color:#d72828;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.6rem;padding:.15rem .6rem}.coach-meta{border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:auto;padding-top:.6rem}.coach-meta,.coach-rating{align-items:center;display:flex}.rating-stars{color:#ffc107;font-size:.85rem;margin-right:.5rem}.rating-count{color:#adb5bd;font-size:.9rem}.coach-price{color:#fff;font-size:1.1rem;font-weight:700}.coach-price span{color:#adb5bd;font-size:.85rem}.coach-actions{margin-top:.8rem}.book-coach-btn{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem;transition:all .2s ease;width:100%}.book-coach-btn:hover{box-shadow:0 5px 15px #d728284d;transform:translateY(-2px)}.availability-badge{background:#28a745d9;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;position:absolute;right:1rem;top:1rem;z-index:2}.unavailable{background:#6c757dd9}.no-coaches{background:#12121e80;border:1px dashed #ffffff1a;border-radius:10px;margin:5rem 0;padding:3rem;text-align:center}.no-coaches h3{color:#adb5bd;font-size:1.5rem;margin-bottom:1rem}.booking-modal{background:#12121ef2;border-radius:12px;box-shadow:0 15px 40px #00000080;margin:0 auto;max-width:500px;padding:2rem;width:90%}.booking-modal h2{border-bottom:1px solid #ffffff1a;color:#fff;margin-bottom:1.5rem;padding-bottom:1rem}.text-avatar{align-items:center;background-size:cover;color:#fff;display:flex;font-size:6rem;font-weight:700;height:100%;justify-content:center;object-position:center 30%;position:relative;text-shadow:0 4px 8px #0000004d;width:100%}.text-avatar:before{background:linear-gradient(135deg,#0000001a,#0006);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.text-avatar-large{align-items:center;background-color:#d72828;border-radius:8px;color:#fff;display:flex;font-size:8rem;font-weight:700;height:300px;justify-content:center;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d;width:100%}.booking-btn.coming-soon{background-color:#6c757d;cursor:not-allowed;overflow:hidden;position:relative}.coming-soon-text{display:inline-block;position:relative}.coming-soon-text:after{animation:shine 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.connections-page-container{color:#e0e0e0;margin:0 auto;max-width:1200px;padding:2rem}.page-header{margin:3rem 0 2rem}.page-header h1{font-size:2.5rem}.connections-section{background:#0003;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 20px #0003;padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.section-header h2{font-size:1.5rem;margin:0}.add-account-btn{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:.5rem 1rem;transition:all .3s ease}.add-account-btn:hover{box-shadow:0 4px 12px #d728284d;transform:translateY(-2px)}.add-account-btn.center{margin:1rem auto}.link-account-form{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.link-account-form h3{color:#f3d53f;font-size:1.25rem;margin-bottom:1rem;margin-top:0}.form-group{margin-bottom:1rem}.form-group label{font-weight:500}.form-group input,.form-group select{background:#0003;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#d72828;box-shadow:0 0 0 2px #d7282840;outline:none}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.submit-button{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#e83939,#d72828);transform:translateY(-2px)}.cancel-button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.cancel-button:hover{background:#ffffff26}.error-message{align-items:center;background:#dc35451a;border-radius:4px;color:#ff6b6b;display:flex}.error-message,.success-message{gap:8px;margin-bottom:1rem;padding:1rem}.success-message{color:#51cf66}.loading-spinner{gap:1rem}.accounts-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.account-card{background:#0000004d;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.account-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.account-header{align-items:center;background:linear-gradient(135deg,#d7282833,#a41e3a33);border-bottom:1px solid #ffffff1a;padding:1rem}.account-header h3{font-size:1.1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-badge{background:#0000004d;border-radius:4px;color:#adb5bd;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.account-details{border-bottom:1px solid #ffffff1a;padding:1rem}.rank-section{align-items:center;gap:1rem;margin-bottom:1rem}.rank-image{height:50px;width:50px}.rank-text{color:#f3d53f;font-size:1.1rem;font-weight:600}.game-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.status-indicator{background-color:#6c757d;border-radius:50%;height:10px;width:10px}.status-indicator.online{background-color:#4caf50;box-shadow:0 0 5px #4caf50}.last-updated{color:#6c757d;font-size:.8rem;margin-top:.5rem}.account-actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.refresh-rank-btn,.unlink-btn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.5rem;transition:all .2s ease}.refresh-rank-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.refresh-rank-btn:hover{background:#ffffff26}.unlink-btn{background:#dc35451a;border:1px solid #dc354533;color:#ff6b6b}.unlink-btn:hover{background:#dc354526}@media (max-width:768px){.connections-page-container{padding:1rem}.page-header h1{font-size:2rem}.accounts-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}.cancel-button,.submit-button{width:100%}}.linking-indicator{align-items:center;background:#000000e6;border-radius:8px;box-shadow:0 10px 25px #00000080;color:#fff;display:flex;font-size:1.2rem;gap:12px;left:50%;padding:20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.linking-indicator i{color:#d72828;font-size:1.5rem}.pbe-input-group{align-items:center;display:flex}.pbe-input-group input{border-bottom-right-radius:0;border-top-right-radius:0;flex-grow:1}.pbe-tag{background-color:#292244;border:1px solid #bb9af74d;border-bottom-right-radius:4px;border-left:none;border-top-right-radius:4px;padding:.5rem 1rem}.pbe-account{border-left:3px solid #bb9af7}.pbe-account .account-name .game-name{color:#fff}.pbe-account .account-name .tag-line{color:#bb9af7}.add-button{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:.5rem 1rem;transition:all .3s ease}.add-button:hover{box-shadow:0 4px 12px #d728284d;transform:translateY(-2px)}.pbe-accounts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.pbe-account-card{background:#191228b3;border:1px solid #bb9af733;border-radius:8px;box-shadow:0 4px 15px #0003;overflow:hidden;position:relative;transition:all .3s ease}.pbe-account-card:hover{box-shadow:0 8px 20px #bb9af733;transform:translateY(-5px)}.pbe-account-card:before{background:linear-gradient(180deg,#bb9af7,#7c66dc);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.pbe-account-header{background:#29224499;border-bottom:1px solid #bb9af733;padding:1rem}.pbe-account-header h3{color:#fff;font-size:1.2rem;margin:0}.pbe-tag-label{background-color:#bb9af733;border-radius:4px;color:#bb9af7;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.pbe-account-details{padding:1rem}.pbe-account-added{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem}.pbe-icon{color:#bb9af7;height:24px;width:24px}.pbe-account-actions{border-top:1px solid #bb9af733;display:flex;justify-content:flex-end;padding:1rem}.pbe-remove-btn{align-items:center;background:#dc35451a;border:1px solid #dc354533;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.pbe-remove-btn:hover{background:#dc354526}.no-pbe-accounts{background:#0003;border-radius:8px;color:#ffffffb3;font-size:1.1rem;margin-top:1rem;padding:2rem;text-align:center}.no-pbe-accounts i{color:#bb9af780;display:block;font-size:2rem;margin-bottom:1rem}.linking-error{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1rem}.linking-error i{font-size:1.5rem;margin-bottom:.5rem}.linking-error p{margin:.25rem 0}.error-note{border-top:1px solid #dc354533;color:#adb5bd;font-size:.9rem;margin-top:.75rem!important;padding-top:.75rem}.error-note strong{color:#dc3545}.pbe-limit-notice{align-items:center;background:#6610f21a;border:1px solid #6610f233;border-radius:4px;color:#adb5bd;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.pbe-limit-notice i{color:#bb9af7;font-size:1rem}.riot-branding{height:80px;margin:0 auto .5rem;max-width:220px;overflow:hidden;position:relative;text-align:center;top:-1px}.riot-branding img{border:none;box-shadow:none;filter:none;height:auto;max-width:100%;object-fit:cover;object-position:center 25%;opacity:.9;transform:translateY(-25px);transition:all .3s ease;width:100%}.riot-branding img:hover{opacity:1;transform:translateY(-25px) scale(1.05)}.form-actions{margin-bottom:2rem}.no-accounts-message{border-top:1px solid #ffffff1a;padding-top:1.5rem}.link-account-btn,.primary-btn{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:6px;box-shadow:0 4px 15px #d728284d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;justify-content:center;padding:.8rem 1.2rem;transition:all .2s ease}.link-account-btn:hover,.primary-btn:hover{box-shadow:0 6px 20px #d7282866;transform:translateY(-2px)}.cancel-btn,.secondary-btn{align-items:center;background:#1e1e3299;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;justify-content:center;padding:.8rem 1.2rem;transition:all .2s ease}.cancel-btn:hover,.secondary-btn:hover{background:#282846b3;transform:translateY(-2px)}.linking-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.linking-overlay-content{background:#1e1e32e6;border:1px solid #d728284d;border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:400px;padding:2rem;text-align:center;width:90%}.linking-overlay-spinner{animation:spin 1.5s linear infinite;color:#d72828;font-size:3rem;margin-bottom:1.5rem}.linking-overlay-message{color:#fff;font-size:1.2rem;margin-bottom:1rem}.linking-overlay-submessage{color:#adb5bd;font-size:.9rem;margin:0 auto;max-width:80%}.add-account-btn,.connect-riot-btn,.submit-button{align-items:center!important;background:linear-gradient(135deg,#d72828,#a41e3a)!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 15px #d728284d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.95rem!important;font-weight:600!important;gap:.6rem!important;justify-content:center!important;padding:.8rem 1.2rem!important;transition:all .2s ease!important}.add-account-btn:hover,.connect-riot-btn:hover,.submit-button:hover{box-shadow:0 6px 20px #d7282866!important;transform:translateY(-2px)!important}.no-accounts-message{align-items:center;background:#1919284d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:2rem;text-align:center}.no-accounts-message i{color:#d72828;font-size:2rem;margin-bottom:1rem}.no-accounts-message .link-account-btn{margin-top:1.5rem}.connect-title{color:#d72828;font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:0}.link-btn{align-items:center!important;background:linear-gradient(135deg,#d72828,#a41e3a)!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 15px #d728284d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.95rem!important;font-weight:600!important;gap:.6rem!important;justify-content:center!important;padding:.8rem 1.2rem!important;transition:all .2s ease!important}.link-btn:hover{box-shadow:0 6px 20px #d7282866!important;transform:translateY(-2px)!important}.tag-prefix{color:#fff;font-size:18px;font-weight:700;left:12px;opacity:.9;pointer-events:none;position:absolute;z-index:1}.tag-input-group input{padding-left:30px!important}.verification-badge{align-items:center;display:inline-flex;font-size:.9rem;justify-content:center;margin-left:8px;vertical-align:middle}.verification-badge.verified{animation:pulse-green 2s infinite;color:#4cd964;font-size:1.1rem}@keyframes pulse-green{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.verification-badge.unverified{color:#ff9500}.pbe-account-card.verified{border-left:4px solid #4cd964;position:relative}.pbe-account-card.verified:after{background-color:#4cd96433;border:1px solid #4cd9644d;border-radius:4px;color:#4cd964;content:"VERIFIED";font-size:.7rem;font-weight:700;letter-spacing:1px;padding:2px 8px;position:absolute;right:10px;top:10px}.verification-note{align-items:center;color:#ff9500;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.verification-error{background-color:#ff3b301a;border:1px solid #ff3b3033;border-radius:4px;color:#ff3b30}.verification-error,.verification-success{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.verification-success{background-color:#4cd9641a;border-radius:4px}.pbe-verify-btn,.verification-success{border:1px solid #4cd96433;color:#4cd964}.pbe-verify-btn{align-items:center;background:#4cd9641a;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease}.pbe-verify-btn:hover{background:#4cd96426;transform:translateY(-2px)}.pbe-verify-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.pbe-account-header h3{align-items:center;display:flex;gap:8px}.scrims-page-container{color:#e0e0e0;margin:0;max-width:100%;padding:2rem 1.5rem;width:100%}.page-header{margin:2rem 0;position:relative;text-align:center}.page-header h1{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2.8rem;margin-bottom:.5rem;position:relative}.page-header h1:after{background:linear-gradient(135deg,#d72828,#a41e3a);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 1rem;width:80px}.page-header p{color:#adb5bd;font-size:1.1rem;margin:0 auto;max-width:600px}.success-message{align-items:center;animation:slideIn .3s ease-out;background:#28a7451a;border-left:4px solid #28a745;border-radius:4px;box-shadow:0 4px 12px #0000001a;color:#28a745;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-message i{font-size:1.4rem}.scrims-actions{justify-content:space-between}.primary-actions,.scrims-actions{align-items:center;display:flex;margin-bottom:1.5rem}.primary-actions{gap:10px}.create-scrim-btn{align-items:center;background:linear-gradient(135deg,#d72828,#a41e3a);border:none;border-radius:8px;box-shadow:0 4px 15px #d7282833;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;height:44px;margin:0;padding:.75rem 1.2rem;transition:all .2s ease}.create-scrim-btn:hover{background:linear-gradient(135deg,#bf2424,#8e1933);transform:translateY(-2px)}.find-match-btn{align-items:center;background:linear-gradient(135deg,#2850d7,#1e4da4);border:none;border-radius:8px;box-shadow:0 4px 15px #2850d733;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;height:44px;margin:0;min-width:130px;padding:.75rem 1.2rem;transition:all .2s ease}.find-match-btn:hover{background:linear-gradient(135deg,#2245bf,#1a3d8e);transform:translateY(-2px)}.find-match-btn.active{background:linear-gradient(135deg,#d77828,#a44e1e);box-shadow:0 4px 15px #d7782833;min-width:220px}.find-match-btn.active:hover{background:linear-gradient(135deg,#bf6a24,#8e421a)}.filter-position{height:44px;margin-right:1rem}.refresh-btn{align-items:center;background:#0e0e16b3;border:1px solid #ffffff0d;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;height:44px;justify-content:center;margin:0;padding:0 1.2rem;transition:all .2s ease;width:120px}.refresh-btn:hover{background:#191923e6;transform:translateY(-2px)}.refresh-btn.refreshing{padding:0;width:44px}.auth-prompt{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:1rem}.auth-prompt p{color:#adb5bd;margin:0}.signin-btn{align-items:center;background:#d7282833;border:1px solid #d728284d;border-radius:6px;color:#ff6b6b;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.signin-btn:hover{background:#d728284d;transform:translateY(-2px)}.scrims-container{margin-top:2.5rem;width:100%}.scrims-container h2{align-items:center;border-bottom:1px solid #ffffff0d;color:#e0e0e0;display:flex;font-size:1.6rem;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.loading-container{background:#0003;border-radius:10px;margin-top:1rem;padding:3rem 1rem;text-align:center}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-spinner i{animation:pulse-fade 1.5s ease-in-out infinite;color:#e4c157;font-size:1.5rem}@keyframes pulse-fade{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}.error-container{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;padding:2rem;text-align:center}.error-icon{color:#dc3545;font-size:2rem;margin-bottom:1rem}.loading-indicator{display:flex;justify-content:center;margin:1rem 0}.loading-indicator i{color:#ffffff4d;font-size:1.5rem}.retry-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#e0e0e0;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn:hover{background:#ffffff26}.empty-scrims{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:3rem 1rem;text-align:center}.empty-scrims-icon{color:#ffffff26;font-size:3rem;margin-bottom:1rem}.empty-scrims h3{color:#e0e0e0;font-size:1.5rem;margin-bottom:1rem}.empty-scrims p{color:#adb5bd;margin:.25rem 0}.scrims-grid{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:2rem;width:100%}.scrim-card{background:#111723e6;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 20px #0003;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;min-height:240px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.scrim-card:after{background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);bottom:0;content:"";height:4px;left:0;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.scrim-card:hover{border-color:#ffffff26;box-shadow:0 12px 30px #0000004d;transform:translateY(-6px)}.scrim-card:hover:after{opacity:1}.scrim-card.open{border-left:5px solid #4285f4}.scrim-card.in-progress{border-left:5px solid #fbbc05}.scrim-card.completed{border-left:5px solid #34a853}.scrim-card.canceled{border-left:5px solid #ea4335}.scrim-card.started{border-left:5px solid #ffc107}.scrim-card.finished{border-left:5px solid #28a745}.scrim-card-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.2rem;position:relative}.scrim-title{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:.5px;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000004d}.scrim-badges{align-items:flex-end;flex-direction:column;gap:8px}.status-badge{align-items:center;background:#28a74526;border:1px solid #28a7454d;border-radius:20px;box-shadow:0 2px 5px #0003;color:#28a745;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.7px;padding:.35rem 1rem;text-transform:uppercase}.status-badge.open{background:#4285f426;border:1px solid #4285f44d;color:#4285f4}.status-badge.in-progress{background:#fbbc0526;border:1px solid #fbbc054d;color:#fbbc05}.status-badge.completed{background:#28a74526;border:1px solid #28a7454d;color:#28a745}.game-state-badge{align-items:center;border-radius:20px;box-shadow:0 2px 5px #0003;display:inline-flex;letter-spacing:.7px;padding:.35rem 1rem}.game-state-badge.waiting{background:#6c757d26;border:1px solid #6c757d4d}.game-state-badge.started{background:#ffc10726;border:1px solid #ffc1074d}.game-state-badge.finished{background:#28a74526;border:1px solid #28a7454d}.scrim-card-content{display:flex;flex-direction:column;flex-grow:1;gap:1rem;margin-bottom:1.5rem}.host-info,.lobby-info{align-items:center;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:#e0e0e0;display:flex;font-size:1rem;gap:10px;padding:.7rem 1rem}.host-icon,.lobby-icon{color:#adb5bd;font-size:1.1rem}.scheduled-time{align-items:center;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:#adb5bd;display:flex;font-size:.9rem;gap:8px;margin-top:.5rem;padding:.7rem 1rem}.scheduled-time i{color:#6c757d}.scrim-card-footer{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:auto;padding-top:1rem}.view-details-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ced4da;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:5px;justify-content:center;padding:.6rem 1rem;transition:all .2s}.view-details-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.quick-join-button{align-items:center;background-color:#28a745;border:none;border-radius:6px;box-shadow:0 2px 6px #28a7454d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:5px;padding:.6rem 1rem;transition:all .2s ease}.quick-join-button:hover{background-color:#218838;box-shadow:0 4px 8px #28a74566;transform:translateY(-2px)}.quick-join-button i{font-size:.9rem}.quick-leave-button{align-items:center;background-color:#dc3545;border:none;border-radius:6px;box-shadow:0 2px 6px #dc35454d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:5px;padding:.6rem 1rem;transition:all .2s ease}.quick-leave-button:hover{background-color:#c82333;box-shadow:0 4px 8px #dc354566;transform:translateY(-2px)}.quick-leave-button i{font-size:.9rem}.scrim-details-overlay{align-items:center;animation:modalFadeIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.scrim-details-modal{animation:modalSlideIn .3s ease-out;background:#0f0a19;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1800px;overflow:hidden;width:98%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.scrim-detail-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem 1.25rem;position:sticky;top:0;width:100%;z-index:10}.scrim-detail-header h2{color:#fff;font-size:1.8rem;margin:0}.status-tag{border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.3rem .75rem;text-transform:uppercase}.status-tag.open{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.status-tag.in-progress{background:#ffc1071a;border:1px solid #ffc10733;color:#ffc107}.status-tag.completed{background:#dc35451a;border:1px solid #dc354533;color:#dc3545}.status-tag.canceled{background:#6c757d1a;border:1px solid #6c757d33;color:#6c757d}.scrim-detail-content{grid-gap:0;display:grid;flex-grow:1;gap:0;grid-template-columns:300px 1fr 250px;grid-template-rows:1fr;max-height:90vh;overflow-y:auto;padding:0}.scrim-details-left{background:#0000001a;gap:.75rem;max-height:100%;max-width:300px;padding:.75rem}.scrim-details-center,.scrim-details-left{display:flex;flex-direction:column;min-width:0;overflow-y:auto}.scrim-details-center{grid-column:2;padding:0}.scrim-details-right{background:#0000001a;border-left:1px solid #ffffff0d;grid-column:3;max-width:250px;overflow-y:auto;padding:.75rem;width:250px}.scrim-detail-content .match-results-container{background:#0003;border:1px solid #ffffff0d;padding:1rem;position:relative}.scrim-description{color:#adb5bd;font-size:1.1rem;line-height:1.5;margin:0;padding:0}.scrim-description p{margin:0}.no-description{font-style:italic;opacity:.7}.participants-list{margin-top:.5rem;max-height:none;overflow-y:visible}.participants-list h3{align-items:center;background:#0f0a19;color:#e0e0e0;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.35rem;margin-top:0;padding:5px 0;z-index:5}.participants-grid{display:flex;flex-direction:column;gap:.4rem;padding-bottom:5px}.participant-item{align-items:center;background:#0000001a;border:1px solid #ffffff0d;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-left:15px;overflow:visible;padding:8px 10px 8px 25px;transition:all .2s ease}.participant-avatar{align-items:center;background:#0000004d;border-radius:50%;display:flex;height:30px;justify-content:center;margin-left:5px;margin-right:10px;overflow:hidden;width:30px}.participant-number{background:#6c5ce7;border:2px solid #0f0a19;color:#fff;font-size:11px;font-weight:700;left:2px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.participant-item:hover{background:#0003}.participant-item.empty{border-style:dashed;opacity:.6}.participant-info{align-items:center;display:flex;flex-grow:1;gap:.5rem}.participant-number{align-items:center;background:#d728281a;border-radius:50%;color:#ff6b6b;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;min-width:24px;width:24px}.participant-avatar{align-items:center!important;background-color:#0000004d!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;overflow:hidden!important;position:relative!important;width:40px!important}.participant-avatar img{border-radius:50%!important;display:block!important;height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important;z-index:2!important}.participant-names{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:center;overflow:hidden;text-align:center}.pbe-username{color:#adb5bd;gap:.25rem}.pbe-tag{background:#6610f21a;border-radius:3px;color:#bb9af7;font-size:.7rem;padding:.15rem .4rem}.participant-badges{display:flex;gap:.25rem;margin-left:.5rem}.host-badge,.you-badge{border-radius:3px;font-size:.75rem;font-weight:600;padding:.15rem .3rem;white-space:nowrap}.host-badge{background-color:#d728281a;color:#d72828}.you-badge{background-color:#28a7451a;color:#28a745}.modal-footer{background:#0003;border-top:1px solid #ffffff0d;gap:10px;padding:.7rem 1.5rem}.modal-footer,.modal-footer button{align-items:center;display:flex;justify-content:center}.modal-footer button{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;height:38px;padding:0 1.2rem;transition:all .2s ease}.start-scrim-btn{background:linear-gradient(135deg,#28a745,#218838);border:none;box-shadow:0 4px 15px #28a74533;color:#fff;min-width:180px}.start-scrim-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px)}.finish-scrim-btn{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;box-shadow:0 4px 15px #ffc10733;color:#212529;min-width:180px}.finish-scrim-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px)}.cancel-scrim-btn{background:#0000004d;border:1px solid #dc354533;color:#dc3545;min-width:120px}.cancel-scrim-btn:hover{background:#dc35451a;transform:translateY(-2px)}.close-details-btn{background:#0000004d;border:1px solid #ffffff0d;color:#adb5bd;min-width:120px}.close-details-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.scrim-details-header .close-details-btn{display:none}.pbe-account-prompt{background:#6610f20d;border:1px solid #6610f21a;border-radius:10px;box-shadow:0 8px 24px #0000001a;margin-bottom:3rem;margin-top:3rem;padding:2rem;text-align:center}.pbe-account-prompt h3{color:#bb9af7;font-size:1.4rem;margin-bottom:.75rem}.pbe-account-prompt p{color:#adb5bd;font-size:1.05rem;margin-bottom:1.5rem}.add-pbe-link{align-items:center;background:#6610f233;border:1px solid #6610f24d;border-radius:6px;color:#bb9af7;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.add-pbe-link:hover{background:#6610f24d;box-shadow:0 4px 12px #6610f233;transform:translateY(-2px)}@media (max-width:768px){.scrims-page-container{padding:1rem}.participants-grid,.scrims-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.cancel-scrim-btn,.close-details-btn,.join-scrim-btn,.leave-scrim-btn{justify-content:center;width:100%}}.lobby-info-container{background:#0000001a;border:1px solid #ffffff0d;border-radius:8px;margin:.25rem 0;padding:.75rem}.lobby-info-container h3{color:#e0e0e0;font-size:1.1rem;margin-bottom:.35rem;margin-top:0}.lobby-value{background:#0003;border-radius:4px;font-family:monospace;font-size:1.1rem;letter-spacing:.5px;padding:.5rem 1rem}.player-list-container{background:#0000001a;border:1px solid #ffffff0d;border-radius:8px;margin:.25rem 0;padding:.75rem}.player-list-container h3{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.35rem;margin-top:0}.player-list-content{align-items:stretch;display:flex;gap:.5rem;margin-bottom:.5rem}.player-list-text{background:#0003;border:1px solid #ffffff0d;border-radius:4px;color:#e0e0e0;flex-grow:1;font-family:monospace;font-size:.95rem;padding:.5rem .75rem;text-overflow:ellipsis}.copy-button,.player-list-text{overflow:hidden;white-space:nowrap}.copy-button{align-items:center;background:#d728281a;border:1px solid #d7282833;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:0 1rem;position:relative;transition:all .2s ease}.copy-button:hover{background:#d7282833}.copy-button:after{background:#28a74533;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0;z-index:-1}.copy-button.copied{background:#28a7451a;border-color:#28a7454d;color:#28a745}.copy-button.copied:after{width:100%}.player-list-help{color:#adb5bd;font-size:.75rem;font-style:italic;margin-top:.25rem;opacity:.7}.scrim-form-container{animation:fadeIn .3s ease;background:#0e0e16b3;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 8px 24px #0003;margin-bottom:2rem;padding:1.5rem}.scrim-form-container h2{align-items:center;border-bottom:1px solid #ffffff0d;color:#fff;display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.scrim-form-container h2:before{color:#d72828;content:"\f11b";font-family:Font Awesome\ 5 Free;font-weight:900}.form-group{margin-bottom:1.5rem}.form-group label{color:#e0e0e0;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-control{background:#0003;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-control:focus{border-color:#d7282880;box-shadow:0 0 0 2px #d7282833;outline:none}.form-control::placeholder{color:#ffffff4d}.form-text{color:#adb5bd;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.form-error{align-items:center;background:#dc35451a;border:1px solid #dc354533;border-radius:6px;color:#ff6b6b;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.form-error i{color:#ff6b6b;font-size:1.2rem}.form-actions{border-top:1px solid #ffffff0d;display:flex;gap:10px;justify-content:center;padding-top:1rem}.no-pbe-warning{background:#0000001a;border:1px solid #ffc10733;border-radius:8px;padding:2rem 1rem;text-align:center}.no-pbe-warning i{color:#ffc107;font-size:2rem;margin-bottom:1rem}.no-pbe-warning h3{color:#ffc107;font-size:1.2rem;margin-bottom:.75rem}.no-pbe-warning p{color:#adb5bd;margin-bottom:1.5rem}.game-state-badge{border-radius:30px;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:.3rem .6rem;text-transform:uppercase}.game-state-badge.waiting{background:#6c757d1a;border:1px solid #6c757d33;color:#adb5bd}.game-state-badge.started{background:#ffc1071a;border:1px solid #ffc10733;color:#ffc107}.game-state-badge.finished{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.scrim-card.started{border-left:4px solid #ffc107}.scrim-card.finished{border-left:4px solid #28a745}.host-controls{background:#0003;border:1px solid #ffffff0d;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.host-controls h3{color:#fff;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.finish-controls{margin-top:1rem}.finish-controls h4{color:#e0e0e0;font-size:1rem;margin-bottom:.5rem;margin-top:0}.finish-instructions{color:#adb5bd;font-size:.9rem;margin-bottom:1rem}.file-upload{flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.file-upload,.upload-btn{align-items:center;display:flex}.upload-btn{background:#ffffff1a;border:1px dashed #fff3;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:.9rem;gap:.6rem;padding:.75rem 1.2rem;transition:all .2s ease}.upload-btn:hover{background:#ffffff26}.selected-file{background:#28a7451a;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.game-results{background:#0003;border:1px solid #ffffff0d;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.game-results h3{color:#fff;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.results-screenshot{border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;overflow:hidden}.results-screenshot img{display:block;height:auto;max-height:none;object-fit:contain;width:100%}.results-notes{background:#0003;border-radius:6px;margin-bottom:1rem;padding:1rem}.results-notes h4{color:#e0e0e0;font-size:1rem;margin-bottom:.5rem;margin-top:0}.results-notes p{color:#adb5bd;font-style:italic;margin:0}.results-meta{color:#6c757d;font-size:.85rem;text-align:right}.scrim-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.file-upload-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.file-upload-dialog{background:#0f0a19;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:1.5rem;width:90%}.file-upload-dialog h3{color:#fff;font-size:1.3rem;margin-bottom:1rem;margin-top:0}.upload-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-upload-btn{background:#0e0e16b3;border:1px solid #ffffff0d;border-radius:8px;color:#e0e0e0;font-size:.9rem;padding:0 1.2rem}.cancel-upload-btn,.submit-results-btn{align-items:center;cursor:pointer;display:flex;height:44px;justify-content:center}.submit-results-btn{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:8px;box-shadow:0 4px 15px #ffc10733;color:#212529;font-size:.95rem;font-weight:600;gap:.6rem;padding:.75rem 1.2rem;transition:all .2s ease}.submit-results-btn:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px)}.submit-results-btn:disabled{cursor:not-allowed;opacity:.6;transform:translateY(0)}.scrims-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.scrims-filters .filter-btn{align-items:center;background:#0e0e16b3;border:1px solid #ffffff0d;border-radius:8px;color:#adb5bd;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.scrims-filters .filter-btn:hover{background:#191923e6;box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.scrims-filters .filter-btn.active{background:#0006;border-color:#d728284d;box-shadow:0 4px 15px #d728281a;color:#fff}.scrims-filters .filter-btn.active[class*=open]{border-color:#28a7454d;box-shadow:0 4px 15px #28a7451a;color:#28a745}.scrims-filters .filter-btn.active[class*=started]{border-color:#ffc1074d;box-shadow:0 4px 15px #ffc1071a;color:#ffc107}.scrims-filters .filter-btn.active[class*=finished]{border-color:#dc35454d;box-shadow:0 4px 15px #dc35451a;color:#dc3545}.scrims-filters-container{align-items:center;display:flex;gap:15px;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:5px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.scrims-filters-container::-webkit-scrollbar{height:5px}.scrims-filters-container::-webkit-scrollbar-track{background:#0000}.scrims-filters-container::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.filter-btn.active[class*=my-games]{border-color:#17a2b84d;box-shadow:0 4px 15px #17a2b81a;color:#17a2b8}.filter-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.empty-filtered-scrims{background:#0003;border:1px solid #ffffff0d;border-radius:10px;padding:2rem;text-align:center}.empty-filtered-scrims p{color:#adb5bd;margin-bottom:1rem}.reset-filter-btn{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.reset-filter-btn:hover{background:#ffffff26}.token-refresh-alert{background-color:#ffcc001a;border:1px solid #fc0;border-radius:8px;display:flex;justify-content:center;margin:15px 0;padding:15px}.token-refresh-content{align-items:center;display:flex;flex-direction:column;max-width:600px;text-align:center}.token-refresh-content i{font-size:24px}.token-refresh-content h3,.token-refresh-content i{color:#fc0;margin-bottom:10px}.refresh-token-btn{align-items:center;background-color:#fc0;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:700;gap:8px;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.refresh-token-btn:hover{background-color:#e6b800}.scrims-navigation{border-bottom:1px solid #ffffff0d;gap:1rem;margin-bottom:3rem;padding-bottom:1rem}.nav-btn,.scrims-navigation{display:flex;justify-content:center}.nav-btn{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:6px;color:#adb5bd;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;min-width:120px;padding:.6rem 1.2rem;transition:all .2s ease}.nav-btn:hover{background:#0000004d;color:#e0e0e0;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#d72828,#a41e3a);border:none;box-shadow:0 4px 10px #d728284d;color:#fff}.leaderboard-container{background:#0003;border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 4px 20px #0003;margin-bottom:2rem;padding:1.5rem}.leaderboard-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.leaderboard-header h2{color:#e0e0e0;font-size:1.5rem;margin:0}.leaderboard-table-container{border:1px solid #ffffff0d;border-radius:8px;overflow-x:auto}.leaderboard-table{background:#0003;border-collapse:collapse;color:#e0e0e0;width:100%}.leaderboard-table td,.leaderboard-table th{padding:1rem;text-align:center}.leaderboard-table th{background:#0000004d;color:#adb5bd;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.leaderboard-table tbody tr:hover{background:#ffffff08}.leaderboard-table tbody tr:last-child td{border-bottom:none}.rank-column{width:80px}.country-column{padding-right:20px;text-align:center;width:100px}.player-column{min-width:180px;padding-left:20px;text-align:left}.games-column{text-align:center!important;width:15%!important}.player-info{align-items:center;display:flex;gap:10px;text-align:left}.player-avatar,.player-avatar-placeholder{border-radius:50%;flex-shrink:0;height:28px;width:28px}.player-avatar img{border-radius:50%!important}.player-name{color:#fff;font-size:1rem;font-weight:600}.country-flag{align-items:center;display:flex;flex-direction:column;justify-content:center}.country-flag img{border:none!important;border-radius:8px!important;box-shadow:0 4px 8px #00000080!important;display:block!important;height:40px!important;margin:0 auto!important;transition:all .2s ease!important;width:54px!important}.country-flag img:hover{box-shadow:0 8px 16px #0009!important;transform:scale(1.1)!important}.country-name{color:#ffffffb3;font-size:.8rem;white-space:nowrap}.no-data{color:#adb5bd;padding:2rem;text-align:center}.no-data i{color:#d7282880;font-size:2rem;margin-bottom:1rem}.loading-spinner{color:#adb5bd;padding:3rem 0;text-align:center}.loading-spinner i{color:#d72828;font-size:2rem;margin-bottom:1rem}.leaderboard-table td.rank-column,.leaderboard-table th.rank-column{text-align:center!important;width:8%}.leaderboard-table td.player-column,.leaderboard-table th.player-column{text-align:left!important;width:65%}.leaderboard-table td.games-column,.leaderboard-table th.games-column{text-align:center!important;width:15%}.country-cell,.leaderboard-table td.country-column,.leaderboard-table th.country-column{max-width:70px!important;min-width:70px!important;padding:0!important;vertical-align:middle!important;width:70px!important}.country-cell{text-align:center!important}.country-flag{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;max-width:70px!important;min-width:70px!important;width:70px!important}.leaderboard-table th.player-cell{padding-left:25px!important}.leaderboard-table th.player-column{padding-left:40px!important;text-align:left!important}.leaderboard-table th.country-column{padding-right:20px!important}.leaderboard-table th.player-cell{padding-left:40px!important;text-align:left!important}.player-avatar,.player-avatar-placeholder{background-color:#0000004d!important;border:2px solid #d7282880!important;border-radius:9999px!important;box-sizing:border-box!important;display:block!important;flex:0 0 40px!important;height:40px!important;margin-right:15px!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;overflow:hidden!important;padding:0!important;position:relative!important;width:40px!important}.player-avatar img{height:100%!important;left:0!important;object-fit:cover!important;object-position:center center!important;position:absolute!important;top:0!important;width:100%!important}.ladder-table .player-avatar,.ladder-table .player-avatar-placeholder{border-radius:9999px!important;box-sizing:border-box!important;display:block!important;flex:0 0 40px!important;height:40px!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;overflow:hidden!important;position:relative!important;width:40px!important}.ladder-table .player-avatar img{height:100%!important;left:0!important;object-fit:cover!important;object-position:center center!important;position:absolute!important;top:0!important;width:100%!important}.placements-container{background:#0000001a;border:1px solid #ffffff0d;border-radius:8px;margin-top:1rem;padding:1rem}.placements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.placements-header h3{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;gap:.5rem;margin:0}.placements-header h3 i{color:gold}.edit-placements-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.4rem .8rem;transition:all .2s ease}.edit-placements-btn:hover{background:#ffffff26}.placement-editor{border-top:1px solid #ffffff0d;padding-top:1rem}.placement-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1rem}.placement-item{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.placement-selector select{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;color:#fff;font-size:.9rem;padding:.4rem .6rem;width:90px}.placement-actions{border-top:1px solid #ffffff0d;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.cancel-btn{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#e0e0e0}.cancel-btn,.save-placements-btn{cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.save-placements-btn{align-items:center;background:linear-gradient(135deg,#2c8bed,#2370c8);border:none;border-radius:4px;color:#fff;display:flex;gap:.5rem}.save-placements-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.placements-display{padding:.5rem}.placement-results{display:flex;flex-direction:column;gap:.5rem}.placement-result{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:6px;display:flex;padding:.5rem}.placement-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:30px;justify-content:center;margin-right:1rem;width:30px}.place-1 .placement-number{background:linear-gradient(135deg,gold,orange);color:#000}.place-2 .placement-number{background:linear-gradient(135deg,silver,#a9a9a9);color:#000}.place-3 .placement-number{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.place-4 .placement-number,.place-5 .placement-number,.place-6 .placement-number,.place-7 .placement-number,.place-8 .placement-number{background:#ffffff1a;color:#e0e0e0}.placement-player{align-items:center;display:flex;gap:.75rem}.placement-avatar,.placement-avatar-placeholder{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.placement-avatar-placeholder{align-items:center!important;background:linear-gradient(135deg,#d72828,#a41e3a)!important;color:#fff!important;display:flex!important;font-size:1rem!important;font-weight:600!important;height:100%!important;justify-content:center!important;text-transform:uppercase!important;width:100%!important}.no-placements{color:#adb5bd;font-style:italic;padding:1rem;text-align:center}.placement-error{align-items:center;background:#ff4d4d1a;border:1px solid #ff4d4d33;border-radius:4px;color:#ff4d4d;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem}.admin-scrims-container{background:#1e1e3280;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 25px #0000004d;margin-top:3rem;padding:1.5rem 2rem}.admin-scrims-container h2{align-items:center;border-bottom:1px solid #ffffff1a;color:#e0e0e0;display:flex;font-size:1.6rem;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.admin-scrims-container h2 i{color:#d72828}.admin-section-description{color:#adb5bd;font-size:.95rem;margin-bottom:1.5rem}.admin-scrims-list{display:flex;flex-direction:column;gap:1rem}.admin-scrims-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-view.scrim-card{background:#141428b3;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.admin-view.scrim-card:hover{border-color:#d7282833;box-shadow:0 10px 25px #d7282833;transform:translateY(-5px)}.admin-view.scrim-card:before{background:linear-gradient(180deg,#d72828,#a41e3a);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.admin-view .scrim-card-header{background:#141423b3;border-bottom:1px solid #d7282833;padding:1rem}.admin-view .scrim-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.admin-view .scrim-status{background:#d7282833;border:1px solid #d728284d;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.35rem .75rem}.admin-view .scrim-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.admin-view .scrim-info{display:flex;flex-direction:column;gap:.5rem}.admin-view .scrim-host,.admin-view .scrim-time{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.admin-view .scrim-host .label,.admin-view .scrim-time .label{color:#adb5bd;font-weight:500;min-width:70px}.admin-view .scrim-host .value,.admin-view .scrim-time .value{color:#e0e0e0}.admin-view .scrim-participants-count{align-items:center;color:#adb5bd;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.admin-badge{align-items:center;background:#d7282833;border-radius:20px;bottom:1rem;color:#d72828;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;transition:all .2s ease}.admin-view.scrim-card:hover .admin-badge{background:#d728284d;transform:translateY(-2px)}.manage-placements-btn{align-items:center;background:linear-gradient(135deg,#d7282833,#a41e3a33);border:1px solid #d728284d;border-radius:8px;color:#d72828;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin:.5rem auto;padding:.6rem 1.2rem;transition:all .3s ease}.manage-placements-btn:hover{background:#d7282833;box-shadow:0 4px 12px #d7282833;transform:translateY(-2px)}.scrims-info-box{animation:fadeIn .4s ease-out;background:#0e0e16b3;border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#e0e0e0;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;max-width:900px;padding:.8rem;position:relative}.scrims-info-box i{animation:fadeInDown .5s ease-out .1s both;color:#ffc700;display:block;font-size:1.2rem;margin-bottom:.6rem}.scrims-info-box h3{animation:fadeInDown .5s ease-out .2s both;color:#ffc700;font-size:1.1rem;font-weight:700;margin:0 0 .5rem;text-transform:uppercase}.scrims-info-box p{animation:fadeInDown .5s ease-out .3s both;color:#e0e0e0;font-size:.85rem;line-height:1.4;margin:0 0 .5rem}.scrims-info-box .info-note{animation:fadeInDown .5s ease-out .4s both;color:#adb5bd;font-size:.8rem;font-style:italic;margin-top:.3rem}.info-close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;opacity:.7;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:24px;z-index:10}.info-close-btn:hover{background:#0000;opacity:1}.info-close-btn i{color:#ffc700}.admin-scrim-controls{align-items:center;background:#14142880;border:1px solid #d7282833;border-radius:10px;box-shadow:0 4px 15px #0003;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:.75rem;width:100%}.admin-scrim-controls h4{align-items:center;color:#d72828;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0;white-space:nowrap}.admin-scrim-controls h4:before{content:"\f013";font-family:Font Awesome\ 5 Free;font-weight:900}.admin-scrim-buttons{display:flex;gap:.7rem}.admin-cancel-btn,.admin-finish-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .8rem;transition:all .2s ease}.admin-finish-btn{background:linear-gradient(135deg,#23a046,#1d8438);box-shadow:0 4px 10px #28a7454d;color:#fff}.admin-finish-btn:hover:not(:disabled){box-shadow:0 6px 15px #28a74566;transform:translateY(-2px)}.admin-cancel-btn{background:linear-gradient(135deg,#d72828,#a41e3a);box-shadow:0 4px 10px #d728284d;color:#fff}.admin-cancel-btn:hover:not(:disabled){box-shadow:0 6px 15px #d7282866;transform:translateY(-2px)}.admin-cancel-btn:disabled,.admin-finish-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.admin-cancel-btn i,.admin-finish-btn i{font-size:1.1rem}.create-scrim-btn-empty{align-items:center;background:#14142366;border:1px solid #d7282866;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;height:44px;margin:0;padding:.75rem 1.2rem;transition:all .2s ease}.create-scrim-btn-empty:hover{background:#d728281a;border-color:#d7282899;box-shadow:0 4px 12px #d7282826;color:#fff;transform:translateY(-2px)}.create-scrim-btn-empty i{color:#d72828}.create-scrim-btn-empty.filter-position{margin-right:1rem;position:relative}.leaderboard-table td.rank-cell{font-size:0!important;padding:.75rem .5rem!important;position:relative}.leaderboard-table td.rank-cell:before{align-items:center;background:linear-gradient(135deg,#282846b3,#141428b3);border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 3px 6px #0003;color:#fff;content:attr(data-rank);display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;margin:0 auto;position:relative;width:36px}.leaderboard-table tr:first-child td.rank-cell:before{animation:goldPulse 2s infinite;background:linear-gradient(135deg,gold,orange);border:2px solid #ffd70080;box-shadow:0 3px 10px #ffd7004d;color:#000;font-size:1.1rem}.leaderboard-table tr:nth-child(2) td.rank-cell:before{background:linear-gradient(135deg,#e0e0e0,#b0b0b0);border:2px solid #c0c0c080;color:#000;font-size:1.1rem}.leaderboard-table tr:nth-child(3) td.rank-cell:before{background:linear-gradient(135deg,#cd7f32,#a05a2c);border:2px solid #cd7f3280;color:#fff;font-size:1.1rem}.leaderboard-table td.country-column,.leaderboard-table th.country-column{max-width:100px!important;min-width:100px!important;padding:0 10px!important;text-align:center!important;width:100px!important}.country-flag img{border:1px solid #ffffff1a!important;border-radius:4px!important;box-shadow:0 2px 6px #0000004d!important;height:28px!important;margin-bottom:5px!important;object-fit:cover!important;width:38px!important}.country-flag img:hover{box-shadow:0 4px 8px #0006!important;transform:scale(1.1);transition:all .2s ease}@keyframes goldPulse{0%{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 15px #ffd700cc}to{box-shadow:0 0 5px #ffd70080}}.pbe-tag{title:"Tag Name";align-items:center;background:linear-gradient(135deg,#7c66dc,#bb9af7);border:1px solid #bb9af780;border-radius:4px;box-shadow:0 2px 5px #7b61ff4d;color:#fff;cursor:default;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:.5rem;padding:.3rem .6rem;position:relative;top:-1px;transition:all .2s ease;vertical-align:middle}.pbe-tag:before{content:"#";font-weight:800;margin-right:2px;opacity:.8}.pbe-tag:hover{box-shadow:0 3px 8px #7b61ff80;transform:translateY(-1px)}.pbe-input-group .pbe-tag{align-items:center;background:linear-gradient(135deg,#7c66dccc,#bb9af7cc);border:1px solid #bb9af780;border-bottom-left-radius:0;border-bottom-right-radius:4px;border-left:none;border-top-left-radius:0;border-top-right-radius:4px;box-shadow:none;font-weight:700;height:100%;margin-left:0;padding:.75rem 1rem;position:static;transition:none}.pbe-input-group .pbe-tag,.pbe-username{display:flex;font-size:.9rem}.pbe-username span{color:#e0e0e0;margin-right:4px}.participant-item .pbe-username{padding-right:4px;position:relative}.participant-item .pbe-tag{background:#6610f24d;border:1px solid #bb9af766;box-shadow:0 1px 3px #7b61ff33;font-size:.7rem;margin-left:.25rem;padding:.15rem .4rem;position:relative;top:0}.participant-item{padding-right:45px;position:relative}.participant-item .copy-button{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:50%;color:#adb5bd;display:flex;height:32px;justify-content:center;opacity:.6;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.participant-item:hover .copy-button{opacity:1}.participant-item .copy-button:hover{background:#d728281a;border-color:#d7282833;color:#ff6b6b;transform:translateY(-50%) scale(1.1)}.participant-item .copy-button.copied{background:#28a7451a;border-color:#28a74533;color:#28a745}.participant-names{max-width:calc(100% - 40px)}.pbe-username{background:#19122880;border:1px solid #bb9af733;margin-top:2px;padding:2px 4px 2px 6px;transition:all .2s ease}.pbe-username:hover{background:#191228b3;border-color:#bb9af766;box-shadow:0 2px 4px #0003}.pbe-username .pbe-tag{background:linear-gradient(135deg,#7c66dc4d,#bb9af74d);border-radius:0 2px 2px 0}.pbe-username .pbe-tag:before{content:"";margin-right:0}.pbe-username{border-radius:4px;padding:2px 4px 2px 0}.pbe-username .pbe-tag{font-size:.8rem;margin-left:2px!important;padding:.1rem .25rem;position:relative!important;top:0!important}.pbe-copy-button{font-size:.8rem;height:26px;width:26px}.pbe-copy-button:hover{background:#d728281a;border-color:#d7282833;color:#ff6b6b;opacity:1}.pbe-copy-button.copied{background:#28a7451a;border-color:#28a74533;color:#28a745}.pbe-username{font-size:.85rem;padding:2px 0}.pbe-username span:first-child{max-width:120px}.website-username{align-items:center;color:#e0e0e0;display:flex;font-size:1rem;font-weight:600;justify-content:center;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.pbe-username-container{gap:6px;max-width:90%}.pbe-username{align-items:center;background:#0000;border:none;display:inline-flex;font-size:.8rem;max-width:100%;padding:1px 0;white-space:nowrap}.pbe-username .pbe-tag{background:#0000;border:none;box-shadow:none;color:#bb9af7;font-size:.75rem;margin-left:0!important;padding:.1rem .2rem}.pbe-username-container{padding:2px 3px}.pbe-username span:first-child{color:#e0e0e0;display:inline-block;font-weight:600;margin-left:2px;margin-right:0;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbe-username-container{gap:2px;padding:2px 6px}.pbe-copy-button{background:#0003;border:1px solid #ffffff1a;border-radius:50%;color:#adb5bd;flex-shrink:0;font-size:.7rem;height:20px;margin-left:1px;margin-right:2px;opacity:.6;padding:0;transition:all .2s ease;width:20px}.pbe-copy-button,.pbe-username-container{align-items:center;display:flex;justify-content:center}.pbe-username-container{align-self:center;background:#19122866;border:1px solid #bb9af733;border-radius:4px;gap:1px;margin-top:2px;max-width:140px;min-width:80px;padding:2px 4px 2px 6px}.pbe-copy-button,.pbe-username .pbe-tag{margin-right:0!important}.pbe-copy-button{margin-left:0!important}.country-flag img,.leaderboard-container .country-flag img,.scrims-page-container .country-flag img,table.leaderboard-table .country-flag img{border:none!important;border-radius:8px!important;box-shadow:0 4px 8px #00000080!important;display:block!important;height:40px!important;margin:0 auto!important;max-height:none!important;max-width:none!important;min-height:40px!important;min-width:54px!important;object-fit:cover!important;transition:all .2s ease!important;width:54px!important}.country-flag img:hover,.leaderboard-container .country-flag img:hover,.scrims-page-container .country-flag img:hover,table.leaderboard-table .country-flag img:hover{box-shadow:0 8px 16px #0009!important;transform:scale(1.1)!important}.country-cell,.leaderboard-container .country-cell,.scrims-page-container .country-cell,table.leaderboard-table .country-cell{max-width:70px!important;min-width:70px!important;padding:0!important;text-align:center!important;vertical-align:middle!important;width:70px!important}.country-flag,.leaderboard-container .country-flag,.scrims-page-container .country-flag,table.leaderboard-table .country-flag{margin:0!important}.country-flag,.country-flag-container,.leaderboard-container .country-flag,.scrims-page-container .country-flag,table.leaderboard-table .country-flag{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;max-width:70px!important;min-width:70px!important;padding:0!important;width:70px!important}.country-flag-container{margin:0 auto!important;position:relative!important}.country-flag-container .flag-icon{border:none!important;border-radius:8px!important;box-shadow:0 4px 8px #00000080!important;display:block!important;font-size:1.8em!important;height:40px!important;left:auto!important;margin:0 auto!important;padding:0!important;position:static!important;transform:none!important;transition:all .2s ease!important;width:54px!important}.country-flag-container .flag-icon:hover{border-color:#0000!important;box-shadow:0 8px 16px #0009!important;transform:scale(1.1)!important}.scrim-creation-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.scrim-creation-container{background-color:#1a1a2e;border:1px solid #007bff33;border-radius:10px;box-shadow:0 0 30px #007bff4d;max-width:500px;padding:2rem;text-align:center;width:90%}.creation-animation{height:80px;margin-bottom:1.5rem;position:relative}.creation-animation .fa-cog{animation:spin 2s linear infinite;color:#0062cc;font-size:3.5rem;left:50%;position:absolute;transform:translateX(-50%)}.creation-animation .fa-gamepad{animation:bounce 1.5s ease-in-out infinite;color:#38b6ff;font-size:2rem;left:50%;position:absolute;top:26px;transform:translateX(-50%)}.scrim-creation-container h3{color:#fff;font-size:1.4rem;margin-bottom:.75rem}.scrim-creation-container p{color:#adb5bd;margin-bottom:1.5rem}.creation-progress{background-color:#ffffff1a;border-radius:3px;height:6px;margin-top:1rem;overflow:hidden}.creation-progress .progress-bar{animation:progressAnim 2.5s ease-in-out infinite;background-color:#007bff;height:100%;width:0}@keyframes progressAnim{0%{width:0}50%{width:70%}75%{width:85%}90%{width:95%}to{width:100%}}.file-size-info{align-items:center;background-color:#0003;border-radius:4px;color:#adb5bd;display:flex;font-size:.85rem;margin-top:10px;padding:8px 12px}.file-size-info i{color:#007bff;margin-right:8px}.upload-error{align-items:center;background-color:#dc35451a;border:1px solid #dc354533;border-radius:4px;color:#dc3545;display:flex;margin-top:15px;padding:10px 12px}.upload-error i{font-size:1rem;margin-right:8px}.selected-file{align-items:center;background-color:#28a7451a;border:1px solid #28a74533;border-radius:4px;color:#28a745;display:flex;margin-top:12px;padding:8px 12px;word-break:break-word}.selected-file i{margin-right:8px}.scrim-players-preview{border-top:1px solid #ffffff0d;margin-top:.8rem;padding:.8rem 0 1rem}.players-preview-title{color:#adb5bd;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .7rem}.players-preview-grid{display:flex;flex-direction:column;gap:8px;width:100%}.players-preview-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.player-preview-item{align-items:center;background-color:#ffffff08;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:5px;transition:all .2s ease}.player-preview-item:hover{background-color:#ffffff12;transform:translateY(-2px)}.player-preview-item.empty{background-color:#0003;opacity:.5}.player-preview-item.empty:hover{background-color:#0003;transform:none}.player-preview-avatar{align-items:center;background-color:#ffffff1a;border:2px solid #ffffff1a;border-radius:50%;display:flex;height:28px;justify-content:center;overflow:hidden;width:28px}.player-preview-avatar img{height:100%;object-fit:cover;width:100%}.player-preview-avatar-placeholder{align-items:center;background:linear-gradient(45deg,#3a3a5c,#2c2c44);color:#fff;display:flex;font-size:.8rem;font-weight:600;height:100%;justify-content:center;width:100%}.player-preview-avatar.empty{background-color:#0003;border-color:#ffffff0d;color:#6c757d}.player-preview-avatar.empty i{font-size:.8rem;opacity:.7}.player-preview-username{color:#e0e0e0;font-size:.75rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.no-players-joined,.player-preview-username.empty{color:#6c757d;font-style:italic}.no-players-joined{align-items:center;background-color:#0003;border-radius:6px;display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:.8rem}.no-players-joined i{opacity:.7}.scrim-card-footer{border-top:1px solid #ffffff0d;margin-top:.8rem;padding-top:.8rem}.in-game-status{border-radius:8px;display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;margin:1rem 0;padding:1rem}.in-game-status i{font-size:1.1rem;margin-right:.5rem}.in-game-status.in-progress{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.in-game-status.not-started{background:#ffc1071a;border:1px solid #ffc10733;color:#ffc107}.in-game-status.api-error,.in-game-status.wrong-game{background:#dc35451a;border:1px solid #dc354533;color:#dc3545}.in-game-status.unknown{background:#6c757d1a;border:1px solid #6c757d33;color:#adb5bd}.participant-status{margin-top:.5rem}.participant-status h4{font-size:.9rem;margin-bottom:.5rem}.participant-status ul{list-style:none;margin:0;padding:0}.participant-status li{align-items:center;display:flex;padding:.3rem 0}.participant-status li.in-game{color:#28a745}.participant-status li.not-in-game{color:#dc3545}.participant-status li i{font-size:.9rem;margin-right:.5rem}.match-timestamps{background:#0003;border:1px solid #ffffff0d;flex-direction:column;gap:5px;margin:10px 0 15px;max-width:400px;padding:10px 15px}.timestamp-detail{font-size:14px}.timestamp-label{color:#aaa;width:80px}.timestamp-value.start-time{color:#a2d4ff}.timestamp-value.end-time{color:#d3a2ff}.scrim-detail-content .match-results-container{border:1px solid #ffffff14;border-radius:8px;box-shadow:0 4px 12px #0003;margin-bottom:0;max-height:80vh;overflow-x:hidden;overflow-y:auto}.scrim-detail-content .player-results-grid{max-height:100%;overflow:visible;padding:15px 15px 5px}.scrim-detail-content .match-results-container::-webkit-scrollbar{width:8px}.scrim-detail-content .match-results-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.scrim-detail-content .match-results-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.scrim-detail-content .match-results-container::-webkit-scrollbar-thumb:hover{background:#fff3}.waiting-for-results{align-items:center;background:#00000026;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;min-height:200px;padding:2rem;text-align:center}.waiting-for-results h3{color:#e4c157;font-size:1.4rem;margin:1rem 0}.waiting-for-results p{color:#adb5bd;line-height:1.5;margin:0 auto;max-width:450px}.loading-spinner{color:#e4c157;font-size:2.5rem;margin-bottom:1rem}.loading-spinner i{animation:sway 3s ease-in-out infinite}@keyframes sway{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.confirmation-dialog{align-items:center;animation:modalFadeIn .2s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.dialog-content{animation:modalSlideIn .3s ease-out;background:#14151f;border:1px solid #d728284d;border-radius:10px;box-shadow:0 10px 30px #00000080;max-width:400px;padding:1.5rem;width:90%}.dialog-content h3{align-items:center;border-bottom:1px solid #d7282833;color:#d72828;display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.dialog-content h3:before{content:"\f071";font-family:Font Awesome\ 5 Free;font-weight:900}.dialog-content p{color:#e0e0e0;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end}.dialog-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.dialog-actions button:first-child{background:linear-gradient(135deg,#d72828,#a41e3a);color:#fff}.dialog-actions button:first-child:hover{background:linear-gradient(135deg,#c52323,#931b34);transform:translateY(-1px)}.dialog-actions button:last-child{background:#0000004d;border:1px solid #ffffff1a;color:#e0e0e0}.dialog-actions button:last-child:hover{background:#00000080;transform:translateY(-1px)}.scrim-details-center>:not(.scrim-details-header){padding:.75rem}.waiting-for-players{align-items:center;background:#00000026;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;min-height:200px;padding:2rem;text-align:center}.waiting-for-players h3{color:#4dabf7;font-size:1.4rem;margin:1rem 0}.waiting-for-players p{color:#adb5bd;line-height:1.5;margin:0 auto;max-width:450px}.waiting-icon{color:#4dabf7;font-size:2.5rem;margin-bottom:1rem}.waiting-icon i{animation:pulse 2s ease-in-out infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-spin{animation:fa-spin 1s linear infinite}.loading-spinner{font-size:inherit;margin-bottom:.5rem}.match-results-container{background-color:#14151f;border:1px solid #252636;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:30px;margin-top:20px;overflow:hidden}.match-info{border-bottom:1px solid #252636;padding:12px;text-align:center}.match-info h3{align-items:center;color:#e4c157;display:flex;font-size:16px;gap:8px;justify-content:center;margin:0 0 12px}.match-info h3 i{font-size:14px}.match-details-row{margin:0}.match-details-row,.match-timestamps{align-items:center;display:flex;gap:12px;justify-content:center}.match-timestamps{background:#14151f99;border:1px solid #e4c1571a;border-radius:6px;margin:0 auto;max-width:fit-content;padding:8px 12px;width:auto}.timestamp-detail{align-items:center;color:#bbb;display:flex;font-size:12px;gap:4px;margin:0;white-space:nowrap}.timestamp-label{color:#888;font-weight:600;margin:0}.timestamp-value{color:#e4c157;font-weight:500}.timestamp-value.start-time{color:#4ade80}.timestamp-value.end-time{color:#ff6b6b}.timestamp-date{font-weight:500;margin:0}.timestamp-time{font-size:12px;opacity:.9}.match-metadata{align-items:center;background:#14151f99;border:1px solid #e4c1571a;border-radius:6px;color:#888;display:flex;font-size:12px;gap:8px;padding:8px 12px}.match-metadata strong{color:#aaa;font-weight:600;margin-right:4px}.validation-content{display:flex;flex:1 1;flex-direction:column}.validation-times{font-size:.9em;margin-top:4px;opacity:.8}.scrim-time-validation{align-items:center;border-radius:6px;display:flex;font-weight:500;gap:10px;margin:15px 0;padding:12px 15px}.valid-game{background-color:#1987541a;border:1px solid #1987544d;color:#4ade80}.invalid-game{background-color:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.validation-icon{font-size:18px}.validation-message{flex:1 1;font-size:14px}.player-results-grid{display:flex;flex-direction:column;gap:8px;padding:15px}.player-results-header{align-items:center;background-color:#0003;border-bottom:1px solid #ffffff1a;border-radius:6px;color:#aaa;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;margin-bottom:10px;padding:8px 10px;text-transform:uppercase}.header-placement{flex-shrink:0;text-align:center;width:32px}.header-player{flex-shrink:0;padding-left:0;width:75px}.header-level{width:45px}.header-damage,.header-level{flex-shrink:0;text-align:right}.header-damage{padding-right:5px;width:60px}.header-comp{flex:1 1;margin-left:auto;padding-right:5px;text-align:center}.player-result-card{align-items:center;background-color:#1c1d2a;border:1px solid #252636;border-radius:6px;display:flex;gap:4px;min-width:0;padding:6px 8px;transition:all .2s ease}.player-result-card:hover{background-color:#252636}.player-result-card.scrim-participant{border-left:3px solid #e4c157}.player-placement{align-items:center;background:#e4c1571a;border:1px solid #e4c15726;border-radius:6px;color:#e4c157;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:24px;justify-content:center;padding:2px;width:32px}.player-name{flex-shrink:0;font-size:14px;font-weight:500;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:130px}.player-name strong{color:#e4c157;font-weight:600}.player-level{padding:0;text-align:center;width:35px}.player-damage,.player-level{color:#aaa;flex-shrink:0;font-size:14px}.player-damage{padding:0 5px;text-align:right;width:60px}.player-units{display:flex;flex:1 1;flex-wrap:nowrap;gap:6px;margin-left:auto;min-width:0;overflow-x:auto;padding:0 5px}.player-units::-webkit-scrollbar{height:5px}.player-units::-webkit-scrollbar-track{background:#0000}.player-units::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}.unit-icon{align-items:center;background-color:#252636;border-radius:6px;box-shadow:0 1px 3px #0003;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:14px 0 0;overflow:visible;position:relative;width:40px}.champion-image{border-radius:6px;height:100%;object-fit:cover;width:100%}.unit-stars{color:#e4c157;font-size:12px;left:0;letter-spacing:-.5px;margin:0 auto;position:absolute;right:0;text-align:center;text-shadow:0 0 2px #000,0 0 3px #000,0 0 4px #000;top:-14px;white-space:nowrap;width:auto;z-index:2}.unit-name-text{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-icon.tier-1{border:1px solid #aaa}.unit-icon.tier-2{border:1px solid #a2d4ff}.unit-icon.tier-3{border:1px solid #d3a2ff}.unit-icon.tier-4{border:1px solid #a2d4ff}.unit-icon.tier-5,.unit-icon.tier-6{border:1px solid #e4c157}@media (max-width:1400px){.player-result-card{padding:7px 10px}.unit-icon{margin-top:13px}.player-name{width:160px}}@media (max-width:1200px){.player-result-card{padding:7px 8px}.unit-icon{margin-top:12px}.player-name{font-size:13px;width:120px}.player-level{font-size:13px;width:32px}.player-placement{font-size:14px;height:26px;width:36px}.unit-stars{font-size:11px;top:-12px}.player-name-points{padding:3px 6px}.non-scrim-badge{font-size:13px}}@media (max-width:992px){.match-details-row{align-items:center;flex-direction:column;gap:8px}.match-timestamps{justify-content:center;max-width:100%;padding:6px 10px;width:auto}.timestamp-detail{font-size:11px}.player-results-grid{gap:4px;padding:10px}.player-result-card{padding:6px 8px}.player-name{width:110px}.unit-icon{margin-top:11px}.unit-stars{font-size:10px;top:-11px}.player-badge{font-size:10px;padding:1px 4px}.player-placement{font-size:13px;height:24px;width:32px}.player-name-points{gap:6px;padding:2px 5px}.non-scrim-badge{font-size:12px}.player-level{width:30px}}@media (max-width:768px){.player-result-card{padding:5px 6px}.player-placement{font-size:12px;height:22px;width:30px}.player-name{font-size:12px;width:100px}.player-level{font-size:12px;width:28px}.unit-icon{margin-top:10px}.unit-stars{font-size:9px;top:-10px}.player-name-points{gap:4px;padding:2px 4px}.non-scrim-badge{font-size:11px}}.trait{border-radius:4px;box-shadow:0 1px 3px #0003;display:inline-block;font-size:12px;margin:2px;max-width:100%;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.trait-tier-0{background-color:#222;color:#777}.trait-tier-1{background-color:#aaaaaa1a;color:#aaa}.trait-tier-2{background-color:#e4c15726;color:#e4c157}.trait-tier-3{background-color:#d3a2ff2e;color:#d3a2ff}.trait-tier-4{background-color:#a2d4ff2e;color:#a2d4ff}.player-result-card.first-place{box-shadow:0 0 15px #ffd7004d}.player-result-card.second-place{box-shadow:0 0 12px #c0c0c04d}.player-result-card.third-place{box-shadow:0 0 10px #cd7f324d}.player-badge{border-radius:3px;font-size:10px;font-weight:600;margin-left:4px;padding:1px 4px}.you-badge{background-color:#e4c157;color:#14151f}.non-scrim-badge{align-items:center;color:#ff6b6b;cursor:help;display:inline-flex;font-size:12px;margin-left:2px}.non-scrim-badge:hover:after{background:#14151f;border:1px solid #252636;border-radius:4px;color:#fff;content:"Not in scrim";font-size:12px;margin-top:24px;padding:4px 8px;position:absolute;white-space:nowrap;z-index:10}.player-name-points{align-items:center;background:#14151f66;border:1px solid #ffffff0d;border-radius:4px;display:flex;gap:4px;max-width:100%;min-width:0;padding:2px 4px;white-space:nowrap;width:fit-content}.player-points{align-items:center;background:#e4c1571a;border:1px solid #e4c15733;border-radius:3px;color:#e4c157;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:20px;padding:1px 4px}.player-result-card.first-place .player-placement{background:linear-gradient(45deg,#ffd70026,#ffd7000d);border-color:#ffd7004d;color:gold}.player-result-card.second-place .player-placement{background:linear-gradient(45deg,#c0c0c026,#c0c0c00d);border-color:#c0c0c04d;color:silver}.player-result-card.third-place .player-placement{background:linear-gradient(45deg,#cd7f3226,#cd7f320d);border-color:#cd7f324d;color:#cd7f32}@media (max-width:1400px){.header-player{width:160px}}@media (max-width:1200px){.header-player{width:120px}.header-level{width:32px}.header-placement{width:36px}}@media (max-width:992px){.player-results-header{font-size:11px;padding:6px 8px}.header-player{width:110px}.header-placement{width:32px}.header-level{width:30px}}@media (max-width:768px){.player-results-header{font-size:10px;padding:5px 6px}.header-placement{width:30px}.header-player{width:100px}.header-level{width:28px}}.guides-page-container{color:#e0e0e0;margin:0 auto;max-width:1200px;padding:3rem 2rem}.guides-header{animation:fadeIn 1s ease-out;margin-bottom:3rem;text-align:center}.guides-header h1{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.guides-subtitle{color:#adb5bd;font-size:1.2rem;margin:0 auto;max-width:600px}.coming-soon-container{animation:fadeInUp 1s ease-out;background:#0003;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0000004d;margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.coming-soon-container:before{background:linear-gradient(90deg,#d72828,#a41e3a);content:"";height:5px;left:0;position:absolute;right:0;top:0;z-index:1}.coming-soon-tag{display:none}.coming-soon-banner{background:linear-gradient(135deg,#d72828,#a41e3a);border-radius:8px;box-shadow:0 4px 15px #d7282880;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:10px 20px;position:absolute;right:30px;text-transform:uppercase;top:30px;z-index:2}.coming-soon-animation{color:#d72828;font-size:4rem;margin:2rem 0}.coming-soon-container h2{color:#fff;font-size:2.5rem;margin-bottom:1.5rem}.coming-soon-container p{color:#adb5bd;font-size:1.1rem;line-height:1.6;margin:0 auto 1rem;max-width:700px}.notification-signup{display:none}.placeholder-guides{animation:fadeInUp 1.2s ease-out;padding:2rem 0}.placeholder-guides h3{color:#e0e0e0;font-size:1.8rem;margin-bottom:2rem;text-align:center}.placeholder-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.placeholder-guide-card{animation:fadeIn 1.5s ease-out;background:#1e1e3280;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 8px 20px #0003;overflow:hidden;transition:all .3s ease}.placeholder-image{background:linear-gradient(45deg,#1e1e3299,#32325099);height:180px;overflow:hidden;position:relative}.placeholder-image:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}.placeholder-content{padding:1.5rem}.placeholder-title{background:#ffffff1a;border-radius:4px;height:1.5rem;margin-bottom:1rem;width:80%}.placeholder-text{background:#ffffff0d;border-radius:4px;height:.8rem;margin-bottom:.8rem}.placeholder-text.short{width:60%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fa-bounce{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media (max-width:768px){.guides-header h1{font-size:2.5rem}.coming-soon-container h2{font-size:2rem}.placeholder-grid{grid-template-columns:1fr}}.mobile-app-notice{align-items:center;animation:fadeIn .4s ease-out;background:linear-gradient(135deg,#121220,#1a1a2e);display:none;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;padding:2rem;position:fixed;text-align:center;top:0;width:100%;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-notice-logo{filter:drop-shadow(0 4px 15px rgba(215,40,40,.4));height:120px;margin-bottom:2rem;width:120px}.mobile-notice-content{max-width:400px}.mobile-notice-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:800;margin-bottom:1rem}.mobile-notice-content p{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.mobile-store-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.store-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#e0e0e0;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}.store-button:hover{background:#ffffff26;box-shadow:0 6px 15px #0003;transform:translateY(-3px)}.store-button i{font-size:1.4rem}.notification-badge{background:#d72828;border-radius:1rem;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:.3rem .6rem;text-transform:uppercase}@media (max-width:768px){.mobile-app-notice{display:flex}}.mobile-footer-note{color:#fff9;font-size:.9rem;font-style:italic;margin-top:2rem}.discord-page-container{color:#e0e0e0;margin:0 auto;max-width:1200px;padding:2rem}.discord-header{margin:3rem 0 2rem;text-align:center}.discord-header h1{background:linear-gradient(135deg,#d72828,#a41e3a);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2.5rem;margin-bottom:.5rem}.discord-header p{color:#adb5bd;font-size:1.1rem;margin:0 auto;max-width:700px}.discord-content{align-items:center;display:flex;justify-content:center;margin-top:2rem}.discord-card{background:#5865f21a;border:1px solid #7289da33;border-radius:10px;box-shadow:0 4px 20px #0003;max-width:700px;padding:2rem;text-align:center;width:100%}.discord-icon{color:#5865f2;font-size:4rem;margin-bottom:1rem}.discord-card h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.discord-benefits{list-style-type:none;margin:0 0 2rem;padding:0;text-align:left}.discord-benefits li{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:1rem;transition:background-color .2s}.discord-benefits li:last-child{border-bottom:none}.discord-benefits li:hover{background-color:#5865f20d}.discord-benefits li i{color:#7289da;font-size:1.2rem;margin-right:1rem;text-align:center;width:20px}.discord-join-container{margin-top:2rem}.discord-join-button{align-items:center;background:linear-gradient(135deg,#5865f2,#7289da);border:none;border-radius:8px;box-shadow:0 4px 15px #5865f266;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.8rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.discord-join-button:hover{box-shadow:0 7px 20px #5865f299;transform:translateY(-3px)}.discord-join-button i{color:#fff;font-size:1.4rem}@media (max-width:768px){.discord-header h1{font-size:2rem}.discord-card{padding:1.5rem}.discord-join-button{justify-content:center;width:100%}}.player-profile-page{background:linear-gradient(135deg,#0c0e16,#161b2e 50%,#1a1f3a);color:#fff;min-height:100vh;padding:0}.profile-header-main{background:linear-gradient(135deg,#1a1f3a,#2c3449);border-bottom:1px solid #ffffff1a;overflow:hidden;padding:20px 30px;position:relative}.profile-header-main:before{background:radial-gradient(circle at 20% 50%,#ffd7001a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#ffd70033;border-color:#ffd70066;transform:translateY(-2px)}.profile-header-content{align-items:center;display:flex;gap:30px;justify-content:space-between;position:relative}.player-header-info{align-items:center;display:flex;flex:1 1;gap:25px}.profile-avatar-header{object-fit:cover}.profile-avatar-header,.profile-avatar-placeholder-header{border:3px solid #ffd70099;border-radius:50%;box-shadow:0 0 30px #ffd7004d;height:120px;width:120px}.profile-avatar-placeholder-header{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.player-header-details{display:flex;flex-direction:column;gap:8px}.player-name-header{align-items:center;display:flex;gap:15px;margin-bottom:5px}.player-username-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px #ffd7004d}.player-name-header .fi{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;margin-left:10px}.player-game-info{align-items:center;display:flex;gap:15px;margin:10px 0}.game-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);-webkit-background-clip:text;background-clip:text;color:#e2e8f0;font-size:1.3rem;font-weight:600}.region-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 2px 10px #ffd7004d;color:#1a202c;font-size:.85rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.player-meta-header{gap:20px;margin-top:10px}.join-date,.player-meta-header{align-items:center;display:flex}.join-date{color:#a0aec0;font-size:.95rem;gap:8px}.admin-badge,.premium-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:700;gap:6px;padding:4px 12px}.premium-badge{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 10px #ffd7004d;color:#1a202c}.admin-badge{background:linear-gradient(135deg,#e53e3e,#fc8181);box-shadow:0 2px 10px #e53e3e4d;color:#fff}.rank-display-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;gap:20px;padding:25px}.rank-image-header{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:80px;width:80px}.rank-info-header{display:flex;flex-direction:column;gap:4px}.rank-name-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.rank-lp-header{color:gold;font-size:1.2rem;font-weight:600;text-shadow:0 2px 4px #ffd7004d}.rank-position{color:#a0aec0;font-size:.95rem}.profile-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:5px;padding:0 30px}.tab-button{background:none;border:none;border-radius:8px 8px 0 0;color:#a0aec0;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 25px;position:relative;transition:all .3s ease}.tab-button:hover{background:#ffffff0d;color:#fff}.tab-button.active{background:#ffd7001a;border-bottom:2px solid gold;color:gold}.tab-button.active:after{background:linear-gradient(90deg,gold,#ffed4e);bottom:-1px;box-shadow:0 0 10px #ffd70080;content:"";height:2px;left:0;position:absolute;right:0}.profile-content{margin:0 auto;max-width:1400px;padding:30px}.profile-content.spectate-active{padding-top:0}.tab-content{min-height:500px}.overview-content{width:100%}.stats-grid{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 2fr}.stats-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0003;overflow:hidden;padding:25px;position:relative}.stats-section:before{background:radial-gradient(circle at 50% 0,#ffd7000d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stats-section-title{align-items:center;border-bottom:2px solid #ffd7004d;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:10px}.stats-section-title i{color:gold;font-size:1.1rem}.ranked-game-section{min-height:400px}.rank-display-large{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:20px;margin-bottom:25px;padding:20px}.rank-image-large{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:80px;width:80px}.rank-details{display:flex;flex-direction:column;gap:4px}.rank-name-large{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.rank-lp-large{color:gold;font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px #ffd7004d}.rank-position-large{color:#a0aec0;font-size:.9rem}.stats-grid-small{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.stat-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px;text-align:center;transition:all .3s ease}.stat-box:hover{background:#ffffff14;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.stat-label{color:#a0aec0;font-size:.85rem;font-weight:600;margin-bottom:5px}.stat-value{font-size:1.2rem}.stat-value.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 4px #ffd7004d}.stat-loading{animation:pulse 1.5s ease-in-out infinite;color:#a0aec0;font-style:italic}.no-ranked-data{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 20px;text-align:center}.no-ranked-data i{color:#4a5568;font-size:3rem}.lp-graph-section{min-height:400px}.lp-progression-content{padding:0}.other-modes-section{min-height:400px}.game-modes{display:flex;flex-direction:column;gap:15px}.game-mode-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.game-mode-card:hover{background:#ffffff14;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.mode-icon{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #fff3;border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.mode-info{display:flex;flex-direction:column;gap:5px}.mode-name{color:#fff;font-size:1.1rem;font-weight:700}.mode-status.unrated{color:#a0aec0;font-size:.9rem;font-weight:600;text-transform:uppercase}.coming-soon{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.coming-soon i{color:#4a5568;font-size:4rem}.coming-soon h3{color:#fff;font-size:1.8rem;margin:0}.coming-soon p{color:#a0aec0;font-size:1.1rem;margin:0}.match-history-section{background:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;padding-left:0;padding-right:0;width:100vw}.match-history-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.match-history-header h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:10px;margin:0}.match-history-header h3 i{color:#c9b037}.match-history-stats{color:#888;font-size:.9rem}.match-history-error,.match-history-loading,.no-matches{color:#888;padding:60px 20px;text-align:center}.match-history-loading .loader{margin:0 auto 20px}.match-history-error i,.no-matches i{color:#dc3545;font-size:2.5rem;margin-bottom:15px}.no-matches i{color:#6c757d}.retry-button{background:#c9b037;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;font-weight:500;margin-top:10px;padding:8px 16px;transition:all .3s ease}.retry-button:hover{background:#e0c547;transform:translateY(-1px)}.matches-list{display:flex;flex-direction:column;gap:16px}.match-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;transition:all .3s ease}.match-card:hover{border-color:#ffd7004d;box-shadow:0 8px 25px #ffd7001a;transform:translateY(-2px)}.match-summary{align-items:center;background:#ffffff05;border-radius:8px;display:flex;gap:24px;padding:16px 28px;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.match-summary:hover{background:#ffffff0d;box-shadow:0 0 8px #0009;transform:translateY(-2px)}.match-summary.top1{border-left-color:gold}.match-summary.top2{border-left-color:silver}.match-summary.top3{border-left-color:#cd7f32}.match-summary.first-place{margin:0 auto;max-width:320px;min-width:220px;padding:10px 14px}.match-meta-line{align-items:center;color:#ccc;display:flex;flex:0 0 180px;font-size:1.1rem;gap:16px}.match-meta-line .meta-placement{border:1.5px solid #ffffff1f;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:1.1rem;font-weight:800;line-height:1.2;min-width:48px;padding:4px 14px;text-align:center;transition:box-shadow .2s,border .2s}.match-summary.top1 .meta-placement{background:linear-gradient(90deg,gold,#ffed4e);border-color:#ffe066;box-shadow:0 0 10px 2px #ffd7002e;color:#1a1a1a}.match-summary.top2 .meta-placement{background:linear-gradient(90deg,silver,#e0e0e0);border-color:#d6d6d6;box-shadow:0 0 10px 2px #c0c0c026;color:#1a1a1a}.match-summary.top3 .meta-placement{background:linear-gradient(90deg,#cd7f32,#ffb366);border-color:#e6a86c;box-shadow:0 0 10px 2px #cd7f3221;color:#1a1a1a}.match-meta-line .meta-placement:hover{border-color:gold;box-shadow:0 0 16px 4px #ffd70040}.match-meta-line .meta-queue{background:linear-gradient(90deg,#1e90ff,#66b2ff);border:1.5px solid #66b2ff;border-radius:8px;box-shadow:0 2px 8px #1e90ff1a;color:#fff;font-size:1rem;font-weight:700;padding:3px 10px;text-transform:uppercase;transition:box-shadow .2s,border .2s}.match-meta-line .meta-queue:hover{border-color:#1e90ff;box-shadow:0 0 16px 4px #1e90ff2e}.match-meta-line .meta-duration{color:#888;font-size:1.1rem}.match-meta-line .meta-timeago{color:#666;font-size:1.1rem}.match-summary .match-placement{display:none}.match-placement{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:80px}.placement-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;text-shadow:0 1px 2px #00000080;width:40px}.placement-badge.gold{background:linear-gradient(135deg,gold,#b8860b);box-shadow:0 4px 15px #ffd7004d}.placement-badge.silver{background:linear-gradient(135deg,silver,grey);box-shadow:0 4px 15px #c0c0c04d}.placement-badge.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);box-shadow:0 4px 15px #cd7f324d}.placement-badge.iron{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 15px #6c757d4d}.placement-text{color:#888;font-size:.8rem;font-weight:500}.match-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.match-date{color:gold;font-size:.95rem;font-weight:500}.match-duration{align-items:center;color:#888;display:flex;font-size:.85rem;gap:4px}.match-duration i{font-size:.75rem}.match-account{align-items:center;color:#ccc;display:flex;font-size:.85rem;gap:8px}.account-type{border-radius:3px;font-size:.7rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.account-type.riot{background:#007bff33;color:#007bff}.account-type.pbe{background:#ffc10733;color:#ffc107}.match-board-preview{display:flex;flex-wrap:nowrap;gap:1px;justify-content:flex-start;min-width:0;overflow-x:auto}.match-board-preview .champion-container{align-items:center;display:flex;flex-direction:column;gap:1px;position:relative}.match-board-preview .champion-unit{background:#ffffff08;border:1.5px solid #ffffff2e;border-radius:6px;height:58px;overflow:hidden;transition:all .2s ease;width:50px}.match-board-preview .champion-unit:hover{border-color:gold;transform:scale(1.04)}.match-board-preview .champion-icon-table,.match-board-preview .champion-placeholder-table{border-radius:6px;height:54px;object-fit:cover;object-position:80% center;width:45px}.board-unit-preview{border:2px solid #fff3;border-radius:8px;height:80px;overflow:hidden;position:relative;width:55px}.champion-icon-small,.champion-placeholder-small{height:80px;object-fit:cover;object-position:80% center;width:80px}.champion-icon-small{height:100%;object-fit:cover;width:100%}.champion-placeholder-small{align-items:center;background:#ffffff1a;color:#888;display:flex;font-size:1.1rem;font-weight:700;height:100%;justify-content:center;width:100%}.unit-card{align-items:center;background:linear-gradient(135deg,#1e2328,#0f1419);border:1.5px solid #463714;border-radius:12px;display:flex;gap:24px;min-height:100px;min-width:100px;padding:24px;transition:all .3s ease}.unit-image,.unit-placeholder{border-radius:12px;font-size:1.1rem;height:80px;object-fit:cover;object-position:80% center;width:80px}.unit-placeholder{align-items:center;background:#463714;color:#a09b8c;display:flex;justify-content:center;text-align:center;text-transform:capitalize}.star-overlay-small{background:#000000b3;bottom:0;color:gold;font-size:1.1rem;left:0;line-height:1.2;position:absolute;right:0;text-align:center}.more-units{background:#ffffff0d;border-radius:4px;color:#888;font-size:.8rem;padding:4px 8px}.match-expand-icon{color:#888;font-size:1.2rem;transition:transform .3s ease}.match-expand-icon:hover{color:gold}.match-details{background:#0003;border-top:1px solid #ffffff1a;padding:20px}.match-participants-table{background:#0000001a;border-radius:8px;overflow:hidden}.participants-header{grid-gap:6px;background:#0000004d;border-bottom:1px solid #ffffff1a;color:#888;display:grid;font-size:11px;font-weight:600;gap:6px;grid-template-columns:30px 80px 30px 200px 1fr;padding:6px 10px;text-transform:uppercase}.participants-body{background:#0000001a}.participant-row-detailed{grid-gap:6px;align-items:center;border-bottom:1px solid #ffffff0d;display:grid;gap:6px;grid-template-columns:30px 80px 30px 200px 1fr;padding:6px 10px;transition:all .2s ease}.participant-row-detailed:hover{background:#ffffff05}.participant-row-detailed.current-player{background:linear-gradient(135deg,#ffd70014,#ffd70005);border-color:#ffd70033;box-shadow:inset 3px 0 0 gold}.participant-rank,.placement-badge-small{display:flex;justify-content:center}.placement-badge-small{align-items:center;border-radius:50%;box-shadow:0 1px 4px #0000004d;color:#fff;font-size:11px;font-weight:700;height:22px;text-shadow:0 1px 2px #00000080;width:22px}.placement-badge-small.gold{background:linear-gradient(135deg,gold,#b8860b)}.placement-badge-small.silver{background:linear-gradient(135deg,silver,grey)}.placement-badge-small.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)}.placement-badge-small.iron{background:linear-gradient(135deg,#6c757d,#495057)}.participant-summoner{display:block;text-align:left}.summoner-name{font-size:12px;font-weight:500;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.participant-level{display:flex;justify-content:center}.level-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.participant-traits{display:flex;flex-wrap:wrap;gap:2px}.trait-badge{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:10px;font-weight:600;gap:2px;padding:2px 6px;text-transform:uppercase}.trait-badge.trait-style-1{background:#81818133;border-color:#81818166;color:#818181}.trait-badge.trait-style-2{background:#cd7f3233;border-color:#cd7f3266;color:#cd7f32}.trait-badge.trait-style-3{background:#c0c0c033;border-color:#c0c0c066;color:silver}.trait-badge.trait-style-4{background:#ffd70033;border-color:#ffd70066;color:gold}.trait-count{font-weight:700}.trait-name{font-size:9px;opacity:.9}.participant-champions{display:flex;flex-wrap:nowrap;gap:1px;justify-content:flex-start;min-width:0;overflow-x:auto}.champion-container{align-items:center;display:flex;flex-direction:column;gap:1px;position:relative}.champion-unit{background:#ffffff08;border:1.5px solid #ffffff2e;border-radius:6px;height:58px;overflow:hidden;transition:all .2s ease;width:50px}.champion-unit:hover{border-color:gold;transform:scale(1.04)}.champion-icon-table,.champion-placeholder-table{border-radius:6px;height:54px;object-fit:cover;object-position:80% center;width:45px}.champion-placeholder-table{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);color:gold;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.star-overlay-table{background:linear-gradient(90deg,gold,#ffed4e);box-shadow:0 1px 2px #00000021;color:#1a1a1a;font-size:.6rem;left:50%;letter-spacing:.2px;padding:0 3px;text-shadow:0 1px 2px #ffd7001a;top:2px;transform:translateX(-50%);z-index:2}.items-indicator,.star-overlay-table{border-radius:3px;font-weight:700;line-height:1;position:absolute}.items-indicator{background:#3498dbe6;box-shadow:0 1px 3px #00000080;color:#fff;font-size:8px;left:1px;padding:1px 3px;top:1px}.item-count{font-size:8px}@media (max-width:1200px){.participant-row-detailed,.participants-header{gap:8px;grid-template-columns:35px 120px 45px 160px 1fr;padding:8px 12px}.match-summary{gap:12px;padding:14px}}@media (max-width:768px){.participant-row-detailed,.participants-header{gap:6px;grid-template-columns:1fr;padding:8px}.participants-header{display:none}.participant-row-detailed{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;display:flex;margin-bottom:6px}.match-summary,.participant-row-detailed{align-items:flex-start;flex-direction:column}.match-summary{gap:12px}.match-placement{align-items:center;flex-direction:row;gap:8px;min-width:auto}.participant-champions{max-width:100%}.champion-unit{height:28px;width:28px}.match-board-preview{flex-wrap:wrap;gap:1px;max-width:100%}.match-board-preview .champion-unit{height:28px;width:28px}.match-board-preview .champion-icon-table,.match-board-preview .champion-placeholder-table{height:24px;width:24px}.unit-item-icon{height:18px;width:18px}}.match-history-pagination{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:30px;padding:20px 0}.pagination-button{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:#c9b03733;border-color:#c9b03780;color:#c9b037}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#888;font-size:.9rem}.accounts-content{max-width:1200px}.accounts-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:30px}.section-title{align-items:center;border-bottom:2px solid #ffd7004d;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin-bottom:25px;padding-bottom:10px}.section-title i{color:gold}.accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.account-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.account-card:before{background:radial-gradient(circle at 100% 0,#ffd7000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.account-card:hover{background:#ffffff14;border-color:#ffd7004d;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.account-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.account-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700;margin:0 0 5px}.account-region{color:#a0aec0;font-size:.9rem;font-weight:600;text-transform:uppercase}.in-game-indicator{align-items:center;color:#48bb78;display:flex;font-size:.9rem;font-weight:600;gap:8px}.status-dot{animation:pulse 2s infinite;background:#48bb78;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #48bb78b3}70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 0 0 #48bb7800}}.rank-section{display:flex;flex-direction:column;gap:15px}.rank-visual{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:15px;padding:15px}.rank-image{filter:drop-shadow(0 3px 8px rgba(0,0,0,.4));height:60px;width:60px}.rank-info{display:flex;flex-direction:column;gap:3px}.rank-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.rank-lp{color:gold;font-size:1rem;font-weight:600}.rank-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-item{background:#ffffff08;gap:3px;padding:10px;text-align:center}.stat-item .stat-label{color:#a0aec0;font-size:.8rem;font-weight:600;text-transform:uppercase}.stat-item .stat-value{color:#fff;font-size:1rem;font-weight:700}.stat-item .stat-value.wins{color:#48bb78}.stat-item .stat-value.losses{color:#f56565}.no-rank{font-style:italic;gap:10px;padding:30px}.no-accounts,.no-rank{align-items:center;color:#a0aec0;display:flex;justify-content:center}.no-accounts{background:#ffffff08;border:2px dashed #ffffff1a;border-radius:10px;flex-direction:column;gap:15px;padding:60px 20px;text-align:center}.no-accounts i{color:#4a5568;font-size:3rem}.pbe-section{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:30px}.pbe-accounts-list{display:flex;flex-direction:column;gap:15px}.pbe-account-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px;transition:all .3s ease}.pbe-account-item:hover{background:#ffffff14;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.pbe-account-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700;margin:0 0 10px}.pbe-account-meta{align-items:center;display:flex;gap:15px}.verified-badge{color:#48bb78}.unverified-badge,.verified-badge{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:5px}.unverified-badge{color:#ed8936}.pbe-added-date{color:#a0aec0;font-size:.85rem}@media (max-width:1200px){.stats-grid{gap:20px;grid-template-columns:1fr}.profile-header-content{flex-direction:column;gap:20px;text-align:center}.accounts-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-content{padding:20px 15px}.profile-header-main{padding:15px 20px}.player-header-info{flex-direction:column;gap:15px;text-align:center}.profile-avatar-header,.profile-avatar-placeholder-header{height:100px;width:100px}.player-username-header{font-size:2rem}.player-meta-header{flex-direction:column;gap:10px}.profile-tabs{overflow-x:auto;padding:0 15px}.tab-button{padding:12px 20px;white-space:nowrap}.stats-section{padding:20px}.rank-display-large{flex-direction:column;text-align:center}.stats-grid-small{grid-template-columns:1fr}}@media (max-width:480px){.player-username-header{font-size:1.8rem}.profile-avatar-header,.profile-avatar-placeholder-header{font-size:32px;height:80px;width:80px}.rank-image-header{height:60px;width:60px}.stats-section{padding:15px}}.match-history-filter{align-items:center;display:flex;gap:8px}.match-history-filter label{color:#ccc;font-size:.85rem}.match-history-filter select{border:1px solid #463714;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 8px}.match-history-filter select,.match-history-filter select option{background:#1a1a1a;color:#f0e6d2}.match-players-list{grid-gap:4px 12px;border-left:1px solid #ffffff14;display:grid;gap:4px 12px;grid-template-columns:repeat(2,110px);justify-items:start;min-width:236px;padding-left:16px;text-align:left}.player-name-chip{color:#d0d7e5;font-size:.85rem;font-weight:500;justify-self:start;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap;width:110px}.player-name-chip:hover{color:gold}.account-switch-dropdown{background:#0f0f19d9;border:1px solid #ffffff26;border-radius:6px;color:#f0e6d2;cursor:pointer;font-size:.85rem;margin-left:12px;padding:6px 10px;transition:border .2s ease,background .2s ease}.account-switch-dropdown:focus,.account-switch-dropdown:hover{background:#191923f2;border-color:gold;outline:none}.account-switch-dropdown option{background:#0f1419;color:#f0e6d2}.ingame-watch-button{align-items:center;background:#48bb7826;border:1px solid #48bb7866;border-radius:6px;color:#48bb78;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-left:12px;padding:4px 10px;transition:all .2s ease}.ingame-watch-button:hover{background:#48bb7840;box-shadow:0 0 6px #48bb7880}.ingame-watch-button .status-dot{height:7px;width:7px}.tab-button.spectate-tab{position:relative}.tab-button.spectate-tab:after{animation:pulsate 1.6s infinite;border-radius:6px;box-shadow:0 0 8px #48bb7899;content:"";inset:0;opacity:0;position:absolute}@keyframes pulsate{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.spectate-content{flex-direction:column;gap:12px;gap:6px;margin-top:4px}.live-header,.spectate-content{align-items:center;display:flex}.live-header{color:gold;font-size:1.3rem;gap:10px;margin:0 0 6px}.live-meta{color:#a0aec0;font-size:.9rem;margin-bottom:2px}.video-placeholder{align-items:center;aspect-ratio:16/9;background:#000;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 4px 18px #0006;display:flex;justify-content:center;max-width:90%;position:relative;width:640px}.video-placeholder .video-frame{color:#555;text-align:center}.video-placeholder .video-frame i{color:#444;margin-bottom:10px}.live-match-info{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:2px;max-width:800px;padding:12px 18px;width:100%}.match-details-bar{color:#ccc;display:flex;font-size:.9rem;gap:20px;justify-content:center}.players-grid-live{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.live-player-chip{align-items:center;background:#ffffff08;border-radius:6px;color:#e0e0e0;display:flex;font-size:.8rem;gap:6px;padding:6px 10px}.live-icon{border-radius:50%;height:24px;width:24px}.pbe-search-form{display:flex;justify-content:center;margin:32px 0 40px}.pbe-search-card{align-items:center;background:linear-gradient(135deg,#181c2a,#232a44);border:1.5px solid #ffffff12;border-radius:18px;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;max-width:480px;min-width:380px;padding:36px 32px 28px;width:100%}.pbe-search-title{align-items:center;color:gold;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin-bottom:8px}.pbe-search-title i{color:gold;font-size:1.3rem}.pbe-search-subtitle{color:#bfc6e0;font-size:1.05rem;margin-bottom:24px;text-align:center}.pbe-search-inputs{display:flex;flex-direction:column;gap:18px;width:100%}.pbe-input-group{margin-bottom:0;position:relative;width:100%}.pbe-input-group input{background:#232a44;border:1.5px solid #2e3652;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:1.1rem;outline:none;padding:18px 16px 10px 44px;transition:border .2s,box-shadow .2s;width:100%}.pbe-input-group input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70021}.pbe-input-group label{align-items:center;background:#0000;color:#bfc6e0;display:flex;font-size:1.05rem;gap:7px;left:44px;pointer-events:none;position:absolute;top:16px;transition:.2s cubic-bezier(.4,0,.2,1)}.pbe-input-group input:focus+label,.pbe-input-group input:not(:placeholder-shown)+label{background:#232a44;border-radius:6px;color:gold;font-size:.92rem;left:40px;padding:0 4px;top:4px}.pbe-input-group i{color:gold;font-size:1.1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pbe-search-button{align-items:center;background:linear-gradient(90deg,gold,#ffed4e);border:none;border-radius:10px;box-shadow:0 2px 12px #ffd70021;color:#232a44;cursor:pointer;display:flex;font-size:1.15rem;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:15px 0;transition:background .2s,color .2s,box-shadow .2s;width:100%}.pbe-search-button:disabled{cursor:not-allowed;opacity:.7}.pbe-search-button:hover:not(:disabled){background:linear-gradient(90deg,#ffe066,gold);box-shadow:0 4px 18px #ffd7002e;color:#181c2a}@media (max-width:600px){.pbe-search-card{min-width:0;padding:18px 8px 14px}.pbe-search-title{font-size:1.1rem}.pbe-search-subtitle{font-size:.95rem}.pbe-search-inputs{gap:10px}.pbe-search-button{font-size:1rem;padding:12px 0}}.pbe-instant-box{align-items:center;background:linear-gradient(135deg,#232a44,#181c2a);border:1.5px solid #ffd70014;border-radius:14px;box-shadow:0 2px 12px #ffd70012;display:flex;flex-direction:column;margin-bottom:22px;padding:18px 18px 14px;width:100%}.pbe-instant-title{align-items:center;color:gold;display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin-bottom:4px}.pbe-instant-title i{color:gold;font-size:1.1rem}.pbe-instant-desc{color:#bfc6e0;font-size:1rem;margin-bottom:12px;text-align:center}.pbe-instant-button{align-items:center;background:linear-gradient(90deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 2px 8px #ffd7001a;color:#232a44;cursor:pointer;display:flex;font-size:1.08rem;font-weight:700;gap:8px;justify-content:center;padding:12px 0;transition:background .2s,color .2s,box-shadow .2s;width:100%}.pbe-instant-button:hover{background:linear-gradient(90deg,#ffe066,gold);box-shadow:0 4px 14px #ffd70029;color:#181c2a}.unit-items-row{align-items:center;display:flex;flex-direction:row;gap:1px;justify-content:center;margin-top:1px}.unit-item-icon{background:#181818;border:1px solid #333;border-radius:4px;box-shadow:0 1px 3px #00000021;height:22px;margin:0 1px;object-fit:cover;transition:transform .12s;width:22px}.unit-item-icon:hover{border-color:gold;transform:scale(1.08);z-index:2}.lp-graph-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.lp-graph-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.lp-graph-header h3{color:#fc0;font-size:1.2rem;font-weight:600;margin:0}.timeframe-selector{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:4px}.timeframe-selector button{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:.85rem;font-weight:500;min-width:40px;padding:6px 12px;transition:all .2s ease}.timeframe-selector button:hover{background:#ffffff1a;color:#fff}.timeframe-selector button.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.lp-graph-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.stat-item{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:12px 16px}.stat-label{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#fff;font-size:1.1rem;font-weight:700}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.lp-chart-container{background:#0000;border-radius:8px;height:300px;margin:20px 0;overflow:hidden;position:relative;width:100%}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #3b82f64d;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9rem;padding:12px}.tooltip-date{color:#9ca3af;font-size:.8rem;font-weight:500;margin:0 0 8px}.tooltip-lp{color:#fff;font-size:1rem}.tooltip-change,.tooltip-lp{font-weight:600;margin:0 0 4px}.tooltip-change{font-size:.9rem}.tooltip-change.positive{color:#10b981}.tooltip-change.negative{color:#ef4444}.tooltip-placement{color:#9ca3af;font-size:.85rem;margin:0}.lp-graph-footer{margin-top:15px;text-align:center}.chart-controls{color:#9ca3af;font-size:.8rem;opacity:.7}.lp-graph-empty,.lp-graph-error,.lp-graph-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lp-graph-empty p,.lp-graph-error p,.lp-graph-loading p{font-size:1rem;margin:0 0 10px}.lp-graph-empty small{font-size:.85rem;opacity:.7}.lp-graph-error button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:10px;padding:8px 16px;transition:all .2s ease}.lp-graph-error button:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width:768px){.lp-graph-container{margin:15px 0;padding:15px}.lp-graph-header{align-items:flex-start;flex-direction:column;gap:10px}.timeframe-selector{justify-content:center;width:100%}.timeframe-selector button{flex:1 1;min-width:0}.lp-graph-stats{gap:10px;justify-content:center}.stat-item{min-width:70px;padding:10px 12px}.lp-chart-container{height:250px}}@media (max-width:480px){.lp-graph-stats{align-items:center;flex-direction:column}.stat-item{max-width:200px;width:100%}.lp-chart-container{height:200px}}.team-builder-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-top:64px}.main-content{flex:1 1 auto;flex-direction:row;margin-top:64px;max-height:none}.hex-board-area,.main-content{align-items:flex-start;display:flex;height:100%;min-height:0;min-width:0}.hex-board-area{flex:1 1 auto;justify-content:center;margin:0;overflow:visible}.traits-sidebar h3{color:#ffe066;font-size:1.2em;font-weight:700;letter-spacing:1px;margin-bottom:18px}.traits-list{display:flex;flex-direction:column;gap:12px;width:100%}.trait-row{align-items:center;border-radius:6px;display:flex;font-size:1.05em;font-weight:500;gap:10px;padding:6px 0;transition:background .15s}.trait-row.active{background:#2e3a5a;color:#ffe066}.trait-row.inactive{color:#8a8fa3;opacity:.7}.trait-icon{background:#181c2a;border:1.5px solid #3ecfff;border-radius:6px;height:28px;margin-right:4px;object-fit:contain;width:28px}.trait-name{flex:1 1;font-size:1em;font-weight:600}.trait-count{color:#7fa7e6;font-size:.95em;font-weight:400;margin-left:6px}.board-section{flex:1 1}.board-section,.hex-board{align-items:center;display:flex;justify-content:center}.hex-board{flex-direction:column;height:auto;margin:0 auto;max-height:520px;max-width:900px;transform:scale(.85);transform-origin:top center;width:100%}.hex-row{display:flex;flex-direction:row;gap:20px;height:140px;justify-content:center;margin-bottom:4px}.hex-cell{fill:#22304a;stroke:#3ecfff;stroke-width:2.5px;filter:drop-shadow(0 0 8px #3ecfff44);opacity:.95;transition:fill .2s,stroke .2s,filter .2s}.hex-cell:hover{fill:#2e3a5a;stroke:#fff;filter:drop-shadow(0 0 12px #3ecfff88)}.hex-shape{align-items:center;background:#071224;border:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;height:140px;justify-content:center;overflow:visible;position:relative;transition:border .2s;width:120px}.hex-shape.with-unit:before{content:none}.hex-shape:hover{border:none;box-shadow:0 0 0 4px #4e7cff;cursor:pointer}.champion-on-board{background:none;border:none;border-radius:0;box-shadow:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:92%;left:4%;object-fit:cover;position:absolute;top:4%;transition:none;width:92%;z-index:2}.champion-pool-section{display:flex;flex:2 1;flex-direction:column;height:100%;margin:0;max-width:none;min-width:0;padding-top:0}.champion-pool h3,.item-crafting h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}.champion-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;max-height:220px;overflow-y:auto}.champion-card{align-items:center;background:#232c4b;border:2px solid #0000;border-radius:10px;cursor:grab;display:flex;flex-direction:column;height:64px;justify-content:center;transition:border .2s;width:48px}.champion-card:active{border:2px solid #4e7cff}.champion-icon{border-radius:8px;height:36px;margin-bottom:4px;width:36px}.item-crafting{margin-top:18px}.item-list{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto}.item-card{align-items:center;background:#232c4b;border-radius:8px;display:flex;flex-direction:column;height:48px;justify-content:center;margin-bottom:4px;width:40px}.item-icon{border-radius:6px;height:28px;margin-bottom:2px;width:28px}.hex-border-svg{opacity:0;transition:opacity .2s}.hex-shape:hover .hex-border-svg{opacity:1}.item-pool-sidebar{align-items:flex-start;background:#23273a;border-radius:12px;box-shadow:0 2px 12px #0000001f;display:flex;flex-direction:column;height:500px;margin:0 0 0 24px;max-width:400px;min-width:220px;overflow:hidden;padding:24px 12px 20px}.item-pool-vertical-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);height:400px;margin-top:12px;overflow-y:auto;width:100%}.champion-pool-fullwidth{background:#23273a;border-radius:0 0 12px 12px;box-shadow:0 2px 12px #0000001f;margin:0;padding:12px 0;width:100vw}.champion-pool-grid{grid-gap:12px;align-items:start;background:#181c2a;border-radius:8px;display:grid;gap:12px;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));height:auto;margin:0;max-height:none;min-height:72px;overflow-y:visible;padding:8px 8px 0}.bottom-pools{display:none!important}.champion-pool-header{align-items:center;display:flex;gap:16px;margin-bottom:4px;margin-top:0;padding-top:0}.champion-pool-search{background:#181c2a;border:none;border-radius:6px;color:#fff;flex:1 1;font-size:1em;padding:6px 12px}.champion-pool-tabs{color:#7fa7e6;display:flex;font-size:1em;font-weight:600;gap:12px}.champion-pool-tab{border-radius:4px;cursor:pointer;padding:2px 8px;transition:background .15s}.champion-pool-tab.active{background:#2e3a5a;color:#fff}.champion-pool-item{align-items:center;background:#222;border:3px solid #fff;border-radius:10px;cursor:grab;display:flex;height:64px;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s;width:64px}.champion-pool-item:hover{border-color:#3ecfff;box-shadow:0 0 0 2px #3ecfff44}.champion-pool-icon{border-radius:8px;height:56px;object-fit:cover;width:56px}.item-pool-section{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-width:320px;min-width:220px}.item-pool-tabs{color:#7fa7e6;display:flex;font-size:1em;font-weight:600;gap:12px;margin-bottom:6px}.item-pool-tab{border-radius:4px;cursor:pointer;padding:2px 8px;transition:background .15s}.item-pool-tab.active{background:#2e3a5a;color:#fff}.item-pool-grid{grid-gap:10px;align-items:start;background:#181c2a;border-radius:8px;display:grid;flex:1 1 auto;gap:10px;grid-template-columns:repeat(8,1fr);height:100%;margin:0;min-height:36px;overflow-y:auto;padding:8px 8px 0}.item-pool-item{align-items:center;background:#222;border:2.5px solid #3ecfff;border-radius:8px;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s;width:48px}.item-pool-item:hover{border-color:#fff;box-shadow:0 0 0 2px #3ecfff44}.item-pool-icon{border-radius:6px;height:40px;object-fit:cover;width:40px}.item-tooltip{background:#222;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.95em;left:50%;max-width:320px;min-width:180px;padding:10px;pointer-events:none;position:absolute;top:44px;transform:translateX(-50%);z-index:100}@media (max-width:900px){.team-builder-container{padding-bottom:420px;padding-top:60px}.main-content{flex-direction:column}.champion-pool-section,.item-pool-section{height:auto;max-width:100%;min-width:0}.champion-pool-grid{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));max-height:180px}.item-pool-grid{grid-template-columns:repeat(6,1fr);max-height:180px}}
/*# sourceMappingURL=main.05fb4d13.css.map*/