:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{width:100%;height:100%;min-height:100vh;min-height:100dvh;background:#0f1115}body{margin:0;width:100%;min-width:100%;min-height:100%;height:100%;min-height:100vh;min-height:100dvh;background:#0f1115;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overflow-x:hidden}#root{width:100%;min-width:100%;min-height:100%;height:100%;display:flex;flex-direction:column}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media(min-width:601px)and (max-width:1024px){*{-webkit-tap-highlight-color:rgba(74,158,255,.2)}button,.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}*{-webkit-overflow-scrolling:touch}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}.app{min-height:100vh;min-height:100dvh;height:100%;width:100%;display:flex;flex-direction:column}@media(display-mode:standalone){.app{min-height:100vh;min-height:100dvh;height:100%;width:100%;max-width:100%}.appShell{width:100%;max-width:100%;padding:16px;margin:0 auto;flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.clockBlock{position:fixed!important;left:50%!important;top:43px!important;transform:translate(calc(-50% + 20px))!important;width:200px!important;z-index:1000!important}@media(min-width:601px)and (max-width:1024px){.appShell{width:100%;max-width:100%;padding:6px;box-sizing:border-box}.clockBlock{position:fixed!important;left:50%!important;top:43px!important;transform:translate(-50%)!important;width:150px!important;min-width:150px!important;z-index:1000!important;padding:2px 6px!important;gap:2px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important}.clockBlock .periodRow{gap:2px!important;margin-bottom:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important}.clockBlock .periodRow .btn{font-size:11px!important;padding:2px 6px!important;min-width:24px!important;min-height:20px!important}.clockBlock .timeBig{font-size:22px!important;height:28px!important;margin:0!important;transform:none!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.clockBlock .timeBig span,.clockBlock .timeBig input{font-size:22px!important}.clockBlock .timeBig input[type=number],.clockBlock .timeBig input[type=text]{width:48px!important;min-width:48px!important}.live .formationsContainer{margin-top:0!important}.live{gap:4px}}}:fullscreen,:-webkit-full-screen,:-moz-full-screen,:-ms-fullscreen{width:100vw;height:100vh;overflow:hidden}:fullscreen .appShell,:-webkit-full-screen .appShell,:-moz-full-screen .appShell,:-ms-fullscreen .appShell{padding:16px;max-width:1800px;width:100%;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;height:100vh;box-sizing:border-box}:fullscreen .live,:-webkit-full-screen .live,:-moz-full-screen .live,:-ms-fullscreen .live{gap:4px!important;margin-top:0!important}:fullscreen .live .formationsContainer,:-webkit-full-screen .live .formationsContainer,:-moz-full-screen .live .formationsContainer,:-ms-fullscreen .live .formationsContainer{margin-top:0!important}:fullscreen .live.match-not-loaded .formationsContainer,:-webkit-full-screen .live.match-not-loaded .formationsContainer,:-moz-full-screen .live.match-not-loaded .formationsContainer,:-ms-fullscreen .live.match-not-loaded .formationsContainer{margin-top:0!important}:fullscreen .live.match-loaded .formationsContainer,:-webkit-full-screen .live.match-loaded .formationsContainer,:-moz-full-screen .live.match-loaded .formationsContainer,:-ms-fullscreen .live.match-loaded .formationsContainer{margin-top:0!important}:fullscreen .live .liveRinkRow,:-webkit-full-screen .live .liveRinkRow,:-moz-full-screen .live .liveRinkRow,:-ms-fullscreen .live .liveRinkRow{margin-bottom:0!important;flex:0 0 auto!important;height:calc(100vh - 300px)!important;max-height:calc(100vh - 300px)!important}:fullscreen .live .liveActionButtons,:-webkit-full-screen .live .liveActionButtons,:-moz-full-screen .live .liveActionButtons,:-ms-fullscreen .live .liveActionButtons{height:100%!important;max-height:100%!important}:fullscreen .onIceView,:-webkit-full-screen .onIceView,:-moz-full-screen .onIceView,:-ms-fullscreen .onIceView{min-height:0!important;max-height:100%!important;height:100%!important}:fullscreen .iceSurface,:-webkit-full-screen .iceSurface,:-moz-full-screen .iceSurface,:-ms-fullscreen .iceSurface{min-height:0!important;max-height:100%!important;height:100%!important}:fullscreen .topBarCenter .clockBlock,:-webkit-full-screen .topBarCenter .clockBlock,:-moz-full-screen .topBarCenter .clockBlock,:-ms-fullscreen .topBarCenter .clockBlock{position:static!important;left:auto!important;transform:none!important}:fullscreen .clockBlock,:-webkit-full-screen .clockBlock,:-moz-full-screen .clockBlock,:-ms-fullscreen .clockBlock{display:flex!important;flex-direction:column!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important}:fullscreen .clockBlock .periodRow,:-webkit-full-screen .clockBlock .periodRow,:-moz-full-screen .clockBlock .periodRow,:-ms-fullscreen .clockBlock .periodRow{flex-wrap:nowrap!important;justify-content:center!important;margin-bottom:4px!important;flex-shrink:0!important}:fullscreen .clockBlock .timeBig,:-webkit-full-screen .clockBlock .timeBig,:-moz-full-screen .clockBlock .timeBig,:-ms-fullscreen .clockBlock .timeBig{transform:none!important;flex-shrink:0!important;min-height:28px!important}@media(min-width:601px)and (max-width:1024px){:fullscreen .appShell,:-webkit-full-screen .appShell,:-moz-full-screen .appShell,:-ms-fullscreen .appShell{padding:6px;max-width:100%}:fullscreen .live,:-webkit-full-screen .live,:-moz-full-screen .live,:-ms-fullscreen .live{gap:4px!important;margin-top:0!important;display:flex;flex-direction:column;height:100%;overflow:hidden}:fullscreen .live .formationsContainer,:-webkit-full-screen .live .formationsContainer,:-moz-full-screen .live .formationsContainer,:-ms-fullscreen .live .formationsContainer{margin-top:0!important}:fullscreen .live.match-not-loaded .formationsContainer,:-webkit-full-screen .live.match-not-loaded .formationsContainer,:-moz-full-screen .live.match-not-loaded .formationsContainer,:-ms-fullscreen .live.match-not-loaded .formationsContainer{margin-top:0!important}:fullscreen .live.match-loaded .formationsContainer,:-webkit-full-screen .live.match-loaded .formationsContainer,:-moz-full-screen .live.match-loaded .formationsContainer,:-ms-fullscreen .live.match-loaded .formationsContainer{margin-top:0!important}:fullscreen .live .liveRinkRow,:-webkit-full-screen .live .liveRinkRow,:-moz-full-screen .live .liveRinkRow,:-ms-fullscreen .live .liveRinkRow{margin-bottom:0!important}:fullscreen .live-layout,:-webkit-full-screen .live-layout,:-moz-full-screen .live-layout,:-ms-fullscreen .live-layout{gap:8px;display:flex;flex:1;min-height:0;overflow:hidden}:fullscreen .topBarCenter .clockBlock,:-webkit-full-screen .topBarCenter .clockBlock,:-moz-full-screen .topBarCenter .clockBlock,:-ms-fullscreen .topBarCenter .clockBlock{position:static!important;left:auto!important;transform:none!important;width:140px!important;min-width:140px!important;max-width:140px!important;border:none!important;background:transparent!important}:fullscreen .clockBlock .clockBlock-periods,:-webkit-full-screen .clockBlock .clockBlock-periods,:-moz-full-screen .clockBlock .clockBlock-periods,:-ms-fullscreen .clockBlock .clockBlock-periods{flex:0 0 auto!important;display:flex!important;justify-content:center!important;width:100%!important}:fullscreen .clockBlock .clockBlock-time,:-webkit-full-screen .clockBlock .clockBlock-time,:-moz-full-screen .clockBlock .clockBlock-time,:-ms-fullscreen .clockBlock .clockBlock-time{flex:0 0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}:fullscreen .clockBlock .periodRow,:-webkit-full-screen .clockBlock .periodRow,:-moz-full-screen .clockBlock .periodRow,:-ms-fullscreen .clockBlock .periodRow{flex-wrap:nowrap!important;gap:2px!important;margin-bottom:0!important;display:flex!important;justify-content:center!important;flex-shrink:0!important}:fullscreen .clockBlock .periodRow .btn,:-webkit-full-screen .clockBlock .periodRow .btn,:-moz-full-screen .clockBlock .periodRow .btn,:-ms-fullscreen .clockBlock .periodRow .btn{font-size:11px!important;padding:2px 4px!important;min-width:24px!important;min-height:20px!important}:fullscreen .clockBlock .timeBig,:-webkit-full-screen .clockBlock .timeBig,:-moz-full-screen .clockBlock .timeBig,:-ms-fullscreen .clockBlock .timeBig{transform:none!important;margin:0!important;height:28px!important;min-height:28px!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex-shrink:0!important;box-sizing:border-box!important}:fullscreen .clockBlock .timeBig .timeBigInner,:-webkit-full-screen .clockBlock .timeBig .timeBigInner,:-moz-full-screen .clockBlock .timeBig .timeBigInner,:-ms-fullscreen .clockBlock .timeBig .timeBigInner{position:relative!important;left:auto!important;top:auto!important;transform:none!important;max-width:100%!important;gap:2px!important}:fullscreen .clockBlock .timeBig span,:-webkit-full-screen .clockBlock .timeBig span,:-moz-full-screen .clockBlock .timeBig span,:-ms-fullscreen .clockBlock .timeBig span,:fullscreen .clockBlock .timeBig input,:-webkit-full-screen .clockBlock .timeBig input,:-moz-full-screen .clockBlock .timeBig input,:-ms-fullscreen .clockBlock .timeBig input{font-size:20px!important}:fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:-webkit-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:-moz-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:-ms-fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(3),:-webkit-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(3),:-moz-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(3),:-ms-fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(3){width:2ch!important;min-width:2ch!important;max-width:36px!important;box-sizing:border-box!important}:fullscreen .clockBlock .timeColon,:-webkit-full-screen .clockBlock .timeColon,:-moz-full-screen .clockBlock .timeColon,:-ms-fullscreen .clockBlock .timeColon{margin:0 2px!important;min-width:.4em!important}:fullscreen .topBar,:-webkit-full-screen .topBar,:-moz-full-screen .topBar,:-ms-fullscreen .topBar{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;min-height:72px!important}:fullscreen .live .liveRinkRow,:-webkit-full-screen .live .liveRinkRow,:-moz-full-screen .live .liveRinkRow,:-ms-fullscreen .live .liveRinkRow{flex:0 0 auto!important;height:calc(100vh - 300px)!important;max-height:calc(100vh - 300px)!important}:fullscreen .live .liveActionButtons,:-webkit-full-screen .live .liveActionButtons,:-moz-full-screen .live .liveActionButtons,:-ms-fullscreen .live .liveActionButtons,:fullscreen .live .liveStopColumn,:-webkit-full-screen .live .liveStopColumn,:-moz-full-screen .live .liveStopColumn,:-ms-fullscreen .live .liveStopColumn{width:220px!important;min-width:220px!important;max-width:220px!important;flex:0 0 220px!important}:fullscreen .live .liveActionButtons,:-webkit-full-screen .live .liveActionButtons,:-moz-full-screen .live .liveActionButtons,:-ms-fullscreen .live .liveActionButtons{height:100%!important;max-height:100%!important}:fullscreen .onIceView,:-webkit-full-screen .onIceView,:-moz-full-screen .onIceView,:-ms-fullscreen .onIceView{min-height:0!important;max-height:100%!important;height:100%!important;max-width:100%!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important}:fullscreen .iceSurface,:-webkit-full-screen .iceSurface,:-moz-full-screen .iceSurface,:-ms-fullscreen .iceSurface{min-height:0!important;max-height:100%!important;height:100%!important;width:100%!important}:fullscreen .iceScoreboardScore,:-webkit-full-screen .iceScoreboardScore,:-moz-full-screen .iceScoreboardScore,:-ms-fullscreen .iceScoreboardScore{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}:fullscreen .iceScoreboardScoreHome,:-webkit-full-screen .iceScoreboardScoreHome,:-moz-full-screen .iceScoreboardScoreHome,:-ms-fullscreen .iceScoreboardScoreHome{flex:1 1 0!important;min-width:0!important;text-align:right!important}:fullscreen .iceScoreboardScoreColon,:-webkit-full-screen .iceScoreboardScoreColon,:-moz-full-screen .iceScoreboardScoreColon,:-ms-fullscreen .iceScoreboardScoreColon{flex-shrink:0!important;margin:0 6px!important}:fullscreen .iceScoreboardScoreAway,:-webkit-full-screen .iceScoreboardScoreAway,:-moz-full-screen .iceScoreboardScoreAway,:-ms-fullscreen .iceScoreboardScoreAway{flex:1 1 0!important;min-width:0!important;text-align:left!important}:fullscreen .iceScoreboardTeams,:-webkit-full-screen .iceScoreboardTeams,:-moz-full-screen .iceScoreboardTeams,:-ms-fullscreen .iceScoreboardTeams{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:auto!important}:fullscreen .iceScoreboardTeamsHome,:-webkit-full-screen .iceScoreboardTeamsHome,:-moz-full-screen .iceScoreboardTeamsHome,:-ms-fullscreen .iceScoreboardTeamsHome{flex:0 0 auto!important;text-align:right!important}:fullscreen .iceScoreboardTeamsColon,:-webkit-full-screen .iceScoreboardTeamsColon,:-moz-full-screen .iceScoreboardTeamsColon,:-ms-fullscreen .iceScoreboardTeamsColon{flex-shrink:0!important;margin:0 12px!important}:fullscreen .iceScoreboardTeamsAway,:-webkit-full-screen .iceScoreboardTeamsAway,:-moz-full-screen .iceScoreboardTeamsAway,:-ms-fullscreen .iceScoreboardTeamsAway{flex:0 0 auto!important;text-align:left!important}}.app.dark{--bg:#0f1115;--panel:#1a1f2e;--panelBorder:rgba(255,255,255,.14);--text:rgba(255,255,255,.95);--muted:rgba(255,255,255,.68);--btnBg:#232937;--btnBorder:rgba(255,255,255,.2);--btnText:rgba(255,255,255,.95);--btnPrimaryBg:#6513b5;--btnPrimaryText:#ffffff;--rinkBg:#0b0d10;--rinkBorder:rgba(255,255,255,.2)}.app.light{--bg:#f6f7f9;--panel:#ffffff;--panelBorder:rgba(0,0,0,.12);--text:rgba(0,0,0,.9);--muted:rgba(0,0,0,.65);--btnBg:#ffffff;--btnBorder:rgba(0,0,0,.16);--btnText:rgba(0,0,0,.88);--btnPrimaryBg:#6513b5;--btnPrimaryText:#fff;--rinkBg:#ffffff;--rinkBorder:rgba(0,0,0,.18)}.app{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{padding:16px;max-width:1480px;margin:0 auto}.header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.brand{display:flex;flex-direction:row;align-items:center;align-self:center;margin-top:0;gap:8px}.formationView{position:relative;width:100%;min-height:200px;background:var(--rinkBg);border-radius:8px;border:1px solid var(--rinkBorder);overflow:hidden}.dbPlayerCard,.icePlayerCard,.icePositionEmpty,.icePosition{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.dbPlayerCard.isSelected{border-color:var(--btnPrimaryBg)!important;background:#6513b533!important;box-shadow:0 0 0 2px #6513b566!important}.dbPlayerCard.positionHighlight{border-color:#fa0!important;background:#fa03!important;box-shadow:0 0 0 3px #fa09,0 0 12px #fa06!important;animation:positionHighlightPulse 1.5s ease-in-out infinite}@keyframes positionHighlightPulse{0%,to{box-shadow:0 0 0 3px #fa09,0 0 12px #fa06}50%{box-shadow:0 0 0 4px #fa0c,0 0 20px #fa09}}.dbPlayerCard.isSelected{border-color:var(--btnPrimaryBg)!important;box-shadow:0 0 0 2px #6513b573,0 8px 18px #00000040;transform:translateY(-1px)}.dataView .formationView .icePlayerCard{min-width:70px;padding:4px 22px 6px 6px;gap:2px}.dataView .formationView .icePlayerPhoto{width:40px;height:40px}.dataView .formationView .icePlayerNumber{font-size:14px}.dataView .formationView .icePlayerName{font-size:10px;max-width:70px}.dataView .formationView .icePositionEmpty{width:55px;height:55px}.dataView .formationView .icePositionLabel{font-size:14px}.logo{width:60px;height:auto;object-fit:contain;border-radius:8px}.clubLogo{height:100%;max-height:100%;width:auto;object-fit:contain}.clock{display:flex;flex-direction:column;gap:10px;flex:1 1 520px}.period{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.label{color:var(--muted);font-weight:800}.time{font-size:52px;font-weight:900;letter-spacing:1px}.controls{display:flex;gap:8px;flex-wrap:wrap}.miniSummary{margin-top:10px;padding:10px 12px;border:1px solid var(--panelBorder);border-radius:12px;background:var(--panel)}.topRight{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.summaryBox{padding:12px;border:1px solid var(--panelBorder);border-radius:14px;background:var(--panel);min-width:360px}.summaryTitle{font-weight:900;margin-bottom:10px;opacity:.9}.fieldRow{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin:8px 0}.fieldRow label{color:var(--muted);font-weight:800;font-size:12px}.fieldRow input{padding:10px 12px;border-radius:12px;border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);font-weight:700;outline:none}.fieldRow input:focus{outline:2px solid rgba(101,19,181,.8);outline-offset:2px}.topButtons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);cursor:pointer;font-weight:800}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--btnPrimaryBg);color:var(--btnPrimaryText);border-color:transparent}.btn-success{border-color:transparent;background:#0a7;color:#fff}.btn-danger{border-color:transparent;background:#c22;color:#fff}.select{padding:10px 36px 10px 12px;border-radius:12px;border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);font-weight:800;cursor:pointer;outline:none;font-size:14px;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.app.dark .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.select:hover{border-color:var(--btnPrimaryBg);background-color:var(--panel)}.select:focus{outline:2px solid rgba(101,19,181,.8);outline-offset:2px;border-color:var(--btnPrimaryBg)}.select:disabled{opacity:.5;cursor:not-allowed}.select option{background:var(--panel);color:var(--text);padding:8px}.main2{display:grid;grid-template-columns:360px 1fr 360px;gap:16px;margin-top:16px}@media(max-width:1200px){.main2{grid-template-columns:1fr}}.panel{border:1px solid var(--panelBorder);border-radius:14px;padding:12px;background:var(--panel)}.panel h3{margin:6px 0 10px}.row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.rowTight{margin:6px 0}.labelSmall{color:var(--muted);font-weight:900;font-size:12px}.muted{color:var(--muted)}.note{margin-top:12px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sep{border:none;border-top:1px solid var(--panelBorder);margin:14px 0}.playerGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.onIceGrid5{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.slot{border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);border-radius:14px;padding:10px;cursor:pointer;text-align:left}.slotActive{outline:2px solid rgba(101,19,181,.8);outline-offset:2px}.slotTop{font-weight:900;opacity:.8;font-size:12px}.slotNum{font-weight:900;font-size:18px;margin-top:6px}.rinkWrap{border:1px solid var(--panelBorder);border-radius:14px;padding:12px;background:var(--panel)}.rinkWrap h3{margin:6px 0 10px}.rink{position:relative;width:100%;border-radius:18px;border:2px solid var(--rinkBorder);background:var(--rinkBg);background-repeat:no-repeat;background-position:center;background-size:contain;overflow:hidden;cursor:crosshair;transition:height .2s ease}.rinkSvg{display:block;width:100%;height:100%;cursor:crosshair;-webkit-user-select:none;user-select:none}.rinkImg{background:var(--rinkBg)}.rinkBg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.hint{margin-top:10px;color:var(--muted);font-weight:600}.events{display:flex;flex-direction:column;gap:10px}.eventItem{border:1px solid var(--panelBorder);border-radius:12px;padding:10px;background:#0000000f}.app.dark .eventItem{background:#ffffff0a}.eventTop{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.eventMeta{margin-top:4px;font-size:13px;color:var(--muted)}.pill{margin-left:8px;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--panelBorder);color:var(--muted)}.pt{position:absolute;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.3);box-shadow:0 2px 6px #0000002e}.pt-sog{background:#111}.pt-goal{background:#00c853}.pt-save{background:#1976d2}.pt-ga{background:#d32f2f}.pt-temp{position:absolute;width:20px;height:20px;border-radius:999px;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.9);box-shadow:0 3px 12px #0006,0 0 0 3px currentColor;animation:pulse 1.5s ease-in-out infinite}.pt-temp-sog{background:#111;color:#111}.pt-temp-goal{background:#00c853;color:#00c853}.pt-temp-save{background:#1976d2;color:#1976d2}.pt-temp-ga{background:#d32f2f;color:#d32f2f}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.9}}@keyframes warningBannerPulse{0%,to{opacity:1;box-shadow:0 2px 8px #0000004d}50%{opacity:.95;box-shadow:0 4px 16px #ff6b6b80}}@keyframes faceoffPulse{0%,to{box-shadow:0 0 #6513b5e6,0 0 20px #6513b599;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 12px #6513b500,0 0 40px #6513b5cc;opacity:.7;transform:scale(1.05)}}.faceoffButtonPulse{animation:faceoffPulse 1.5s ease-in-out infinite}.clockBlock.timer-running .timeBig,.clockBlock.timer-running .timeBig span,.clockBlock.timer-running .timeBig input,.clockBlock.timer-running .timeColon{color:#10b981!important;text-shadow:0 0 12px rgba(16,185,129,.5);font-weight:900!important}.clockBlock.timer-stopped .timeBig,.clockBlock.timer-stopped .timeBig span,.clockBlock.timer-stopped .timeBig input,.clockBlock.timer-stopped .timeColon{color:#f43f5e!important;text-shadow:0 0 12px rgba(244,63,94,.5);font-weight:900!important}:fullscreen .clockBlock .timeBigInner,:-webkit-full-screen .clockBlock .timeBigInner,:-moz-full-screen .clockBlock .timeBigInner,:-ms-fullscreen .clockBlock .timeBigInner{gap:6px!important}:fullscreen .clockBlock .timeColon,:-webkit-full-screen .clockBlock .timeColon,:-moz-full-screen .clockBlock .timeColon,:-ms-fullscreen .clockBlock .timeColon{margin:0 6px!important;min-width:.6em!important;display:inline-block!important;text-align:center!important;flex-shrink:0!important}:fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:-webkit-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:-moz-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(1),:-ms-fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(1){width:2.2em!important;min-width:2em!important;max-width:48px!important;box-sizing:border-box!important}:fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(3),:-webkit-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(3),:-moz-full-screen .clockBlock .timeBig .timeBigInner>*:nth-child(3),:-ms-fullscreen .clockBlock .timeBig .timeBigInner>*:nth-child(3){width:2.2em!important;min-width:2em!important;max-width:48px!important;box-sizing:border-box!important}.liveActionButtons .actionButtonIcon{width:auto;height:2.5em;max-height:85%;object-fit:contain;display:block}.liveActionButtons .btn{display:flex;align-items:center;justify-content:center;gap:8px}.modalOverlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;pointer-events:auto}.modalOverlay>.modal{pointer-events:auto}.modal{width:min(420px,90vw);max-height:calc(100vh - 40px);border-radius:16px;border:1px solid var(--panelBorder);background:var(--panel);color:var(--text);box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;overflow:hidden;margin-top:0;margin-right:0}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--panelBorder);flex-shrink:0}.modalTitle{font-weight:900}.iconBtn{border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:900}.modalBody{padding:16px;overflow-y:auto;flex:1;min-height:0}.modalFooter{display:flex;gap:10px;justify-content:flex-end;padding:14px 16px;border-top:1px solid var(--panelBorder);flex-shrink:0}.modalGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.show-technical-borders *{outline:1px solid rgba(255,0,255,.5)!important;box-shadow:inset 0 0 0 1px #00ffff4d!important}.show-technical-borders div,.show-technical-borders button,.show-technical-borders span,.show-technical-borders input,.show-technical-borders img,.show-technical-borders section,.show-technical-borders article,.show-technical-borders header,.show-technical-borders footer,.show-technical-borders nav,.show-technical-borders aside,.show-technical-borders main{outline:1px solid rgba(255,0,255,.6)!important;box-shadow:inset 0 0 0 1px #0ff6!important}.show-technical-borders .icePlayerCard,.show-technical-borders .icePosition,.show-technical-borders .icePositionEmpty,.show-technical-borders .dbPlayerCard,.show-technical-borders .clockBlock,.show-technical-borders .topBar,.show-technical-borders .topRightBox,.show-technical-borders .timeBig,.show-technical-borders .periodRow{outline:2px solid rgba(255,255,0,.8)!important;box-shadow:inset 0 0 0 2px #00ff0080!important}.bigBtn{padding:14px;font-size:16px}.small{font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:800}.chip:disabled{opacity:.45;cursor:not-allowed}.chipActive{background:var(--btnPrimaryBg);color:var(--btnPrimaryText);border-color:transparent}.appShell{padding:16px;max-width:1800px;margin:0 auto}.navTabs{display:flex;gap:8px;margin-bottom:16px;align-items:center;justify-content:space-between}.tabBtn{padding:10px 20px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-weight:800;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;transition:all .2s ease}.tabBtn:hover{background:var(--btnBg);color:var(--text)}.tabBtn.tabActive{color:var(--text);background:var(--panel);border-bottom-color:var(--btnPrimaryBg);border-bottom-width:3px;font-weight:900}.tabBtn.tabHighlight{animation:tabPulse 2s ease-in-out infinite;position:relative}.tabBtn.tabHighlight:after{content:"";position:absolute;inset:-4px;border:2px solid var(--btnPrimaryBg);border-radius:8px;opacity:.6;animation:tabGlow 2s ease-in-out infinite;pointer-events:none}.live{display:flex;flex-direction:column;gap:16px;margin-top:-16px}.live-layout{display:flex;gap:16px;align-items:flex-start;width:100%}.side-panel{display:flex;flex-direction:column;gap:12px;min-width:160px;padding:12px;border:1px solid var(--panelBorder);border-radius:14px;background:var(--panel);flex-shrink:0}.side-panel h3{margin:0 0 12px;font-size:16px;font-weight:900}.side-panel .btn{width:100%;justify-content:center}.penalty-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:400px;overflow-y:auto}.penalty-item{padding:10px;border:1px solid var(--panelBorder);border-radius:10px;background:#0000000d;font-size:13px}.app.dark .penalty-item{background:#ffffff0d}.topBar{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;min-height:72px;padding:6px 10px;border:1px solid var(--panelBorder);border-radius:8px;background:var(--panel);font-size:16px}.topBarLeft{display:flex;align-items:center;gap:8px;justify-content:flex-start}.topBarPeriods{display:flex;align-items:center;justify-content:flex-start;margin-left:20px}.topBarPeriods .periodRow{display:flex;gap:4px;flex-wrap:nowrap}.topBarCenter{display:flex;align-items:center;justify-content:center;justify-self:center}.topBarClock.clockBlock{position:static;left:auto;transform:none;width:180px;min-width:140px;max-width:220px;padding:2px 6px;border:none;border-radius:0;background:transparent}.topBarClock .timeBig,.topBarClock .timeBig span,.topBarClock .timeBig input,.topBarClock .timeColon{font-size:clamp(2.25rem,5vw,4.5rem)!important;line-height:1!important}.topBarClock .timeBig{height:auto!important;min-height:1.1em!important;display:flex!important;align-items:center!important;justify-content:center!important}.topBarClock .timeBigInner{gap:.12em!important}.topBarClock .timeBig .timeBigInner>*:nth-child(1){width:2.2em!important;min-width:2ch!important}.topBarClock .timeBig .timeBigInner>*:nth-child(3){width:2.2em!important;min-width:2ch!important}.topBarClock .timeColon{margin:0 .08em!important;min-width:.4em!important}.topRightBox{justify-self:end}.clockBlock{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;left:50%;width:140px;min-width:140px;max-width:140px}.periodTimeRow{display:flex;gap:16px;align-items:center;position:relative}.periodRow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;width:100%;align-self:center}.periodRow .label{font-size:18px;font-weight:600}.periodRow .btn{font-size:18px;padding:4px 10px;font-weight:900}.timeBig{font-size:42px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;align-self:center}.controlsRow{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.scoreboardContainer{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:100;width:100%;max-width:600px;display:flex;justify-content:center;pointer-events:none;padding:0 20px}.scoreboard{background:linear-gradient(135deg,#6513b5f2,#7a1dd1f2,#6513b5f2);border-radius:16px;padding:20px 30px;box-shadow:0 8px 32px #6513b580,0 0 60px #6513b54d,inset 0 0 40px #ffffff1a;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden;pointer-events:auto}.scoreboard:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.scoreboardPeriod{display:flex;gap:6px;align-items:center;z-index:1}.scoreboardPeriod .label{font-size:14px;font-weight:700;color:#ffffffe6}.scoreboardPeriod .btn{font-size:14px;padding:4px 10px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.scoreboardPeriod .btn.btn-primary{background:#fff6;border-color:#fff9}.scoreboardTime{display:flex;align-items:center;gap:4px;z-index:1}.scoreboardTimeText{font-size:56px;font-weight:900;color:#fff;letter-spacing:4px;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.3);font-family:ui-monospace,monospace}.scoreboardTimeSeparator{font-size:56px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.scoreboardTimeInput{width:100px;font-size:56px;font-weight:900;text-align:center;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:8px;padding:4px 8px;letter-spacing:4px;font-family:ui-monospace,monospace}.scoreboardTimeInput:focus{outline:none;border-color:#fffc;background:#ffffff4d}.scoreboardScore{font-size:48px;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.2);z-index:1}.scoreboardTeams{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.5);z-index:1}.scoreboardTeamsSeparator{opacity:.8}.summaryLine{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--panelBorder);font-size:14px}.topRightBox{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.topRightRow{display:flex;gap:8px;align-items:center}.matchBadge{text-align:right;padding:10px 14px;border:1px solid var(--panelBorder);border-radius:12px;background:var(--panel)}.matchTitle{font-weight:900;margin:4px 0}.mutedSmall{color:var(--muted);font-size:12px;font-weight:600}.rinkRow{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.rinkOuter{width:100%;padding:0;margin:0}.rinkHint{margin-top:10px;color:var(--muted);font-weight:600;font-size:13px;text-align:center}.onIceViewRow{width:100%;margin:16px 0}.onIceView{width:100%;min-height:400px;max-width:800px;margin:0 auto}.iceSurface{position:relative;width:100%;min-height:400px;border-radius:18px;border:2px solid var(--rinkBorder);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.iceScoreboard{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.iceScoreboardScore{position:relative;width:200px;height:40px;display:flex;align-items:center;justify-content:center}.iceScoreboardTeams{position:relative;width:auto;min-width:200px;height:20px;display:flex;align-items:center;justify-content:center}.iceScoreboardTeams span{white-space:nowrap}.app.dark .iceSurface{background:linear-gradient(135deg,#1a3a4a4d,#1e4a5a4d,#1a3a4a4d)}.app.light .iceSurface{background:linear-gradient(135deg,#e0f0f54d,#d0e8f04d)}.icePosition{position:absolute;cursor:pointer;transition:all .2s;z-index:10}.icePosition:hover{transform:translate(-50%,-50%) scale(1.1);z-index:20}.icePosition.dropZoneActive{border:4px dashed #ffaa00!important;border-radius:12px;background:#ffaa0040!important;animation:dropZonePulse 1.5s ease-in-out infinite;box-shadow:0 0 0 4px #fa06,0 6px 20px #fa09!important}.app.dark .icePosition.dropZoneActive{background:#ffaa004d!important;border-color:#fa0!important;box-shadow:0 0 0 4px #ffaa0080,0 8px 24px #ffaa00b3!important}.app.light .icePosition.dropZoneActive{background:#ffaa0040!important;border-color:#f80!important;box-shadow:0 0 0 4px #fa06,0 6px 20px #ffaa0080!important}@keyframes dropZonePulse{0%,to{border-width:4px;box-shadow:0 0 0 4px #fa06,0 6px 20px #fa09}50%{border-width:5px;box-shadow:0 0 0 6px #ffaa0080,0 8px 24px #ffaa00b3}}.icePlayerCard.shotEffect{animation:shotShake .5s ease-in-out,shotFlash .5s ease-in-out;border:3px solid #ff8800!important;box-shadow:0 0 0 3px #f80c,0 0 20px #f809!important;z-index:30!important;position:relative}.icePlayerCard.faceoffEffect{animation:shotShake .5s ease-in-out,faceoffFlash .5s ease-in-out;border:3px solid #6513b5!important;box-shadow:0 0 0 3px #6513b5cc,0 0 20px #6513b599!important;z-index:30!important;position:relative}.icePlayerCard.penaltyBlocked{border-color:red!important;box-shadow:0 0 0 3px #f009,0 0 16px #f00c!important;background-color:#f003!important;cursor:not-allowed!important;opacity:.8;pointer-events:none}.icePosition.penaltyBlocked{pointer-events:none}.icePosition.penaltyBlocked .icePlayerCard,.icePositionEmpty.penaltyBlocked{border-color:red!important;box-shadow:0 0 0 3px #f009,0 0 16px #f00c!important;background-color:#f003!important;cursor:not-allowed!important;opacity:.8;pointer-events:none}.playerShotToast{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#f80;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:900;white-space:nowrap;z-index:100;box-shadow:0 4px 12px #f809;animation:toastFadeIn .3s ease-out,toastFadeOut .3s ease-out .7s;pointer-events:none}.playerFaceoffToast{position:absolute;top:-40px;left:50%;transform:translate(-50%);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:900;white-space:nowrap;z-index:100;animation:toastFadeIn .3s ease-out,toastFadeOut .3s ease-out .7s;pointer-events:none}.playerFaceoffToast.faceoffWon{background:#22c55e;box-shadow:0 4px 12px #22c55e99}.playerFaceoffToast.faceoffLost{background:#ef4444;box-shadow:0 4px 12px #ef444499}@keyframes shotShake{0%,to{transform:translate(0) translateY(0)}10%,30%,50%,70%,90%{transform:translate(-2px) translateY(-2px)}20%,40%,60%,80%{transform:translate(2px) translateY(2px)}}@keyframes shotFlash{0%,to{border-color:#f80;box-shadow:0 0 0 3px #f80c,0 0 20px #f809}25%,75%{border-color:#fa0;box-shadow:0 0 0 4px #fa0,0 0 30px #fa0c}50%{border-color:#fc0;box-shadow:0 0 0 5px #fc0,0 0 40px #fc0}}@keyframes faceoffFlash{0%,to{border-color:#6513b5;box-shadow:0 0 0 3px #6513b5cc,0 0 20px #6513b599}25%,75%{border-color:#7a1dd1;box-shadow:0 0 0 4px #7a1dd1,0 0 30px #7a1dd1cc}50%{border-color:#8e2ae8;box-shadow:0 0 0 5px #8e2ae8,0 0 40px #8e2ae8}}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.icePlayerCard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:var(--panel);border:2px solid var(--btnPrimaryBg);border-radius:12px;box-shadow:0 4px 12px #00000040;min-width:90px;position:relative}.beaconDot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e66;animation:beaconBlink 1.2s ease-in-out infinite;pointer-events:none}@keyframes beaconBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.app.dark .icePlayerCard{background:#242a35;border-color:#6513b5;box-shadow:0 4px 16px #6513b533}.app.light .icePlayerCard{background:#fff;border-color:#6513b5;box-shadow:0 4px 12px #00000026}.icePlayerPhoto{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--btnPrimaryBg);background:var(--btnBg)}.app.dark .icePlayerPhoto{border-color:#6513b5;box-shadow:0 2px 8px #6513b54d}.app.light .icePlayerPhoto{border-color:#6513b5;box-shadow:0 2px 6px #6513b533}.icePlayerNumber{font-weight:900;font-size:20px;color:var(--text)}.icePlayerName{font-size:13px;font-weight:700;color:var(--text);text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icePlayerPosition{font-size:11px;font-weight:700;color:var(--muted, rgba(255,255,255,.7));text-align:center;letter-spacing:.5px}.app.light .icePlayerPosition{color:var(--muted, rgba(0,0,0,.55))}.icePositionEmpty{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:3px solid #ffaa00;border-radius:12px;transition:all .2s;box-shadow:0 0 0 2px #ffaa004d,0 4px 12px #fa06;position:relative}.app.dark .icePositionEmpty{background:#fa03;border-color:#fa0;box-shadow:0 0 0 2px #fa06,0 4px 16px #ffaa0080}.app.dark .icePositionEmpty:hover{background:#ffaa004d;border-color:#fc4;box-shadow:0 0 0 3px #ffaa0080,0 6px 20px #fa09;transform:scale(1.05)}.app.light .icePositionEmpty{background:#fa03;border-color:#fa0;box-shadow:0 0 0 2px #ffaa004d,0 4px 12px #fa06}.app.light .icePositionEmpty:hover{background:#ffaa0040;border-color:#fa0;box-shadow:0 0 0 3px #fa06,0 6px 16px #ffaa0080;transform:scale(1.05)}.icePositionLabel{font-size:18px;font-weight:900;color:#fa0;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(255,170,0,.6);letter-spacing:1px}.app.dark .icePositionLabel,.app.light .icePositionLabel{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(255,170,0,.8),0 0 15px rgba(255,170,0,.5);font-size:18px}.icePlayerPenalty{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;font-size:10px;font-weight:900;padding:3px 8px;border-radius:8px;z-index:15;white-space:nowrap;box-shadow:0 2px 8px #ff444480;border:1px solid rgba(255,255,255,.3)}.app.dark .icePlayerPenalty{background:#f44;box-shadow:0 2px 8px #f449}.app.light .icePlayerPenalty{background:#d32f2f;box-shadow:0 2px 6px #d32f2f66}.bottomRow{display:grid;grid-template-columns:360px 1fr;gap:16px}@media(max-width:1200px){.bottomRow{grid-template-columns:1fr}}.formationsContainer{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}@media(max-width:1200px){.formationsContainer{flex-direction:column}}.lineFormationPanel{border:1px solid var(--panelBorder);border-radius:12px;padding:16px;background:var(--panel);flex:1;min-width:280px;max-width:100%}@media(max-width:1200px){.lineFormationPanel{min-width:100%}}.lineFormationHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.lineFormationTitle{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;color:var(--text)}.onIceBadge{background:var(--btnPrimaryBg);color:var(--btnPrimaryText);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700}.lineFormationContent{display:flex;flex-direction:column;gap:16px}.formationRoleGroup{display:flex;flex-direction:column;gap:8px}.formationRoleLabel{font-size:14px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.formationPlayers{display:flex;gap:12px;flex-wrap:wrap}.formationPlayerBtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;background:var(--btnBg);border:2px solid var(--btnBorder);border-radius:12px;cursor:pointer;transition:all .2s;min-width:75px;position:relative}.formationRoleGroup:first-child .formationPlayerBtn{background:#fb923c26;border-color:#fb923c66}.app.dark .formationRoleGroup:first-child .formationPlayerBtn{background:#fb923c33;border-color:#fb923c80}.app.light .formationRoleGroup:first-child .formationPlayerBtn{background:#fb923c1a;border-color:#fb923c59}.formationRoleGroup:last-child .formationPlayerBtn{background:#fb923c26;border-color:#fb923c66}.app.dark .formationRoleGroup:last-child .formationPlayerBtn{background:#fb923c33;border-color:#fb923c80}.app.light .formationRoleGroup:last-child .formationPlayerBtn{background:#fb923c1a;border-color:#fb923c59}.formationRoleGroup:first-child .formationPlayerBtn:hover{background:#fb923c40;border-color:#fb923c99}.app.dark .formationRoleGroup:first-child .formationPlayerBtn:hover{background:#fb923c4d;border-color:#fb923cb3}.app.light .formationRoleGroup:first-child .formationPlayerBtn:hover{background:#fb923c26;border-color:#fb923c80}.formationRoleGroup:last-child .formationPlayerBtn:hover{background:#fb923c40;border-color:#fb923c99}.app.dark .formationRoleGroup:last-child .formationPlayerBtn:hover{background:#fb923c4d;border-color:#fb923cb3}.app.light .formationRoleGroup:last-child .formationPlayerBtn:hover{background:#fb923c26;border-color:#fb923c80}.formationPlayerBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.formationPlayerBtn.onIce{border-color:var(--btnPrimaryBg);background:var(--btnPrimaryBg);color:var(--btnPrimaryText);box-shadow:0 2px 8px #6513b566}.formationPlayerBtn.placementModeSelected{border:3px solid #f59e0b;box-shadow:0 0 0 2px #f59e0b80;animation:dropZonePulse 1.5s ease-in-out infinite}.formationRoleGroup:first-child .formationPlayerBtn.onIce{background:#fb923c99;border-color:#fb923ce6;box-shadow:0 2px 8px #fb923c80}.app.dark .formationRoleGroup:first-child .formationPlayerBtn.onIce{background:#fb923cb3;border-color:#fb923c;box-shadow:0 2px 10px #fb923c99}.app.light .formationRoleGroup:first-child .formationPlayerBtn.onIce{background:#fb923c80;border-color:#fb923ccc;box-shadow:0 2px 8px #fb923c66}.formationRoleGroup:last-child .formationPlayerBtn.onIce{background:#fb923c99;border-color:#fb923ce6;box-shadow:0 2px 8px #fb923c80}.app.dark .formationRoleGroup:last-child .formationPlayerBtn.onIce{background:#fb923cb3;border-color:#fb923c;box-shadow:0 2px 10px #fb923c99}.app.light .formationRoleGroup:last-child .formationPlayerBtn.onIce{background:#fb923c80;border-color:#fb923ccc;box-shadow:0 2px 8px #fb923c66}.formationPlayerBtn.beaconOnIceHighlight{border:2px solid #22c55e!important;background:#22c55e40!important;box-shadow:0 0 0 2px #22c55e66!important}.formationPlayerBtn.beaconOnIceHighlight:hover{background:#22c55e66!important;box-shadow:0 0 0 3px #22c55e80!important}.formationPlayerBtn .formationBeaconDot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e66;animation:beaconBlink 1.2s ease-in-out infinite;pointer-events:none}.formationPlayerPhoto{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid currentColor}.formationPlayerNumber{font-weight:900;font-size:16px;color:var(--text)}.formationPlayerName{font-size:12px;font-weight:700;text-align:center;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.formationPlayerPosition{font-size:11px;opacity:.7;font-weight:700;color:var(--text)}.formationRoleGroup .formationPlayerBtn .formationPlayerNumber,.formationRoleGroup .formationPlayerBtn .formationPlayerName,.formationRoleGroup .formationPlayerBtn .formationPlayerPosition{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.app.dark .formationRoleGroup .formationPlayerBtn .formationPlayerNumber,.app.dark .formationRoleGroup .formationPlayerBtn .formationPlayerName,.app.dark .formationRoleGroup .formationPlayerBtn .formationPlayerPosition{color:#fffffffa;text-shadow:0 1px 3px rgba(0,0,0,.7)}.app.light .formationRoleGroup .formationPlayerBtn .formationPlayerNumber,.app.light .formationRoleGroup .formationPlayerBtn .formationPlayerName,.app.light .formationRoleGroup .formationPlayerBtn .formationPlayerPosition{color:#000000e6;text-shadow:0 1px 2px rgba(255,255,255,.5)}.formationRoleGroup:last-child .formationPlayerBtn .formationPlayerNumber,.formationRoleGroup:last-child .formationPlayerBtn .formationPlayerName,.formationRoleGroup:last-child .formationPlayerBtn .formationPlayerPosition{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.app.dark .formationRoleGroup:last-child .formationPlayerBtn .formationPlayerNumber,.app.dark .formationRoleGroup:last-child .formationPlayerBtn .formationPlayerName,.app.dark .formationRoleGroup:last-child .formationPlayerBtn .formationPlayerPosition{color:#fffffffa;text-shadow:0 1px 3px rgba(0,0,0,.7)}.app.light .formationRoleGroup:last-child .formationPlayerBtn .formationPlayerNumber,.app.light .formationRoleGroup:last-child .formationPlayerBtn .formationPlayerName,.app.light .formationRoleGroup:last-child .formationPlayerBtn .formationPlayerPosition{color:#000000e6;text-shadow:0 1px 2px rgba(255,255,255,.5)}.btn-small{padding:6px 12px;font-size:13px}.panelTitle{font-weight:900;margin-bottom:12px;font-size:16px}.onIceSlots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.slotBtn{border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);border-radius:12px;padding:10px;cursor:pointer;text-align:center}.slotBtnActive{outline:2px solid rgba(101,19,181,.8);outline-offset:2px}.eventsList{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.eventCard{border:1px solid var(--panelBorder);border-radius:10px;padding:10px;background:#0000000a}.app.dark .eventCard{background:#ffffff08}.eventTopRow{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}.onIceOverlay{pointer-events:auto}.onIceOverlay>g{pointer-events:auto;cursor:pointer}.onIceChip{position:absolute;border:2px solid var(--btnPrimaryBg);background:var(--btnPrimaryBg);color:var(--btnPrimaryText);border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%)}.onIceChip:disabled{opacity:.4;cursor:default}.appShell{display:flex;flex-direction:column;min-height:100vh}.viewContent{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.viewContent--tabula{overflow:hidden;display:flex;flex-direction:column}.viewContent--tabula>*{flex:1 1 0;min-height:0;display:flex;flex-direction:column}@media(min-width:601px)and (max-width:1024px){.appShell>.viewContent{flex:1 1 0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}.dataView{display:grid;grid-template-columns:360px 1fr;gap:16px}@media(max-width:1200px){.dataView{grid-template-columns:1fr}}@media(min-width:601px)and (max-width:1024px){.appShell{width:100%;max-width:100%;padding:6px;box-sizing:border-box}.container{padding:6px;max-width:100%}.appShell{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important}.appShell>.live{flex:1 1 0!important;min-height:0!important;overflow:hidden!important}.live{height:100%!important;max-height:100%!important;overflow:hidden;display:flex;flex-direction:column;gap:4px;margin-top:0}.live .formationsContainer{margin-top:0!important;flex-shrink:0;min-height:0}.live.match-not-loaded .formationsContainer,.live.match-loaded .formationsContainer{margin-top:0!important}.live .liveRinkRow{margin-bottom:0!important}.header{gap:8px;flex-wrap:nowrap}.logo{width:50px}.clubLogo{height:100%;max-height:100%;width:auto}.navTabs{gap:3px;margin-bottom:6px}.tabBtn{font-size:12px;padding:6px 10px;min-height:36px}.topBar{grid-template-columns:1fr auto 1fr!important;padding:4px 8px;gap:6px;min-height:64px}.clockBlock{width:150px!important;min-width:150px!important;left:50%!important;transform:translate(-50%)!important;padding:2px 6px!important;gap:2px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important}.topBarPenaltiesHome{margin-right:100px!important;min-width:55px!important;gap:3px!important}.topBarPenaltiesAway{margin-left:100px!important;min-width:55px!important;gap:3px!important}.topBarPenaltyBadge{padding:3px 6px!important;border-radius:4px!important;font-size:8px!important}.periodRow{gap:2px!important;margin-bottom:2px!important;margin-right:0;display:flex!important;align-items:center!important;justify-content:center!important}.periodRow .label{font-size:10px}.periodRow .btn{font-size:11px!important;padding:2px 6px!important;min-width:24px!important;min-height:20px!important}.timeBig{font-size:22px!important;height:28px!important;margin:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:100%!important;min-width:0!important;gap:2px!important}.timeBig input[type=number],.timeBig input[type=text]{font-size:22px!important;width:48px!important;min-height:26px!important;padding:0 2px!important;position:static!important;right:auto!important;left:auto!important;transform:none!important;text-align:center!important}.timeBig>span{font-size:22px!important;width:48px!important;position:static!important;right:auto!important;left:auto!important;transform:none!important;display:inline-block!important;text-align:center!important}.timeBig>span:nth-child(2){width:auto!important;font-size:22px!important;margin:0 1px!important;position:static!important;left:auto!important;transform:none!important}.iceScoreboard{top:8px!important;gap:2px!important}.iceScoreboardScore{width:160px!important;height:28px!important}.iceScoreboardScore span{font-size:24px!important}.iceScoreboardTeams{min-width:160px!important;width:auto!important;height:14px!important}.iceScoreboardTeams span{font-size:11px!important}.topRightBox{gap:2px}.topRightRow{gap:2px!important}.topRightRow .btn,.topRightRow .select{min-height:28px;padding:4px 8px;font-size:11px}.controlsRow{gap:4px}.btn{min-height:36px;min-width:36px;padding:6px 10px;font-size:12px}.btnSmall{min-height:32px;padding:4px 8px;font-size:11px}.side-panel{min-width:120px;padding:6px;gap:4px}.side-panel h3{font-size:12px;margin-bottom:4px}.side-panel .btn{min-height:32px;font-size:11px;padding:4px 8px}.live-layout{gap:6px}.liveRinkRow{align-items:stretch;min-height:0;flex:0 0 auto;height:calc(100% - 300px);max-height:calc(100% - 300px);overflow:hidden}.liveRinkCenter{min-height:0;height:100%}.liveRinkCenter .onIceView{flex:1;min-height:0;height:100%}.liveActionButtons,.liveStopColumn{width:220px!important;min-width:220px!important;max-width:220px!important;flex:0 0 220px!important}.liveActionButtons{height:100%;max-height:100%;gap:6px!important;display:flex!important;flex-direction:column!important}.liveActionButtons .btn{flex:1 1 0!important;min-height:0!important;padding:6px 8px!important;font-size:13px!important;margin-top:0!important;gap:4px!important}.liveActionButtons .actionButtonIcon{width:auto!important;height:2.5em!important;max-height:85%!important;object-fit:contain!important;display:block!important}.liveActionButtons .btn{display:flex!important;align-items:center!important;justify-content:center!important}.onIceView{min-height:0;max-height:100%;height:100%;max-width:100%;flex:1;display:flex;align-items:center;justify-content:center}.iceSurface{min-height:0;max-height:100%;height:100%;width:100%}.icePlayerCard{min-width:60px;padding:4px}.liveRinkCenter>button[title*=Beacon],.liveRinkCenter>button:first-child{z-index:30!important;min-height:40px!important;min-width:44px!important;padding:8px 12px!important;font-size:14px!important;box-shadow:0 2px 8px #00000059}.icePlayerCard .beaconDot{top:4px;right:4px;width:10px;height:10px;box-shadow:0 0 0 2px #22c55e99}.icePlayerPhoto{width:38px;height:38px}.icePlayerNumber{font-size:14px}.icePlayerName{font-size:10px}.icePlayerPosition{font-size:9px}.icePositionEmpty{width:50px!important;height:50px!important}.icePositionLabel{font-size:12px!important}.formationsContainer{gap:4px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:hidden}.lineFormationPanel{padding:4px;min-width:0;flex:1 1 0!important;display:flex!important;flex-direction:column!important;max-width:100%}.lineFormationPanel:first-child{flex:0 0 auto!important;min-width:fit-content!important;max-width:fit-content!important;width:auto!important}.lineFormationPanel .row{display:flex!important;flex-direction:row!important;gap:3px!important;flex-wrap:nowrap!important}.lineFormationPanel .btn-small{padding:4px 6px!important;font-size:10px!important;min-height:28px!important;white-space:nowrap!important}.lineFormationTitle{font-size:12px;margin-bottom:6px}.formationsContainer .lineFormationPanel:first-child .lineFormationTitle{margin-top:-6px}.formationRoleGroup,.formationPlayers{gap:4px}.formationRoleGroup:last-child .formationPlayers{flex-wrap:nowrap!important}.formationRoleLabel{font-size:11px}.formationPlayerBtn{min-width:0;flex:1 1 0;max-width:52px;padding:3px 4px;gap:1px;border-radius:8px}.formationRoleGroup:first-child .formationPlayerBtn{flex:1 1 0;max-width:56px}.formationPlayerPhoto{width:26px;height:26px}.formationPlayerNumber{font-size:10px}.formationPlayerName{font-size:8px;max-width:100%}.formationPlayerPosition{font-size:9px}.formationView{min-height:160px!important;height:160px!important}.lineFormationContent{gap:6px}.lineFormationHeader{margin-bottom:8px}.dataView .formationView .icePlayerCard{min-width:50px;padding:4px;gap:2px}.dataView .formationView .icePlayerPhoto{width:32px;height:32px}.dataView .formationView .icePlayerNumber{font-size:12px}.dataView .formationView .icePlayerName{font-size:9px;max-width:50px}.dataView .formationView .icePositionEmpty{width:45px!important;height:45px!important}.dataView .formationView .icePositionLabel{font-size:12px!important}.panel{padding:6px}.panelTitle{font-size:12px;margin-bottom:6px}.fieldRow{gap:4px;margin:3px 0}.fieldRow input,.fieldRow select{min-height:36px;font-size:13px;padding:6px 8px}.dataView{gap:6px}.summaryLine{font-size:11px;margin-top:3px;padding-top:3px}.modal{width:min(400px,85vw);max-height:calc(100vh - 15px)}.modalBody{padding:10px}.modalHeader{padding:8px 10px}.iconBtn{min-width:36px;min-height:36px;padding:4px 6px}.chip{padding:4px 10px;font-size:11px;min-height:32px}.rosterTable{font-size:12px}.rosterRow input,.rosterRow select{padding:4px 6px;font-size:12px;min-height:36px}.playerGrid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.matchRow{padding:6px;min-height:44px}.matchRowTitle{font-size:12px}.eventItem{padding:6px}.pt{width:12px;height:12px;border-width:2px}.pt-temp{width:18px;height:18px;border-width:2.5px}.onIceChip{min-width:50px;min-height:32px;padding:4px 8px;font-size:11px}.summaryBox{min-width:240px;padding:6px}.select{min-height:36px;font-size:13px;padding:6px 8px}button,.btn,input[type=button],input[type=submit],a.btn{min-height:36px;min-width:36px}.row{gap:4px;margin:4px 0}.penalty-list{max-height:150px;gap:3px;margin-top:4px}.penalty-item{padding:4px;font-size:10px}.live{gap:4px;margin-top:-4px}.brand{gap:6px!important}.logo{width:40px!important}.clubLogo{max-height:30px!important}}@media(min-width:601px)and (max-width:1024px)and (orientation:portrait){.appShell{opacity:.3;pointer-events:none}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:960px)and (max-width:960px)and (min-height:600px)and (max-height:600px)and (orientation:landscape){.appShell{padding:2px}.navTabs{gap:2px;margin-bottom:4px}.tabBtn{font-size:11px;padding:4px 8px;min-height:32px}.topBar{grid-template-columns:1fr auto 1fr!important;padding:4px 6px;gap:4px;min-height:56px}.live>div:first-child{padding:8px 12px!important;margin-bottom:6px!important;font-size:12px!important}.live>div:first-child>div>div:first-child{font-size:14px!important;margin-bottom:2px!important}.live>div:first-child button{padding:6px 12px!important;font-size:12px!important}.clockBlock{gap:0px;margin-left:0;flex-direction:row!important;align-items:center!important;justify-content:center;flex-wrap:wrap}.periodRow{gap:2px;margin-bottom:0;margin-right:6px}.periodRow .label{font-size:9px}.periodRow .btn{font-size:9px;padding:1px 3px;min-width:22px;min-height:20px}.timeBig{font-size:18px;height:20px;margin:0 3px}.timeBig input[type=number],.timeBig input[type=text],.timeBig span{font-size:18px!important;width:35px!important;min-height:20px;padding:0 2px}.iceScoreboard{top:6px!important;gap:1px!important}.iceScoreboardScore{width:140px!important;height:22px!important}.iceScoreboardScore span{font-size:20px!important}.iceScoreboardTeams{min-width:140px!important;width:auto!important;height:12px!important}.iceScoreboardTeams span{font-size:9px!important}.side-panel{min-width:100px;padding:4px;gap:3px}.side-panel h3{font-size:11px;margin-bottom:3px}.side-panel .btn{min-height:28px;font-size:10px;padding:3px 6px}.live-layout{gap:4px}.onIceView{min-height:120px;max-width:100%}.iceSurface{min-height:120px}.icePlayerCard{min-width:50px;padding:3px}.icePlayerPhoto{width:32px;height:32px}.icePlayerNumber{font-size:12px}.icePlayerName{font-size:9px}.icePlayerPosition{font-size:8px}.icePositionEmpty{width:45px!important;height:45px!important}.icePositionLabel{font-size:11px!important}.formationsContainer{gap:2px!important;margin-top:3px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:hidden;width:100%!important}.lineFormationPanel{padding:2px!important;min-width:0!important;flex:1 1 0!important;display:flex!important;flex-direction:column!important;max-width:100%!important}.lineFormationPanel:first-child{flex:0 0 auto!important;min-width:fit-content!important;max-width:fit-content!important;width:auto!important}.lineFormationPanel .row{display:flex!important;flex-direction:row!important;gap:2px!important;flex-wrap:nowrap!important}.lineFormationPanel .btn-small{padding:3px 5px!important;font-size:9px!important;min-height:24px!important;white-space:nowrap!important}.lineFormationTitle{font-size:10px!important;margin-bottom:3px!important}.formationView{min-height:40px!important;height:40px!important}.topRightBox{gap:1px}.topRightRow{gap:1px!important}.topRightRow .btn,.topRightRow .select{min-height:24px;padding:2px 6px;font-size:9px}.brand{gap:4px!important}.logo{width:35px!important}.clubLogo{max-height:25px!important}.formationRoleLabel{font-size:9px!important}.formationPlayers{gap:4px!important}.formationPlayerBtn{min-width:48px;padding:3px 4px;gap:1px}.formationPlayerPhoto{width:26px;height:26px}.formationPlayerNumber{font-size:10px}.formationPlayerName{font-size:8px;max-width:48px}.controlsRow{gap:3px}.btn{min-height:32px;min-width:32px;padding:4px 8px;font-size:11px}.live{gap:4px;margin-top:-4px}.summaryLine{font-size:10px;margin-top:2px;padding-top:2px}}@media(min-width:1025px)and (max-width:1366px)and (orientation:landscape){.onIceView,.iceSurface{min-height:350px}.formationView{min-height:250px!important;height:250px!important}.dataView .formationView .icePlayerCard{min-width:45px;padding:3px;gap:1px}.dataView .formationView .icePlayerPhoto{width:28px;height:28px}.dataView .formationView .icePlayerNumber{font-size:10px}.dataView .formationView .icePlayerName{font-size:8px;max-width:45px}.dataView .formationView .icePositionEmpty{width:40px!important;height:40px!important}.dataView .formationView .icePositionLabel{font-size:10px!important}}@media(max-width:768px){.container{padding:12px}.topBar{padding:4px 8px;gap:8px;grid-template-columns:1fr}.logo{width:75px;max-width:100%}.periodTimeRow{flex-direction:column;gap:12px;align-items:stretch}.periodRow{justify-content:center;align-self:center}.periodRow .label{font-size:18px}.periodRow .btn{font-size:20px;padding:8px 14px;min-width:44px;min-height:44px}.timeBig{font-size:42px;position:static;transform:none;justify-content:center;width:100%}.timeBig input[type=number],.timeBig input[type=text]{font-size:42px!important;width:90px!important;min-height:50px}.controlsRow{gap:6px;justify-content:center}.btn{min-height:44px;min-width:44px;padding:8px 12px;font-size:14px}.btnSmall{min-height:36px;padding:6px 10px}.summaryLine{font-size:12px}.header{flex-direction:column;gap:12px}.rinkRow{margin-left:calc(50% - 50vw + 12px);margin-right:calc(50% - 50vw + 12px);width:calc(100vw - 24px)}.bottomRow{gap:12px}.panel{padding:12px}.fieldRow{grid-template-columns:1fr;gap:4px}.fieldRow label{margin-top:8px;font-size:13px}.fieldRow input{min-height:44px;font-size:16px;padding:10px 12px}.dataView{gap:12px;padding:0}.dataLeft{order:2}.dataRight{order:1}.panelTitle{font-size:16px;margin-bottom:10px}.row{gap:6px;margin:8px 0}.row .btn{flex:1;min-width:0}.matchList{max-height:300px}.matchRow{padding:12px;min-height:60px}.matchRowTitle{font-size:15px;line-height:1.3}.rosterTable{display:grid!important;grid-template-columns:60px 90px 90px 70px 50px 50px auto!important;gap:6px;min-width:600px;overflow-x:auto;-webkit-overflow-scrolling:touch}.rosterHead,.rosterRow{display:grid!important;grid-template-columns:60px 90px 90px 70px 50px 50px auto!important;gap:6px}.rosterRow input,.rosterRow select{padding:6px 8px;font-size:14px;min-height:44px}.playerGrid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.csvBox{font-size:14px;min-height:100px}.modal{max-width:95vw;max-height:90vh;margin:10px}.modalBody{padding:12px}.tabBtn{font-size:14px;padding:10px 12px}.iconBtn{min-width:44px;min-height:44px}.navTabs{gap:4px;margin-bottom:12px}.navTabs .tabBtn{font-size:14px;padding:8px 12px}.appShell{padding:12px}.modalGrid{grid-template-columns:1fr;gap:8px}.bigBtn{padding:12px;font-size:15px;min-height:44px}.chips{gap:6px}.chip{padding:8px 12px;font-size:13px;min-height:40px}.pill{font-size:11px;padding:4px 8px}.playerGrid{gap:6px}.modalFooter{padding:10px 12px;gap:6px;flex-wrap:wrap}.modalFooter .btn{flex:1;min-width:0}.matchList{max-height:60vh}.mutedSmall{font-size:11px}.select{min-height:44px;font-size:16px}}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important}.timeBig input[type=number],.timeBig input[type=text]{font-size:42px!important}}@keyframes pulseButton{0%,to{transform:scale(1);box-shadow:0 0 20px #fff9}50%{transform:scale(1.05);box-shadow:0 0 30px #fffc}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.matchList{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:400px;overflow-y:auto}.matchRow{border:1px solid var(--panelBorder);border-radius:12px;padding:12px;background:var(--panel);text-align:left;cursor:pointer;width:100%}.matchRow:hover{background:#0000000a}.app.dark .matchRow:hover{background:#ffffff0a}.matchRowContent{display:flex;align-items:center;justify-content:space-between;gap:12px}.matchRowContent>div:first-child{flex:1;min-width:0}.btnRosterEmpty{flex-shrink:0;border:1px dashed var(--muted);color:var(--muted);background:transparent}.btnRosterEmpty:hover{border-color:var(--text);color:var(--text)}.btnRosterDone{flex-shrink:0;background:var(--btnPrimaryBg);color:var(--btnPrimaryText);border:none}.matchRowActive{outline:3px solid rgb(101,19,181);outline-offset:2px;background:#6513b52e!important;border-color:#6513b5!important}.app.dark .matchRowActive{background:#6513b547!important}.matchRowTitle{font-weight:900;margin-bottom:4px;color:var(--text)}.rosterTable{display:grid;grid-template-columns:80px 1fr 1fr auto;gap:8px;margin-top:12px}.rosterHead{display:contents;font-weight:900;color:var(--muted);font-size:12px}.rosterHead>div{padding:8px}.rosterRow{display:contents}.rosterRow input,.rosterRow select{padding:8px;border-radius:8px;border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);font-weight:700;font-size:13px}.app.dark .rosterRow input,.app.dark .rosterRow select{color:var(--text);background:var(--panel)}.app.dark .rosterRow input::placeholder,.app.dark .rosterRow select option{color:var(--muted)}.rosterRow select{cursor:pointer;outline:none}.rosterRow select:focus{outline:2px solid rgba(101,19,181,.8);outline-offset:2px}.csvBox{width:100%;min-height:120px;padding:10px;border-radius:10px;border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;margin-top:8px;resize:vertical}.tight{margin:4px 0}.btnSmall{padding:6px 10px;font-size:13px}@keyframes tabPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes tabGlow{0%,to{opacity:.4;box-shadow:0 0 10px #4a9eff66}50%{opacity:.8;box-shadow:0 0 20px #4a9effcc}}.authScreen{--bg: #0f1115;--panel: #1a1f2e;--panelBorder: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .95);--muted: rgba(255, 255, 255, .68);--btnBg: #232937;--btnBorder: rgba(255, 255, 255, .2);--btnText: rgba(255, 255, 255, .95);--btnPrimaryBg: #6513b5;--btnPrimaryText: #ffffff;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.authCard{width:100%;max-width:420px;padding:28px;color:var(--text)}.authTitle{margin:0 0 8px;font-size:22px;font-weight:900;color:var(--text)}.authTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.authForgotLink{display:block;margin-top:10px;padding:0;border:0;background:none;color:#b79bff;font-size:13px;font-weight:700;cursor:pointer;text-align:left}.authForgotLink:hover{text-decoration:underline}.authLabel{display:block;font-size:13px;font-weight:700;margin-bottom:6px;margin-top:12px;color:var(--text)}.authInput{width:100%;padding:12px;border-radius:8px;border:1px solid var(--btnBorder);background:var(--btnBg);color:var(--btnText);font-size:16px;box-sizing:border-box}.authSubmit{width:100%;margin-top:20px}.authOfflineBtn{width:100%;margin-top:12px}.authError{margin-top:12px;padding:10px;border-radius:8px;background:#ff444426;color:#ff6b6b;font-size:14px}.authInfo{margin-top:12px;padding:10px;border-radius:8px;background:#00c8641f;color:#5dffa0;font-size:14px}.cloudBadge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;background:#64b4ff33;color:#7ec8ff;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offlineBadge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;background:#ffb40033;color:#ffc857}.syncBadge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;border:1px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit}.syncBadgeOk{background:#00c8782e;color:#6dffb0;border-color:#00c87859}.syncBadgeBusy{background:#64b4ff33;color:#9fd0ff;border-color:#64b4ff66}.syncBadgeWarn{background:#ffb40033;color:#ffc857;border-color:#ffb40066}.syncBadgeError{background:#ff505033;color:#ff8a8a;border-color:#ff505073}
