@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--paper:#ede6d6;--paper-2:#e7dfcd;--paper-3:#e4dac4;--ink:#1c1a16;--ink-2:#22201a;--ink-3:#3a362e;--red:#a8231c;--red-soft:#c4655c;--on-red:#f6f0e4;--on-red-dim:#f0c4c0;--on-ink:#ede6d6;--on-ink-dim:#a8a192;--rule:#c6bca2;--rule-soft:#dcd3be;--track:#d8d0bb;--dim:#6b6455;--body-dim:#3a362e;--accent-warm:#e8b24a;--canvas:#17150f;--sans:"Archivo", sans-serif;--black:"Archivo Black", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--red)}a:hover{color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.screen{background:var(--paper);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;padding:0 22px 40px;display:flex;position:relative}@media (width>=900px){.screen{max-width:1280px;padding:0 32px 48px}}.topbar{border-bottom:1px solid var(--rule);z-index:11;justify-content:space-between;align-items:baseline;margin:0 -22px;padding:18px 22px 12px;display:flex;position:relative}.topbar--heavy{border-bottom:3px double var(--red)}.topbar__meta{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:10px}.topbar__link{letter-spacing:.1em;text-transform:uppercase;color:var(--red);font-size:10px;font-weight:800}.rule{background:var(--rule);border:none;height:1px}.rule--soft{background:var(--rule-soft)}.rule--double{border:none;border-top:3px double var(--red);background:0 0;height:0}.mono-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:500}.mono-label--red{color:var(--red)}.mono{font-family:var(--mono)}.headline{font-family:var(--black);text-transform:uppercase;letter-spacing:-.02em;line-height:.95}.headline--red{color:var(--red)}.hint{font-family:var(--mono);color:var(--dim);font-size:11px;line-height:1.6}.strip{margin:0 -22px;padding:11px 22px}.strip--ink{background:var(--ink);color:var(--on-ink)}.strip--red{background:var(--red);color:var(--on-red)}.btn{width:100%;height:54px;font-family:var(--black);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;font-size:14px;display:flex}.btn--ink{background:var(--ink);color:var(--on-ink)}.btn--primary{background:var(--red);color:var(--on-red)}.btn--outline{border:1px solid var(--ink);height:46px;color:var(--ink);font-family:var(--mono);background:0 0;font-size:11px;font-weight:600}.btn--outline-red{border-color:var(--red);color:var(--red)}.btn:disabled{opacity:.45;cursor:default}.bar{background:var(--track);height:8px}.bar__fill{background:var(--ink);height:100%}.bar__fill--bad{background:var(--red)}.bar__fill--dim{background:var(--dim)}.chip{border:1px solid var(--ink);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.chip--on{background:var(--ink);color:var(--on-ink)}.chip--dim{border-color:var(--rule);color:var(--dim)}.stat-line{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-line__num{font-family:var(--black);font-size:28px;line-height:1}.stat-line__label{font-family:var(--mono);letter-spacing:.24em;color:var(--dim);text-transform:uppercase;font-size:10px}.totcell{background:var(--paper);border:1px solid var(--rule);flex-direction:column;gap:4px;padding:14px;display:flex}.mono-ring{border:2px solid var(--red);width:48px;height:48px;font-family:var(--black);color:var(--red);border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.modal-veil{z-index:10;background:#14120e9e;position:fixed;inset:0}.crossroads-card{background:var(--paper);border-top:6px solid var(--red);flex-direction:column;gap:14px;padding:24px 22px;display:flex;position:absolute;top:150px;left:20px;right:20px;box-shadow:0 24px 60px #14120e73}.evline{border-left:2px solid var(--ink);padding-left:12px;font-size:13px;font-weight:600;line-height:1.45}.evline--bad{border-left-color:var(--red);color:#7a2a22}.result{grid-template-columns:1fr;gap:20px;padding-top:20px;display:grid}.result__banner{flex-direction:column;gap:6px;display:flex}.result__banner-title{font-size:20px}.result__banner-meta{letter-spacing:.08em;font-size:11px}.result__left,.result__right{flex-direction:column;gap:16px;display:flex}.result__stats{justify-content:space-between;gap:12px;display:flex}.result__evlist,.result__keygames,.result__honors{flex-direction:column;gap:10px;display:flex}.result__keygame-row{justify-content:space-between;font-size:13px;display:flex}.result__chips{flex-wrap:wrap;gap:8px;display:flex}.result__honor-row{justify-content:space-between;font-size:13px;display:flex}.result__standings{grid-template-columns:1fr 1fr;gap:20px;display:grid}.result__standings-col{flex-direction:column;gap:4px;display:flex}.result__standings-row{justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.result__standings-row--you{background:var(--paper-3)}.result__races{flex-direction:column;gap:12px;display:flex}.result__race{flex-direction:column;gap:4px;display:flex}.result__footer{flex-direction:column;gap:12px;display:flex}.result__view-career{display:none}@media (width>=900px){.result{grid-template-columns:1fr 1fr;grid-template-areas:"banner banner""left right""footer footer";column-gap:32px}.result__banner{flex-direction:row;grid-area:banner;justify-content:space-between;align-items:baseline}.result__banner-title{font-size:44px}.result__left{grid-area:left}.result__right{border-left:1px solid var(--rule);grid-area:right;padding-left:32px}.result__stats .stat-line__num{font-size:30px}.result__footer{flex-direction:row;grid-area:footer}.result__footer .btn--ink{flex:1}.result__view-career{width:180px;display:flex}}.symbol{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.symbol--bars{flex-direction:column;gap:4px}.symbol__diamond{border:2px solid var(--ink);width:20px;height:20px;transform:rotate(45deg)}.symbol__circle{border:2px solid var(--ink);border-radius:50%;width:22px;height:22px}.symbol__bar{background:var(--ink);width:26px;height:2px}.symbol--on-red .symbol__diamond,.symbol--on-red .symbol__circle{border-color:var(--on-red)}.symbol--on-red .symbol__bar{background:var(--on-red)}.hub{background:var(--paper);z-index:20;position:fixed;inset:0;overflow-y:auto}.hub__inner{gap:24px}.hub__header{border-bottom:3px double var(--red);justify-content:space-between;align-items:baseline;margin:0 -22px;padding:18px 22px 14px;display:flex}.hub__grid{flex-direction:column;gap:24px;display:flex}.hub__status,.hub__table,.hub__profile,.hub__trophies,.hub__moments,.hub__league,.hub__contract{flex-direction:column;gap:10px;display:flex}.hub__rings{gap:6px;display:flex}.hub-ring{background:var(--red);border-radius:50%;width:13px;height:13px}.hub__row{grid-template-columns:44px 50px 44px 1fr;align-items:center;gap:8px;padding:5px 0;display:grid}.hub__row--head{background:var(--paper-3);padding:6px 4px}.hub__row--head .hub__cell{color:var(--red);font-weight:700}.hub__cell{font-size:12px}.hub__cell--wide{display:none}.hub__monogram-block{align-items:center;gap:10px;display:none}.hub__monogram{width:62px;height:62px;font-size:18px}.hub__bars{flex-direction:column;gap:10px;display:flex}.hub__bar-row{grid-template-columns:90px 1fr 28px;align-items:center;gap:8px;display:grid}.hub__trajectory{display:none}.hub__traj-bars{align-items:flex-end;gap:4px;height:64px;display:flex}.hub__traj-bar{background:var(--ink);flex:1}.hub__traj-bar--last{background:var(--red)}.hub__trophy-list{flex-direction:column;gap:1px;display:flex}.hub__trophy-row{background:var(--paper-3);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.hub__moment-row{gap:10px;padding:4px 0;font-size:13px;display:flex}@media (width>=900px){.hub__grid{grid-template-columns:320px 1fr 300px;grid-template-areas:"status status status""profile table trophies""profile table iconics""profile table contract""league league league";gap:20px 24px;display:grid}.hub__scrollhint{display:none}.hub__table,.hub__trophies,.hub__moments,.hub__contract{border-left:1px solid var(--rule);padding-left:20px}.hub__row{grid-template-columns:44px 1fr 44px 44px 44px 110px 1fr}.hub__cell--wide{display:block}.hub__monogram-block{display:flex}.hub__trajectory{display:block}}.game-layout{flex-direction:column;flex:1;min-height:0;display:flex}.game-score{background:var(--ink);color:var(--on-ink);justify-content:space-between;align-items:center;margin:0 -22px;padding:13px 22px;display:flex}.game-plays{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 0;display:flex;overflow-y:auto}.game-play{align-items:baseline;gap:12px;display:flex}.game-play--decision{border-left:2px solid var(--red);margin-left:-12px;padding-left:10px}.game-decision{background:var(--ink);color:var(--on-ink);flex-direction:column;gap:12px;margin:auto -22px 0;padding:16px 22px;display:flex}.game-decision__options{background:var(--ink-3);flex-direction:column;gap:1px;display:flex}.game-option{background:var(--ink-2);color:var(--on-ink);text-align:left;border:0;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.game-option--bold{background:var(--paper);color:var(--ink)}.moment-strip{gap:8px;display:flex}.moment-card{flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex}.moment-card--done{background:var(--paper-3);border:1px solid var(--rule);opacity:.7}.moment-card--now{border:2px solid var(--red)}.game-desktop-hint{display:none}@media (width<=899px){.game-side{display:contents}.game-score{order:0}.game-moments{order:1}.game-plays{order:2}.game-decision{order:3}}@media (width>=900px){.game-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr 460px;column-gap:0;display:grid}.game-score,.game-plays{grid-column:1}.game-desktop-hint{text-align:center;grid-column:1;padding:10px 0 0;display:block}.game-side{border-left:1px solid var(--rule);flex-direction:column;grid-area:1/2/span 2;gap:18px;margin-left:24px;padding-left:24px;display:flex}.game-side .moment-strip{flex-direction:column}.game-side .game-decision{margin:auto 0 0}}
