.hockey-lesson{color:var(--color-text-primary);margin-top:1.5rem}.hockey-eyebrow{font-family:var(--font-mono);color:var(--color-accent-cyan);font-size:.8125rem;margin-bottom:.6rem}.hockey-lesson h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.15;margin-bottom:.8rem}.hockey-lesson header>p:last-child{color:var(--color-text-secondary);line-height:1.8;max-width:85ch}.hockey-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1.5rem 0 .8rem;padding:.6rem 0;position:sticky;top:76px;z-index:20;background:var(--color-bg-primary)}.hockey-controls button{padding:.7rem 1rem;min-height:44px;font-size:.875rem;font-weight:500;border:1px solid var(--color-bg-tertiary);background:var(--color-bg-secondary);border-radius:var(--radius-control);cursor:pointer}.hockey-controls .hockey-primary{color:var(--color-bg-primary);background:var(--color-accent-cyan);border-color:transparent;font-weight:600}.hockey-controls button:disabled{opacity:.4;cursor:default}.hockey-controls button:hover:not(:disabled){border-color:var(--color-accent)}.hockey-watch{display:flex;gap:.5rem;align-items:center;font-size:.875rem;margin-left:auto;min-height:44px;cursor:pointer}.hockey-watch input{width:18px;height:18px;accent-color:var(--color-accent-cyan)}.hockey-match-meta{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;align-items:center;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1.25rem}.hockey-match-meta label{display:flex;gap:.6rem;align-items:center}.hockey-depth-preset{border:1px solid var(--color-accent-secondary);color:var(--color-text-primary);padding:.55rem .7rem;min-height:44px;border-radius:.4rem;cursor:pointer}.hockey-match-meta :is(select,.ui-select),.hockey-depth-control :is(select,.ui-select){padding:.4rem .6rem;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-control);background:var(--color-bg-secondary);color:var(--color-text-primary)}.hockey-match-meta a{color:var(--color-accent);text-decoration:underline;margin-left:auto}.hockey-lesson :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hockey-rink-panel{border:1px solid var(--color-bg-tertiary);background:#011627;border-radius:1rem;padding:1.25rem}.hockey-score{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;align-items:center;max-width:700px;margin:0 auto}.hockey-score>div{display:flex;flex-direction:column;gap:.4rem}.hockey-score>div:first-child{color:#7fdbca!important}.hockey-score>div:last-child{color:#c792ea!important}.hockey-score span{font-family:var(--font-mono);font-size:.875rem}.hockey-score strong{font-family:var(--font-mono);font-size:2.5rem;font-weight:600}.hockey-score-center{color:#a7b8c9}.hockey-score-center strong{font-size:1rem}.hockey-score-center span{font-size:.75rem}.hockey-rink{display:block;width:100%;max-height:480px;margin:.5rem auto}.hockey-rink-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;color:#a7b8c9;font-size:.8125rem}.hockey-agents,.hockey-charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.hockey-agent,.hockey-panel{min-width:0;border:1px solid var(--color-bg-tertiary);border-radius:.75rem;padding:1.25rem;background:var(--color-bg-secondary)}.hockey-agent{border-top-width:3px}.hockey-agent-title{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;flex-wrap:wrap}.hockey-agent h2,.hockey-panel h2{font-weight:600;font-size:1.2rem}.hockey-agent-title>span{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary)}.hockey-agent>p{margin-top:.65rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.7}.hockey-depth-control{display:flex;gap:1rem;align-items:center;margin-top:1rem;font-size:.875rem}.hockey-agent fieldset{border:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;padding:0}.hockey-agent fieldset:disabled{opacity:.4}.hockey-agent fieldset label{font-size:.875rem}.hockey-agent fieldset output{float:right;font-family:var(--font-mono);color:var(--color-accent-cyan)}.hockey-agent input[type=range]{display:block;width:100%;margin-top:.6rem;height:22px;accent-color:var(--color-accent-cyan)}.hockey-action-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.hockey-action-values>div{display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--color-bg-tertiary);border-radius:.5rem;padding:.7rem}.hockey-action-values span{color:var(--color-text-secondary);font-size:.875rem}.hockey-action-values strong{font-family:var(--font-mono);font-size:1.125rem;font-weight:500}.hockey-agent dl{margin:1rem 0}.hockey-agent dl>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.hockey-agent dt{font-size:.875rem;color:var(--color-text-secondary)}.hockey-agent dd{font-family:var(--font-mono);font-size:.875rem}.hockey-agent .hockey-small,.hockey-small{font-size:.8125rem;line-height:1.8;color:var(--color-text-secondary);margin-top:.6rem}.hockey-gradients{margin:1.5rem 0}.hockey-gradients h3,.hockey-observation h3{font-size:.9375rem;font-weight:500;margin-bottom:.75rem}.hockey-gradients>div{display:grid;grid-template-columns:5rem 1fr 4rem;gap:.5rem;align-items:center;margin-top:.5rem;font-size:.8125rem}.hockey-gradients meter{width:100%;height:12px}.hockey-gradients output{font-family:var(--font-mono);text-align:right}.hockey-state-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.25rem}.hockey-state-inputs>div{display:flex;flex-direction:column;gap:.4rem;background:var(--color-bg-primary);padding:.7rem;border-radius:var(--radius-control)}.hockey-state-inputs span{font-size:.75rem;color:var(--color-text-secondary)}.hockey-state-inputs strong{font-family:var(--font-mono);font-size:.875rem;font-weight:500}.hockey-frame-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:360px}.hockey-frame{width:100%;display:block;border:1px solid var(--color-bg-tertiary);image-rendering:pixelated}.hockey-frame-labels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:360px;text-align:center;font-size:.8125rem;margin-top:.5rem;color:var(--color-text-secondary)}.hockey-chart-scroll{overflow-x:auto;margin-top:1rem}.hockey-chart{width:100%;min-width:460px;display:block;color:var(--color-text-secondary)}.hockey-panel>p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.8}.hockey-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0;padding:1.25rem;border:1px solid var(--color-bg-tertiary);border-radius:.6rem}.hockey-summary>div{display:flex;flex-direction:column;gap:.65rem}.hockey-summary span{font-size:.8125rem;color:var(--color-text-secondary)}.hockey-summary strong{font-family:var(--font-mono);font-size:1.4rem;font-weight:500}.hockey-try{margin:2rem 0;padding:1.25rem;border-left:2px solid var(--color-accent-cyan);background:var(--color-bg-secondary)}.hockey-try p{margin-top:.7rem;font-size:1rem;line-height:1.8;color:var(--color-text-secondary)}@media(max-width:800px){.hockey-agents,.hockey-charts{grid-template-columns:1fr}.hockey-watch{margin-left:0}.hockey-summary{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hockey-rink-panel{padding:.75rem}.hockey-score span{font-size:.75rem}.hockey-score strong{font-size:1.75rem}.hockey-score-center strong{font-size:.875rem}.hockey-state-inputs{grid-template-columns:1fr 1fr}.hockey-agent fieldset{grid-template-columns:1fr}.hockey-match-meta a{margin-left:0}.hockey-rink text{font-size:27px}}