:root{--ink:#141210;--cream:#efe6d6;--paper-home:tan;--paper-away:#8e9aa3;--muted:#8a8174;--live:#c4452d;--ok:#d8c07a}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);margin:0;font-family:Sofia Sans,system-ui,sans-serif}body{min-height:100dvh;overflow:hidden}.hud{z-index:5;background:#141210e6;border:1px solid #3a342c;width:min(560px,100vw - 24px);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.hud input{min-width:0;height:42px;color:var(--cream);background:0 0;border:0;outline:none;flex:1;padding:0 14px;font:400 14px/1 Sofia Sans,sans-serif}.hud input::placeholder{color:#6e675c}.hud button{background:var(--cream);height:42px;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-left:1px solid #3a342c;padding:0 16px;font:800 15px/1 Sofia Sans Extra Condensed,sans-serif}.error{z-index:6;color:#e06a56;margin:0;font-size:14px;position:fixed;top:64px;left:50%;transform:translate(-50%)}.arena{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;height:100dvh;display:grid}.panel{--paper:var(--paper-home);--type:var(--ink);--wash:#c09a72;background:var(--paper);min-width:0;color:var(--type);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.panel.home{--paper:var(--paper-home);--wash:#c09a72}.panel.away{--paper:var(--paper-away);--wash:#7a8792}.wash{letter-spacing:0;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;margin:0;padding:calc(58px + .18em) 5% 0;font-family:Anton,sans-serif;font-size:clamp(160px,28vw,380px);font-weight:400;line-height:.8;position:absolute;inset:0;overflow:hidden}.panel.home .wash{color:var(--wash);text-align:left}.panel.away .wash{color:var(--wash);text-align:right}.id{z-index:1;flex-direction:column;gap:8px;padding:0 36px 36px;display:flex;position:relative}.panel.home .id{text-align:left;align-items:flex-start}.panel.away .id{text-align:right;align-items:flex-end}.marks{align-items:center;gap:8px;min-height:28px;display:flex}.marks:empty{display:none}.marks img.flag{object-fit:cover;width:42px;height:28px;box-shadow:0 1px #0003}.marks img.crest{object-fit:contain;width:56px;height:56px}.nation,.given{letter-spacing:.2em;text-transform:uppercase;opacity:.72;margin:0;font-size:16px;font-weight:600}.nation:empty,.given:empty{display:none}.id h2{letter-spacing:.01em;text-transform:uppercase;text-rendering:geometricprecision;margin:0;font-family:Anton,sans-serif;font-size:round(clamp(56px,9vw,140px),1px);font-weight:400;line-height:calc(1cap - 1px)}.scorebar{background:var(--ink);border-top:1px solid #2a261f;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:92px;padding:12px 28px 18px;display:grid}.meta,.kickoff,.status{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:1.35}.meta{justify-self:start;max-width:34ch}.score-meta{text-align:right;justify-self:end}.clock{font-variant-numeric:tabular-nums;gap:22px;font-family:Sofia Sans Extra Condensed,sans-serif;display:flex}.clock .unit{flex-direction:column;align-items:center;display:flex}.clock .unit b{letter-spacing:-.05em;font-size:52px;font-weight:800;line-height:.78}.clock .unit span{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:4px;font-family:Sofia Sans,sans-serif;font-size:11px;font-weight:600}.clock.live .unit b,.clock.done .unit b{font-size:40px}.clock.live .unit b{color:var(--live)}.status.changed{color:var(--ok)}.status.live{color:var(--live)}.hidden{display:none!important}body.is-empty .id h2{opacity:.28}@media (width<=820px){.panel{--id-pad-bottom:20px;--title-size:clamp(44px, 13vw, 76px);--title-lh:.86;--wash-gap:8px;--title-space:calc(var(--id-pad-bottom) + var(--title-size) * var(--title-lh) + var(--wash-gap));container-type:size}.hud{width:100%;top:auto;bottom:0;left:0;transform:none}.arena{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr;height:calc(100dvh - 44px)}.scorebar{text-align:center;grid-area:2/1;grid-template-columns:1fr;justify-items:center;gap:10px;padding:14px 16px}.meta,.score-meta{text-align:center;justify-self:center;max-width:none}.wash{font-size:calc((100cqh - var(--title-space)) * .9);padding:0 5% var(--title-space);justify-content:safe center;align-items:flex-end;display:flex}.panel.home .wash,.panel.away .wash{text-align:start}.panel.home .id,.panel.away .id{text-align:center;align-items:center}.id{padding:0 16px var(--id-pad-bottom)}.id h2{font-size:round(var(--title-size), 1px)}}