@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#050e17;--panel:#081522;--line:#27313a;--muted:#91a3b8;--green:#58dce6;--text:#edf0f3;--gold:#d6b478;--gold-line:#725e3d;--display:'Cinzel',Georgia,serif;color-scheme:dark}
body{background:#050e17;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text)}button,input,select{font-family:inherit}button{border-radius:3px;background:#0a1927;border-color:#344352;font-weight:500;transition:background .2s,border-color .2s,transform .2s;min-height:40px}button:hover:enabled{border-color:var(--gold);background:#162334;transform:translateY(-1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #64e1ed;outline-offset:4px}button.primary{background:#d6b478;color:#151719;border:1px solid #f2d59b;box-shadow:inset 0 0 0 3px #b18e51;font-weight:700}button.primary:hover:enabled{background:#e5c68d;color:#071321}button.ghost{background:#07121bdd;border-color:#aa8b53;color:#e6d5b7}button:disabled{opacity:.42}.ui-icon{width:21px;height:21px;object-fit:contain;flex-shrink:0;vertical-align:middle;filter:invert(77%) sepia(9%) saturate(550%) hue-rotate(170deg);display:inline-block}.primary .ui-icon{filter:brightness(0)}
aside{width:210px;padding:20px 10px 18px;background:#06111d;border-right:1px solid #625235;height:100dvh;z-index:20;overflow-y:auto}.brand{display:flex;flex-direction:column;align-items:center;padding:0;margin:0 0 24px;line-height:1;min-height:164px;letter-spacing:0}.brand>img{width:150px;height:150px;object-fit:contain}.brand small{font:500 8px var(--display);letter-spacing:1.4px;color:#acb8c7;margin-top:0}.sidebar-caption{display:none}nav{gap:6px}nav button{padding:13px 12px;min-height:48px;font-size:12px;display:flex;align-items:center;gap:16px;border:1px solid transparent;border-radius:1px;color:#a4b2c5;white-space:nowrap}nav button.active{background:#2b2a23;color:#f1d499;border-color:#8f7348;box-shadow:inset 3px 0 #e9c785}nav button.active .ui-icon{filter:invert(85%) sepia(31%) saturate(420%) hue-rotate(351deg)}nav button:hover:enabled{background:#152131;transform:none}.aside-bottom{padding:16px 10px 0;margin-top:auto;font-size:11px;line-height:1.9}.aside-bottom small{font-size:10px}.side-season{border-top:1px solid #665232;margin:22px 0 15px;padding-top:17px;color:#a5b5ca}.online{background:#d0af74;width:5px;height:5px}.shell{margin-left:210px}header{height:65px;padding:0 30px;border-color:#6a59354d;background:#06111d;font-size:10px}header b{color:#d6ba87}main{max-width:1560px;padding:30px;min-height:85vh}.heading{gap:18px}.heading h1{font:500 clamp(24px,2.3vw,34px)/1.25 var(--display);letter-spacing:0;color:#e8d2a9}.heading p{font-size:13px}.eyebrow{font-size:10px;color:#b8a07c;letter-spacing:2px}.tag{background:#213036;color:#d9c18e;border:1px solid #79674166;border-radius:2px;font-size:9px;letter-spacing:1.2px}.panel,.stat,.champ-card,.player-card{background:#091724;border-color:#665333;border-radius:5px}.panel{padding:22px}.panel h2,.section-title{font:600 15px var(--display);letter-spacing:1px;color:#dfc38e}.panel-title{gap:14px}.panel-title h2{margin:0}.panel-title+.heritage-picks,.panel-title+.heritage-results{margin-top:18px}.panel-title a,.text-button{color:#c6b184}.text-button{border:0;background:transparent;padding:4px 0;min-height:32px;display:inline-flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.text-button:hover:enabled{background:transparent;color:#f6dca4;transform:none}.text-button .ui-icon{width:16px;height:16px}.good{color:#60e0e6}.bad{color:#ef7e8d}progress{height:5px;background:#1d2b3b;accent-color:#5ce3ed}progress::-webkit-progress-bar{background:#1d2b3b}progress::-webkit-progress-value{background:#5ce3ed}progress::-moz-progress-bar{background:#5ce3ed}input,select{background:#07131f;color:#e4eaf0;border-color:#394757;border-radius:3px}input:focus,select:focus{outline:1px solid #d2b477;outline-offset:2px}th{color:#b9a17c;font-size:10px;letter-spacing:.8px;border-color:#6a59384d}td{border-color:#ffffff0b}tbody tr:hover{background:#c7ad7710}table button{min-height:32px}.table-wrap{border-radius:4px}.empty{border-color:#635437;color:#a5b5c8}footer{border-color:#574a323d;font-size:10px;color:#67788e;padding:22px 30px}#dialog{background:#091623;border-color:#ad8e55;border-radius:6px;box-shadow:0 25px 100px #000b}#dialog::backdrop{background:#020710d9;backdrop-filter:blur(5px)}#dialog h2{font-family:var(--display);color:#e5c98e}#toast{background:#142332;border:1px solid #9c8154;color:#e4d5b6;border-radius:4px}
/* The selected art direction: panoramic scene, identity ribbon, champion gallery and results. */
body[data-screen=home] header{display:none}body[data-screen=home] main{padding:0;max-width:1560px;min-height:0}.heritage-hero{height:470px;background:#071523 url('assets/heritage-hero.webp') center 35%/cover no-repeat;position:relative}.hero-copy{padding:72px 48px 0;position:relative;z-index:1}.hero-copy>.eyebrow{color:#f1dbb3;font-family:var(--display);font-weight:600;font-size:10px;text-shadow:0 2px 8px #000}.hero-copy h1{font:600 clamp(35px,4.15vw,66px)/1.12 var(--display);letter-spacing:-1.5px;text-transform:uppercase;color:#fff4df;max-width:850px;margin:24px 0 17px;text-shadow:0 3px 24px #000}.hero-copy h1 em{font-style:normal;color:#dfbd77}.hero-copy p{font-family:Georgia,serif;font-size:16px;color:#d2d9e1;line-height:1.5;text-shadow:0 2px 6px #000}.hero-copy .actions{margin-top:32px;gap:20px}.hero-copy button{height:53px;min-width:172px;padding:12px 22px;display:flex;align-items:center;justify-content:center;gap:14px;font:600 12px var(--display)}.hero-copy .primary{min-width:260px;text-transform:uppercase}.dashboard-content{padding:0 35px 16px;margin-top:-5px;position:relative}.identity-ribbon{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:24px;min-height:100px;padding:15px 22px;background:#07131eef;border:1px solid #9e804c;border-radius:6px;margin:0 0 18px}.ribbon-player{display:flex;align-items:center;gap:18px;min-width:0}.ribbon-avatar{width:66px;height:66px;object-fit:cover;border:2px solid #b99b60;border-radius:50%;padding:3px;background:#040e17}.ribbon-player strong{font:600 18px var(--display);color:#f4e8cf;margin-right:13px;overflow-wrap:anywhere}.ribbon-player span{font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:1.8;color:#aebbd0}.ribbon-player small{display:block;font-size:10px;color:#8e9fb4;margin-top:5px}.ribbon-rank{padding:0 22px;display:flex;gap:14px;align-items:center;border:0;border-left:1px solid #ffffff14;border-radius:0;background:none;text-align:left}.ribbon-rank:hover:enabled{background:none}.ribbon-emblem{width:74px;height:74px;flex-shrink:0}.ribbon-emblem img{width:100%;height:100%;object-fit:contain}.ribbon-rank strong{display:block;font:500 16px var(--display);color:#ebcc93;white-space:nowrap}.ribbon-rank small{display:block;margin-top:5px;color:#dce7ef;font-size:12px}.ribbon-energy{border-left:1px solid #ffffff14;padding-left:22px}.ribbon-energy>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ribbon-energy label{font-size:10px}.ribbon-energy strong{font-size:13px;color:#65dee9}.ribbon-energy small{font-size:10px;color:#94a9bc}.ribbon-energy>small{display:block;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:18px}.dashboard-grid>.panel{min-width:0;padding:21px 18px 18px}.heritage-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.heritage-pick{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid #746242;border-radius:3px;background:#071421;position:relative;min-width:0;transition:transform .25s,border-color .25s}.heritage-pick>img{width:100%;height:178px;object-fit:cover;object-position:50% 20%}.heritage-pick>div{padding:12px 4px 15px;background:#071320;width:100%;text-align:center}.heritage-pick strong{font:600 11px var(--display);text-transform:uppercase;display:block;color:#eadbbc}.heritage-pick b{display:block;font-size:15px;color:#65e5ec;margin:7px 0 4px}.heritage-pick small{font-size:9px;color:#93a8bb}.heritage-pick:hover:enabled{transform:translateY(-4px);border-color:#e9cb87}.heritage-results{display:grid}.heritage-result{border:0;border-bottom:1px solid #8a724733;border-radius:0;padding:12px 0;display:flex;gap:14px;align-items:center;text-align:left;background:transparent;min-height:61px}.heritage-result:last-child{border:0}.heritage-result .portrait{height:34px;width:34px;border:1px solid #8c7347;border-radius:2px}.heritage-result>span{flex:1;min-width:0}.heritage-result strong{font:600 11px var(--display);letter-spacing:.6px}.heritage-result small{font-size:10px;color:#8399b1;display:block;margin-top:5px}.heritage-result .result-kda{flex:0 0 108px}.result-kda b{font-size:12px;letter-spacing:1px;font-weight:500}.heritage-result>.ui-icon{width:13px;height:13px}.first-match{padding:12px 20px 8px;text-align:center;min-height:265px;display:flex;align-items:center;flex-direction:column;justify-content:center}.first-match-emblem{display:block;width:90px;height:90px}.first-match-emblem img{width:100%;height:100%;object-fit:contain}.first-match h3{font:500 16px var(--display);color:#e6c894;margin:7px 0}.first-match p{font-size:12px;max-width:290px}.first-match .text-button{margin-top:10px}.career-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 2px}.career-strip>span{font-size:9px;letter-spacing:1.3px;color:#bca271}.career-strip p{font-size:11px;flex:1}.hero,.welcome-hero{background:#071523 url('assets/heritage-hero.webp') center 34%/cover;border-color:#8b7549;border-radius:4px}.welcome-hero{min-height:500px;padding:60px 42px}.welcome-hero h1,.create .hero h2{font-family:var(--display);font-weight:600;letter-spacing:-1px;text-transform:uppercase;color:#f8ebce;text-shadow:0 3px 18px #000}.welcome-hero h1{font-size:clamp(38px,4.3vw,66px);line-height:1.2}.welcome-hero h1 em,.create .hero h2 em{color:#e4bc73}.welcome-hero p,.create .hero p{color:#dae0e6;text-shadow:0 2px 6px #000}.welcome-steps>div{border-color:#725e3d}.welcome-steps>div>span{font-family:var(--display);color:#d5b77e}.welcome-steps h2{font:600 15px var(--display);color:#e2c68d}.welcome .actions button{padding:16px 25px}.welcome .import-link{color:#c1d0df}.role-grid button.selected{background:#2b2b23;border-color:#b69b63;color:#edcf94}.create .hero{min-height:245px}.create .hero h2{font-size:36px}.create .panel{border-color:#826a40}.starter-rule{background:#17262c;border-color:#696045;color:#c4c8bd}.starter-rule strong{color:#e5c791}.starter-pick{border-color:#6e5e43;background:#091724}.starter-visual>strong{color:#ddc48e}.starter-select select{background:#0a1826}.unlock-banner{background:#0c1d2b;border-color:#8c7548}.unlock-choice{background:#0a1b29;border-color:#7d6845}.unlock-choice:hover:enabled{background:#1b2d37}.champ-art:after{background:none}.champ-card.selected{border-color:#d9b878}.champ-content{background:#091724}.champ-content h3{font-family:var(--display);font-size:15px;color:#e8cfa0}.catalog-release,.solo-hero,.transfer-hero,.person-hero{background:#0b1c2b;border-color:#8a7148}.catalog-stats>div,.economy-kpis article,.solo-highlights,.catalog-controls,.club-finance,.money-ledger{background:#091724;border-color:#6c5b3d}.catalog-stats strong,.economy-kpis strong{color:#dec593}.catalog-controls input,.catalog-controls select{background:#061320;border-color:#394858}.player-card{border-color:#71603f}.player-card h3{font-family:var(--display);font-size:19px;color:#e5d0a5}.player-photo{border-color:#5c503c;background:#112437;border-radius:4px}.player-role{color:#b6c7d7}.rating-pill{border-radius:3px}.potential-card{background:#132137;border-color:#6a608344}.club-monogram{background:#172b38;border-color:#aa8b58;color:#d8c191;font-family:var(--display)}.transfer-path>span{background:#0c1b2a;border-color:#5f5138}.transfer-tabs [aria-pressed=true],.attribute-tabs button.active{border-color:#b39156;color:#e6cd9e;background:#252a27}.attribute-row{border-color:#fff1}.attribute-tabs button{border-radius:3px}.person-tabs button.active,.person-tabs .active{background:#2b2b23;border-color:#b89758;color:#e6ca91}.gear-card,.staff-card{background:#091724;border-color:#685738}.gear-card h3,.staff-card h3{color:#e5d2ac}.person-hero h2,.transfer-hero h2{font-family:var(--display);color:#e5cea3;font-size:29px}.solo-own{background:#12313e!important}.solo-player-name{color:#d8e3ed}.solo-hero h2{font-family:var(--display);color:#edcc8f}.solo-place{color:#d4bd8c}.stats .stat label{font-size:10px;letter-spacing:.5px}.stats .stat strong{color:#e5d1a6}.report-hero{border-color:#aa8e54}.report-tabs button.active{border-color:#b7965e;color:#efd3a1}.promotion .rank-title{color:#e6c487}
@media(min-width:1550px){.heritage-hero{height:510px}.hero-copy{padding-top:82px}.heritage-pick>img{height:215px}}
@media(max-width:1150px){aside{width:186px}.shell{margin-left:186px}nav button{font-size:11px;padding-left:8px;gap:10px}.hero-copy{padding-left:32px}.hero-copy h1{font-size:48px;letter-spacing:-1px}.heritage-hero{height:430px}.dashboard-content{padding-left:22px;padding-right:22px}.identity-ribbon{grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:14px}.ribbon-player{gap:10px}.ribbon-avatar{width:50px;height:50px}.ribbon-player strong{font-size:15px;display:block}.ribbon-rank{padding-left:10px;padding-right:8px;gap:5px}.ribbon-emblem{width:56px;height:56px}.ribbon-rank strong{font-size:13px}.ribbon-energy{padding-left:12px}.dashboard-grid{gap:14px}.heritage-picks{gap:7px}.heritage-pick>img{height:160px}.panel-title h2{font-size:12px}.text-button{font-size:10px}.heritage-result{gap:8px}.heritage-result .result-kda{flex-basis:90px}.career-strip>span{display:none}main{padding:24px}}
@media(max-width:800px){aside{position:relative;width:auto;height:auto;max-height:none;inset:auto;padding:8px 14px 0;display:block;overflow:visible;border:0;border-bottom:1px solid #725e3d}.brand{height:64px;min-height:0;display:flex;align-items:center;margin:0;padding:0}.brand>img{width:86px;height:70px;object-fit:contain}.brand small,.aside-bottom{display:none}nav{display:flex;overflow-x:auto;gap:4px;padding:6px 0 10px;scrollbar-width:thin;max-width:100%}nav button{flex:0 0 auto;min-height:38px;padding:8px 12px;font-size:11px;gap:7px}nav .ui-icon{height:17px;width:17px}.shell{margin-left:0}header{height:45px;padding:0 18px}main{padding:22px 18px}.hero-copy{padding:45px 26px 0}.hero-copy h1{font-size:46px}.heritage-hero{height:400px;background-position:60% 35%}.dashboard-content{padding:0 18px 15px}.identity-ribbon{grid-template-columns:1.2fr 1fr}.ribbon-energy{grid-column:1/-1;border:0;padding:7px 0 0}.ribbon-energy>small{display:none}.ribbon-energy>div{margin-bottom:7px}.dashboard-grid{grid-template-columns:1fr 1fr}.heritage-result .result-kda{flex-basis:70px}.result-kda b{font-size:10px}.heritage-result .portrait{width:28px;height:28px}.heritage-result strong{font-size:9px}.heritage-results{gap:2px}.panel-title{gap:8px}.dashboard-grid>.panel{padding:17px 12px}.heritage-pick>img{height:155px}.welcome-hero{padding:40px 24px;min-height:460px}.welcome-hero h1{font-size:43px}.heading{align-items:flex-start}.heading h1{font-size:24px}.heading p{font-size:12px}.create .hero h2{font-size:29px}.career-strip p{font-size:10px}}
@media(max-width:600px){.hero-copy{padding:36px 20px 0}.hero-copy h1{font-size:clamp(32px,8.2vw,46px);margin-top:18px;line-height:1.2;letter-spacing:-.7px}.hero-copy p{font-size:13px;max-width:290px}.hero-copy p br{display:none}.hero-copy .actions{gap:10px;margin-top:22px;flex-wrap:wrap}.hero-copy button{min-width:0;padding:12px 14px;height:46px;font-size:10px}.hero-copy .primary{min-width:0;gap:8px}.hero-copy .ui-icon{width:17px}.heritage-hero{height:365px;background-position:56% 30%}.dashboard-content{padding:0 12px 10px}.dashboard-grid{grid-template-columns:1fr}.identity-ribbon{gap:8px;padding:13px}.ribbon-player span{font-size:9px}.ribbon-player small{font-size:9px}.ribbon-rank{padding-right:0}.ribbon-emblem{height:46px;width:46px}.ribbon-rank strong{font-size:12px}.ribbon-player strong{font-size:13px}.ribbon-avatar{height:42px;width:42px}.heritage-pick>img{height:195px}.heritage-result{padding:13px 0;gap:13px}.heritage-result strong{font-size:11px}.heritage-result .result-kda{flex-basis:95px}.heritage-result .portrait{width:35px;height:35px}.result-kda b{font-size:12px}.dashboard-grid>.panel{padding:20px 15px}.panel-title h2{font-size:14px}.career-strip{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 7px}.welcome-hero h1{font-size:36px}.welcome-hero{min-height:430px;background-position:56% 35%;padding:34px 22px}.welcome-hero p{font-size:12px;max-width:280px}.panel{padding:18px}.person-hero h2,.transfer-hero h2{font-size:23px}footer{padding:20px 18px}.heading>.tag{display:none}.role-grid{gap:5px}.role-grid button{font-size:10px}.create .panel{padding:18px}.create .hero h2{font-size:27px}}
@media(prefers-reduced-motion:no-preference){.dashboard-content,.heading{animation:heritage-enter .45s ease both}.hero-copy{animation:heritage-enter .7s ease both}@keyframes heritage-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Final readability and official rank-art framing. */
.heritage-hero,.welcome-hero{background-color:#a0aebf;background-blend-mode:multiply}.hero-copy h1{font-size:clamp(35px,4.4vw,68px)}.ribbon-emblem,.first-match-emblem{position:relative;overflow:hidden}.ribbon-emblem img,.first-match-emblem img{position:absolute;width:200%;height:200%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}.heritage-picks .heritage-pick{transform:none}.heritage-picks .heritage-pick:hover:enabled{transform:translateY(-4px)}

/* Hextech-inspired icon system: authentic lane silhouettes, fantasy emblems. */
.rift-icon{--icon-size:32px;display:inline-flex;width:var(--icon-size);height:var(--icon-size);flex:0 0 var(--icon-size);align-items:center;justify-content:center;vertical-align:middle;position:relative;line-height:1;isolation:isolate}
.rift-icon>img{display:block;width:80%;height:80%;object-fit:contain;filter:brightness(0) saturate(100%) invert(75%) sepia(33%) saturate(455%) hue-rotate(356deg) brightness(96%);transition:filter .2s,transform .2s}
.rift-icon.lane-icon{--icon-size:32px;background:radial-gradient(circle,#21424f88,#0a1722 70%);border:1px solid #655738;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}
.rift-icon.lane-icon>img{width:88%;height:88%;filter:none}
button:hover .rift-icon>img,button.selected .rift-icon>img,button.active .rift-icon>img{filter:brightness(0) saturate(100%) invert(91%) sepia(43%) saturate(537%) hue-rotate(341deg) brightness(110%);transform:scale(1.06)}
nav .nav-emblem{--icon-size:32px;background:linear-gradient(145deg,#24343d,#07111c);border:1px solid #635534;box-shadow:inset 0 0 0 2px #091622;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}
nav button{padding-top:9px;padding-bottom:9px;gap:12px}nav button.active .nav-emblem{border-color:#edce87;background:radial-gradient(circle,#30576b,#122331);box-shadow:inset 0 0 8px #66dfe533}
.role-options .lane-icon,.role-grid .lane-icon,.roles .lane-icon{--icon-size:48px;margin:0 auto 5px}
.player-role{display:flex;align-items:center;justify-content:center;gap:9px}.player-role .lane-icon{--icon-size:34px}.player-role>span{display:inline-flex}
.portrait-fallback{background:radial-gradient(ellipse at 50% 40%,#24424f 0,#101e2b 55%,#060f1a 100%);overflow:hidden}.portrait-fallback .portrait-emblem{--icon-size:110px;border:1px solid #887045;box-shadow:inset 0 0 0 5px #07121c,0 0 35px #43cad01a;clip-path:polygon(50% 0,95% 22%,95% 72%,50% 100%,5% 72%,5% 22%);background:linear-gradient(140deg,#294455,#091522);padding:12px;margin-bottom:12px}.portrait-fallback .portrait-emblem img{width:85%;height:85%;opacity:.85}.portrait-fallback .portrait-initials{font:600 21px var(--display);letter-spacing:5px;color:#dbc38d}.portrait-fallback small{color:#8ca7b6;letter-spacing:2px}
.attribute-tabs button>span{display:flex;align-items:center;gap:9px}.attribute-tabs .rift-icon{--icon-size:27px}.staff-symbol .rift-icon{--icon-size:43px}.person-tabs .rift-icon{--icon-size:30px;margin-right:7px}.solo-table .lane-icon{--icon-size:26px;margin-right:5px}.match-player .lane-icon,.match-scoreboard .lane-icon{--icon-size:23px}.club-monogram{display:flex;flex-direction:column;gap:5px}.club-crest{--icon-size:48px}.club-monogram>span:last-child{font-size:18px}.primary .rift-icon>img{filter:brightness(0) saturate(100%) invert(10%) sepia(12%) saturate(1092%) hue-rotate(155deg)}
@media(max-width:800px){nav .nav-emblem{--icon-size:25px}.attribute-tabs .rift-icon{--icon-size:23px}.portrait-fallback .portrait-emblem{--icon-size:85px}}
@media(prefers-reduced-motion:reduce){.rift-icon>img{transition:none}}
.role-grid .rift-icon{display:inline-flex;font-size:inherit;line-height:1}.role-grid button>span{margin-bottom:4px}.portrait-fallback>.portrait-emblem{opacity:1}.portrait-fallback>.portrait-initials{opacity:1}.match-player small .lane-icon{--icon-size:21px}.role-grid button.selected .lane-icon{border-color:#d9bd79;background:radial-gradient(circle,#254751,#0a1722 75%)}
/* Career correspondence */
.hero-copy .actions{flex-wrap:wrap;gap:12px}.hero-copy .mail-trigger{min-width:185px}.mail-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative}.mail-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border:1px solid #ffe4a4;background:#d6b478;color:#07111c;border-radius:20px;font:700 12px 'DM Sans',sans-serif;box-shadow:0 0 13px #d6b47833;animation:mail-arrival .5s ease-out}.mail-compact{font-size:10px!important;width:100%;padding:7px 4px!important;margin-top:12px;gap:5px!important}.mail-compact .rift-icon{--icon-size:22px}.mail-compact .mail-badge{min-width:18px;height:18px;font-size:10px}
.team-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;background:#0a1723;border:1px solid #344553;border-radius:6px;padding:5px;vertical-align:middle;font-size:11px;color:#c9b17e}.team-logo img{width:100%;height:100%;object-fit:contain}.team-logo-pending{border-style:dashed}.team-logo-large{width:115px;height:115px;padding:9px;background:#081522}.player-club .team-logo{width:27px;height:27px;border:0;background:none;padding:2px;margin-right:5px}.mail-sender-logo .team-logo{width:42px;height:42px}.mail-reader button .team-logo{width:30px;height:30px}
dialog.mail-dialog{width:min(1120px,94vw);max-width:1120px;padding:0;border:1px solid #917b50;border-radius:7px;background:#08131f;color:#e6edf4;box-shadow:0 25px 100px #000b;max-height:90dvh;overflow:hidden}dialog.mail-dialog::backdrop{background:#020812cc;backdrop-filter:blur(7px)}.mail-shell{display:flex;flex-direction:column;max-height:90dvh}.mail-heading{display:flex!important;position:static;height:auto;min-height:96px;padding:23px 28px!important;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#132a38,#08131f);border-bottom:1px solid #4a4435}.mail-heading h2{font:500 24px var(--display);display:flex;align-items:center;gap:12px;margin:8px 0 0}.mail-count{font:500 11px 'DM Sans';color:#66dce4;background:#13313d;padding:5px 9px;border-radius:3px}.mail-close{width:38px;height:38px;min-height:0;font-size:20px}.mail-toolbar{padding:13px 25px;display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #263744;flex-wrap:wrap}.mail-filters{display:flex;gap:5px;flex-wrap:wrap}.mail-filters button{font-size:12px;min-height:34px;padding:7px 12px}.mail-filters button.active{background:#383326;border-color:#b89a60;color:#f2d59b}.mail-toolbar>.text-button{font-size:11px}.mail-columns{display:grid;grid-template-columns:39% 61%;min-height:390px;height:min(530px,58dvh);overflow:hidden}.mail-list{overflow-y:auto;background:#07111c;border-right:1px solid #2e3d48}.mail-row{display:flex;width:100%;text-align:left;gap:11px;padding:19px 17px;min-height:100px;border:0;border-bottom:1px solid #21303c;border-radius:0;background:transparent;align-items:center}.mail-row>span:nth-child(2){flex:1;min-width:0}.mail-row strong{display:block;font-size:13px;line-height:1.45;margin:5px 0;color:#aebdcb}.mail-row small{font-size:9px;color:#748a9b}.mail-row-meta{display:flex;justify-content:space-between;color:#a4b5c1;font-size:11px;gap:8px}.mail-row.unread{background:#102333}.mail-row.unread strong{color:#f0dfbe}.mail-row.selected{box-shadow:inset 3px 0 #d6b478;background:#1a2b35}.mail-dot{flex:0 0 6px;height:6px;border-radius:50%;background:transparent}.mail-row.unread .mail-dot{background:#62e2eb;box-shadow:0 0 9px #62e2eb88}.mail-reader{padding:30px 34px;overflow-y:auto;background:radial-gradient(ellipse at 100% 0,#17334177,transparent 65%)}.mail-reader h3{font:500 23px/1.4 var(--display);color:#efd7a5;margin:20px 0 9px}.mail-from{font-size:11px;color:#90a5b7;padding-bottom:22px;border-bottom:1px solid #293a46}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:14px;color:#c2d0dc;margin:23px 0 28px}.mail-reader button{display:inline-flex;align-items:center;gap:9px}.mail-reader-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8fa6b7}.mail-reader-empty>.rift-icon{--icon-size:82px;background:radial-gradient(circle,#294653,#101c27);border:1px solid #75613c;border-radius:50%;padding:12px}.mail-reader-empty h3{font-size:22px}.mail-reader-empty p{font-size:13px;line-height:1.7}.mail-reader-empty>span:last-child{font-size:11px;margin-top:22px}.mail-footnote{font-size:10px;text-align:center;margin:0;padding:12px;color:#748a9b;border-top:1px solid #253442}.mail-empty{padding:40px 22px;color:#91a6b7;font-size:13px}.mail-expired{padding:15px;border:1px solid #60503b;background:#2b261e;color:#d8bd91;font-size:12px}
@keyframes mail-arrival{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:650px){dialog.mail-dialog{width:96vw;max-height:94dvh}.mail-shell{max-height:94dvh}.mail-heading{padding:16px!important}.mail-heading h2{font-size:17px;gap:7px}.mail-count{font-size:9px}.mail-heading .eyebrow{font-size:8px}.mail-toolbar{padding:10px 12px}.mail-columns{grid-template-columns:1fr;height:65dvh;overflow:auto;display:block}.mail-list{max-height:210px;border-bottom:1px solid #78623f;border-right:0;overflow:auto}.mail-row{padding:12px;min-height:80px}.mail-reader{min-height:290px;padding:22px}.mail-reader h3{font-size:20px}.mail-reader-empty{min-height:230px}.hero-copy .mail-trigger{height:42px;min-width:0}.hero-copy .mail-trigger .rift-icon{--icon-size:23px}.mail-footnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mail-badge{animation:none}}
.club-title{display:flex;align-items:center;gap:12px}.team-logo-inline{width:25px;height:25px;padding:2px;border:0;background:transparent;margin:0 3px}.club-overview>.team-logo-large{align-self:center}.mail-reader button>.team-logo{flex-shrink:0}.team-logo>span[hidden]{display:none}

.team-logo.team-logo-light{background:#deded6;border-color:#b6b9b2;padding:5px}.team-logo.team-logo-light img{filter:none}.team-logo-inline.team-logo-light{padding:2px}

.mail-gift{padding:16px 20px;margin:20px 0;background:rgba(58,164,124,.12);border:1px solid #417b67;border-radius:8px;color:#92e5bc;font-weight:700}.mail-filters{flex-wrap:wrap}

/* New transfer offers, visible on desktop and mobile navigation. */
#nav button{position:relative}
#nav .career-offer-badge{position:absolute;top:3px;right:3px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef654f;color:#fff;font:700 11px/1 'DM Sans',sans-serif;border:1px solid #ffb2a3;box-shadow:0 0 0 2px #111720;pointer-events:none}

/* A player's journey, from home practice to the trophy. */
.welcome .player-story{isolation:isolate;overflow:hidden;background:#07121c;min-height:550px;padding:60px 46px 85px;background-blend-mode:normal}
.story-visuals{position:absolute;inset:0;z-index:-2;background:#07121c}
.story-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;animation:player-journey 21s infinite}
.story-frame-1{opacity:1;animation-delay:0s}.story-frame-2{animation-delay:7s}.story-frame-3{animation-delay:14s}
.player-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06111bf5 0%,#06111bbd 36%,#06111b10 72%),linear-gradient(0deg,#06111be6,transparent 35%)}
.story-copy{max-width:510px}.story-copy h1{text-shadow:0 3px 25px #0009}.story-copy p{color:#c7d3df}
.story-footer{position:absolute;bottom:20px;left:46px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.story-footer>span{font-size:9px;letter-spacing:2px;color:#d8bf95}.story-pause{font-size:11px;padding:7px 12px;background:#07121ccc;border-color:#74603e;min-height:36px}.story-paused .story-frame{animation-play-state:paused}.welcome .saved-career{margin-top:24px}.welcome>.tiny{margin-top:18px}
@keyframes player-journey{0%,28%{opacity:1}33.333%,95%{opacity:0}100%{opacity:1}}
@media(max-width:600px){.welcome .player-story{min-height:650px;padding:280px 22px 78px}.story-visuals{bottom:auto;height:360px}.story-frame{object-position:76% center}.player-story:after{background:linear-gradient(0deg,#06111b 0%,#06111b 44%,#06111b00 75%)}.story-copy h1{margin:10px 0 16px;font-size:36px}.story-copy .actions{margin-top:20px}.story-footer{left:22px;right:18px;bottom:18px}.story-footer>span{max-width:180px;font-size:8px;line-height:1.8;letter-spacing:1px}.story-copy>.tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.story-frame{animation:none!important;opacity:0}.story-frame-1{opacity:1}.story-pause{display:none}}

/* Player-focused overview: team stage photography, readable copy, no champion backdrop. */
.heritage-dashboard .heritage-hero{height:auto;min-height:470px;background-color:#07131f;background-image:linear-gradient(90deg,#06111bf5 0%,#06111bc9 32%,#06111b26 72%),linear-gradient(0deg,#07131f,transparent 40%),url('assets/player-journey-stage.webp');background-position:center,center,center 38%;background-size:cover;background-repeat:no-repeat;background-blend-mode:normal;border-bottom:1px solid #b99b6033}
.heritage-dashboard .hero-copy{padding:64px 48px 52px;max-width:780px}.heritage-dashboard .hero-copy h1{font-size:clamp(34px,4vw,60px);max-width:620px}.heritage-dashboard .hero-copy p{font-family:inherit;font-size:15px;line-height:1.7;color:#ced9e5}.ribbon-player-initials{display:grid;place-items:center;width:66px;height:66px;flex-shrink:0;border:1px solid #b99b60;border-radius:50%;background:linear-gradient(145deg,#294454,#0a1927);color:#f3dbab;font:600 22px var(--display);letter-spacing:1px}
@media(max-width:900px){.heritage-dashboard .hero-copy{padding-left:28px;padding-right:28px}.heritage-dashboard .heritage-hero{background-position:center,center,62% center}}
@media(max-width:600px){.heritage-dashboard .heritage-hero{min-height:550px;background-image:linear-gradient(0deg,#07131f 0%,#07131ffa 33%,#07131fa6 54%,#07131f00 85%),url('assets/player-journey-stage.webp');background-size:cover,auto 360px;background-position:center,76% top}.heritage-dashboard .hero-copy{padding:245px 20px 30px;max-width:none}.heritage-dashboard .hero-copy h1{font-size:clamp(30px,8vw,42px);margin:14px 0;line-height:1.12}.heritage-dashboard .hero-copy p{font-size:13px;max-width:320px}.heritage-dashboard .hero-copy .actions{margin-top:20px;gap:8px}.ribbon-player-initials{width:42px;height:42px;font-size:16px}}

/* Permanent account access on the dashboard and small screens. */
body[data-screen=home] .shell > header{display:flex}
.shell > header{height:auto;min-height:65px;gap:10px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
#cloud-account{flex-wrap:wrap;justify-content:flex-end;margin-left:auto;max-width:100%}
#cloud-account small{font-size:10px;letter-spacing:0;max-width:240px;overflow-wrap:anywhere}
.cloud-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.cloud-save-row p{font-size:12px}.cloud-save-row button{flex-shrink:0}
@media(max-width:600px){#cloud-account{width:100%;justify-content:flex-start;margin:0}.cloud-save-row{align-items:flex-start;flex-wrap:wrap}}