@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg: #f2ede3;--surface: #ffffff;--surface-2: #f7f3ea;--ink: #111111;--ink-2: #444444;--ink-3: #888888;--border: 2px solid #111111;--border-1: 1px solid #111111;--shadow: 4px 4px 0px #111111;--shadow-sm: 2px 2px 0px #111111;--shadow-lg: 6px 6px 0px #111111;--home: #1a56db;--home-bg: #dbeafe;--away: #c2410c;--away-bg: #fee2e2;--c-goal: #166534;--c-goal-bg: #dcfce7;--c-warn: #92400e;--c-warn-bg: #fef3c7;--c-red: #991b1b;--c-red-bg: #fee2e2;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.screen{display:none;min-height:100vh}.screen.active{display:block}#screen-match.active{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.result-screen.active{display:flex;align-items:center;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scoreFlash{0%{transform:scale(1)}40%{transform:scale(1.4);color:var(--c-goal)}to{transform:scale(1)}}.screen.active{animation:slideIn .25s var(--ease)}.score-flash{animation:scoreFlash .5s var(--ease)}.pop-in{animation:popIn .2s var(--ease)}.nb-card{background:var(--surface);border:var(--border);box-shadow:var(--shadow);border-radius:2px;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border:var(--border);border-radius:2px;font-family:var(--font);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm);transition:transform 80ms var(--ease),box-shadow 80ms var(--ease);text-decoration:none;line-height:1}.btn:hover{box-shadow:3px 3px #111}.btn:active{transform:translate(2px,2px);box-shadow:0 0 #111}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.btn-cta{height:54px;padding:0 40px;font-size:1rem;font-weight:900;letter-spacing:.08em;box-shadow:var(--shadow-lg)}.btn-cta:hover{box-shadow:5px 5px #111}.btn-cta:active{transform:translate(4px,4px);box-shadow:0 0 #111}.btn-ghost{background:var(--surface);color:var(--ink)}.btn-continue{background:var(--surface);color:var(--ink);height:40px;font-size:.78rem}.btn-sm{height:36px;padding:0 14px;font-size:.76rem}.btn-pull{width:100%;height:64px;border:var(--border);border-radius:2px;background:var(--home);color:#fff;font-family:var(--font);font-size:1.4rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform 80ms var(--ease),box-shadow 80ms var(--ease)}.btn-pull:hover{box-shadow:5px 5px #111}.btn-pull:active{transform:translate(4px,4px);box-shadow:0 0 #111}.btn-pull.second-pull{background:var(--away)}.btn-pull:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.input,.select{width:100%;height:44px;padding:0 12px;background:var(--surface);border:var(--border);border-radius:2px;color:var(--ink);font-family:var(--font);font-size:.875rem;font-weight:500;outline:none;transition:box-shadow .15s var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus{box-shadow:0 0 0 3px #1a56db33}.input::placeholder{color:var(--ink-3)}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23111111' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.select option{background:#fff;color:#111}.field-label{display:block;font-size:.68rem;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.team-badge{display:inline-flex;align-items:center;padding:3px 10px;border:var(--border-1);border-radius:2px;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;width:fit-content}.home-badge{background:var(--home-bg);color:var(--home);border-color:var(--home)}.away-badge{background:var(--away-bg);color:var(--away);border-color:var(--away)}.result-badge{display:inline-flex;align-items:center;padding:5px 16px;border:var(--border);border-radius:2px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.warning-badge{background:var(--c-warn-bg);color:var(--c-warn)}.success-badge{background:var(--c-goal-bg);color:var(--c-goal)}#screen-config{padding:40px 16px 64px}.cfg-wrap{max-width:1020px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:36px}.cfg-hero{text-align:center}.cfg-logo-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.cfg-logo-icon{font-size:2.8rem;line-height:1}.cfg-logo-text{font-size:3.2rem;font-weight:900;letter-spacing:-.04em;color:var(--ink);text-transform:uppercase}.cfg-logo-accent{color:var(--home)}.cfg-subtitle{font-size:.72rem;font-weight:700;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.cfg-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;width:100%;align-items:start}.cfg-team{padding:0}.cfg-team-header{padding:16px;border-bottom:var(--border);display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}.home-header{border-left:4px solid var(--home)}.away-header{border-left:4px solid var(--away)}.cfg-team-name{font-size:.9rem;font-weight:700;height:40px}.cfg-meta-row{display:flex;align-items:flex-end;gap:10px}.cfg-digit-group{flex:1}.select-sm{height:36px;font-size:.8rem}.cfg-players{display:flex;flex-direction:column;gap:3px;padding:10px}.player-row{display:flex;align-items:center;gap:7px}.player-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ink);color:var(--bg);border-radius:2px;font-size:.72rem;font-weight:800}.player-name-input{height:32px;font-size:.78rem;padding:0 8px;border-radius:2px;flex:1}.pos-select{height:32px;font-size:.72rem;padding:0 4px;width:64px;flex-shrink:0;border-radius:2px}.ppos{font-size:.72rem;flex-shrink:0;opacity:.75}.pname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-vs{display:flex;align-items:center;justify-content:center;padding:0 8px;align-self:center}.vs-pill{background:var(--ink);color:var(--bg);font-size:.76rem;font-weight:900;padding:10px 14px;border-radius:2px;letter-spacing:.1em;box-shadow:var(--shadow-sm)}.match-topbar{display:flex;align-items:stretch;background:var(--ink);border-bottom:var(--border);padding:0 16px;flex-shrink:0;min-height:64px;gap:12px;color:var(--bg);transition:border-bottom-color .3s ease,box-shadow .3s ease}.match-topbar.topbar-home-active{border-bottom:3px solid var(--home);box-shadow:0 2px 0 var(--home)}.match-topbar.topbar-away-active{border-bottom:3px solid var(--away);box-shadow:0 2px 0 var(--away)}.cfg-preset-row{display:flex;flex-direction:column;gap:4px}.match-team-block{display:flex;align-items:center;gap:10px;flex:1}.home-side{justify-content:flex-start}.away-side{justify-content:flex-end}.match-team-name{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffb3}.home-name{color:#93c5fd}.away-name{color:#fca5a5}.match-score{font-size:2.8rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.home-score{color:#93c5fd}.away-score{color:#fca5a5}.match-center-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0}.match-clock-badge{background:var(--bg);color:var(--ink);border-radius:2px;padding:3px 12px;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.match-half-label{font-size:.62rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.active-team-pill{font-size:.66rem;color:#fff9;letter-spacing:.06em;font-weight:600;text-transform:uppercase}.active-team-pill strong{color:#fcd34d;font-weight:800}.match-body{display:grid;grid-template-columns:200px 1fr 200px;flex:1;overflow:hidden}.side-panel{display:flex;flex-direction:column;overflow-y:auto;border-right:var(--border);background:var(--surface)}.away-panel{border-right:none;border-left:var(--border)}.home-panel{border-left:3px solid var(--home)}.away-panel{border-right:none;border-left:3px solid var(--away)}.side-panel-title{position:sticky;top:0;z-index:2;padding:8px 10px;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border-bottom:var(--border);background:var(--ink);color:var(--bg)}.home-title{border-left:3px solid var(--home)}.away-title{border-left:3px solid var(--away)}.players-list{display:flex;flex-direction:column;gap:2px;padding:8px}.player-badge{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:2px;font-size:.74rem;font-weight:500;background:transparent;border:1px solid transparent;cursor:default;transition:background .12s var(--ease),border-color .12s var(--ease)}.player-badge .pnum{font-size:.66rem;font-weight:800;color:var(--ink-3);min-width:14px;text-align:right;flex-shrink:0}.player-badge.yellow-card{background:var(--c-warn-bg);border-color:var(--c-warn);color:var(--c-warn)}.player-badge.red-card{background:var(--c-red-bg);border-color:var(--c-red);text-decoration:line-through;opacity:.55}.player-badge.active{background:var(--home-bg);border:var(--border-1);border-color:var(--home);font-weight:700}.away-panel .player-badge.active{background:var(--away-bg);border-color:var(--away)}.center-col{display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;background:var(--bg)}.chrono-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px}.chrono-display{font-size:5rem;font-weight:900;font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--ink);background:var(--surface);border:var(--border);border-radius:2px;padding:12px 28px;min-width:260px;text-align:center;box-shadow:var(--shadow-lg);transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.chrono-display.running{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg)}.chrono-hint{font-size:.7rem;font-weight:600;color:var(--ink-3);text-align:center;text-transform:uppercase;letter-spacing:.06em}.action-card{padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-left:4px solid var(--ink)}.action-result{font-size:1.3rem;font-weight:900;line-height:1.2;color:var(--ink)}.action-result.gol{color:var(--c-goal)}.action-result.kart{color:var(--c-red)}.action-result.sari{color:var(--c-warn)}.action-result.normal{color:var(--ink)}.action-subtitle{font-size:.8rem;font-weight:500;color:var(--ink-2);line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:2px}.action-player-name{font-size:1.1rem;font-weight:900;color:var(--ink);letter-spacing:-.02em}.action-player-detail{font-size:.74rem;font-weight:500;color:var(--ink-3);letter-spacing:.02em}.action-ref-card{overflow:hidden}.action-ref-header{padding:8px 14px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--bg);background:var(--ink);border-bottom:var(--border)}.action-ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.ar-item{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06);font-size:.72rem}.ar-item:nth-child(2n){border-right:none}.ar-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:var(--ink);color:var(--bg);border-radius:2px;font-size:.72rem;font-weight:900}.ar-lbl{font-weight:500;color:var(--ink-2);white-space:nowrap}.ar-normal .ar-num{background:var(--ink-2)}.ar-warn .ar-num{background:var(--c-warn)}.ar-danger .ar-num{background:var(--c-red)}.ar-goal .ar-num{background:#1d6b34}.ar-star .ar-num{background:var(--home)}.ar-star .ar-lbl{color:var(--home);font-weight:800}.log-card{overflow:hidden}.log-card-header{padding:10px 14px 8px;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--bg);background:var(--ink);border-bottom:var(--border)}.match-log{display:flex;flex-direction:column;gap:2px;padding:6px 8px 8px;max-height:240px;overflow-y:auto}.log-item{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:2px;font-size:.74rem;border-left:3px solid transparent;transition:background .12s var(--ease)}.log-item:hover{background:var(--surface-2)}.log-item.log-gol{border-left-color:var(--c-goal);background:var(--c-goal-bg)}.log-item.log-kart{border-left-color:var(--c-red);background:var(--c-red-bg)}.log-item.log-sari{border-left-color:var(--c-warn);background:var(--c-warn-bg)}.log-item.log-skip{border-left-color:var(--ink-3);opacity:.5}.log-minute{font-size:.66rem;font-weight:800;color:var(--ink-3);min-width:28px}.log-icon{font-size:.85rem}.log-text{flex:1;line-height:1.3;color:var(--ink-2)}.log-text strong{color:var(--ink);font-weight:700}.mobile-tabs{display:none}.result-screen{padding:40px 20px}.result-wrap{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.result-heading{font-size:2.2rem;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.result-score-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.result-team{font-size:.9rem;font-weight:700;max-width:110px;text-align:center;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.home-team{color:var(--home)}.away-team{color:var(--away)}.result-score-box{font-size:3rem;font-weight:900;font-variant-numeric:tabular-nums;width:68px;height:68px;display:flex;align-items:center;justify-content:center;border:var(--border);background:var(--surface);border-radius:2px;box-shadow:var(--shadow)}.home-score-box{color:var(--home);border-color:var(--home);background:var(--home-bg)}.away-score-box{color:var(--away);border-color:var(--away);background:var(--away-bg)}.result-dash{color:var(--ink-3);font-size:1.6rem;font-weight:900}.stats-card{width:100%;text-align:left}.stats-card-title{font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--bg);background:var(--ink);padding:8px 14px;border-bottom:var(--border)}.stats-grid{display:grid;grid-template-columns:1fr auto 1fr;row-gap:6px;column-gap:8px;padding:10px 14px 12px;align-items:center}.stat-val{font-size:1rem;font-weight:900}.stat-lbl{font-size:.62rem;font-weight:800;color:var(--ink-3);text-align:center;text-transform:uppercase;letter-spacing:.08em}.home-val{text-align:right;color:var(--home)}.away-val{text-align:left;color:var(--away)}.summary-log{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;max-height:200px;overflow-y:auto}.empty-log{color:var(--ink-3);font-size:.82rem;text-align:center;padding:12px;font-style:italic}.motm-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 20px;margin-bottom:12px;background:var(--ink);color:var(--bg);border:var(--border);box-shadow:4px 4px 0 var(--home)}.motm-label{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--home)}.motm-name{font-size:1.4rem;font-weight:900;line-height:1.1}.motm-team{font-size:.8rem;font-weight:600;opacity:.7}.motm-empty{font-size:.85rem;font-weight:600;opacity:.5;box-shadow:none}.stats-table{width:100%;border-collapse:collapse;font-size:.82rem}.stats-table th,.stats-table td{padding:5px 10px}.stats-table thead th{font-weight:900;font-size:.68rem;text-transform:uppercase}.stats-table .home-col{text-align:right;color:var(--home);font-weight:700}.stats-table .away-col{text-align:left;color:var(--away);font-weight:700}.stats-table .stat-label{text-align:center;color:var(--ink-2);font-size:.72rem}.stats-table .winner{font-weight:900}.stats-table tr:nth-child(2n){background:#00000008}.side-panel-title{transition:background .3s ease,color .3s ease}.side-panel.active-turn .side-panel-title{background:var(--ink);color:var(--bg)}.side-panel.active-turn.home-panel .side-panel-title{background:var(--home)}.side-panel.active-turn.away-panel .side-panel-title{background:var(--away)}.side-panel.active-turn{box-shadow:0 0 0 2px var(--ink)}.active-team-pill.home-active{background:var(--home);color:#fff}.active-team-pill.away-active{background:var(--away);color:#fff}@keyframes goalFlash{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.08)}50%{opacity:1;transform:scale(1)}80%{opacity:.9}to{opacity:0;transform:scale(1.15)}}@keyframes panelFlash{0%{filter:brightness(1)}20%{filter:brightness(1.5)}40%{filter:brightness(1)}60%{filter:brightness(1.4)}80%{filter:brightness(1)}to{filter:brightness(1)}}@keyframes ballArc{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}40%{transform:translate(60px) translateY(-40px) rotate(180deg)}to{transform:translate(130px) translateY(0) rotate(360deg);opacity:0}}@keyframes kickerSwing{0%{transform:rotate(0)}40%{transform:rotate(-30deg)}70%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes celebrationPop{0%{transform:translateY(0) scale(.5);opacity:0}30%{transform:translateY(-20px) scale(1.2);opacity:1}70%{transform:translateY(-35px) scale(1);opacity:1}to{transform:translateY(-50px) scale(.8);opacity:0}}.goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:200;opacity:0;background:transparent}.goal-overlay.anim-active{animation:goalFlash 1.8s ease forwards}.goal-overlay.team-home{background:radial-gradient(ellipse at center,var(--home) 0%,transparent 70%)}.goal-overlay.team-away{background:radial-gradient(ellipse at center,var(--away) 0%,transparent 70%)}.goal-anim-text{font-size:4rem;font-weight:900;color:var(--bg);text-shadow:3px 3px 0 var(--ink);letter-spacing:.05em;line-height:1}.home-panel.panel-flash,.away-panel.panel-flash{animation:panelFlash 1.6s ease}.freekick-container{position:absolute;bottom:30%;pointer-events:none;z-index:150;display:none;gap:8px;align-items:center}.freekick-container.dir-home{left:20%}.freekick-container.dir-away{right:20%;transform:scaleX(-1)}.freekick-container.anim-active{display:flex}.freekick-ball{font-size:1.6rem;animation:ballArc .6s ease forwards}.freekick-kicker{font-size:1.4rem;animation:kickerSwing .4s ease forwards}.celebration-figure{position:absolute;bottom:35%;pointer-events:none;z-index:160;display:flex;flex-direction:column;align-items:center;animation:celebrationPop 1.5s ease forwards}.celebration-figure.celebrate-home{left:18%}.celebration-figure.celebrate-away{right:18%}.cel-player{font-size:2.4rem;line-height:1}.cel-stars{font-size:1rem;margin-top:-4px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ink-2)}@media (max-width: 768px){.cfg-grid{grid-template-columns:1fr;gap:12px}.cfg-vs{flex-direction:row;justify-content:center;padding:4px 0}.cfg-logo-text{font-size:2.4rem}.match-body{grid-template-columns:1fr;overflow:visible}.side-panel,.center-col{display:none}.match-body[data-active-tab=home] .home-panel,.match-body[data-active-tab=center] .center-col,.match-body[data-active-tab=away] .away-panel{display:flex;overflow-y:auto}.match-body:not([data-active-tab]) .center-col{display:flex}.mobile-tabs{display:flex;background:var(--ink);border-top:var(--border);flex-shrink:0}.mobile-tab{flex:1;height:52px;border:none;background:transparent;color:#ffffff80;font-family:var(--font);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color .15s var(--ease),background .15s var(--ease)}.mobile-tab.active{color:#fcd34d;background:#ffffff0f}.chrono-display{font-size:3.6rem;min-width:200px}.btn-pull{height:56px;font-size:1.15rem}.match-topbar{padding:0 10px;gap:6px;min-height:56px}.match-team-name{font-size:.74rem;max-width:75px}.match-score{font-size:2.2rem}}@media (max-width: 1024px) and (min-width: 769px){.match-body{grid-template-columns:175px 1fr 175px}.cfg-logo-text{font-size:2.6rem}}