:root{--ink: #06090b;--ink-2: #0d1417;--ink-3: #131d21;--line: rgb(255 255 255 / 12%);--line-strong: rgb(255 255 255 / 26%);--paper: #f1f5f2;--muted: #a9bcb6;--lime: #ccff33;--good: #63e6a0;--bad: #ff6b6b;--epic: #ffd83d;--club: #ccff33;--club-2: #ffffff;--club-ink: #000;--display: "Anton", "Haettenschweiler", "Arial Narrow", sans-serif;--body: "Manrope", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--radius: 2px;--gutter: clamp(.75rem, 1.5vw, 1.25rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}h1,h2,h3{margin:0;font-weight:400}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;z-index:200;padding:.75rem 1.25rem;background:var(--lime);color:#000;font-weight:800;text-decoration:none}.skip:focus{left:1rem;top:1rem}.eyebrow{margin:0;font-family:var(--mono);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.setup{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);height:100dvh;overflow:hidden}.setup__pane{min-height:0;overflow-y:auto;overscroll-behavior:contain}.setup__poster{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 20% 0%,rgb(204 255 51 / 16%),transparent 60%),repeating-linear-gradient(115deg,var(--ink-2) 0 46px,var(--ink) 46px 92px);border-right:1px solid var(--line)}.setup__poster-number{font-family:var(--display);font-size:clamp(9rem,26vw,22rem);line-height:.78;color:transparent;-webkit-text-stroke:2px var(--line-strong)}.setup__poster-word{position:absolute;bottom:8%;font-family:var(--display);font-size:clamp(2rem,5vw,3.75rem);letter-spacing:.32em;color:var(--lime);text-transform:uppercase}.setup__form{display:flex;flex-direction:column;gap:.85rem;padding:clamp(1.25rem,3.5vw,3rem);max-width:46rem}.setup__locale{display:flex;gap:.5rem;margin-left:auto}.locale{min-height:36px;padding:0 .7rem;font-family:var(--mono);font-size:.82rem;font-weight:700;letter-spacing:.06em;border:1px solid var(--line-strong);border-radius:var(--radius);background:transparent;color:var(--muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.locale:hover{border-color:var(--lime);color:var(--lime)}.locale--active{background:var(--lime);color:#000;border-color:var(--lime)}.setup__title{font-family:var(--display);font-size:clamp(2rem,4.5vw,3.5rem);line-height:.92;text-transform:uppercase}.setup__intro{padding:.8rem 1rem;border-left:3px solid var(--club);background:#ffffff0a}.setup__intro strong{font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.setup__intro p{margin:.35rem 0 0;color:var(--muted);font-size:.88rem}.field--narrow{max-width:8rem}.seedline{display:flex;gap:.4rem}.seedline input{flex:1;min-width:0}.ghost{min-height:44px;padding:0 .75rem;white-space:nowrap;background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius);font-size:.84rem}.ghost:hover{border-color:var(--lime);color:var(--lime)}.setup__title em{display:block;font-style:normal;color:var(--lime)}.setup__lead{margin:0;max-width:42ch;color:var(--muted)}.setup__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-family:var(--mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input,.field select{min-height:44px;padding:0 .75rem;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--paper);font:inherit}.field input:hover,.field select:hover{border-color:var(--line-strong)}.setup__hint{margin:0;font-size:.9rem;color:var(--muted)}.setup__positions{margin:0;padding:0;border:0}.setup__positions legend{padding:0 0 .35rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chiplist{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:0 .5rem;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);font-size:.85rem;letter-spacing:.08em;cursor:pointer}.chip:hover{border-color:var(--line-strong)}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:2px}.chip--active{background:var(--lime);border-color:var(--lime);color:#000;font-weight:700}.rescue{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;background:#ccff3314;border:1px solid var(--lime);border-radius:var(--radius)}.rescue__text{margin:0;min-width:0;flex:1 1 16rem;font-size:.9rem}.setup__error{margin:0;padding:.6rem .8rem;border-left:3px solid var(--bad);background:#ff6b6b1f;color:#ffd7d7}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;margin-top:.5rem;padding:0 1.5rem;background:var(--lime);border:0;border-radius:var(--radius);color:#000;font-family:var(--display);font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase;transition:transform .12s ease}.cta:hover{transform:translate(4px)}.game{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;overflow:hidden}.hud{z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem var(--gutter);background:linear-gradient(180deg,var(--ink-2),rgb(6 9 11 / 92%));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__identity{display:flex;align-items:center;gap:.85rem;min-width:0}.hud__crest{display:grid;place-items:center;flex:none;width:52px;height:52px;background:var(--club);color:var(--club-ink);font-family:var(--display);font-size:1.6rem;line-height:1;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%)}.hud__crest b{font-weight:400;padding-bottom:.35em}.hud__name{font-family:var(--display);font-size:clamp(1.15rem,2.2vw,1.75rem);line-height:1;text-transform:uppercase}.hud__club{margin:.15rem 0 0;font-size:.88rem;color:var(--muted)}.hud__stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin:0}.hud__locale select{min-height:44px;padding:0 2rem 0 .75rem;border:1px solid var(--line-strong);border-radius:var(--radius);background-color:var(--ink);color:var(--paper);font-family:var(--mono);font-weight:700}.hud__locale select:hover,.hud__locale select:focus-visible{border-color:var(--lime)}.hud__stats div{text-align:right}.hud__stats dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.hud__stats dd{margin:0;font-family:var(--display);font-size:1.4rem;line-height:1.1}.hud__stats dd small{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.hud__ovr dd{color:var(--lime);font-size:2rem}.game__body{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) minmax(0,21rem);gap:var(--gutter);padding:var(--gutter);min-height:0;overflow:hidden}.rail{display:flex;flex-direction:column;gap:var(--gutter);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rail::-webkit-scrollbar,.game__stage::-webkit-scrollbar,.setup__pane::-webkit-scrollbar{width:6px}.rail::-webkit-scrollbar-thumb,.game__stage::-webkit-scrollbar-thumb,.setup__pane::-webkit-scrollbar-thumb{background:var(--line-strong)}.panel{padding:.85rem;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius)}.panel__title{margin-bottom:.6rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.xpbar{height:8px;background:var(--ink-3);overflow:hidden}.xpbar span{display:block;height:100%;background:var(--lime);transition:width .4s ease}.attrs,.meters{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.attrs li,.meters li{display:grid;grid-template-columns:1fr auto;gap:0 .5rem;font-size:.88rem}.attrs b,.meters b{font-family:var(--mono);font-size:.85rem}.attrs i,.meters i{grid-column:1 / -1;height:3px;background:var(--club);transition:width .4s ease}.meters i[data-level=alto]{background:var(--good)}.meters i[data-level=medio]{background:var(--epic)}.meters i[data-level=bajo]{background:var(--bad)}.attrs li[data-fit=clave] span{color:var(--paper)}.attrs li[data-fit=clave] i{background:var(--lime)}.attrs li[data-fit=poco] span,.attrs li[data-fit=poco] b{color:var(--muted)}.help{margin-top:.7rem;font-size:.8rem}.help>summary{cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.help>summary:hover,.help>summary:focus-visible{color:var(--lime)}.help__intro{margin:.6rem 0;color:var(--muted);line-height:1.45}.help__list{display:flex;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none}.help__list li{display:grid;grid-template-columns:1fr auto;gap:.15rem .5rem;padding-left:.5rem;border-left:2px solid var(--line)}.help__list li[data-fit=clave]{border-left-color:var(--lime)}.help__list em{font-family:var(--mono);font-size:.7rem;font-style:normal;color:var(--muted)}.help__list li[data-fit=clave] em{color:var(--lime)}.help__list span{grid-column:1 / -1;color:var(--muted);line-height:1.4}.minitable{display:flex;flex-direction:column;gap:.3rem;margin:0}.minitable div{display:flex;justify-content:space-between;gap:.5rem;font-size:.88rem}.minitable dt{color:var(--muted)}.minitable dd{margin:0;font-family:var(--mono)}.delta{margin-left:.3rem;font-family:var(--mono);font-size:.72rem;font-style:normal;animation:delta-in .5s ease}.delta[data-tone=good]{color:var(--good)}.delta[data-tone=bad]{color:var(--bad)}@keyframes delta-in{0%{opacity:0;transform:translateY(6px)}40%{opacity:1;transform:translateY(-2px)}to{transform:translateY(0)}}.outcome{padding:.9rem 1.1rem;background:linear-gradient(90deg,rgb(255 255 255 / 5%),transparent 70%),var(--ink-3);border:1px solid var(--line);border-left:4px solid var(--paper);border-radius:var(--radius);animation:card-in .22s cubic-bezier(.2,.8,.2,1)}.outcome__choice{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0}.outcome__choice span{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.outcome__choice strong{font-size:.95rem}.outcome__headline{margin:.35rem 0 0;font-family:var(--display);font-size:clamp(1.15rem,2.6vw,1.85rem);line-height:1.05;text-transform:uppercase}.outcome__headline--epic{color:var(--epic)}.outcome__headline--good{color:var(--good)}.outcome__headline--bad{color:var(--bad)}.outcome__lines{margin:.4rem 0 0;padding:0;list-style:none;font-size:.86rem;color:#cbd6d1}.outcome__lines [data-tone=bad]{color:#ffb1b1}.outcome__chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0 0;padding:0;list-style:none}.outcome__chips li{padding:.18rem .5rem;border:1px solid currentcolor;border-radius:999px;font-family:var(--mono);font-size:.72rem;font-weight:700;animation:chip-in .32s backwards cubic-bezier(.2,.9,.3,1.4)}.outcome__chips li[data-tone=good]{color:var(--good)}.outcome__chips li[data-tone=bad]{color:var(--bad)}.outcome__chips li[data-tone=epic]{color:#000;background:var(--epic);border-color:var(--epic)}@keyframes chip-in{0%{opacity:0;transform:scale(.6) translateY(8px)}}.pitch{margin:.8rem 0 0;min-width:0}.pitch svg{display:block;width:100%;max-width:15rem;height:auto;border:1px solid var(--line)}.pitch__grass{fill:#0a1a14}.pitch__lines{fill:none;stroke:#ffffff42;stroke-width:.5}.pitch__dot{fill:#ffffff73;stroke:none}.pitch__goals rect{fill:#fff6}.pitch__pulse{fill:var(--club);opacity:.22;transform-box:fill-box;transform-origin:center;animation:pitch-pulse 1.8s ease-in-out infinite}.pitch__ball{fill:var(--paper);stroke:#000;stroke-width:.6}@keyframes pitch-pulse{0%,to{transform:scale(.65);opacity:.35}50%{transform:scale(1.15);opacity:.12}}.pitch figcaption{margin-top:.35rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.game__stage{display:flex;flex-direction:column;gap:var(--gutter);min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.stage{min-width:0;width:100%}.card{position:relative;padding:clamp(.9rem,1.8vw,1.35rem);background:radial-gradient(120% 100% at 100% 0%,rgb(255 255 255 / 4%),transparent 55%),var(--ink-2);border:1px solid var(--line);border-left:4px solid var(--club);border-radius:var(--radius);animation:card-in .26s cubic-bezier(.2,.8,.2,1)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.card--epic{border-left-color:var(--epic);box-shadow:0 0 0 1px #ffd83d38,0 24px 60px -30px #ffd83d73}.card--good{border-left-color:var(--good)}.card--bad{border-left-color:var(--bad)}.card__eyebrow{margin:0;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.card__title{margin:.3rem 0 .5rem;font-family:var(--display);font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:.94;text-transform:uppercase}.card--result .card__title,.card--moment .card__title{font-variant-numeric:tabular-nums}.card__body{margin:0;max-width:58ch;font-size:.98rem;color:#dbe4df;white-space:pre-line}.matchbox{margin-top:.8rem;padding:.7rem;background:var(--ink);border:1px solid var(--line)}.matchbox__score{display:flex;align-items:baseline;justify-content:center;gap:1rem;margin:0;flex-wrap:wrap;font-size:.84rem;color:var(--muted)}.matchbox__rating{font-family:var(--mono);font-size:.82rem;letter-spacing:.04em}.matchbox__rating[data-tone=good]{color:var(--good)}.matchbox__rating[data-tone=epic]{color:var(--epic)}.matchbox__rating[data-tone=bad]{color:var(--bad)}.matchbox__score strong{font-family:var(--display);font-size:2rem;color:var(--paper);font-variant-numeric:tabular-nums}.matchbox__lines{margin:.6rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem;max-height:11rem;overflow-y:auto;scrollbar-width:thin}.matchbox__lines li{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;font-size:.92rem;border-top:1px solid var(--line);padding-top:.35rem}.matchbox__lines b{font-family:var(--mono);color:var(--muted)}.matchbox__lines [data-tone=good]{color:var(--good)}.matchbox__lines [data-tone=bad]{color:var(--bad)}.matchbox__lines [data-tone=epic]{color:var(--epic);font-weight:700}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:.5rem;margin-top:1rem}.option{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;align-content:start;gap:.35rem .75rem;min-height:60px;padding:.6rem .8rem;text-align:left;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);transition:transform .12s ease,border-color .12s ease,background .12s ease}.option>*{min-width:0;overflow-wrap:break-word}.option:hover{transform:translateY(-2px);border-color:var(--club);background:#172126}.option__key{grid-column:1;grid-row:1;display:grid;place-items:center;width:34px;height:34px;background:var(--club);color:var(--club-ink);box-shadow:inset 0 0 0 1px var(--line-strong);font-family:var(--mono);font-size:.95rem;font-weight:700}.option__label{grid-column:2;align-self:center;font-weight:800;font-size:1.02rem;line-height:1.2}.option__hint,.option .facts,.option .odds{grid-column:1 / -1}.option__hint{font-family:var(--mono);font-size:.82rem;line-height:1.5;letter-spacing:.04em;color:var(--muted);white-space:pre-line}.liveview{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:.75rem;margin-top:.8rem}.liveview .pitch,.liveview .matchbox{margin-top:0}.liveview .pitch svg{max-width:13rem}.liveview .matchbox__lines{max-height:9rem}@media(max-width:760px){.liveview{grid-template-columns:minmax(0,1fr)}}.facts{display:grid;gap:.15rem;margin-top:.5rem;padding-top:.45rem;border-top:1px solid var(--line)}.facts__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 .6rem;min-width:0;font-size:.84rem}.facts__label{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.facts__value{margin-left:auto;min-width:0;text-align:right;font-weight:700}.facts__value[data-tone=good]{color:var(--good)}.facts__value[data-tone=epic]{color:var(--epic)}.facts__value[data-tone=bad]{color:var(--bad)}.odds{display:block;margin-top:.35rem}.odds__bar{display:flex;height:7px;overflow:hidden;background:var(--ink);border-radius:999px}.odds__bar i[data-part=good]{background:var(--good)}.odds__bar i[data-part=meh]{background:var(--line-strong)}.odds__bar i[data-part=bad]{background:var(--bad)}.odds__numbers{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.25rem;font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.02em}.odds__numbers b[data-part=good]{color:var(--good)}.odds__numbers b[data-part=meh]{color:var(--muted)}.odds__numbers b[data-part=bad]{color:var(--bad)}.option--good .option__key{background:var(--good);color:#000;box-shadow:none}.share{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--line)}.share__heading{max-width:58ch}.share__eyebrow{margin:0 0 .35rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--epic)}.share__heading h3{font-family:var(--display);font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:.95;text-transform:uppercase}.share__heading>p:last-child{margin:.55rem 0 0;color:var(--muted)}.share__poster{position:relative;margin:1rem 0 0;padding:clamp(.3rem,1vw,.65rem);overflow:hidden;background:#020405;border:1px solid var(--line-strong);box-shadow:0 28px 70px -38px #000000e5,0 0 0 1px #ffd83d14}.share__poster:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgb(255 255 255 / 4%),transparent 28%)}.share__poster-svg{display:block;width:100%;height:auto;background:#071014}.share__poster figcaption{position:relative;z-index:1;padding:.45rem .25rem .05rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-align:right;text-transform:uppercase;color:var(--muted)}.share__honours{margin-top:.8rem;padding:.8rem;background:var(--ink);border:1px solid var(--line)}.share__honours h4{margin:0 0 .65rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--epic)}.share__honours>p{margin:0;color:var(--muted)}.share__honours ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}.share__honours li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.6rem;min-width:0;padding:.55rem;background:var(--ink-2);border:1px solid var(--line)}.share__honours-badge{display:grid;place-items:center;width:42px;height:42px;font-family:var(--mono);font-size:.68rem;font-weight:800}.share__honours li>span:last-child{min-width:0}.share__honours b,.share__honours small{display:block}.share__honours b{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.share__honours small{margin-top:.15rem;font-size:.7rem;line-height:1.35;color:var(--muted)}.share__text{margin:.55rem 0 0;padding:.8rem .9rem;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);font-size:.84rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:break-word;-webkit-user-select:all;user-select:all}.share__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.share__actions .ghost{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--paper)}.share__actions .ghost:first-child{border-color:var(--epic);color:var(--epic)}.share__actions .ghost:disabled{cursor:wait;opacity:.55}.share__feedback{min-height:1.4em;margin:.45rem 0 0;font-size:.78rem;color:var(--bad)}.share__summary{margin-top:.4rem;border-top:1px solid var(--line)}.share__summary summary{min-height:44px;padding:.7rem 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer}.mishap{position:fixed;left:50%;bottom:1.25rem;z-index:90;transform:translate(-50%);max-width:min(34rem,calc(100vw - 2rem));margin:0;padding:.65rem 1rem;background:var(--ink-2);border:1px solid var(--bad);border-radius:var(--radius);font-size:.88rem}.mishap--save{top:1.25rem;bottom:auto}.broken__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.reset{align-self:flex-start;padding:.55rem .9rem;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-size:.86rem}.reset:hover{border-color:var(--bad);color:var(--bad)}.feed{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;max-height:15rem;overflow-y:auto}.feed li{padding:.3rem .5rem;background:var(--ink-3);border-left:3px solid var(--line-strong);font-size:.9rem;animation:pop .24s ease}@keyframes pop{0%{opacity:0;transform:translate(8px)}}.feed li[data-tone=good]{border-left-color:var(--good);color:var(--good)}.feed li[data-tone=bad]{border-left-color:var(--bad);color:#ffb1b1}.feed li[data-tone=epic]{border-left-color:var(--epic);color:var(--epic);font-weight:700}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.6rem}.tab{min-height:34px;padding:0 .6rem;background:transparent;border:1px solid var(--line);border-radius:var(--radius);font-size:.84rem;color:var(--muted)}.tab--active{background:var(--paper);border-color:var(--paper);color:#000;font-weight:700}.tabpanel{max-height:22rem;overflow-y:auto}.standings{width:100%;border-collapse:collapse;font-size:.86rem}.standings th,.standings td{padding:.28rem .3rem;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.standings thead th{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.standings tbody th{text-align:left;font-weight:500;max-width:9rem;overflow:hidden;text-overflow:ellipsis}.standings tr[aria-current]{background:#ccff331f}.standings tr[aria-current] th{color:var(--lime);font-weight:800}.timeline{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.timeline li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.5rem;padding-left:.6rem;border-left:2px solid var(--line-strong);font-size:.88rem}.timeline li b{font-family:var(--mono);font-size:.78rem;color:var(--muted)}.timeline li[data-kind=hito]{border-left-color:var(--epic)}.timeline li[data-kind=club]{border-left-color:var(--club)}.timeline li[data-kind=rivalidad]{border-left-color:var(--bad)}.timeline li[data-kind=promesa]{border-left-color:var(--good)}.trophies,.headlines{display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;font-size:.9rem}.trophies li{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.trophies span{grid-row:1 / -1}.trophies small{color:var(--muted)}.headlines li{padding-left:.6rem;border-left:2px solid var(--club);color:#d8e2dd}.empty{margin:0;color:var(--muted);font-size:.9rem}.panel__lead{margin:0 0 .5rem;font-size:.92rem;font-weight:700}.panel__note{margin:.5rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.4}.flash{position:fixed;inset:0;z-index:90;display:grid;place-items:center;pointer-events:none;animation:flash 1.4s ease forwards}.flash span{font-family:var(--display);font-size:clamp(2.5rem,9vw,7rem);text-transform:uppercase;color:var(--epic);text-shadow:0 0 60px rgb(255 216 61 / 55%);transform:rotate(-3deg)}@keyframes flash{0%{opacity:0;transform:scale(.85)}18%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.viewnav{display:none;gap:1px;background:var(--line);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.viewnav button{flex:1;min-height:52px;background:var(--ink-2);border:0;font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.viewnav button[aria-pressed=true]{background:var(--lime);color:#000;font-weight:700}@media(max-width:1180px){.game__body{grid-template-columns:minmax(0,1fr)}.viewnav{display:flex}.game[data-view=partida] .rail,.game[data-view=ficha] .game__stage,.game[data-view=ficha] .rail--right,.game[data-view=datos] .game__stage,.game[data-view=datos] .rail--left{display:none}.feed,.tabpanel{max-height:none}}@media(max-width:820px){:root{--gutter: .6rem}.setup{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.setup__poster{min-height:18vh;border-right:0;border-bottom:1px solid var(--line)}.setup__poster-number{font-size:8rem}.setup__poster-word{bottom:4%;font-size:1.5rem}.hud{padding:.5rem var(--gutter);gap:.5rem}.hud__crest{width:42px;height:42px}.hud__stats{gap:.85rem;width:100%;justify-content:space-between}.hud__stats dd{font-size:1.1rem}.hud__ovr dd{font-size:1.5rem}.card{padding:.9rem}.options,.share__honours ul{grid-template-columns:minmax(0,1fr)}.matchbox__lines li{grid-template-columns:2.2rem 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}