:root{--val-red:#ff4655;--val-dark:#0f1923;--val-anthracite:#1f2326;--val-white:#ece8e1;--val-gray:#7b7b7b;--val-font:"Inter", system-ui, -apple-system, sans-serif;--val-border:1px solid #ece8e133;--val-shadow:0 10px 30px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--val-dark);color:var(--val-white);font-family:var(--val-font);min-height:100vh;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;border-bottom:2px solid var(--val-red);margin-bottom:3rem;padding-bottom:1rem}.header h1{text-transform:uppercase;letter-spacing:.2rem;font-style:italic;font-weight:900}.home-hub{border:var(--val-border);box-shadow:var(--val-shadow);background:linear-gradient(135deg,#ff46551f,#1f2326e6);border-radius:8px;margin-bottom:1.5rem;padding:1.4rem}.tab-control{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.tab-btn{color:var(--val-white);background:#ffffff05;border:1px solid #ffffff24;border-radius:999px;padding:.55rem 1.1rem;font-size:.83rem}.tab-btn:hover{border-color:var(--val-red)}.tab-btn.is-active{background:var(--val-red);border-color:var(--val-red)}.is-hidden{display:none!important}.home-hub h2{text-transform:uppercase;letter-spacing:.12rem;margin-bottom:.45rem;font-size:1.1rem}.home-hub-subtitle{color:var(--val-gray);margin-bottom:1rem;font-size:.95rem}.home-hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.home-hub-note{color:var(--val-gray);margin-top:.85rem;font-size:.86rem}.auth-area{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.auth-user,.auth-guest{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.auth-note{color:var(--val-gray);font-size:.9rem}.controls{background:linear-gradient(145deg,#0f1923e6,#0f1923f5);background-image:linear-gradient(145deg, #0f1923b8, #0f1923ed), var(--builder-map-bg,none);border:var(--val-border);background-position:50%;background-size:cover;border-radius:8px;margin-bottom:3rem;padding:2rem;position:relative;overflow:hidden}.controls:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ff46551f,#0000 55%);position:absolute;inset:0}.controls:before{content:"";border-top:2px solid var(--val-red);border-left:2px solid var(--val-red);width:20px;height:20px;position:absolute;top:-2px;left:-2px}.builder-tab-control{z-index:1;gap:.6rem;margin-bottom:1.25rem;display:flex;position:relative}.builder-tab-btn{color:var(--val-white);background:#0f19239e;border:1px solid #fff3;border-radius:999px;padding:.52rem 1.08rem;font-size:.82rem}.builder-tab-btn.is-active{background:#ff4655e0;border-color:#ff4655f2;box-shadow:0 0 0 2px #ff465559,0 0 16px #ff465538}.builder-panel{z-index:1;display:block;position:relative}.control-group{background:linear-gradient(120deg, color-mix(in oklab, var(--menu-accent-1,#ff465561) 24%, transparent), color-mix(in oklab, var(--menu-accent-2,#ff465538) 20%, transparent), color-mix(in oklab, var(--menu-accent-3,#ff46551f) 18%, transparent)), #0f19238a;border:1px solid color-mix(in oklab, var(--menu-accent-1,#ff465580) 55%, #ffffff2e);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:flex-end;gap:.85rem;margin-bottom:1.2rem;padding:.8rem;display:grid}.control-item{flex-direction:column;gap:.5rem;min-width:0;display:flex}label{text-transform:uppercase;letter-spacing:.1rem;color:var(--val-gray);font-size:.75rem;font-weight:700}select,input,button{color:var(--val-white);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;padding:.8rem 1rem;font-family:inherit;transition:all .2s}select:focus,input:focus{border-color:var(--val-red);background:#ffffff1a;outline:none}button{cursor:pointer;background:var(--val-red);color:#fff;text-transform:uppercase;letter-spacing:.1rem;border:none;padding:.8rem 1.5rem;font-weight:700}button:hover:not(.comps-map-btn){background:#ff5e6a;transform:translateY(-2px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.secondary{border:1px solid var(--val-red);color:var(--val-red);background:0 0}button.secondary:hover{background:var(--val-red);color:#fff}.preview-container{justify-content:center;margin-top:2rem;display:flex}#composition-board{width:1000px;box-shadow:var(--val-shadow);background:#111;border:1px solid #333;position:relative;overflow:hidden}.map-banner{border-bottom:4px solid var(--val-red);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:250px;display:flex;position:relative}.map-banner:after{content:"";background:linear-gradient(#0f192333,#0f1923cc);position:absolute;inset:0}.map-name{z-index:2;text-transform:uppercase;letter-spacing:.5rem;text-shadow:0 0 20px #000c;font-size:4rem;font-style:italic;font-weight:900;position:relative}.comp-table{background:var(--val-dark);padding:2rem}.comp-row{border-bottom:1px solid #ffffff0d;grid-template-columns:100px 1fr 1fr;align-items:center;gap:2rem;padding:1rem;display:grid}.comp-row:last-child{border-bottom:none}.player-info{align-items:center;gap:1rem;display:flex}.player-card-img{border:2px solid var(--val-red);object-fit:cover;border-radius:4px;width:60px;height:60px}.player-name-text{text-transform:uppercase;font-size:1.5rem;font-weight:700}.agent-info{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.preview-agent-core{justify-items:center;gap:.3rem;display:grid}.preview-agent-slash{color:#ece8e1f2;text-shadow:0 3px 12px #000000d9;font-size:2.2rem;font-weight:900;line-height:1}.agent-img{object-fit:contain;width:80px;height:80px}.agent-name-text{color:var(--val-red);text-transform:uppercase;font-size:1.2rem;font-weight:700}.actions-bar{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.status-strip{justify-content:center;margin-top:.8rem;display:flex}.player-list-editor{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1rem;margin-top:1.15rem;display:grid}.player-entry{--player-accent:#ff4655;border:1px solid color-mix(in oklab, var(--player-accent) 52%, #fff3);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(145deg,#0f1923b3,#0f1923d1);border-radius:8px;flex-direction:column;gap:.8rem;padding:1rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.player-entry:hover{border-color:color-mix(in oklab, var(--player-accent) 74%, #ffffff2e);box-shadow:0 8px 26px color-mix(in oklab, var(--player-accent) 24%, #000000d1);transform:translateY(-1px)}.agent-pool-section{margin-top:1.5rem}.agent-pool{gap:.9rem;margin-top:.75rem;display:grid}.agent-pool-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-items:start;gap:12px;display:grid}.agent-pool-grid .agent-choice{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(145deg,#0f1923b3,#0f1923d9);border:1px solid #ffffff2e;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;padding:6px;display:flex}.agent-pool-grid .agent-choice img{width:56px;height:56px}.agent-pool-grid .agent-label{text-shadow:0 2px 8px #000000a6;background:0 0;margin-top:6px;padding:0;font-size:.75rem;display:block;position:static;transform:none}.agent-pool-empty{color:var(--val-gray);text-align:center;grid-column:1/-1;padding:1rem}.agent-pool-meta{color:var(--val-gray);font-size:.85rem}.admin-area{gap:1rem;margin-top:1.5rem;display:grid}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-user{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;grid-template-columns:minmax(200px,1.1fr) minmax(320px,1.4fr);gap:1rem;padding:1rem;display:grid}.admin-user-main{gap:.25rem;display:grid}.admin-user-title{color:var(--val-white);font-weight:700}.admin-user-subtitle{color:var(--val-gray);font-size:.9rem}.admin-user-actions{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:.75rem;display:grid}.riot-link-input{width:100%}.admin-empty{color:var(--val-gray);text-align:center}.admin-comp-tools{background:#0f192380;border:1px solid #ffffff1c;border-radius:8px;gap:.65rem;margin-top:.4rem;padding:.85rem;display:grid}.admin-comp-tools-title{color:#ece8e1eb;font-size:.84rem}.admin-comp-tools-row{grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:.55rem;display:grid}@media (width<=800px){.admin-comp-tools-row{grid-template-columns:1fr}}.player-entry-header{border-bottom:1px solid color-mix(in oklab, var(--player-accent) 52%, #fff3);grid-template-columns:auto 1fr auto;align-items:end;gap:.55rem;margin-bottom:.1rem;padding-bottom:.45rem;display:grid}.slot-player-name{color:#ece8e1f2;letter-spacing:.015rem;overflow-wrap:anywhere;flex-direction:column;gap:.2rem;font-size:.88rem;font-weight:700;display:flex}.pool-loading-indicator{color:color-mix(in oklab, var(--player-accent,#ff4655) 78%, #fff);letter-spacing:.03rem;text-transform:uppercase;font-size:.68rem;font-weight:700}.field-row{grid-template-columns:1fr;align-items:start;gap:.75rem;display:grid}.field{flex-direction:column;flex:1;gap:.4rem;display:flex}.agent-picker{justify-items:center;width:100%;display:grid;position:relative}.agent-picker .selected-agent{cursor:pointer;background:#ffffff08;border:1px solid #ffffff38;border-radius:3px;justify-content:center;align-items:center;width:64px;height:64px;margin-inline:auto;display:flex;position:relative;overflow:hidden}.agent-picker .selected-agent img{object-fit:contain;width:56px;height:56px}.selected-agent-name{text-align:center;text-transform:uppercase;letter-spacing:.04rem;color:#ece8e1e0;margin-top:.35rem;font-size:.72rem;font-weight:700}.selected-agent-row{justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:112px;display:flex}.selected-agent-block{align-content:start;justify-items:center;width:96px;display:grid}.selected-agent-type{text-transform:uppercase;letter-spacing:.08rem;color:#ece8e1b3;margin-bottom:.2rem;font-size:.62rem;font-weight:700}.selected-agent-slash{color:#ece8e1f2;text-shadow:0 2px 9px #000000b3;align-self:center;margin-top:0;font-size:2.35rem;font-weight:900;line-height:1}.flex-agent-toggle-btn{width:min(100%,220px);margin-top:.35rem;padding:.45rem .6rem;font-size:.68rem}.agent-picker .vignette{pointer-events:none;position:absolute;inset:0}.agent-picker .vignette.pref-never{background:radial-gradient(circle,#ff465500 52%,#ff46553d 100%);box-shadow:inset 0 0 0 2px #ff4655f2,0 0 12px #ff465559}.agent-picker .vignette.pref-okay{background:radial-gradient(circle,#ffc30000 52%,#ffc30038 100%);box-shadow:inset 0 0 0 2px #ffc300f2,0 0 12px #ffc3004d}.agent-picker .vignette.pref-favorite{background:radial-gradient(circle,#50c87800 52%,#50c87838 100%);box-shadow:inset 0 0 0 2px #50c878f2,0 0 12px #50c8784d}.agent-picker-grid{z-index:50;background:#0f1923fa;border:1px solid #ffffff0a;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;width:360px;padding:8px;display:grid;position:absolute;top:74px;left:0;box-shadow:0 8px 30px #0009}.agent-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player-select-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2001;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agent-modal{background:#0f1923fa;border:1px solid #ffffff0f;border-radius:10px;width:min(1100px,95%);max-height:85vh;overflow:auto;box-shadow:0 24px 60px #000000b3}.player-select-modal{background:#0f1923fa;border:1px solid #ffffff0f;border-radius:10px;width:min(640px,95%);max-height:85vh;overflow:auto;box-shadow:0 24px 60px #000000b3}.agent-modal-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.agent-modal-header h3{text-transform:uppercase;margin:0;font-size:1.2rem}.agent-modal-close{border:1px solid var(--val-red);color:var(--val-red);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .6rem}.agent-modal-content{padding:1rem 1.25rem 1.5rem}.agent-modal-hint{color:var(--val-white);background:#ff46551a;border:1px solid #ff465573;border-radius:6px;margin-bottom:.8rem;padding:.55rem .75rem;font-size:.82rem}.agent-modal-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-items:start;gap:10px;display:grid}.agent-modal-grid .agent-choice{border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;padding:6px;display:flex}.agent-modal-grid .agent-choice img{width:56px;height:56px}.agent-modal-grid .agent-label{margin-top:6px;font-size:.75rem;display:block;position:static}.agent-modal-legend{grid-column:1/-1;align-items:center;gap:1rem;padding-top:8px;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.legend-swatch.never{background:#ff4655f2}.legend-swatch.okay{background:#ffc300f2}.legend-swatch.favorite{background:#50c878f2}.legend-label{color:var(--val-white);font-size:.85rem}.player-select-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem;display:grid}.player-select-option{text-align:left;flex-direction:column;justify-content:center;gap:.25rem;min-height:74px;display:flex}.player-select-name{color:var(--val-white);font-size:.95rem;font-weight:700;line-height:1.15}.player-select-riot{color:#ece8e1b8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.agent-choice{cursor:pointer;background:#ffffff08;border:1px solid #ffffff38;border-radius:3px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.agent-choice img{object-fit:contain;width:48px;height:48px}.agent-choice.pref-never{border-color:#ff4655e6;box-shadow:inset 0 0 0 2px #ff4655fa,0 0 14px #ff465557}.agent-choice.pref-okay{border-color:#ffc300e0;box-shadow:inset 0 0 0 2px #ffc300fa,0 0 14px #ffc3004d}.agent-choice.pref-favorite{border-color:#50c878e0;box-shadow:inset 0 0 0 2px #50c878fa,0 0 14px #50c8784d}.agent-choice.pref-never:after,.agent-choice.pref-okay:after,.agent-choice.pref-favorite:after{content:"";pointer-events:none;position:absolute;inset:0}.agent-choice.pref-never:after{background:radial-gradient(circle,#ff465500 52%,#ff465533 100%)}.agent-choice.pref-okay:after{background:radial-gradient(circle,#ffc30000 52%,#ffc30033 100%)}.agent-choice.pref-favorite:after{background:radial-gradient(circle,#50c87800 52%,#50c87833 100%)}.agent-choice.selected{outline:3px solid #50c8782e;transform:translateY(-4px)}.agent-choice:hover{transform:translateY(-3px)}.agent-choice.is-unavailable{opacity:.35;filter:grayscale()}.agent-choice .agent-label{color:var(--val-white);background:#0009;border-radius:4px;padding:4px 6px;font-size:.7rem;display:none;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.agent-choice:hover .agent-label{display:block;bottom:-28px}.remove-btn{color:#ff4655;background:0 0;border:1px solid #0000;padding:.4rem .8rem;font-size:.7rem}.remove-btn:hover{border-color:var(--val-red);background:#ff46551a}@media (width<=860px){.controls{padding:1rem}.field-row{grid-template-columns:1fr}.agent-picker{justify-items:stretch}.selected-agent-row{justify-content:flex-start;min-height:0}.selected-agent-block{width:88px}.player-entry-header{grid-template-columns:1fr}.remove-btn{justify-self:start}}.status-message{border-radius:4px;align-items:center;gap:.5rem;min-height:1.5rem;margin-left:0;padding:.5rem 1rem;font-size:.9rem;display:flex}.status-message.success{color:#50c878;background:#50c87833;border:1px solid #50c8784d}.status-message.error{color:#ff4655;background:#ff465533;border:1px solid #ff46554d}.status-message.status-pulse{animation:.45s statusPulse}.status-message.loading{color:#ffc300;background:#ffc30033;border:1px solid #ffc3004d}.status-message.loading:before{content:"";border:2px solid #ffc30080;border-top-color:#ffc300;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}.comp-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comp-dialog{background:#0f1923fa;border:1px solid #ffffff1a;border-radius:10px;width:min(900px,95vw);max-height:90vh;overflow:auto;box-shadow:0 28px 62px #000000bf}.comp-dialog-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.comp-dialog-header h3{text-transform:uppercase;letter-spacing:.11rem;margin:0}.comp-dialog-body{gap:.9rem;padding:1rem 1.2rem;display:grid}.comp-dialog-top{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:.9rem;display:grid}.comp-dialog-rows{gap:.7rem;display:grid}.comp-dialog-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:70px minmax(200px,1fr) minmax(220px,1fr) auto;align-items:end;gap:.7rem;padding:.7rem;display:grid}.slot-badge{color:var(--val-white);text-align:center;letter-spacing:.05rem;background:#ff465533;border:1px solid #ff465559;border-radius:6px;padding:.6rem .3rem;font-weight:700}.comp-dialog-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.comp-dialog-note{color:var(--val-gray);font-size:.85rem}@media (width<=800px){.builder-tab-control{flex-wrap:wrap}.comp-dialog-top,.comp-dialog-row{grid-template-columns:1fr}.slot-badge{width:fit-content;padding-inline:.7rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes statusPulse{0%{transform:scale(1);box-shadow:0 0 #ff465500}45%{transform:scale(1.02);box-shadow:0 0 20px #ff465559}to{transform:scale(1);box-shadow:0 0 #ff465500}}.comps-panel{border:var(--val-border);box-shadow:var(--val-shadow);background:#1f2326eb;border-radius:8px;flex-direction:column;padding:1.2rem;display:flex;position:relative;overflow:auto}.comps-header{border-bottom:2px solid var(--val-red);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.comps-header h2{text-transform:uppercase;letter-spacing:.15rem;font-size:2rem}.close-btn{border:1px solid var(--val-red);color:var(--val-red);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1rem;font-size:1.5rem;transition:all .3s}.close-btn:hover{background:#ff46551a;transform:scale(1.1)}.comps-filter{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.comps-map-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;width:100%;display:grid}.comps-map-btn{text-align:left;color:#fff;text-shadow:0 2px 8px #000000e6;letter-spacing:.04rem;background-position:50%;background-size:cover;border:1px solid #ffffff38;border-radius:8px;justify-content:flex-start;align-items:flex-end;min-height:82px;padding:.55rem .65rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.comps-map-btn span{word-break:break-word;font-size:.9rem;line-height:1.15}.comps-map-btn:hover{background-color:#0000;border-color:#ff4655d9;transform:translateY(-1px)}.comps-map-btn.is-active{background-color:#0000;border-color:#ff4655f2;box-shadow:0 0 0 2px #ff46558c,0 0 20px #ff465559}#map-select{background:var(--val-anthracite);color:var(--val-white);border:1px solid #fff3;border-radius:4px;padding:.5rem}#map-select option,#comps-map-select option{background:var(--val-anthracite);color:var(--val-white)}#map-select,.player-id-select,.card-select,#admin-clear-comps-map-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#ece8e1b3 50%),linear-gradient(135deg,#ece8e1b3 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% + 1px),calc(100% - 8px) calc(50% + 1px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2rem}.player-id-select,.card-select,#admin-clear-comps-map-select{color:var(--val-white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1f2326f5;border:1px solid #ffffff2e}.player-id-select option,.card-select option,#map-select option,#admin-clear-comps-map-select option{color:#ece8e1;background:#1f2326}.comps-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.25rem;max-width:1200px;display:grid}@media (width<=800px){.comps-list{grid-template-columns:1fr}}.comp-card{background-color:#ffffff08;background-position:50%;background-size:cover;border:1px solid #ff46554d;border-radius:6px;padding:1.05rem;transition:border-color .3s,box-shadow .3s,background-color .3s;position:relative}.comp-card.comp-highlight{border-color:var(--val-red);animation:.6s ease-out 2 comp-highlight-pulse;box-shadow:0 0 0 3px #ff465580,0 8px 24px #ff465559}@keyframes comp-highlight-pulse{0%,to{box-shadow:0 0 0 3px #ff465580,0 8px 24px #ff465559}50%{box-shadow:0 0 0 6px #ff46554d,0 12px 32px #ff465580}}.comp-card:hover{border-color:var(--val-red);background-color:#ffffff0d;box-shadow:0 8px 24px #ff465533}.comp-card-header{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.delete-comp-button{color:#ff8d96;text-transform:uppercase;letter-spacing:.05rem;background:#ff465526;border:1px solid #ff465580;border-radius:6px;padding:.4rem .65rem;font-size:.72rem}.delete-comp-button:hover{color:#fff;background:#ff465547;border-color:#ff4655}.comp-title{text-transform:uppercase;color:#fff;text-shadow:0 3px 10px #000c;font-size:1.15rem;font-weight:700}.comp-meta{color:#ece8e1db;font-size:.79rem}.comp-players-grid{gap:.55rem;margin:1rem 0;display:grid}.comp-player-item{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f19239e;border:1px solid #ffffff1c;border-radius:6px;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .62rem;display:grid}.comp-player-name{color:#fff;letter-spacing:.02rem;overflow-wrap:anywhere;font-size:.93rem;font-weight:700}.comp-player-agent{justify-content:flex-end;align-items:center;gap:.42rem;min-width:78px;display:flex}.comp-player-agent-core{justify-items:center;gap:.2rem;display:grid}.comp-agent-slash{color:#ece8e1f2;text-shadow:0 2px 8px #000000a6;font-size:1.9rem;font-weight:900;line-height:1}.comp-player-agent-icon{object-fit:contain;filter:drop-shadow(0 2px 5px #000000a6);width:40px;height:40px}.comp-player-agent-name{text-transform:uppercase;color:#fff;text-shadow:0 2px 5px #000000bf;font-size:.73rem;font-weight:700}.comp-votes{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.vote-button{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;min-width:100px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.vote-button.like{color:#50c878;background:#50c87833;border-color:#50c8784d}.vote-button.like:hover{background:#50c8784d;border-color:#50c878;box-shadow:0 0 12px #50c87833}.vote-button.like.voted{color:#000;background:#50c878}.vote-button.dislike{color:#ff4655;background:#ff465533;border-color:#ff46554d}.vote-button.dislike:hover{background:#ff46554d;border-color:#ff4655;box-shadow:0 0 12px #ff465533}.vote-button.dislike.voted{color:#fff;background:#ff4655}.vote-count{font-size:1.1rem;font-weight:700}@media (width<=920px){.comps-map-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.comps-map-btn{min-height:72px;padding:.45rem .5rem}.comps-map-btn span{font-size:.82rem}.comp-card{padding:.9rem}.comp-player-item{grid-template-columns:1fr;justify-items:start;gap:.4rem}.comp-player-agent{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.35rem;display:flex}.comp-player-agent-name{font-size:.68rem}}.admin-area{background:#ffffff05;border-radius:6px;margin-top:1rem;padding:.75rem}.admin-area h4{margin-bottom:.5rem}.admin-user{border-bottom:1px solid #ffffff08;justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.admin-user:last-child{border-bottom:none}.unlock-btn{color:#000;background:#2ecc71;border:none;border-radius:4px;padding:.3rem .6rem}.lock-btn{color:#fff;background:#ff6b6b;border:none;border-radius:4px;padding:.3rem .6rem}