:root{--ink:#0b1424;--ice:#eef6fb;--gold:#ffd84a;--glass:#0a14269e;--line:#ffffff24;--team:#11a2b4;--team-dark:#0a5560;--display:"Luckiest Guy", "Arial Black", system-ui, sans-serif;--sans:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{font-family:var(--sans);color:#fff;background:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}#scene{touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.loading,.fail{color:#cfe3ff;text-align:center;place-content:center;justify-items:center;gap:16px;margin:0;padding:24px;font-weight:800;display:grid;position:fixed;inset:0}.puck-spin{background:#16191b;border-radius:50%;width:46px;height:16px;animation:.9s ease-in-out infinite spin;box-shadow:0 6px #000,inset 0 0 0 2px #3a3f44}@keyframes spin{0%,to{transform:translateY(0)scaleX(1)}50%{transform:translateY(-14px)scaleX(.7)}}.sound-btn,.round-btn{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.sound-btn svg,.round-btn svg{width:20px;height:20px}.start{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.start>*{pointer-events:auto}.start .sound-btn{top:calc(14px + var(--safe-t));position:absolute;right:14px}.title{text-align:center;padding:calc(22px + var(--safe-t)) 16px 40px;pointer-events:none;background:linear-gradient(#060c18d9,#060c1800)}.title-kicker{letter-spacing:.18em;color:#d6a94b;text-shadow:0 2px #4a3920;border:2px solid #d6a94b99;border-radius:8px;padding:6px 12px 4px;font:22px/1 Graduate,serif;display:inline-block}.title h1{font:clamp(44px, 13vw, 84px)/.9 var(--display);letter-spacing:.02em;color:#fff;text-shadow:0 4px #0f6874,0 8px #071d22,0 12px 26px #00000080;margin:10px 0 6px;transform:rotate(-3deg)}.claim{color:#dbe9f7;max-width:340px;margin:14px auto 0;font-size:15px;font-weight:800}.pick{padding:18px 16px calc(18px + var(--safe-b));text-align:center;background:linear-gradient(#060c1800,#060c18f2 45%)}.pick-q{font:22px/1.1 var(--display);letter-spacing:.03em;color:var(--gold);margin:0 0 12px}.pick-row{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:0 auto;display:grid}.team-card{background:linear-gradient(160deg, var(--team), var(--team-dark));border-radius:20px;justify-items:center;gap:2px;padding:12px 8px;transition:transform .12s;display:grid;position:relative;box-shadow:0 6px #00000073,0 14px 30px #00000059,inset 0 1px #ffffff4d}.team-card:active{transform:translateY(4px);box-shadow:0 2px #00000073}.team-card:disabled{opacity:.6}.shirt{aspect-ratio:1;clip-path:polygon(30% 4%,70% 4%,100% 20%,100% 46%,84% 46%,84% 100%,16% 100%,16% 46%,0 46%,0 20%);filter:drop-shadow(0 4px 6px #0006);background:#ffffff26;width:100%;max-width:132px;display:block}.shirt img{object-fit:cover;width:68%;height:100%;margin-left:16%;display:block}.team-blau .shirt{background:linear-gradient(#f2f2ec 0 22%,#0f6874 22% 100%)}.team-rot .shirt{background:#a7a6a0}.team-name{font:21px/1 var(--display);letter-spacing:.04em;text-shadow:0 2px #00000059;margin-top:6px}.team-num{opacity:.85;font:14px/1 Graduate,serif}.rules{color:#c9d8ea;max-width:380px;margin:14px auto 0;font-size:13.5px;line-height:1.45}.rules b{color:#fff}.best{color:var(--gold);margin:8px 0 0;font-size:13px;font-weight:800}.hud{pointer-events:none;z-index:20;flex-direction:column;display:flex;position:fixed;inset:0}.hud-top{padding:calc(12px + var(--safe-t)) 12px 0;align-items:center;gap:8px;display:flex}.hud-top>*{pointer-events:auto}.hud-top .sound-btn{flex:none;margin-left:auto}.chip{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;min-width:0;padding:6px 12px 7px;display:grid}.chip small{letter-spacing:.08em;text-transform:uppercase;opacity:.7;white-space:nowrap;font-size:10px;font-weight:800}.chip b{font:22px/1 var(--display);letter-spacing:.03em}.score b{color:var(--gold)}.best-chip.record{border-color:#5bff8a;box-shadow:0 0 12px #5bff8a73}.best-chip.record small{color:#5bff8a;opacity:1}.pucks{gap:6px;padding:8px 14px 0;display:flex}.pucks i{background:#ffffff2e;border-radius:50%;width:20px;height:9px}.pucks i.on{background:#16191b;box-shadow:0 3px #000,0 0 0 1.5px #fff9}.callout{left:50%;top:calc(12% + var(--safe-t));text-align:center;width:min(92vw,440px);animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;position:absolute;transform:translate(-50%)}.callout-title{font:clamp(48px, 15vw, 88px)/.95 var(--display);letter-spacing:.02em;color:#fff;text-shadow:0 5px 0 var(--team-dark), 0 10px 24px #0000008c;transform:rotate(-4deg)}.callout-goal .callout-title{color:var(--gold);text-shadow:0 5px #b3261e,0 10px #4d0d09,0 14px 30px #00000080;animation:.6s ease-in-out .45s 3 wobble}.callout-magic .callout-title{background:linear-gradient(90deg,#ffd84a,#fff,#5ff3ff,#ff7be5,#ffd84a) 0 0/300% 100%;color:#0000;text-shadow:none;filter:drop-shadow(0 5px #4b2a7a)drop-shadow(0 0 18px #ffd84ab3);-webkit-background-clip:text;background-clip:text;animation:1.2s linear infinite shimmer}.callout-miss .callout-title{color:#ff6b5c;text-shadow:0 5px #3a0b08,0 10px 24px #0000008c;transform:rotate(3deg)}.callout-points{font:30px/1 var(--display);color:#5bff8a;text-shadow:0 3px #0a3a1a;margin-top:6px}.callout-text{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:14px;max-width:100%;margin-top:10px;padding:9px 14px;font-size:15px;font-weight:800;line-height:1.35;display:inline-block}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes wobble{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(3deg)scale(1.08)}}@keyframes shimmer{to{background-position:300% 0}}.hud-bottom{padding:0 16px calc(18px + var(--safe-b));background:linear-gradient(#060c1800,#060c188c);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:auto;display:grid}.hud-info{justify-items:start;gap:8px;min-width:0;padding-bottom:6px;display:grid}.steps{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.steps li{letter-spacing:.05em;text-transform:uppercase;background:var(--glass);border:1px solid var(--line);opacity:.6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.steps li.done{opacity:.85}.steps li.done:before{content:"✓ ";color:#5bff8a}.steps li.now{opacity:1;background:var(--gold);color:var(--ink);border-color:#0000}.power{opacity:0;background:#0a1426cc;border:2px solid #ffffffb3;border-radius:999px;width:100%;max-width:340px;height:18px;transition:opacity .2s,transform .2s;position:relative;overflow:hidden;transform:translateY(6px)}.power.show{opacity:1;transform:none}.power-fill{transform-origin:0;background:linear-gradient(90deg,#5ff3ff,#ffd84a 60%,#ff5c3c);position:absolute;inset:0;transform:scaleX(0)}.power-zone{z-index:1;mix-blend-mode:screen;background:#5bff8a8c;border-left:2px solid #5bff8a;border-right:2px solid #5bff8a;position:absolute;top:0;bottom:0}.power-weak{z-index:1;background:repeating-linear-gradient(-45deg,#00000059 0 4px,#0000 4px 8px);position:absolute;top:0;bottom:0;left:0}.hint{color:#dbe9f7;text-shadow:0 1px 3px #000c;text-align:left;min-height:18px;margin:0;font-size:13.5px;font-weight:800;line-height:1.3}.shoot{pointer-events:auto;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--team) 70%, #fff), var(--team) 45%, var(--team-dark));width:132px;height:132px;box-shadow:0 8px 0 #00000080, 0 0 0 8px #ffffff1f, 0 14px 34px #00000080, 0 0 calc(var(--burst) * 60px) calc(var(--burst) * 12px) rgba(255, 216, 74, calc(var(--burst) * .9));border:4px solid #fff;border-radius:50%;place-content:center;justify-items:center;gap:2px;transition:transform 60ms,box-shadow .15s;animation:1.6s ease-in-out infinite breathe;display:grid;position:relative}.shoot:active{transform:translateY(5px)scale(.97);box-shadow:0 3px #00000080,0 0 0 8px #ffffff1f}.shoot.idle{opacity:.55;animation:none}.shoot-label{font:30px/1 var(--display);letter-spacing:.04em;text-shadow:0 3px #00000059}.shoot-sub{letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:12px;font-weight:900}@keyframes breathe{0%,to{scale:1}50%{scale:1.04}}.spark{background:var(--gold);width:10px;height:10px;box-shadow:0 0 10px var(--gold);opacity:0;pointer-events:none;border-radius:50%;position:absolute}.bursting .spark{animation:.5s ease-out infinite spark}.spark.s1{top:-6px;left:50%}.spark.s2{bottom:-6px;left:30%;animation-delay:.12s!important}.spark.s3{top:40%;left:-6px;animation-delay:.25s!important}.spark.s4{top:60%;right:-6px;animation-delay:.37s!important}@keyframes spark{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)translateY(-30px)}}.over{z-index:15;background:#060c1873;place-items:center;padding:90px 16px 230px;display:grid;position:fixed;inset:0}.over-card{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#0a1426db;border-radius:24px;width:min(100%,400px);padding:20px 18px 16px;animation:.4s cubic-bezier(.2,1.5,.4,1) both pop2;box-shadow:0 20px 50px #00000080}@keyframes pop2{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.over-title{font:42px/1 var(--display);color:var(--gold);text-shadow:0 4px #4d0d09;transform:rotate(-2deg)}.over-verdict{margin:12px 0 4px;font-size:16px;font-weight:900}.over-verdict b{color:var(--team)}.over-text{color:#c9d8ea;margin:0 0 12px;font-size:14px}.over-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.over-stats div{background:#ffffff12;border-radius:12px;padding:8px 4px;display:grid}.over-stats small{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:800}.over-stats b{font:26px/1.1 var(--display)}.over-best{font:20px/1 var(--display);color:#5bff8a;margin-top:10px;animation:.7s ease-in-out infinite wobble}.link-btn{color:#cfe3ff;text-underline-offset:3px;margin-top:12px;padding:8px 14px;font-size:14px;font-weight:800;text-decoration:underline}@media (width>=700px) and (height>=600px){.shoot{width:150px;height:150px}.callout{top:20%}}@media (height<=640px){.title h1{font-size:44px}.claim{display:none}.shoot{width:112px;height:112px}.shoot-label{font-size:26px}.over{padding-bottom:200px}}@media (prefers-reduced-motion:reduce){.shoot,.callout-goal .callout-title,.over-best,.callout-magic .callout-title{animation:none}}