.hockey-scene{max-width:470px;margin:auto;min-width:0}.hockey-summary{text-align:center;font-size:1.05rem;font-weight:700;line-height:1.7;margin:.35rem 0}.hockey-arena-wrap{padding:12px 7px;max-width:360px;margin:auto}.hockey-arena{display:block;width:100%;height:auto;max-height:55svh;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.hockey-arena:focus-visible{outline:3px solid #ae8740;outline-offset:7px}.hockey-actions{display:flex;justify-content:center;margin:.7rem 0}.hockey-actions button{min-height:48px;width:100%;max-width:300px}.hockey-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,46px);gap:5px;justify-content:center;margin:.5rem 0}.hockey-direction{font-size:1.4rem;touch-action:none;user-select:none}.hockey-direction[data-hockey-direction=up]{grid-area:1/2}.hockey-direction[data-hockey-direction=left]{grid-area:2/1}.hockey-direction[data-hockey-direction=right]{grid-area:2/3}.hockey-direction[data-hockey-direction=down]{grid-area:3/2}.hockey-stop{grid-area:2/2;font-size:.8rem;padding:4px;touch-action:manipulation}.hockey-pad button{min-width:44px;min-height:44px}.hockey-direction[aria-pressed=true]{background:#477a66;color:#fff9e9;box-shadow:0 0 0 2px #315f4c inset}.hockey-notice{padding:.55rem;border-left:3px solid var(--accent);background:var(--soft);line-height:1.6}.hockey-tip{font-size:.86rem;line-height:1.7}@media(max-width:360px){.hockey-arena{max-height:51svh}.hockey-summary{font-size:.95rem}.hockey-pad{grid-template-columns:repeat(3,48px)}}