:root{--color-black: #080808;--color-white: #FFFFFF;--color-red: #D20A0A;--color-grey-dark: #222222;--color-grey-medium: #333333;--color-grey-light: #888888;--font-primary: "Oswald", sans-serif;--font-secondary: "Roboto", sans-serif;--rank-up-color: #4CAF50;--rank-down-color: #f44336;--rank-no-change-color: #9E9E9E}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-black);color:var(--color-white);font-family:var(--font-secondary);line-height:1.6}.main-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5%;background-color:var(--color-black);border-bottom:1px solid var(--color-grey-medium);position:sticky;top:0;z-index:1000;min-height:80px}.header-left,.header-right{display:flex;align-items:center;gap:40px}.logo svg{height:50px;width:auto}.main-nav{display:flex;gap:30px}.main-nav a{color:var(--color-white);text-decoration:none;font-family:var(--font-primary);font-size:1.2rem;letter-spacing:1px;font-weight:500;text-transform:uppercase;padding:25px 0;border-bottom:4px solid transparent;transition:color .3s ease,border-color .3s ease}.main-nav a:hover{color:var(--color-red)}.main-nav a.active{color:var(--color-red);font-weight:700;border-bottom-color:var(--color-red)}.secondary-nav{display:flex;align-items:center;gap:20px}.secondary-nav a{color:var(--color-white);text-decoration:none;font-family:var(--font-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.secondary-nav a:hover{color:var(--color-grey-light)}.search-icon svg{stroke:var(--color-white);cursor:pointer}main{padding:40px 5%}#rankings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px 40px;max-width:1800px;margin:0 auto}.division-column{width:100%}.division-header{font-family:var(--font-primary);font-weight:700;text-transform:uppercase;color:var(--color-red);font-size:1rem;margin-bottom:5px}.division-price{font-family:var(--font-secondary);font-weight:500;color:var(--color-grey-light);font-size:.8rem;text-transform:uppercase;margin-bottom:20px}.champion-name{font-family:var(--font-primary);font-weight:700;font-size:3rem;line-height:1.1;text-transform:uppercase;margin-bottom:5px;min-height:110px}.champion-title{font-family:var(--font-secondary);font-weight:500;font-size:.9rem;letter-spacing:2px;color:var(--color-grey-light);text-transform:uppercase;margin-bottom:25px}.champion-image{width:100%;height:auto;max-height:320px;object-fit:contain;object-position:bottom;margin-bottom:20px;filter:drop-shadow(0 4px 15px rgba(0,0,0,.4))}.rankings-list{list-style:none}.ranking-item{display:grid;grid-template-columns:30px 50px 1fr;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--color-grey-dark);font-size:.95rem;transition:background-color .2s ease}.rank-number{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;text-align:center;color:var(--color-grey-light)}.rank-movement{display:flex;align-items:center;gap:5px;font-weight:700;font-size:.9rem}.rank-up{color:var(--rank-up-color)}.rank-down{color:var(--rank-down-color)}.rank-no-change{color:var(--rank-no-change-color);text-align:center;width:100%;font-weight:700}.burger-details{line-height:1.3}.burger-details .burger-name{font-weight:500;font-size:1rem}.burger-details .burger-restaurant{font-size:.85rem;color:var(--color-grey-light)}#scrollToTopBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:1px solid var(--color-grey-medium);outline:none;background-color:#1a1a1acc;color:var(--color-white);cursor:pointer;padding:0;width:50px;height:50px;font-size:24px;transition:background-color .3s}#scrollToTopBtn:hover{background-color:var(--color-grey-medium)}#admin-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:#141414f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid var(--color-grey-medium);padding:15px 5%;z-index:1001}body.admin-active #admin-bar{display:block}.admin-bar-content{max-width:1800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-bar-content p{color:var(--color-grey-light);font-size:1rem}.admin-bar-actions{display:flex;gap:15px}.admin-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-family:var(--font-primary);text-transform:uppercase;font-weight:700;transition:all .2s ease}.admin-btn.save{background-color:var(--rank-up-color);color:var(--color-white)}.admin-btn.save:hover{background-color:#388e3c}.admin-btn.cancel{background-color:var(--color-grey-medium);color:var(--color-white)}.admin-btn.cancel:hover{background-color:#555}.admin-control{color:#fce57f!important;font-weight:700}.admin-active .ranking-item[draggable=true]{cursor:grab}.admin-active .ranking-item[draggable=true]:active{cursor:grabbing}.ranking-item.dragging{background:var(--color-grey-dark);transform:scale(1.02);box-shadow:0 10px 20px #0006}.drag-over-placeholder{height:2px;background:var(--color-red);list-style-type:none;margin:12px 0;border:none}.editable-input{background:transparent;border:1px solid transparent;border-radius:3px;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit;padding:2px;margin:-3px;width:100%;outline:none;transition:border-color .2s,background-color .2s}.admin-active .editable-input:hover{border-color:#d20a0a4d}.admin-active .editable-input:focus{background:#282828cc;border-color:var(--color-red)}#login-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1002}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-grey-dark);padding:30px 40px;border-radius:8px;z-index:1003;width:90%;max-width:400px;border:1px solid var(--color-grey-medium)}.modal-title{font-family:var(--font-primary);text-align:center;margin-bottom:25px;font-size:1.8rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--color-grey-light);font-family:var(--font-secondary);font-weight:500}.form-group input{width:100%;padding:12px;background:var(--color-black);border:1px solid var(--color-grey-medium);border-radius:4px;color:var(--color-white);font-size:1rem}#login-form .admin-btn{width:100%;margin-top:10px}.error-message{color:var(--rank-down-color);text-align:center;min-height:20px;margin-bottom:10px;font-size:.9rem}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:var(--color-grey-light);font-size:2rem;cursor:pointer;line-height:1}body.modal-visible #login-modal-overlay,body.modal-visible .modal{display:block}@media (max-width: 1200px){.secondary-nav{display:none}.secondary-nav a.admin-control{display:block}}@media (max-width: 992px){.main-nav{display:none}.header-left{flex-grow:1}.header-right{flex-grow:1;justify-content:flex-end}.secondary-nav{display:flex}}@media (max-width: 768px){.champion-name{font-size:2.2rem;min-height:80px}.admin-bar-content{flex-direction:column;gap:10px}}