/* Compact grouped navigation, with VALORANT red as the shared accent. */
:root{--red:#ff4655;--bg:#0c0c0f;--panel:#1c1c20}
.public-site{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.home{background:#0c0c0f}
.home-container{max-width:1080px;padding:0 40px}
.home-header{height:94px;border-bottom-color:#ffffff0a}
.brand-link img{width:142px}.brand-link>span{font-size:15px;color:#b7b7c0}
.menu-hub{max-width:840px;margin:0 auto;padding:60px 0 90px}
.menu-intro{text-align:center;margin-bottom:52px}
.brand-emblem{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 22px;border-radius:20px;background:linear-gradient(145deg,#ff6370,#ff4655 60%,#de3042);box-shadow:inset 0 1px 1px #ffffff50,0 12px 40px #ff46551c;color:#fff}
.brand-emblem svg{width:35px;height:30px}
.menu-intro h1{font-size:38px;letter-spacing:-1px;font-weight:600;line-height:1.3}
.menu-intro p{font-size:17px;color:#a5a5af;margin-top:13px}
.menu-sections{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.menu-section h2{display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin-bottom:13px;font-size:16px;font-weight:500;color:#b9b9c3}
.menu-section h2>span{font-size:14px;color:#94949f;font-weight:400}
.menu-group{border-radius:22px;background:#222226a6;border:1px solid #ffffff13;box-shadow:inset 0 1px 0 #ffffff05,0 18px 50px #00000018;backdrop-filter:blur(24px);overflow:hidden}
.menu-row{display:flex;align-items:center;gap:15px;position:relative;width:100%;height:84px;padding:0 20px;background:transparent;border:0;border-radius:0;text-align:left;transition:background .2s ease}
.menu-row:not(:last-child)::after{content:"";position:absolute;height:1px;left:71px;right:0;bottom:0;background:#ffffff0d}
.menu-row:hover{background:#ffffff07}.menu-row:active:not(:disabled){translate:none;background:#ff465513}.menu-row:focus-visible{outline-offset:-3px;border-radius:14px}
.menu-row strong{font-size:18px;font-weight:500;white-space:nowrap;letter-spacing:.1px}
.menu-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;color:#ff5865;background:#ff465513;box-shadow:inset 0 0 0 1px #ff465512}
.menu-icon svg{width:22px;height:22px}.menu-chevron{margin-left:auto;color:#74747f;font-size:27px;line-height:1;font-weight:300}.menu-status{margin-left:auto;font-size:14px;color:#94949e;white-space:nowrap}.menu-status+.menu-chevron{margin-left:0}
.glow-red{background:radial-gradient(circle,#ff465542,transparent 67%);left:-310px;top:-210px}.ambient-lights .glow-gold{background:radial-gradient(circle,#ff46551c,transparent 67%);right:-310px;top:280px}.ambient-lights .glow-white{background:radial-gradient(circle,#fff1,transparent 65%);left:20%;top:130px}
.tab-indicator{background:#ff46551c;border-color:#ff465537}.map-tabs button.active{color:#ff6370}.viewer-map-column .map-dot.defense{background:#ff4655;border-color:#ffb9bf}.detail-head .badge.defense{color:#ff8791;background:#ff465515;border-color:#ff465525}
@media(min-width:1500px){.home-container{padding-top:0}.menu-hub{padding-top:85px}}
@media(max-width:700px){.home-container{padding:0 24px}.home-header{height:78px}.brand-link img{width:122px}.menu-hub{padding:36px 0 48px;max-width:440px}.menu-intro{margin-bottom:32px}.brand-emblem{width:56px;height:56px;border-radius:17px;margin-bottom:18px}.brand-emblem svg{width:30px}.menu-intro h1{font-size:31px}.menu-intro p{font-size:16px;margin-top:10px}.menu-sections{grid-template-columns:1fr;gap:26px}.menu-section h2{padding:0 14px;margin-bottom:10px}.menu-row{height:73px;padding:0 17px;gap:14px}.menu-row strong{font-size:17px}.menu-group{border-radius:19px}.menu-row:not(:last-child)::after{left:67px}.glow-red{left:-300px;top:-190px}.ambient-lights .glow-gold{right:-370px;top:280px}}
.collection-group{grid-column:1/-1}.collection-group .menu-row{height:70px}.collection-group .menu-icon{color:#ff6975}#favorites-dialog{max-width:580px}#favorites-list{display:grid;gap:10px}.favorite-button[aria-pressed=true]{color:#ff6975;border-color:#ff465540}
@media(prefers-reduced-motion:reduce){.ambient-lights i{animation:none}}

.agent-back{font-size:17px;text-decoration:none;color:#ff6370}.agent-back:hover{color:#ff9da5}

.map-stage-actions{display:flex;align-items:center;gap:14px}.side-switch{position:relative;display:flex;padding:4px;border-radius:12px;border:1px solid #ffffff12;background:#080b12;isolation:isolate}.side-switch button{z-index:1;border:0;background:transparent;padding:7px 17px;font-size:15px;color:#8d96a5;min-width:82px;border-radius:9px}.side-switch button[aria-pressed=true]{color:#fff}.side-switch .side-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border-radius:8px;background:#1479e3;box-shadow:0 3px 10px #0003;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s}.side-switch[data-side=defense] .side-slider{transform:translateX(100%);background:#ed3049}.agent-brand{width:122px;opacity:.8}.agent-hub{padding:42px 0 65px;max-width:940px;margin:auto}.agent-heading{margin-bottom:28px}.agent-heading h1{font-size:36px;font-weight:600;letter-spacing:-1px}.agent-heading p{margin-top:9px;font-size:17px;color:#a6a6b2}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.agent-card{height:475px;position:relative;isolation:isolate;overflow:hidden;border-radius:25px;border:1px solid #ffffff20;padding:0;text-align:left;background:radial-gradient(ellipse at 65% 32%,#24557580,transparent 68%),#131c28;transition:translate .45s var(--ease),border-color .3s,box-shadow .4s}.agent-card.fade-card{background:radial-gradient(ellipse at 60% 30%,#67405b80,transparent 70%),#201922}.agent-card::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#101015 0%,#101015ed 10%,transparent 53%)}.agent-word{position:absolute;left:24px;top:28px;font-size:76px;font-weight:800;letter-spacing:-3px;line-height:1;color:#ffffff08}.agent-card>img{position:absolute;height:490px;max-width:none;width:auto;left:50%;top:9px;transform:translateX(-50%);object-fit:contain;pointer-events:none;transition:transform .65s var(--ease);filter:drop-shadow(0 16px 30px #0005)}.agent-card-bottom{position:absolute;z-index:2;bottom:26px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between}.agent-card-bottom strong{display:block;font-size:30px;font-weight:550;letter-spacing:1px}.agent-skills{display:block;font-size:16px;color:#bbc0cb;margin-top:8px}.agent-enter{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ff63705c;border-radius:50%;background:#ff46551a;font-size:23px;color:#ff7b86;transition:background .3s,color .3s}.agent-card:hover{translate:0 -5px;border-color:#ff46556b;box-shadow:0 22px 50px #0004}.agent-card:hover>img{transform:translateX(-50%) scale(1.035)}.agent-card:hover .agent-enter{background:#ff4655;color:white}
@media(max-width:700px){.map-stage-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.map-stage-actions{gap:8px;flex-wrap:wrap}.map-stage-actions .map-count-pill{display:none}.side-switch button{min-width:72px;padding:6px 10px;font-size:14px}.agent-hub{padding:28px 0 40px}.agent-heading h1{font-size:30px}.agent-grid{grid-template-columns:1fr;gap:18px}.agent-card{height:330px;border-radius:21px}.agent-card>img{height:400px;left:60%;top:-5px}.agent-word{font-size:62px;left:19px;top:22px}.agent-card-bottom{bottom:22px;left:23px;right:23px}.agent-card-bottom strong{font-size:27px}.agent-skills{font-size:15px}.agent-card::after{background:linear-gradient(0deg,#101015 0%,#101015d9 15%,transparent 65%)}.agent-brand{width:105px}}
@media(prefers-reduced-motion:reduce){.side-slider{transition:none!important}.agent-card:hover{translate:none}.agent-card:hover>img{transform:translateX(-50%)}}