:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{color:#071a3a;background:#f8f5ef;font-family:Times New Roman,serif}.app{box-sizing:border-box;grid-template-rows:74px minmax(0,1fr) 42px;gap:10px;min-height:100vh;padding:10px;display:grid}.top-bar{background:#ffffffeb;border:1px solid #c9912d52;border-radius:18px;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;box-shadow:0 10px 28px #071a3a14}.header-logo{mix-blend-mode:multiply;width:auto;height:90px;margin-top:10px}.plan-badge{color:#071a3a;letter-spacing:.1em;background:#c9912d1f;border:1px solid #c8912d;border-radius:999px;padding:8px 16px;font-weight:800}.game-clock{flex-direction:column;justify-content:center;align-items:center;width:170px;height:62px;display:flex;position:relative;overflow:visible}.clock-frame-img{object-fit:fill;pointer-events:none;z-index:0;width:160px;height:95px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quarter,.clock{z-index:1;position:relative}.quarter{color:#071a3a;margin-bottom:2px;font-size:11px;font-weight:800;line-height:1}.clock{color:#071a3a;letter-spacing:1px;font-size:35px;font-weight:800;line-height:1}.period-select{color:#071a3a;background:#fff;border:1px solid #c9912d;border-radius:8px;height:32px;padding:0 8px;font-weight:800}.three-column-layout{grid-template-columns:1.05fr 2.4fr 1.05fr;gap:12px;min-height:0;display:grid}.media-panel{flex-direction:column;gap:10px;min-height:0;display:flex}.side-panel{grid-template-rows:38px 1fr auto;gap:10px;min-height:0;display:grid}.left-ad-panel{min-height:0}.ad-box{color:#071a3a;text-align:center;background:#fff;border:1px solid #c9912d42;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;display:flex;box-shadow:inset 0 0 18px #c9912d0d,0 10px 24px #071a3a14}.ad-label{letter-spacing:.24em;color:#c8912d;margin-bottom:10px;font-size:12px}.ad-text{color:#071a3a;max-width:160px;font-size:18px;line-height:1.25}.video-panel{background:#fff;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:0;max-height:80%;display:flex;overflow:hidden;box-shadow:0 10px 24px #f9f9fa2e,inset 0 0 20px #ffffff0a}.video-player{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.drop-message{color:#141313b8;letter-spacing:.04em;font-size:22px}.chart-card,.roster-card,.inline-log-panel,.menu-bar{background:#fffffff0;border:1px solid #c9912d3d;box-shadow:0 10px 24px #071a3a14}.chart-card{border-radius:20px;min-height:160px}.chart-only{justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.court-shell{background:#fff;border:1px solid #071a3a2e;border-radius:16px;width:100%;height:100%;min-height:260px;overflow:hidden;box-shadow:inset 0 0 20px #071a3a0f,0 8px 18px #071a3a14}.court-svg{width:100%;height:100%;display:block}.roster-card{border-radius:22px;flex-direction:column;margin-top:8px;padding:16px;display:flex;position:relative;overflow:hidden}.roster-card h2{color:#071a3a;letter-spacing:.12em;margin:0 0 10px;font-size:18px}.selected-player{color:#c8912d;letter-spacing:.15em;margin-bottom:12px;font-size:12px;font-weight:800}.roster-section{margin-top:10px}.roster-section h3{color:#071a3a;letter-spacing:.16em;margin:0 0 6px;font-size:11px}.player-list{flex-wrap:wrap;gap:8px;display:flex}.player-chip{-webkit-user-select:none;user-select:none;color:#071a3a;cursor:pointer;background:#fff;border:1px solid #071a3a29;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:36px;font-weight:800;display:flex;box-shadow:0 4px 10px #071a3a0d}.player-chip:hover{border-color:#c8912d;box-shadow:0 0 0 2px #c9912d24}.player-chip.active{color:#fff;background:#071a3a;border-color:#071a3a}.player-chip.selected{color:#071a3a;background:linear-gradient(135deg,#c8912d,#f2d18b);border-color:#0000}.player-chip.sub-out{color:#071a3a;background:#f2d18b;border-color:#c8912d}.player-chip:active{cursor:grabbing}.sub-hint{color:#c8912d;letter-spacing:.12em;font-size:10px}.bench-list{flex-wrap:nowrap;gap:8px;padding-bottom:6px;display:flex;overflow:auto hidden}.bench-list .player-chip{cursor:pointer}.bench-list::-webkit-scrollbar{height:6px}.bench-list::-webkit-scrollbar-track{background:#071a3a14;border-radius:999px}.bench-list::-webkit-scrollbar-thumb{background:#c9912d8c;border-radius:999px}.player-form{border-top:1px solid #c9912d2e;align-self:flex-end;align-items:center;gap:8px;margin-top:24px;padding-top:14px;display:flex}.player-form input{text-align:center;color:#071a3a;background:#fff;border:1px solid #071a3a2e;border-radius:12px;outline:none;width:60px;min-width:60px;padding:8px;font-size:13px}.player-form input:focus{border-color:#c8912d;box-shadow:0 0 0 3px #c9912d29}.player-form button{color:#fff;cursor:pointer;background:#071a3a;border:none;border-radius:12px;width:40px;min-width:40px;padding:8px;font-size:12px;font-weight:900}.player-form button:hover{background:#0b2a5c}.inline-log-panel{box-sizing:border-box;border-radius:20px;flex:0 0 160px;grid-template-columns:1fr 340px;height:250px;padding:10px;display:grid;overflow:hidden}.panel-title{color:#071a3a;letter-spacing:.12em;font-size:13px;font-weight:900}.log-box,.inline-stats-box{box-sizing:border-box;height:100%;min-height:0}.log-box{overflow:hidden}.event-list{max-height:105px;margin-top:8px;padding-left:60px;overflow-y:auto}.event-item{color:#071a3a;grid-template-columns:55px 45px 150px;justify-content:start;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:grid}.inline-stats-box{background:#fff;border:1px solid #c9912d47;border-radius:14px;flex-direction:column;padding:8px;display:flex;overflow:hidden}.inline-points{color:#071a3a;margin-top:4px;font-size:22px;font-weight:900;line-height:1}.inline-points span{color:#6b7280;letter-spacing:.12em;margin-left:6px;font-size:10px}.inline-stats-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto;display:grid}.inline-stats-grid div{color:#6b7280;text-align:center;letter-spacing:.08em;background:#f8f5ef;border:1px solid #071a3a1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:3px;font-size:10px;display:flex}.inline-stats-grid strong{color:#071a3a;margin-top:3px;font-size:12px;display:block}.shot-pending{fill:#c8912d;stroke:#c8912d;stroke-width:.4px;pointer-events:none}.shot-made{fill:none;stroke:#071a3a;stroke-width:.9px;pointer-events:none}.shot-miss line{stroke:#071a3a;stroke-width:.9px;stroke-linecap:round;pointer-events:none}.menu-bar{color:#071a3a;letter-spacing:.08em;border-radius:14px;justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;display:flex}.pdf-button{color:#fff;letter-spacing:.12em;cursor:pointer;background:#071a3a;border:1px solid #071a3a;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:800}.pdf-button:hover{background:#0b2a5c}.team-name-card{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background:#071a3a;border:1px solid #c9912d73;justify-content:center;align-items:center;height:38px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #071a3a1f}.team-name-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#c8912d 0 10px,#0000 10px);position:absolute;inset:0}.team-name-card:after{content:"";pointer-events:none;background:#c8912d;width:44px;height:3px;position:absolute;bottom:0;left:8px;transform:skew(-35deg)}.team-name-input{color:#fff;text-align:center;letter-spacing:.08em;background:0 0;border:none;outline:none;width:100%;font-family:Times New Roman,serif;font-size:18px;font-weight:900}.team-name-input::placeholder{color:#ffffff8c}.pdf-court-target{width:100%;height:100%}.menu-bar{align-items:center;gap:10px;display:flex}.period-select{color:#071a3a;cursor:pointer;background:#fff;border:1px solid #c9912d;border-radius:8px;height:34px;margin-right:auto;padding:0 10px;font-size:13px;font-weight:800}.header-right{align-items:center;gap:10px;display:flex;position:relative}.menu-button{color:#071a3a;cursor:pointer;background:#fff;border:1px solid #c8912d;border-radius:8px;width:36px;height:36px;font-size:18px;font-weight:700}.menu-dropdown{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:240px;position:absolute;top:45px;right:0;overflow:hidden;box-shadow:0 10px 30px #00000026}.menu-dropdown a{color:#071a3a;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.menu-dropdown a:hover{background:#f5f5f5}