@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{background:var(--bg-light);color:var(--black);font-family:Inter,system-ui,sans-serif;margin:0}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-light)}.card{width:100%;max-width:420px;padding:clamp(20px,5vw,32px);background:var(--white);border-radius:20px;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 25px #0000000d;transition:transform .3s ease}@media(min-width:768px){.card:hover{transform:translateY(-5px)}}.auth-title{text-align:center;font-size:clamp(24px,6vw,32px);font-weight:800;margin-bottom:24px;color:var(--black);letter-spacing:-.5px}.form-group{margin-bottom:20px;width:100%}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--gray);padding-left:4px}.form-input,.form-textarea{width:100%;padding:12px 16px;border-radius:12px;border:2px solid var(--border-light);font-size:16px;background:var(--white);transition:all .2s ease}.form-textarea{min-height:110px;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px #e539351a;background:#fff}.btn-gradient{width:100%;min-height:52px;border-radius:14px;border:none;cursor:pointer;font-weight:600;font-size:16px;color:#fff;background:var(--red);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:10px}.btn-gradient:hover{filter:brightness(1.1);box-shadow:0 8px 24px #e539354d}.btn-gradient:active{transform:scale(.98)}.form-error{color:var(--red);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:5px}.auth-under-text{text-align:center;margin-top:20px;font-size:14px;color:var(--gray)}.auth-under-text a{color:var(--red);font-weight:600;text-decoration:none}.auth-under-text a:hover{text-decoration:underline}@media(max-width:360px){.card{padding:16px}.auth-title{font-size:22px}}:root{--deep-black: #080808;--card-bg: #161618;--glass-border: rgba(255, 255, 255, .08)}.home-wrapper.dark-theme{background-color:var(--black);color:var(--white);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{position:fixed;top:0;width:100%;z-index:1000;background:#111111d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:12px 0}.header-container{display:flex;justify-content:space-between;align-items:center}.logo-group{display:flex;align-items:center;gap:10px}.logo-icon{font-size:20px;color:var(--red)}.logo-text{font-weight:800;font-size:18px;letter-spacing:-.5px}.logo-text span{color:var(--red)}.main-nav{display:flex;align-items:center;gap:15px}.link-login{color:var(--gray);text-decoration:none;font-size:14px;font-weight:600;transition:.3s}.link-login:hover{color:var(--white)}.hero-section{padding:140px 0 60px;background:radial-gradient(circle at 20% 30%,rgba(229,57,53,.08) 0%,transparent 40%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.beta-badge{display:inline-block;background:#e539351a;color:var(--red);padding:6px 14px;border-radius:30px;font-size:11px;font-weight:700;margin-bottom:20px;border:1px solid rgba(229,57,53,.2)}.hero-text h1{font-size:clamp(28px,5vw,56px);line-height:1.1;margin-bottom:20px;font-weight:900}.text-gradient{background:linear-gradient(90deg,#fff,var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{color:var(--gray);font-size:16px;line-height:1.5;margin-bottom:30px;max-width:500px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px}.hero-visual img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 50px #00000080;border:1px solid var(--glass-border);transition:transform .5s ease}.hero-visual img:hover{transform:scale(1.02)}.btn-primary{background:var(--red);color:var(--white);padding:14px 28px;border-radius:var(--radius-sm);font-weight:700;transition:.3s;text-align:center;display:inline-block}.btn-primary:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 8px 15px #e539354d}.btn-primary.sm{padding:8px 18px;font-size:13px}.btn-secondary{background:#ffffff0d;color:var(--white);padding:14px 28px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);font-weight:700;transition:.3s;text-align:center}.btn-secondary:hover{background:#ffffff1a}.features-section{padding:80px 0}.section-head{text-align:center;margin-bottom:40px}.section-head h2{font-size:28px;font-weight:800}.underline{width:40px;height:3px;background:var(--red);margin:12px auto 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.feature-card{background:var(--card-bg);padding:30px;border-radius:20px;border:1px solid var(--glass-border);transition:.3s}.feature-card:hover{border-color:var(--red);transform:translateY(-5px)}.f-icon{font-size:28px;margin-bottom:15px}.feature-card h3{margin-bottom:12px;font-size:18px;font-weight:700}.feature-card p{color:var(--gray);font-size:14px;line-height:1.5}.main-footer{background:var(--deep-black);padding:60px 0 0;border-top:1px solid var(--glass-border)}.footer-content{display:grid;grid-template-columns:1.2fr 1fr;padding-bottom:40px;gap:40px}.footer-motto{color:var(--gray);margin-top:15px;font-size:14px;max-width:300px;line-height:1.4}.footer-nav{display:flex;gap:60px}.footer-col h4{color:var(--white);margin-bottom:20px;font-size:15px;font-weight:700}.footer-col a{display:block;color:var(--gray);font-size:13px;margin-bottom:10px;transition:.2s}.footer-col a:hover{color:var(--red)}.footer-bottom{border-top:1px solid var(--glass-border);padding:25px 0}.bottom-flex{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray)}.system-status{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:#0f0;border-radius:50%;box-shadow:0 0 8px #0f0}@media(max-width:992px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-text p{margin:0 auto 30px}.hero-btns{justify-content:center}.hero-visual{order:-1;margin-bottom:30px}.footer-content{grid-template-columns:1fr;text-align:center}.footer-nav{justify-content:center;gap:40px}.footer-brand{display:flex;flex-direction:column;align-items:center}}@media(max-width:768px){.hero-section{padding-top:120px}.features-section{padding:60px 0}.footer-nav{flex-wrap:wrap}.btn-primary,.btn-secondary{width:100%;max-width:320px}}@media(max-width:480px){.main-header{padding:10px 0}.logo-text{font-size:16px}.logo-icon{font-size:18px}.link-login{font-size:13px}.hero-text h1{font-size:28px}.hero-btns{flex-direction:column;align-items:center;width:100%}.btn-primary,.btn-secondary{width:100%}.bottom-flex{flex-direction:column;gap:15px;text-align:center}.footer-nav{flex-direction:column;gap:30px;align-items:center}.footer-col h4{margin-bottom:12px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.roster-container{background:var(--retro-blue-dark);padding:40px;min-height:100vh;font-family:"Press Start 2P",cursive;color:var(--white);border:10px solid var(--retro-stone);outline:4px solid var(--retro-gold)}.roster-header{text-align:center;margin-bottom:40px}.select-title{color:var(--retro-gold);font-size:24px;text-shadow:4px 4px var(--retro-bg);margin-bottom:20px;animation:blink .8s infinite step-start}.current-fighter-name{height:40px;font-size:32px;color:var(--retro-red);text-shadow:2px 2px var(--white)}.roster-grid-section{flex:1;padding:20px;overflow-y:auto;max-height:100vh}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:20px;overflow-y:auto}.roster-slot{position:relative;aspect-ratio:3 / 4;transition:all .2s cubic-bezier(.4,0,.2,1);border:4px solid #333;overflow:hidden;background:#1a1a1a}.roster-slot.gold:hover{border-color:var(--retro-gold);box-shadow:0 0 20px var(--retro-gold);z-index:10}.roster-slot.diamond:hover{border-color:var(--retro-cyan);box-shadow:0 0 20px var(--retro-cyan);z-index:10}.roster-slot.green:hover{border-color:var(--retro-green);box-shadow:0 0 20px var(--retro-green);z-index:10}.roster-slot.red:hover{border-color:var(--retro-red);box-shadow:0 0 20px var(--retro-red);z-index:10}.roster-slot.gold.active{border-color:var(--retro-gold);box-shadow:0 0 15px var(--retro-gold)}.roster-slot.diamond.active{border-color:var(--retro-cyan);box-shadow:0 0 15px var(--retro-cyan)}.roster-slot.green.active{border-color:var(--retro-green);box-shadow:0 0 15px var(--retro-green)}.roster-slot.red.active{border-color:var(--retro-red);box-shadow:0 0 15px var(--retro-red)}.roster-slot:hover{transform:scale(1.1) translateY(-5px)}.roster-slot .athlete-card{height:100%;border:none;background:transparent}.roster-slot .athlete-photo-wrapper{width:100%;height:100%}.roster-slot .athlete-info,.roster-slot .athlete-description,.roster-slot .rating{display:none}.add-slot{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#ffffff1a;border:4px dashed #444}.add-icon{font-size:40px;color:#444}.add-slot:hover .add-icon{color:var(--white)}.roster-footer-decor{margin-top:50px;display:flex;justify-content:center;color:var(--retro-gold)}.roster-layout{display:flex;flex-direction:row;background:var(--retro-bg);min-height:100vh;font-family:"Press Start 2P",cursive}.roster-grid-section{flex:1;padding:20px;border-right:4px solid var(--retro-stone)}.athlete-detail-panel{width:310px;background:linear-gradient(180deg,var(--retro-red-dark) 0%,var(--retro-bg) 100%);padding:20px;color:var(--white);overflow-y:auto}.detail-name{color:var(--retro-red);font-size:18px;text-shadow:2px 2px var(--retro-bg);margin-bottom:10px;border-bottom:2px solid var(--retro-red);padding-bottom:10px}.detail-header{text-align:center;margin-bottom:20px}.detail-photo-wrapper{margin-bottom:15px}.detail-photo{object-fit:cover;border-radius:0;box-shadow:0 0 15px #ffffff4d}.tooltip-container:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#1a1a1a;color:#fff;padding:10px;border-radius:0;border:2px solid var(--retro-gold);z-index:100;width:300px;text-align:left;font-size:10px;line-height:1.6;pointer-events:none;opacity:1;transition:opacity .2s;margin-bottom:10px}.coach-stat-block{background:#0003;border:1px solid var(--retro-stone);padding:12px;margin-bottom:10px;cursor:help;transition:all .2s}.coach-stat-block:hover{border-color:var(--retro-gold);background:#f7d51d0d}.coach-stat-label{font-size:8px;color:#888;margin:0 0 5px;text-transform:uppercase}.coach-stat-value{font-size:11px;color:var(--white);margin:0;display:flex;align-items:center;gap:8px}.coach-stat-emoji{font-size:14px}.detail-rank-bar{font-size:10px;padding:4px;text-align:center;margin-bottom:20px}.detail-rank-bar.gold{background:var(--retro-gold);color:var(--retro-bg)}.detail-rank-bar.red{background:var(--retro-red);color:var(--white)}.detail-rank-bar.green{background:var(--retro-green);color:var(--retro-bg)}.detail-rank-bar.diamond{background:var(--retro-cyan);color:var(--retro-bg)}.pixel-stat-box{background:#222;border:2px solid #444;padding:10px;margin-bottom:20px;display:flex;justify-content:space-between;font-size:12px}.stat-value{color:var(--retro-green)}.detail-bio h3,.detail-achievements h3{font-size:12px;color:var(--retro-gold);margin-bottom:10px}.detail-bio p{font-size:10px;line-height:1.6;color:#ccc;margin-bottom:20px}.pixel-list{list-style:none;padding:0;font-size:9px}.pixel-list li{margin-bottom:10px;color:var(--white)}.roster-slot.active{border-color:var(--white);box-shadow:0 0 15px var(--retro-gold);transform:scale(1.05);z-index:2}.retro-btn{width:100%;background:var(--retro-gold);border:none;font-family:"Press Start 2P",cursive;font-size:10px;padding:12px;cursor:pointer;box-shadow:4px 4px 0 var(--retro-gold-dark)}.retro-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--retro-gold-dark)}.athlete-card-retro{width:100%;height:100%;position:relative;background:var(--retro-bg);border:2px solid #444;transition:all .2s steps(4)}.athlete-link{display:flex;flex-direction:column;height:100%;text-decoration:none}.photo-container{position:relative;flex-grow:1;overflow:hidden;background:linear-gradient(180deg,#1a1a1a 0%,var(--retro-bg) 100%)}.athlete-pixel-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:top;image-rendering:pixelated;filter:contrast(1.1) brightness(.9);transition:filter .2s}.athlete-card-retro:hover .athlete-pixel-photo{filter:contrast(1.2) brightness(1.2)}.name-plate{background:var(--retro-stone);color:var(--retro-gold);font-family:"Press Start 2P",cursive;font-size:7px;text-align:center;padding:5px 2px;border-top:2px solid var(--retro-gold);text-transform:uppercase;white-space:nowrap;overflow:hidden}.division-badge{position:absolute;top:2px;left:2px;font-size:8px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--retro-bg);border:1px solid var(--white);font-family:"Press Start 2P",cursive}.rating-overlay{position:absolute;bottom:0;right:0;background:#f00c;color:#fff;font-family:"Press Start 2P",cursive;font-size:7px;padding:2px 4px;opacity:0;transition:opacity .2s}.athlete-card-retro:hover .rating-overlay{opacity:1}.athlete-card-retro:hover{border-color:var(--white);box-shadow:inset 0 0 10px var(--white)}.roster-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#0006;padding:15px;border:2px solid var(--retro-stone)}.role-nav-container{display:flex;align-items:center;gap:20px}.nav-arrow{background:transparent;border:none;color:var(--retro-gold);font-size:24px;cursor:pointer;transition:transform .1s}.nav-arrow:hover{transform:scale(1.2);color:var(--white)}.nav-arrow:active{transform:scale(.9)}.role-display{display:flex;flex-direction:column;align-items:center;min-width:250px}.role-emoji{font-size:24px;margin-bottom:5px}.role-title{font-size:14px;color:var(--white);text-shadow:2px 2px #000;margin:0}.action-btns-group{display:flex;align-items:center;gap:15px}.start-fight-btn{background:var(--retro-red);color:var(--white);border:2px solid var(--white);font-family:var(--retro-font);font-size:10px;padding:10px 20px;cursor:pointer;box-shadow:4px 4px #000}.start-fight-btn:hover{background:red}.start-fight-btn.blink{animation:blink-red .5s infinite}@keyframes blink-red{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.filter-row{display:flex;justify-content:center;margin-bottom:20px}.empty-section-msg{grid-column:1 / -1;text-align:center;color:#444;font-size:10px;padding:40px 0;border:2px dashed #222}.fight-selection-panel{display:flex;flex-direction:column;gap:20px;padding:10px}.selection-terminal-header{font-size:14px;color:var(--retro-gold);border-bottom:2px solid var(--retro-gold);padding-bottom:10px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.selection-slots{display:flex;flex-direction:column;gap:15px}.selection-slot-item{background:#0006;border:2px solid #333;padding:15px;display:flex;align-items:center;gap:15px;transition:all .2s}.selection-slot-item.filled{border-color:var(--retro-red);background:#ff00001a}.slot-number{font-size:18px;color:var(--retro-stone-light);width:30px}.selection-slot-item.filled .slot-number{color:var(--retro-red)}.slot-name{font-size:10px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-slot-item.filled .slot-name{color:var(--white)}.vs-divider{text-align:center;font-size:12px;color:var(--retro-gold);margin:-5px 0}.selection-status-bar{margin-top:10px}.counter-display{font-size:10px;margin-bottom:8px}.count-value{color:var(--retro-gold)}.progress-mini-bar{height:6px;background:#111;border:1px solid #333}.progress-fill{height:100%;background:var(--retro-gold);transition:width .3s ease-out}.big-fight-btn{margin-top:20px;font-family:var(--retro-font);padding:20px;font-size:12px;border:none;cursor:pointer;transition:all .2s}.big-fight-btn.disabled{background:#333;color:#666;cursor:not-allowed}.big-fight-btn.ready{background:var(--retro-red);color:var(--white);box-shadow:4px 4px #000;border:2px solid var(--white)}.big-fight-btn.ready:hover{background:red;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.cancel-selection-btn{background:transparent;border:none;color:#666;font-family:var(--retro-font);font-size:8px;margin-top:10px;cursor:pointer}.cancel-selection-btn:hover{color:var(--white)}@keyframes blink-red{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.blink{animation:blink-red .5s infinite}.close-mobile-details{display:none;background:var(--retro-red);color:#fff;border:none;padding:8px 12px;font-family:var(--retro-font);font-size:8px;cursor:pointer;margin-bottom:15px}.selection-terminal-header .close-mobile-details{margin-bottom:0;margin-left:auto}@media(max-width:1024px){.close-mobile-details{display:block}.roster-layout{flex-direction:column;padding-bottom:80px}.athlete-detail-panel{width:100%;border-left:none;border-top:4px solid var(--retro-stone);position:fixed;bottom:0;left:0;height:auto;max-height:80vh;z-index:1000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--retro-bg)}.athlete-detail-panel.mobile-active{transform:translateY(0);box-shadow:0 -10px 50px #000000e6}.mobile-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out}.retro-detail-content{padding:10px 5px}.detail-name{font-size:16px;margin-bottom:8px}.pixel-stat-box{padding:8px;margin-bottom:15px;font-size:9px}.detail-tabs{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:15px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.detail-tabs::-webkit-scrollbar{height:4px}.detail-tabs::-webkit-scrollbar-thumb{background:var(--retro-stone)}.tab-link{font-size:7px;white-space:nowrap}.detail-bio p{line-height:1.4}.action-btns-group{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.mode-btn{padding:15px;font-size:10px;width:100%}.role-display{min-width:150px}.selection-active .athlete-detail-panel{position:fixed;bottom:0;transform:translateY(0);border-top:4px solid var(--retro-gold);box-shadow:0 -10px 30px #000c;padding:15px}.selection-slots{flex-direction:row;gap:10px}.selection-slot-item{flex:1;padding:10px;gap:8px}.slot-number{font-size:14px;width:20px}.slot-name{font-size:8px}.vs-divider{display:none}.big-fight-btn{padding:15px;font-size:10px;margin-top:10px}.roster-header-actions{flex-direction:column;padding:10px;gap:10px}.role-nav-container{width:100%;justify-content:space-between}}.mode-btn{background:transparent;border:1px solid var(--retro-gold);color:var(--retro-gold);font-family:var(--retro-font);font-size:8px;padding:20px 12px;cursor:pointer;transition:all .2s}.mode-btn:hover,.mode-btn.active{background:var(--retro-gold);color:var(--retro-bg)}.roster-slot.in-selection{cursor:crosshair}.roster-slot.picked{border-color:var(--white);box-shadow:0 0 15px var(--white);transform:scale(1.05)}.roster-slot.picked:before{content:"";position:absolute;inset:0;background:#f7d51d33;z-index:5}.pick-badge{position:absolute;bottom:10px;right:-5px;background:var(--retro-bg);color:var(--white);padding:4px 8px;font-size:8px;z-index:10;border:1px solid var(--white);box-shadow:3px 3px #000}.selection-footer{position:sticky;bottom:0;margin-top:30px;background:#000000e6;border-top:2px solid var(--retro-gold);padding:20px;display:flex;justify-content:space-between;align-items:center;animation:slideUp .3s ease-out}.selection-counter{font-size:14px;color:var(--white)}.selection-counter .count{color:var(--retro-gold)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-slot{display:flex;flex-direction:column;aspect-ratio:3 / 4;align-items:center;justify-content:center;text-decoration:none;background:#ffffff0d;border:4px dashed #444;box-sizing:border-box}.add-text{font-size:6px;margin-top:10px}.card-actions-overlay{position:absolute;top:5px;right:5px;display:flex;gap:5px;z-index:10}.action-btn{background:#000000b3;color:#fff;border:1px solid var(--retro-gold);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--retro-font);font-size:12px;transition:all .2s}.action-btn:hover{transform:scale(1.1);background:var(--black)}.edit-btn:hover{color:var(--retro-cyan);border-color:var(--retro-cyan)}.delete-btn:hover{color:var(--retro-red);border-color:var(--retro-red)}@media(min-width:1025px){.athlete-detail-panel{width:310px;border-left:4px solid var(--retro-stone);position:sticky;top:0;height:100vh}.close-mobile-details{display:none}}.name-plate{font-size:6px;padding:4px 1px}.roster-slot:active{transform:scale(.95)}.roster-slot.active{border-color:var(--retro-gold);box-shadow:0 0 15px var(--retro-gold)}.selection-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--retro-bg);padding:15px;border-top:4px solid var(--retro-gold)}.athlete-detail-panel::-webkit-scrollbar{width:8px}.athlete-detail-panel::-webkit-scrollbar-track{background:#111}.athlete-detail-panel::-webkit-scrollbar-thumb{background:var(--retro-stone);border:2px solid #111}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.filter-btn{background:transparent;border:2px solid #444;color:#888;font-family:"Press Start 2P",cursive;font-size:8px;padding:10px 15px;cursor:pointer;transition:all .2s steps(2)}.filter-btn.gold{background-color:var(--retro-gold);border-color:var(--retro-gold)}.filter-btn.diamond{background-color:var(--retro-cyan);border-color:var(--retro-cyan)}.filter-btn.green{background-color:var(--retro-green);border-color:var(--retro-green)}.filter-btn.red{background-color:var(--retro-red);border-color:var(--retro-red)}.filter-btn.active{border-color:var(--white);color:var(--white);box-shadow:0 0 10px #ffffff4d}.filter-btn:hover{border-color:var(--white);color:var(--white)}.detail-tabs{display:flex;gap:15px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:15px}.tab-link{background:none;border:none;color:#666;font-family:"Press Start 2P",cursive;font-size:10px;padding:8px 0;cursor:pointer;transition:.2s}.tab-link.active{color:#fff;border-bottom:2px solid #fff}.fight-history-scroll{max-height:300px;overflow-y:auto;padding-right:5px}.history-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);margin-bottom:10px;padding:10px;position:relative}.history-card.победа{border-left:4px solid #00ff00}.history-card.поражение{border-left:4px solid #ff0000}.history-card.ничья{border-left:4px solid #ffff00}.history-date{font-size:8px;color:#888;margin-bottom:5px}.history-main{display:flex;align-items:center;gap:8px;font-size:11px}.res-label{font-weight:700}.vs-text{color:#555;font-size:9px}.opp-name{color:#fff}.history-meta{font-size:8px;color:#555;margin-top:5px;text-transform:uppercase}.no-history{text-align:center;color:#444;font-size:10px;padding:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.roster-container{padding:10px;border-width:4px;/}.roster-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.roster-grid-section{padding:5px}.roster-grid{grid-template-columns:repeat(3,1fr);gap:8px}.name-plate{font-size:5px;padding:3px 1px}.add-icon{font-size:24px}.add-text{display:none}.division-badge{width:12px;height:12px;font-size:6px}}.retro-radar-wrapper{position:relative;width:220px;height:220px;margin:20px auto;background:radial-gradient(circle,rgba(247,213,29,.05) 0%,transparent 70%)}.radar-svg{width:100%;height:100%;overflow:visible}.radar-grid-bg{fill:#0006;stroke:var(--retro-stone-light);stroke-width:2}.radar-axis{stroke:var(--retro-stone);stroke-width:1;stroke-dasharray:2}.radar-poly-glow{fill:#00ff004d;stroke:var(--retro-green);stroke-width:3;filter:drop-shadow(0 0 8px var(--retro-green));transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.radar-label{position:absolute;font-family:var(--retro-font);font-size:8px;color:var(--white);text-shadow:2px 2px 0px #000}.label-p{top:0;left:50%;transform:translate(-50%);color:var(--retro-red)}.label-d{bottom:20px;left:0;color:var(--retro-green)}.label-i{bottom:20px;right:0;color:var(--retro-cyan)}.stats-display{margin-top:20px;padding:10px;border:var(--retro-border-thick) double var(--retro-stone);background:var(--black)}.stat-line{font-family:var(--retro-font);font-size:10px;margin-bottom:8px;display:flex;justify-content:space-between}.val-p{color:var(--retro-red)}.val-d{color:var(--retro-green)}.val-i{color:var(--retro-cyan)}.stat-total{margin-top:10px;border-top:1px solid var(--retro-stone);padding-top:5px;color:var(--retro-gold);font-size:9px;text-align:center}.animate-fade-in{animation:retroAppear .1s steps(4)}@keyframes retroAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.versus-layout{min-height:100vh;background-color:#000;color:#fff;position:relative;overflow-x:hidden;font-family:var(--retro-font);display:flex;flex-direction:column}.versus-grid-bg{position:fixed;width:200vw;height:200vh;background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:60px 60px;transform:perspective(800px) rotateX(60deg);bottom:-40%;left:-50%;z-index:0;pointer-events:none}.versus-top-bar{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.versus-content{display:flex;flex:1;width:100%;max-width:1600px;margin:0 auto;align-items:center;justify-content:center;padding:20px;gap:40px;z-index:1}.fighter-column{flex:0 1 400px;display:flex;flex-direction:column;align-items:center}.fighter-card-wrapper{width:100%;background:#0a0a0a;border:6px solid #333;padding:15px;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.fighter-card-wrapper:hover{transform:scale(1.02)}.blue-glow{border-color:var(--retro-cyan);box-shadow:0 0 40px #00ffff4d,inset 0 0 20px #00ffff1a}.red-glow{border-color:var(--retro-red);box-shadow:0 0 40px #ff00004d,inset 0 0 20px #ff00001a}.corner-tag{font-size:10px;text-align:center;margin-bottom:12px;letter-spacing:3px;color:#fff;text-shadow:0 0 5px currentColor}.fighter-photo-frame{width:100%;height:450px;background:#111;border:2px solid #222;overflow:hidden;position:relative}.fighter-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 40%)}.fighter-photo-frame img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.photo-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#444}.fighter-name-display{margin-top:20px;font-size:clamp(18px,3vw,24px);text-align:center;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:1px;text-shadow:3px 3px 0px #000}.vs-center-column{flex:0 1 380px;display:flex;flex-direction:column;align-items:center}.vs-badge{font-size:clamp(80px,15vw,140px);font-weight:900;color:var(--retro-gold);font-style:italic;text-shadow:6px 6px 0px var(--retro-red-dark);margin-bottom:-20px;z-index:2}.vs-settings-box{width:100%;background:#050505f2;border:2px solid var(--retro-gold);padding:30px;box-shadow:0 10px 50px #000c}@media(max-width:1100px){.versus-content{flex-direction:column;padding:80px 20px 20px;gap:50px}.fighter-column{width:100%;order:2}.blue-side{order:1}.red-side{order:3}.vs-center-column{order:2;width:100%;max-width:450px}.fighter-card-wrapper{max-width:400px}.fighter-photo-frame{height:400px}.vs-badge{font-size:80px;margin:20px 0}}@media(max-width:600px){.fighter-photo-frame{height:320px}.fighter-card-wrapper{border-width:4px;padding:10px}.vs-settings-box{padding:20px}}.vs-settings-form{display:flex;flex-direction:column;gap:15px}.retro-select-group{display:flex;flex-direction:column;gap:5px}.retro-select-group label{font-size:9px;color:var(--retro-gold);text-transform:uppercase}.retro-select{background:#000;border:1px solid var(--retro-stone);color:#fff;padding:10px;font-family:var(--retro-font);font-size:11px;outline:none}.retro-select:focus{border-color:var(--retro-gold)}.retro-checkbox-container{display:flex;align-items:center;gap:10px;font-size:10px;color:#fff;cursor:pointer;margin:10px 0}@media(max-width:768px){.versus-content{flex-direction:column;gap:10px;padding:10px;align-items:center}.versus-top-bar{padding:10px}.fighter-column{width:100%;flex:none;order:1}.versus-content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto}.fighter-card-wrapper{height:60px;flex-direction:row;display:flex;align-items:center;padding:5px 15px;gap:15px}.blue-side,.red-side{margin-bottom:5px}.fighter-photo-frame{width:45px!important;height:45px!important;border-width:2px!important;flex-shrink:0}.fighter-name-display{font-size:10px!important;text-align:left!important;margin:0!important}.corner-tag{font-size:6px!important;position:static!important;margin-bottom:0;width:60px}.vs-center-column{order:2;width:100%;margin-top:10px}.vs-badge{display:none}.vs-settings-box{padding:15px;border-width:2px}.box-header{font-size:12px;margin-bottom:15px}.retro-select-group label,.retro-label{font-size:8px}.retro-select,.retro-input{padding:8px!important;font-size:12px!important}.btn-submit-wrapper{margin-top:15px}}.retro-fights-layout{background-color:var(--retro-bg);min-height:100vh;padding:20px;font-family:var(--retro-font);box-sizing:border-box;color:var(--retro-gold)}.fights-navigation-header{max-width:900px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between}.tournament-header{text-align:center;margin-bottom:50px}.tournament-title{color:var(--retro-gold);font-size:clamp(14px,5vw,28px);text-shadow:2px 2px var(--retro-red-dark);margin:0;text-align:center;flex-grow:1}.tournament-divider{height:4px;background:linear-gradient(90deg,transparent,var(--retro-gold),transparent);width:80%;margin:0 auto 30px}.fights-top-nav{max-width:900px;margin:0 auto 20px;display:flex;justify-content:flex-start}.fights-list-scroll{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.retro-match-card{border:2px solid var(--retro-stone);background:var(--retro-blue-dark);box-shadow:6px 6px #00000080}.match-category{background:var(--retro-stone);color:var(--retro-gold);padding:6px 12px;font-size:8px;display:flex;justify-content:space-between}.match-main{display:flex;align-items:center;justify-content:space-between;padding:15px;background:linear-gradient(180deg,#111,#000);min-height:100px}.match-fighter{flex:1;display:flex;flex-direction:column;min-width:0}.blue-corner{color:var(--retro-cyan);text-align:left}.red-corner{color:var(--retro-red);text-align:right}.fighter-status{font-size:8px;margin-bottom:10px;opacity:.7}.victor .fighter-status{color:var(--retro-green);opacity:1;text-shadow:0 0 5px var(--retro-green)}.fighter-name-tag{font-size:clamp(9px,3.5vw,14px);line-height:1.2;word-break:break-word;text-transform:uppercase;margin:5px 0}.match-vs-block{padding:0 10px;text-align:center;flex-shrink:0}.vs-icon{font-size:clamp(14px,6vw,24px);color:var(--retro-gold);font-style:italic;text-shadow:2px 2px #000}.match-rounds{font-size:7px;color:gray}.match-footer{border-top:1px solid var(--retro-stone);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;background:#050505;font-size:8px}.match-type-flag{font-size:8px;color:var(--retro-gold-dark)}.match-closed{color:var(--gray);font-size:8px;border:1px solid var(--gray);padding:5px}.no-data-msg{color:var(--gray);text-align:center;margin-top:100px;font-size:14px}.victor{animation:victor-pulse 1.5s infinite ease-in-out}@keyframes victor-pulse{0%{transform:scale(1)}50%{transform:scale(1.02);filter:brightness(1.2)}to{transform:scale(1)}}.win-btn{margin-top:8px;font-family:var(--retro-font);font-size:clamp(7px,2.2vw,9px);padding:4px 8px;cursor:pointer;border:1px solid;background:transparent;transition:all .2s;white-space:nowrap}.win-btn.blue{color:var(--retro-cyan);border-color:var(--retro-cyan)}.win-btn.red{color:var(--retro-red);border-color:var(--retro-red)}.win-btn:hover{background:#fff;color:#000;box-shadow:0 0 10px #fff}.rating-counter-wrapper{position:relative;margin-bottom:2px}.base-rating{font-size:clamp(7px,2.5vw,10px);color:var(--retro-gold)}.rating-diff{position:absolute;top:-12px;font-size:10px}.blue-corner .rating-diff{left:0}.red-corner .rating-diff{right:0}.plus{color:var(--retro-green)}.minus{color:var(--retro-red)}.anim-status{color:var(--retro-gold);font-size:8px;animation:blink .5s infinite}@media(max-width:600px){.header-spacer{display:none}.match-main{padding:10px}.match-vs-block{padding:0 5px}}.confirm-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-modal{background:#1a1a1a;border:4px solid #333;outline:4px solid #1a1a1a;padding:35px;text-align:center;width:90%;max-width:420px;box-shadow:0 0 30px #000000b3;image-rendering:pixelated}.confirm-label{font-size:10px;color:#888;margin-bottom:12px;letter-spacing:1px;display:block}.confirm-winner-name{color:var(--white, #fff);font-size:22px;margin-bottom:25px;text-transform:uppercase;text-shadow:2px 2px 0px #000}.confirm-extra-content{margin-bottom:30px;padding:15px;background:#ffffff08;border:1px dashed #333}.confirm-actions{display:flex;justify-content:center;gap:30px}.confirm-btn{background:transparent;border:none;font-family:var(--retro-font, "Press Start 2P", cursive);font-size:14px;cursor:pointer;padding:12px;transition:all .1s steps(2)}.confirm-btn.yes{color:var(--retro-green, #00ff00)}.confirm-btn.no{color:var(--retro-red, #ff4444)}.confirm-btn:hover{transform:scale(1.15);text-shadow:0 0 8px currentColor}.confirm-btn:active{transform:scale(.95);filter:brightness(1.2)}@media(max-width:480px){.confirm-modal{padding:20px}.confirm-winner-name{font-size:16px}.confirm-btn{font-size:12px}}.retro-create-layout{display:flex;flex-direction:row;gap:20px;background:var(--retro-bg-dark);font-family:var(--retro-font);padding:20px;min-height:100vh;border:4px solid var(--retro-stone);box-shadow:inset 0 0 50px #000;color:var(--white);box-sizing:border-box}.creation-terminal{flex:1;background:#000000d9;border:2px solid var(--retro-stone-light);padding:25px;display:flex;flex-direction:column;order:1}.terminal-header{border-bottom:2px solid var(--retro-stone);margin-bottom:25px;padding-bottom:15px}.status-indicator{display:flex;align-items:center;gap:10px;margin-bottom:8px}.blink-dot{width:8px;height:8px;background:#0f0;border-radius:50%;animation:blink 1s infinite step-start}.status-text{font-size:8px;color:var(--retro-green);letter-spacing:1px}.terminal-title{color:var(--retro-gold);font-size:16px;margin:0;text-shadow:2px 2px var(--retro-bg)}.retro-form-scroll{max-height:65vh;overflow-y:auto;padding-right:15px}.input-block{margin-bottom:20px}.retro-radio-group{display:flex;flex-direction:column;gap:10px;margin-top:5px}.radio-option-wrapper{position:relative}.retro-radio-label{display:block;padding:5px;background-color:#1a1a1a;border:2px solid #4a4a4a;cursor:pointer;transition:all .2s ease-in-out}.retro-radio-input{display:none}.retro-radio-input:checked+.retro-radio-label{background-color:var(--retro-gold);border-color:var(--retro-gold);color:#1a1a1a;box-shadow:0 0 10px #f7d51db3}.retro-radio-label:hover{background-color:#252525;border-color:#888}.retro-form-scroll::-webkit-scrollbar{width:6px}.retro-form-scroll::-webkit-scrollbar-thumb{background:var(--red)}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:10px}.retro-input-group{display:flex;flex-direction:column}.retro-label{display:block;font-size:9px;color:var(--retro-gold);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.retro-select-field{width:100%;background:#0a0a0a;border:2px solid var(--retro-stone-light);padding:12px;color:var(--white);font-family:var(--retro-font);font-size:10px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23f7d51d'%3E%3Cpath d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.retro-select-field:focus{border-color:var(--retro-gold);box-shadow:inset 0 0 10px #f7d51d33}.achievements-box{margin-top:25px;padding:15px;border:1px solid var(--retro-stone);background:#ffffff08}.log-entry-row{display:flex;gap:10px;margin-bottom:10px}.log-entry-row .retro-form-group{margin-bottom:0}.log-input-wrapper{flex:1}.retro-delete-row{background:var(--retro-red);color:var(--white);border:none;font-family:var(--retro-font);font-size:8px;padding:0 10px;cursor:pointer;height:42px}.retro-delete-row:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--retro-red-dark)}.add-log-btn{background:transparent;border:1px dashed var(--retro-cyan);color:var(--retro-cyan);padding:12px;font-family:var(--retro-font);font-size:8px;cursor:pointer;width:100%;margin-top:10px;transition:background .2s}.add-log-btn:hover{background:#00ffff0d}.form-actions{display:flex;align-items:center;gap:20px;margin-top:30px;padding-top:20px;border-top:2px solid var(--retro-stone)}.terminal-cancel{background:transparent;border:none;color:var(--retro-stone-light);font-family:var(--retro-font);font-size:10px;cursor:pointer}.terminal-cancel:hover{color:var(--retro-red)}.preview-display{flex:0 0 320px;background:#050505;border:2px solid var(--retro-stone);position:sticky;top:20px;height:calc(100vh - 40px);display:flex;flex-direction:column;align-items:center;padding:30px 15px;overflow:hidden;order:2}.display-scanline{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0003 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px;pointer-events:none;z-index:2}.preview-header{color:var(--retro-gold);font-size:10px;margin-bottom:40px;z-index:3;letter-spacing:2px}.preview-container{flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%}.preview-card-wrapper{width:200px;height:280px;border:4px solid var(--retro-stone-light);background:#111;transition:all .3s ease}.preview-card-wrapper.card-active{border-color:var(--white);box-shadow:0 0 20px #f7d51d4d;transform:scale(1.02)}.athlete-card-retro{height:100%;display:flex;flex-direction:column}.photo-container{position:relative;flex-grow:1;background:#1a1a1a;overflow:hidden}.athlete-pixel-photo{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.empty-photo{height:100%;display:flex;align-items:center;justify-content:center;color:var(--retro-stone-light);font-size:8px}.name-plate{background:var(--retro-stone);color:var(--retro-gold);font-size:8px;text-align:center;padding:10px 5px;border-top:2px solid var(--retro-gold)}.division-badge{position:absolute;top:5px;left:5px;width:18px;height:18px;background:#000c;border:1px solid var(--white);display:flex;align-items:center;justify-content:center;font-size:10px}.division-badge.gold{color:var(--retro-gold);border-color:var(--retro-gold)}.division-badge.diamond{color:var(--retro-cyan);border-color:var(--retro-cyan)}.division-badge.red{color:var(--retro-red);border-color:var(--retro-red)}.division-badge.green{color:var(--retro-green);border-color:var(--retro-green)}.system-msg{color:var(--retro-green);font-size:8px;margin-top:30px;animation:blink 1s infinite}.retro-form-group{position:relative;margin-bottom:20px;width:100%}.retro-label{display:block;font-size:8px;color:var(--retro-gold);margin-bottom:8px;letter-spacing:1.5px;text-transform:uppercase}.input-wrapper{position:relative;overflow:hidden}.retro-input{width:100%;background:#000c;border:2px solid var(--retro-stone-light);padding:12px;color:#fff;font-family:var(--retro-font);font-size:10px;outline:none;transition:all .3s ease}.retro-input:focus{border-color:var(--retro-gold);box-shadow:inset 0 0 10px #f7d51d33}.retro-textarea{min-height:100px;resize:none}.hidden-file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.retro-file-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#141414e6;border:2px dashed var(--retro-stone-light);padding:12px;color:#aaa;font-family:var(--retro-font);font-size:9px;cursor:pointer;transition:all .2s}.retro-file-button:hover{border-color:var(--retro-cyan);background:#00ffff0d;color:var(--retro-cyan)}.file-browse-btn{background:var(--retro-stone-light);color:#000;padding:4px 8px;font-weight:700}.retro-file-button:hover .file-browse-btn{background:var(--retro-cyan)}.input-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff1a;box-shadow:0 0 8px #fff3;pointer-events:none;animation:scan-move 4s linear infinite;z-index:5}@keyframes scan-move{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(45px);opacity:0}}.retro-textarea+.input-scanline{animation-duration:8s}.retro-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) sepia(100%) saturate(1000%) hue-rotate(10deg);cursor:pointer}.tooltip-container{position:relative}.tooltip-container:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:10px;border-radius:5px;border:2px solid #fff;z-index:10;width:300px;text-align:center;font-size:14px;line-height:1.4;pointer-events:none;opacity:1;transition:opacity .2s}@media(max-width:1024px){.retro-create-layout{flex-direction:column;padding:10px;gap:15px}.preview-display{position:relative;top:0;height:auto;flex:none;order:1;padding:15px;border-bottom:4px solid var(--retro-gold)}.preview-header{margin-bottom:15px;font-size:8px}.preview-card-wrapper{width:140px;height:190px}.creation-terminal{order:2;padding:15px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:15px}.hide-mobile{display:none}}@media(min-width:1025px){.retro-form-scroll{max-height:60vh;overflow-y:auto;padding-right:10px}}.role-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--retro-bg-dark);padding:40px 20px;border:4px solid var(--retro-stone);box-shadow:inset 0 0 50px #000;color:var(--white);font-family:var(--retro-font)}.role-selector-header{text-align:center;margin-bottom:50px;z-index:2}.role-selector-title{color:var(--retro-gold);font-size:clamp(16px,4vw,24px);margin:0 0 15px;text-shadow:2px 2px var(--retro-bg);letter-spacing:3px}.role-selector-subtitle{color:var(--retro-stone-light);font-size:clamp(8px,2vw,12px);margin:0;letter-spacing:2px}.role-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;width:100%;padding:0 20px}.role-card{background:#000c;border:3px solid var(--retro-stone-light);padding:30px 20px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:280px;box-shadow:0 4px 15px #00000080}.role-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,#fff0);pointer-events:none}.role-card:hover{transform:translateY(-5px);border-color:var(--role-color);box-shadow:0 8px 25px #000000b3}.role-card.active{border-color:var(--role-color);box-shadow:0 0 30px var(--role-color),0 8px 25px #000000b3;transform:translateY(-8px) scale(1.02);background:#000000e6}.role-card-icon{font-size:48px;margin-bottom:15px;filter:drop-shadow(0 0 10px var(--role-color));transition:transform .3s ease}.role-card.active .role-card-icon{transform:scale(1.2) rotate(5deg);animation:pulse 2s infinite}.role-card-emoji{font-size:64px;margin-bottom:15px;line-height:1}.role-card-label{color:var(--retro-gold);font-size:clamp(14px,3vw,18px);margin:0 0 10px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.role-card.active .role-card-label{color:var(--role-color);text-shadow:0 0 10px var(--role-color)}.role-card-description{color:var(--retro-stone-light);font-size:clamp(9px,2vw,11px);margin:0;line-height:1.4;letter-spacing:1px}.role-card-indicator{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:var(--role-color);font-size:10px;letter-spacing:1px;animation:blink 1.5s infinite}.role-card-arrow{font-size:12px}.role-card-press{text-transform:uppercase}.role-selector-footer{margin-top:50px;text-align:center;z-index:2}.role-selector-hint{color:var(--retro-stone-light);font-size:clamp(8px,1.5vw,10px);letter-spacing:1.5px}@keyframes pulse{0%,to{filter:drop-shadow(0 0 10px var(--role-color))}50%{filter:drop-shadow(0 0 20px var(--role-color))}}@keyframes blink{50%{opacity:.5}}@media(max-width:768px){.role-cards-grid{grid-template-columns:1fr;gap:20px;max-width:400px}.role-card{min-height:240px;padding:25px 15px}.role-card-emoji{font-size:48px}.role-card-icon{font-size:36px}}.retro-container{background-color:#000;min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Press Start 2P",cursive;color:#fff;image-rendering:pixelated;border:clamp(2px,1vw,4px) solid #333;box-shadow:inset 0 0 50px #ffffff1a;position:relative;overflow-x:hidden;padding:40px 20px}.retro-container:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:5;background-size:100% 4px,3px 100%;pointer-events:none}.retro-title{color:red;font-size:clamp(16px,5vw,24px);margin-bottom:clamp(30px,8vw,60px);text-shadow:3px 3px #550000;text-align:center;line-height:1.4;z-index:10}.retro-menu-list{list-style:none;padding:0;margin:0;z-index:10;width:100%;max-width:400px}.retro-menu-item{font-size:clamp(12px,3.5vw,18px);margin:15px 0;cursor:pointer;position:relative;padding-left:clamp(30px,8vw,45px);transition:transform .1s,color .2s;text-transform:uppercase}.retro-menu-item:hover{transform:scale(1.05);color:#ff0}.retro-arrow{position:absolute;left:0;color:#fff;animation:blink .5s step-start infinite}.retro-menu-item.active{color:#ff0;animation:text-blink .6s step-start infinite}@keyframes text-blink{80%{color:#fff}}.retro-footer{margin-top:40px;font-size:clamp(8px,2vw,10px);color:#444;text-align:center;z-index:10;animation:blink 1.5s infinite}@media(max-height:450px){.retro-container{justify-content:flex-start;padding-top:20px}.retro-title{margin-bottom:20px}.retro-menu-item{margin:10px 0}}.loading-screen{display:flex;justify-content:center;align-items:center;background-color:#000}.loading-text{color:var(--retro-gold);font-size:16px;margin-bottom:20px;text-align:center;letter-spacing:2px}.loading-bar-container{width:300px;height:20px;border:3px solid var(--white);padding:3px;margin:0 auto}.loading-bar-fill{height:100%;background-color:var(--retro-red);width:0%;animation:fillBar 1.2s steps(10) forwards}.loading-subtext{color:#555;font-size:8px;margin-top:15px;text-align:center}.menu-fade-in{animation:arcadeIn .3s ease-out}@keyframes fillBar{0%{width:0%}30%{width:40%}60%{width:70%}to{width:100%}}@keyframes arcadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.loading-subtext{animation:blink .5s infinite}.retro-menu-item.logout-item.active{color:var(--retro-red);text-shadow:2px 2px #5a0000}.federations-layout{padding:40px;min-height:100vh;background:var(--retro-bg);font-family:var(--retro-font)}.federations-header{text-align:center;margin-bottom:40px}.federations-title{font-size:24px;color:var(--retro-gold);text-shadow:4px 4px #000;margin-bottom:20px}.search-bar{max-width:600px;margin:0 auto}.federations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.federation-card{background:#1a1a1a;border:2px solid #4a4a4a;text-decoration:none;color:var(--white);transition:all .2s ease-in-out}.federation-card:hover{border-color:var(--retro-gold);transform:translateY(-5px);box-shadow:0 10px 20px #0006}.federation-card-header{padding:15px;border-bottom:2px solid #4a4a4a}.federation-name{font-size:14px;color:var(--retro-gold);margin:0}.federation-card-body{padding:15px;font-size:12px;color:#ccc}.federation-card-footer{padding:10px 15px;border-top:2px solid #4a4a4a;text-align:right;font-size:10px;color:var(--retro-green)}.no-results{color:#666;text-align:center;grid-column:1 / -1;padding:50px}.federation-details-layout{min-height:100vh;background:var(--retro-bg);font-family:var(--retro-font);display:flex;gap:30px}.federation-main-content{flex:1;min-width:0}.federation-details-header{text-align:center;margin-bottom:30px;color:var(--white)}.federation-details-header h1{font-size:24px;color:var(--retro-gold);text-shadow:4px 4px #000;margin-bottom:10px}.federation-details-header p{font-size:14px;color:#ccc}.federation-filters{gap:20px;margin-bottom:30px;background:#1a1a1a;padding:20px;border:2px solid #4a4a4a}.filter-selectors{display:flex;gap:10px}:root{--red: #e53935;--black: #111111;--white: #ffffff;--gray: #666666;--bg-light: #f6f6f6;--border-light: #eeeeee;--retro-gold: #f7d51d;--retro-gold-dark: #8a7300;--retro-red: #ff0000;--retro-red-dark: #1a0000;--retro-blue-dark: #000b1e;--retro-stone: #3d2b1f;--retro-stone-light: #555555;--retro-bg: #000000;--retro-green: #00ff00;--retro-cyan: #00ffff;--retro-border-thick: 4px;--retro-font: "Press Start 2P", cursive;--radius-sm: 10px;--radius-md: 14px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--retro-shadow: 4px 4px 0px #000}.global-roster-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:15px;padding:15px}@media(max-width:768px){.global-roster-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.global-roster-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--retro-bg);color:var(--white);line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.retro-loader{font-family:var(--retro-font);color:var(--retro-gold);text-align:center;padding:50px;animation:blink .8s infinite step-start}@keyframes blink{50%{opacity:0}}.retro-btn-base{font-family:var(--retro-font);border:none;cursor:pointer;text-transform:uppercase;transition:all .1s steps(2);display:flex;align-items:center;justify-content:center;gap:10px}.retro-btn-base:active{transform:translate(2px,2px);box-shadow:none!important}.retro-btn-primary{background:var(--retro-gold);color:var(--retro-bg-dark);padding:15px 25px;border:none;font-family:var(--retro-font);font-size:11px;cursor:pointer;box-shadow:5px 5px 0 var(--retro-gold-dark);text-transform:uppercase}.retro-btn-primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--retro-gold-dark)}.retro-btn-primary:disabled{background:var(--retro-stone-light);box-shadow:none;cursor:not-allowed;opacity:.6}.retro-exit-btn{background:transparent;border:2px solid var(--retro-red);color:var(--retro-red);font-family:var(--retro-font);font-size:12px;padding:12px 20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;box-shadow:var(--retro-shadow)}.retro-exit-btn:hover{background:var(--retro-red);color:var(--retro-bg);box-shadow:6px 6px #000}.retro-field-base{width:100%;background:#000c;border:2px solid var(--retro-stone-light);padding:12px;color:var(--white);font-family:var(--retro-font);font-size:10px;outline:none;transition:border-color .2s}.retro-field-base:focus{border-color:var(--retro-gold);box-shadow:inset 0 0 10px #f7d51d33}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:block}.hide-desktop{display:none}@media(max-width:768px){:root{--retro-border-thick: 2px}.retro-exit-btn{font-size:10px;padding:10px 15px}.hide-mobile{display:none!important}.hide-desktop{display:block!important}}@media(max-width:600px){.retro-exit-btn{background-color:var(--retro-red);color:#fff;border:1px solid #ffffff;font-size:18px;padding:15px 18px;box-shadow:none;opacity:1}.retro-exit-btn:active{background-color:#7a0000;transform:translateY(1px)}}