.hockey-game-shell{position:absolute;inset:0;width:auto;padding:112px clamp(20px,3vw,38px) 18px clamp(190px,18vw,230px)}.hockey-status{position:absolute;z-index:8;top:16px;right:18px;display:grid;grid-template-columns:auto minmax(4.5rem,1fr) auto;align-items:center;gap:.42rem;width:min(15.5rem,calc(100% - 32px));min-height:2.75rem;margin:0;padding:.36rem .48rem .36rem .62rem;border:0;border-radius:17px;background:rgba(255,253,244,.84);box-shadow:0 7px 18px rgba(41,74,104,.18);backdrop-filter:blur(8px);color:#53517c;font-weight:900}.hockey-shot-label{white-space:nowrap;font-size:.72rem;letter-spacing:.025em}.hockey-progress{display:grid;grid-template-columns:repeat(5,minmax(1rem,1fr));gap:.2rem}.hockey-progress span{height:.52rem;border-radius:999px;background:#dce8ef;box-shadow:inset 0 2px 3px rgba(44,77,104,.14);transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.hockey-progress span.is-done{background:#70d4a3}.hockey-progress span.is-current{background:#55c7ef;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 3px 8px rgba(39,126,165,.28);transform:scaleY(1.22)}.hockey-score{display:flex;align-items:center;justify-content:center;gap:.3rem;min-height:1.9rem;padding:.2rem .46rem;border-radius:999px;background:#fff1a8;color:#805719;box-shadow:inset 0 -3px 0 rgba(199,143,33,.18)}.hockey-score svg{width:1.18rem;height:1.18rem;color:#df941d}.hockey-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(15rem,.95fr);align-items:center;gap:clamp(1.1rem,2.8vw,2.25rem);height:100%;min-height:0;padding:0;overflow:visible;border:0!important;border-radius:0!important;outline:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;isolation:isolate;perspective:900px}.hockey-stage:after,.hockey-stage:before{display:none!important;content:none!important}.hockey-rink-lines{display:none}.hockey-rink-lines:after,.hockey-rink-lines:before{position:absolute;top:0;bottom:0;width:3px;background:rgba(244,114,182,.55);content:""}.hockey-rink-lines:before{left:18%}.hockey-rink-lines:after{right:18%}.hockey-rink-lines span{position:absolute;top:43%;left:50%;width:9rem;height:9rem;border:4px solid rgba(45,172,218,.35);border-radius:50%;transform:translate(-50%,-50%)}.hockey-rink-lines i{position:absolute;top:43%;right:0;left:0;height:3px;background:rgba(45,172,218,.3)}.hockey-upper-stage{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;width:100%;margin:0}.hockey-number-board{width:100%;max-width:24rem;padding:clamp(1rem,2.5vw,1.35rem);border:3px solid #b8f0ff;border-bottom:7px solid #29a9d4;border-radius:1.65rem;background:linear-gradient(145deg,#6244a0,#3f55a7 54%,#258fc1);box-shadow:0 0 24px rgba(50,197,232,.42),0 12px 20px rgba(46,52,117,.23);text-align:center}.hockey-number-board p{margin:0;color:#bdf4ff;font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hockey-number-board>div{overflow-wrap:anywhere;margin-top:.25rem;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(2.15rem,6vw,4rem);font-weight:1000;line-height:1.05;letter-spacing:.025em;text-shadow:0 3px 0 #312e81,0 0 18px #67e8f9}.hockey-goal-zone{position:relative;width:100%;min-height:10rem;transform-style:preserve-3d}.hockey-goal{position:absolute;z-index:1;top:0;left:50%;width:min(100%,18rem);height:10rem;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(15,23,42,.25));transform:translateX(-50%)}.hockey-shot-puck{position:absolute;z-index:2;bottom:-.25rem;left:50%;width:4.5rem;height:3.5rem;margin-left:-2.25rem;transform-style:preserve-3d}.hockey-answer-title{position:relative;z-index:1;margin:0 0 .45rem;color:#fff;font-size:clamp(.95rem,2.15vw,1.22rem);font-weight:900;letter-spacing:.015em;line-height:1.16;text-align:center;text-shadow:0 2px 1px rgba(31,54,91,.9),0 0 8px rgba(31,54,91,.65)}.hockey-answer-zone{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center}.hockey-choices{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,1.8vw,1rem)}.hockey-choice{position:relative;visibility:visible;opacity:1;min-width:0;min-height:clamp(5.8rem,9vw,7rem);touch-action:manipulation;border:0;border-radius:1.5rem;background:transparent;color:#fff;font-size:clamp(1rem,2.8vw,1.45rem);font-weight:1000;line-height:1.05;text-shadow:0 2px 0 #0f172a,0 0 8px #0f172a;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 11px 8px rgba(16,77,108,.2));will-change:transform}.hockey-choice span{position:relative;z-index:1;display:block;overflow-wrap:anywhere;padding:.3rem}.hockey-choice.is-wrong{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 8px #fb7185)}.hockey-choice.is-correct{filter:drop-shadow(0 0 10px #4ade80)}.hockey-choice:focus-visible{outline:4px solid #facc15;outline-offset:2px}.hockey-choice:disabled{cursor:default}.hockey-feedback{position:relative;z-index:2;min-height:1.7rem;margin:.7rem 0 0;color:#fff;font-size:clamp(.85rem,2vw,1rem);font-weight:900;text-align:center;text-shadow:0 2px 1px rgba(31,54,91,.9),0 0 8px rgba(31,54,91,.6)}.hockey-feedback span{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.hockey-feedback svg{width:1.35rem;height:1.35rem}.hockey-feedback.is-correct{color:#d8ffe5}.hockey-feedback.is-wrong{color:#ffe0ec}.hockey-finish-overlay{position:fixed;z-index:2147483647;inset:0;display:grid;overflow:auto;place-items:center;padding:max(2.5rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:rgb(46 31 82/.7);backdrop-filter:blur(7px);animation:hockey-finish-fade .22s ease-out both}.hockey-finish-card{position:relative;width:min(28rem,100%);padding:4.6rem 1.5rem 1.8rem;border:7px solid #fff;border-bottom:11px solid #fbbf24;border-radius:2.4rem;background:linear-gradient(180deg,#fff9bd,#fff 70%);box-shadow:0 24px 70px rgb(28 19 54/.48);text-align:center;animation:hockey-finish-pop .38s cubic-bezier(.2,1.25,.35,1) both}.hockey-finish-trophy{position:absolute;top:0;left:50%;display:grid;width:7rem;height:7rem;place-items:center;border:5px solid #fff;border-radius:50%;color:#8a520e;background:linear-gradient(145deg,#fff29a,#fbbf24);box-shadow:0 10px 20px rgb(114 72 15/.28);transform:translate(-50%,-48%)}.hockey-finish-trophy svg{width:4rem;height:4rem}.hockey-finish-card p{margin:0;color:#7c3aed;font-size:.76rem;font-weight:1000;letter-spacing:.14em}.hockey-finish-card h2{margin:.35rem 0;color:#e39a12;font-size:clamp(2.5rem,9vw,4rem);font-weight:1000;letter-spacing:-.055em;line-height:1;text-shadow:0 3px #fff,0 6px #f6d76f}.hockey-finish-card strong{display:block;color:#5b3b83;font-size:1.25rem}.hockey-finish-card strong span{color:#ec4899;font-size:1.8rem}.hockey-finish-card button{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:4rem;margin-top:1.5rem;cursor:pointer;touch-action:manipulation;border:4px solid #fff;border-bottom:8px solid #15803d;border-radius:1.4rem;color:#fff;background:linear-gradient(180deg,#6ee7a1,#22c55e);box-shadow:0 10px 20px rgb(21 128 61/.25);font:inherit;font-size:1.25rem;font-weight:1000}.hockey-finish-card button:active{transform:translateY(4px);border-bottom-width:4px}.hockey-finish-card button:focus-visible{outline:4px solid #67e8f9;outline-offset:3px}.hockey-finish-card button svg{width:1.7rem;height:1.7rem}@keyframes hockey-finish-fade{0%{opacity:0}}@keyframes hockey-finish-pop{0%{opacity:0;transform:translateY(3rem) scale(.72)}}@media (max-width:680px){.hockey-game-shell{overflow-y:auto;padding:136px 10px 138px}.hockey-status{top:82px;right:10px;width:min(14rem,calc(100% - 20px))}.hockey-stage{grid-template-columns:1fr;gap:.7rem;height:auto;min-height:0;justify-content:flex-start}.hockey-upper-stage{gap:.55rem;margin-bottom:.6rem}.hockey-number-board{width:min(100%,32rem);margin:0 auto}.hockey-goal-zone{min-height:7.5rem}.hockey-goal{height:6.8rem}.hockey-choices{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,32rem);margin:0 auto}.hockey-choice{min-height:5.4rem}}@media (max-width:460px){.hockey-status{grid-template-columns:auto 1fr auto;gap:.42rem;padding-left:.68rem}.hockey-shot-label{font-size:.72rem}.hockey-progress{gap:.22rem}.hockey-progress span{height:.58rem}.hockey-score{min-height:2rem;padding-inline:.45rem;font-size:.78rem}.hockey-stage{padding-inline:.35rem}.hockey-number-board>div{font-size:clamp(2rem,12vw,3rem)}.hockey-choices{gap:.38rem}}@media (prefers-reduced-motion:reduce){.hockey-choice,.hockey-progress span{transition:none}.hockey-finish-card,.hockey-finish-overlay{animation:none}}