/* Selected Classic League concept: restrained gold frames and cyan selections. */
@font-face{font-family:Beaufort;src:url('assets/fonts/beaufortforlol-medium.otf') format('opentype');font-weight:400 600;font-display:swap}
#menu .home-rail button span,#menu .training-kind.mode-switch button{font-weight:500}
#menu .training-kind.mode-switch{border:0;padding:0;background:none;gap:5px}
#menu .training-kind.mode-switch button{border:1px solid #635842;border-radius:2px;box-shadow:inset 0 0 0 2px #030c13}
#menu .training-kind.mode-switch button[aria-pressed=true]{background:linear-gradient(#7560375c,#29271f)!important;color:#f8e6bb;box-shadow:inset 0 -2px #59d9e9,0 4px 12px #20ddef12!important;border-color:#c9a562}
#menu .location-panel{border-radius:3px!important;border-color:#b49255!important;box-shadow:inset 0 0 0 4px #030d16,0 10px 35px #0005!important}
#menu .hero-card h1{font-size:calc(72 * var(--rs))!important}
#menu .hero-card>.eyebrow{font-family:Beaufort,serif!important;font-weight:400!important}
#menu .arena-heading>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}
#menu .arena-heading small,#menu .arena-heading h3{grid-column:1/3}
#menu .arena-heading small{font-size:calc(12 * var(--rs));letter-spacing:1.7px}
#menu .arena-heading h3{font:500 calc(52 * var(--rs))/1.05 Beaufort,serif;letter-spacing:2px;color:#f6e8c9;margin:0}
#menu .arena-heading .arena-tagline{font:400 italic calc(22 * var(--rs))/1.3 Beaufort,serif;color:#e7e2d8;margin:0}
#menu .arena-heading .arena-roster-link{font:700 calc(13 * var(--rs))/1.3 Spiegel,sans-serif;white-space:nowrap;align-self:end;margin:0;padding:0 0 4px;color:#efd28d}
#menu .arena-setup{padding:calc(8 * var(--rs));gap:calc(14 * var(--rs));border:0;background:none}
#menu .arena-setup fieldset{border:1px solid #90774b;padding:calc(10 * var(--rs));border-radius:4px;background:linear-gradient(135deg,#10253266,#020c15);min-width:0}
#menu .arena-setup legend{padding:0 6px;font:500 calc(13 * var(--rs))/1.2 Beaufort,serif;color:#e8d6ac;letter-spacing:.8px}
#menu .arena-segment{gap:calc(7 * var(--rs))}
#menu .arena-segment button{padding:calc(8 * var(--rs)) 2px;border:1px solid #41545e;background:linear-gradient(#10202b,#030e17);border-radius:4px}
#menu .arena-segment strong{font:500 calc(20 * var(--rs))/1.15 Beaufort,serif;color:#f6ecd9}
#menu .arena-segment small{font:400 calc(11 * var(--rs))/1.3 Spiegel,sans-serif;color:#b7c2ca}
#menu .arena-segment button[aria-pressed=true]{border-color:#59e3f0;background:radial-gradient(ellipse at bottom,#08718c66,transparent),#051722;box-shadow:inset 0 0 0 1px #006f88,0 0 12px #19c5df45}
#menu .arena-best{border-top:1px solid #b1975866;padding-top:calc(13 * var(--rs));font:500 calc(14 * var(--rs)) Beaufort,serif;letter-spacing:.5px}
#menu .arena-best strong{font:500 calc(28 * var(--rs)) Beaufort,serif;color:#f6e8cb}
#menu .arena-mastery{border:1px solid #8a7958;padding:calc(12 * var(--rs));border-radius:4px;background:linear-gradient(115deg,#0c202c,#020b13);font-family:Beaufort,serif;font-weight:500}
#menu .mastery-track{height:calc(8 * var(--rs));border-radius:4px;overflow:hidden;background:#243540;box-shadow:inset 0 1px 3px #000b}
#menu .mastery-track i{border-radius:4px;background:linear-gradient(#ffe4a1,#cca04c,#f5cb75);box-shadow:0 0 7px #dfb15755}
#menu .session-metrics small{font-size:calc(12 * var(--rs));letter-spacing:0;text-transform:none;color:#d0d3d4}
#menu .arena-picker{border-color:#8b8772;background:linear-gradient(115deg,#0a1e2a,#040e17);border-radius:4px}
#menu .arena-picker img{filter:none}
#menu .location-panel #startBtn{clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);font-weight:700!important;background:linear-gradient(110deg,#a5762d,#f4d180 36%,#ffdf9b 50%,#d6ac5b 82%,#ae7e33);box-shadow:inset 0 0 0 2px #a78040,inset 0 0 0 4px #f9dda0,inset 0 0 0 6px #7c592b,0 0 14px #e5b44d20}
#menu .champion-panel{border:1px solid #ad8b4f!important;border-radius:3px;background:linear-gradient(0deg,#020d17f5,#061724cc)!important;padding:calc(10 * var(--rs)) calc(14 * var(--rs))!important}
#menu .champion-button.selected{border-color:#59d5e6!important;box-shadow:inset 0 0 0 1px #319ab4,0 0 12px #20c5df55}
#menu .champion-button.selected:after{background:#60dce7;box-shadow:0 0 9px #35c3de}
#menu .champion-button.selected b{color:#f7dc94}
/* Earned feats appear during the existing seamless stage transition. */
#stageAchievementNotice{position:fixed;left:22px;top:100px;width:min(340px,calc(100vw - 44px));padding:16px;border:1px solid #c8a45f;background:linear-gradient(135deg,#102735f5,#030e19fa);box-shadow:inset 0 0 0 3px #03121b,0 10px 30px #0008;z-index:110;pointer-events:none;color:#efe4ce;animation:feat-arrive .25s ease-out}
#stageAchievementNotice[hidden]{display:none}
.stage-feat-heading{display:flex;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid #b19a5a66;margin-bottom:8px}
.stage-feat-heading>span{font-size:32px;color:#e8c47b;text-shadow:0 0 15px #edbd6966}
.stage-feat-heading small{display:block;font:700 10px/1.4 Spiegel,sans-serif;letter-spacing:1px;color:#70dbe9;text-transform:uppercase}
.stage-feat-heading strong{font:500 22px/1.2 Beaufort,serif;color:#f3d79d}
.stage-feat{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #5c6f7138}
.stage-feat>img{width:40px;height:40px;object-fit:contain;border:1px solid #8e784c;background:#06121d;border-radius:3px}
.stage-feat>div{flex:1;min-width:0}.stage-feat strong{display:block;font:500 17px/1.2 Beaufort,serif;color:#f1d597}.stage-feat span{display:block;font:400 12px/1.4 Spiegel,sans-serif;color:#bdcbd1;margin-top:3px}.stage-feat>b{font:400 17px Spiegel,sans-serif;color:#64d3df}
#stageAchievementNotice>p{font:400 11px Spiegel,sans-serif;color:#95a9b5;margin:12px 0 0}
.stage-feat-intro{font:400 13px/1.6 Spiegel,sans-serif;margin:0 0 18px;color:#afc1cb}
.stage-feat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}
.stage-feat-card{display:flex;gap:14px;padding:18px;border:1px solid #344851;background:linear-gradient(135deg,#0b202d,#06131e);border-radius:4px;min-width:0}
.stage-feat-card>img{width:52px;height:52px;object-fit:contain;filter:grayscale(1);opacity:.5}
.stage-feat-card.earned{border-color:#ad8b53;background:radial-gradient(ellipse at top left,#94702120,transparent 70%),#0a1c27}.stage-feat-card.earned>img{filter:none;opacity:1}
.stage-feat-card small{font:700 10px/1.4 Spiegel,sans-serif;letter-spacing:1px;color:#9caeb9}.stage-feat-card.earned small{color:#6edbe9}
#modalCard .stage-feat-card h3{font:500 22px/1.25 Beaufort,serif;letter-spacing:0;margin:5px 0 7px}
#modalCard .stage-feat-card p{font:400 13px/1.5 Spiegel,sans-serif;margin:0;color:#bccad2}.stage-feat-card span{display:block;font:400 11px/1.4 Spiegel,sans-serif;color:#d7bc80;margin-top:8px}
.result-stage-feats{border-top:1px solid #8f774655;padding-top:12px;margin:14px 0}.result-stage-feats h3{font-size:15px!important;letter-spacing:1px!important;margin:0 0 7px}.result-stage-feats .stage-feat{padding:6px 0}.result-stage-feats .stage-feat>img{width:32px;height:32px}.result-stage-feats .stage-feat strong{font-size:15px}
@keyframes feat-arrive{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(max-width:1050px){#menu .arena-heading h3{font-size:44px}#menu .arena-heading small{font-size:11px}#menu .arena-heading .arena-tagline{font-size:21px}#menu .arena-heading .arena-roster-link{font-size:12px}#menu .arena-setup legend{font-size:13px}#menu .arena-segment strong{font-size:20px}#menu .arena-segment small{font-size:12px}#menu .session-metrics small{font-size:12px}}
@media(max-width:600px){.stage-feat-grid{grid-template-columns:1fr}.stage-feat-card{padding:14px}#stageAchievementNotice{top:80px;left:12px;width:290px;padding:12px}.stage-feat-heading strong{font-size:19px}#menu .arena-heading>div{grid-template-columns:1fr}#menu .arena-heading small,#menu .arena-heading h3{grid-column:1}#menu .arena-heading .arena-roster-link{justify-self:start}}
@media(prefers-reduced-motion:reduce){#stageAchievementNotice{animation:none}}
/* Compact account crest: fit the visible original artwork, not its old canvas. */
#menu header{padding-right:calc(226 * var(--rs))}
#menu .profile-summary{width:calc(200 * var(--rs));height:100%;top:0;display:block;--profile-copy:calc(80 * var(--rs))}
#menu #rankProfile{display:block;position:absolute;inset:0;width:100%;height:100%;border-left:1px solid #8f73424d;border-radius:0}
#menu .profile-medallion{position:absolute;left:calc(5 * var(--rs));top:50%;width:calc(68 * var(--rs));height:calc(58 * var(--rs));margin:0;transform:translateY(-50%);transform-origin:center}
#menu .profile-crest-art{display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 2px 2px #0007)}
#menu #displayName,#menu #profileNameInput{left:var(--profile-copy);top:calc(50% - 20px);width:calc(100% - var(--profile-copy) - 4px);height:24px;padding:0 2px;max-width:none;font-size:clamp(13px,calc(17 * var(--rs)),19px)!important;line-height:24px!important;text-align:left}
#menu #earnedRankName{left:var(--profile-copy);top:calc(50% + 7px);width:calc(100% - var(--profile-copy) - 4px);margin:0;padding:0 2px;font:500 clamp(10px,calc(11 * var(--rs)),13px)/14px Beaufort,serif;letter-spacing:.06em;white-space:nowrap;text-align:left;color:#d6b572}
#menu #rankProfile:hover .profile-crest-art{filter:drop-shadow(0 0 5px #bba47466)}
#menu #rankProfile:focus-visible{outline:1px solid #63dce9;outline-offset:-3px}
@media(max-width:1050px){#menu header{padding-right:190px}#menu .profile-summary{width:178px;right:10px;--profile-copy:72px}#menu .profile-medallion{left:4px;width:64px;height:56px}#menu #displayName,#menu #profileNameInput{font-size:14px!important}#menu #earnedRankName{font-size:11px}}
@media(max-width:580px){#menu header{padding-right:154px}#menu .profile-summary{width:146px;right:4px;--profile-copy:58px}#menu .profile-medallion{left:2px;width:52px;height:48px}#menu #displayName,#menu #profileNameInput{font-size:13px!important}#menu #earnedRankName{font-size:10px;letter-spacing:.025em}}