.NumberGates-module__ndO23G__page{min-height:100dvh;padding:var(--hud-safe-height,60px) 0 0;color:#f3f7fb;background:#1a2330 url(/images/background/number-gates-v3.webp) 50%/cover no-repeat;place-items:center;display:grid;position:relative;overflow:hidden}.NumberGates-module__ndO23G__stage{width:100%;height:calc(100dvh - var(--hud-safe-height,60px));--ng-room:46cqh;--gate-w:min(150px, calc((var(--ng-room) - 10px) / 1.81), calc((var(--ng-room) - 44px) / 1.41));--lane-w:clamp(44px, min(10.5cqw, calc(1.2 * var(--gate-w))), 84px);position:relative;container-type:size}.NumberGates-module__ndO23G__road{z-index:0;pointer-events:none;background:url(/images/props/games/number-gates-road.webp) bottom/100% 100% no-repeat;width:20cqw;position:absolute;transform:translate(-50%,-100%)}.NumberGates-module__ndO23G__gates{z-index:1;pointer-events:none;position:absolute;inset:0}.NumberGates-module__ndO23G__gate{width:var(--gate-w);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-100%)}.NumberGates-module__ndO23G__gateCorrect .NumberGates-module__ndO23G__gateArt,.NumberGates-module__ndO23G__gateWrong .NumberGates-module__ndO23G__gateArt{animation:.8s NumberGates-module__ndO23G__gateHalo}.NumberGates-module__ndO23G__gateCorrect .NumberGates-module__ndO23G__gateArt:before{background:linear-gradient(160deg,#7bf7b0 0%,#17a35d 100%);animation:none}.NumberGates-module__ndO23G__gateWrong .NumberGates-module__ndO23G__gateArt:before{background:linear-gradient(160deg,#ff9d9d 0%,#d02b2b 100%);animation:none}.NumberGates-module__ndO23G__gateCorrect{--gate-halo:#2edc82f2}.NumberGates-module__ndO23G__gateWrong{--gate-halo:#ff5a5af2}@keyframes NumberGates-module__ndO23G__gateHalo{0%{filter:drop-shadow(0 0 0 var(--gate-halo))}35%{filter:drop-shadow(0 0 18px var(--gate-halo)) drop-shadow(0 0 34px var(--gate-halo))}to{filter:drop-shadow(0 0 0 var(--gate-halo))}}.NumberGates-module__ndO23G__gateRange{transform:scale(var(--range-scale,.85));--range-unit:min(var(--gate-w), 14cqw);justify-content:center;align-items:center;gap:calc(var(--range-unit) * .04);padding:calc(var(--range-unit) * .04) calc(var(--range-unit) * .08);background:linear-gradient(160deg,#fff6dd 0%,#f3e0ad 100%);border:2px solid #c79a3a;border-radius:14px;display:flex;box-shadow:0 3px 8px #0000004d,inset 0 1px #fff9}.NumberGates-module__ndO23G__rangeCard{width:max(26px, calc(var(--range-unit) * .307));aspect-ratio:.72;justify-content:center;align-items:center;display:flex}.NumberGates-module__ndO23G__rangeDash{font-weight:800;line-height:0;font-size:calc(var(--range-unit) * .187);color:#2a3b66;justify-content:center;align-self:stretch;align-items:center;display:flex}.NumberGates-module__ndO23G__gateArt{width:100%;max-width:var(--gate-w);aspect-ratio:1086/1448;border-radius:8px;position:relative;overflow:hidden}.NumberGates-module__ndO23G__gateArt:before{content:"";z-index:0;filter:saturate(1.2)brightness(1.1);background:linear-gradient(125deg,#8a5bff,#4dd0ff,#d15bff,#4dff9e,#4d8bff,#8a5bff) 0 0/200% 200%;animation:6s ease-in-out infinite NumberGates-module__ndO23G__gatePortal;position:absolute;inset:17% 24% 4%}.NumberGates-module__ndO23G__gateArt:after{content:"";z-index:1;background-image:url(/images/props/gate2.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.NumberGates-module__ndO23G__gateLabel,.NumberGates-module__ndO23G__gateSlots{display:none}.NumberGates-module__ndO23G__field{z-index:2;pointer-events:none;position:absolute;inset:0}.NumberGates-module__ndO23G__laneCard{width:var(--lane-w);aspect-ratio:.72;cursor:grab;touch-action:none;pointer-events:auto;filter:drop-shadow(0 6px 10px #0006);background:0 0;border:0;margin:0;padding:0;transition:width .18s;position:absolute;transform:translate(-50%,-50%)}.NumberGates-module__ndO23G__laneCard:active{cursor:grabbing}.NumberGates-module__ndO23G__laneCardDragging{z-index:5;cursor:grabbing;filter:drop-shadow(0 10px 18px #00000080)}.NumberGates-module__ndO23G__laneCardVanishing{pointer-events:none;width:min(var(--lane-w), var(--gate-w));animation:.9s ease-in forwards NumberGates-module__ndO23G__laneCardVanish}@keyframes NumberGates-module__ndO23G__laneCardVanish{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.8)}45%{transform:translate(-50%, calc(-50% - var(--gate-w) * .6)) rotate(160deg) scale(.8);opacity:1}to{transform:translate(-50%, calc(-50% - var(--gate-w) * .6)) rotate(720deg) scale(0);opacity:0}}.NumberGates-module__ndO23G__placedCard{aspect-ratio:.72;width:clamp(46px,14%,70px);animation:.24s NumberGates-module__ndO23G__drop;display:block}.NumberGates-module__ndO23G__tray{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c128c;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:12px;min-height:130px;padding:16px;display:flex}.NumberGates-module__ndO23G__trayCard{aspect-ratio:.72;cursor:grab;touch-action:none;width:clamp(64px,13vw,92px);transition:transform .12s,filter .12s;display:block}.NumberGates-module__ndO23G__trayCard:active{cursor:grabbing}@media (hover:hover){.NumberGates-module__ndO23G__trayCard:hover{filter:brightness(1.05);transform:translateY(-3px)}}.NumberGates-module__ndO23G__traySlotEmpty{cursor:default;visibility:hidden}.NumberGates-module__ndO23G__dragging{cursor:grabbing;filter:drop-shadow(0 8px 14px #00000073)}.NumberGates-module__ndO23G__wrong{animation:.48s NumberGates-module__ndO23G__shake}.NumberGates-module__ndO23G__winIcon{width:72px;height:72px}.NumberGates-module__ndO23G__restartButton{color:#0c2b25;cursor:pointer;background:#fff;border:0;border-radius:999px;margin-top:4px;padding:10px 22px;font-size:1rem;font-weight:700;transition:transform .12s;box-shadow:0 3px 8px #0000004d}@media (hover:hover){.NumberGates-module__ndO23G__restartButton:hover{transform:translateY(-2px)}}.NumberGates-module__ndO23G__restartButton:focus-visible{outline-offset:3px;outline:3px solid #0a7269}@keyframes NumberGates-module__ndO23G__pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes NumberGates-module__ndO23G__drop{0%{opacity:0;transform:translateY(-10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes NumberGates-module__ndO23G__shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes NumberGates-module__ndO23G__fade{0%{opacity:0}to{opacity:1}}@keyframes NumberGates-module__ndO23G__gatePortal{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.NumberGates-module__ndO23G__trayCard,.NumberGates-module__ndO23G__placedCard,.NumberGates-module__ndO23G__wrong,.NumberGates-module__ndO23G__restartButton{transition:none;animation:none}.NumberGates-module__ndO23G__gateArt:before,.NumberGates-module__ndO23G__laneCardVanishing{animation:none}.NumberGates-module__ndO23G__gateCorrect .NumberGates-module__ndO23G__gateArt,.NumberGates-module__ndO23G__gateWrong .NumberGates-module__ndO23G__gateArt{filter:drop-shadow(0 0 16px var(--gate-halo));animation:none}}@media (max-width:940px){.NumberGates-module__ndO23G__gateRange{--range-scale:.82}}@media (max-width:860px){.NumberGates-module__ndO23G__gateRange{--range-scale:.77}}@media (max-width:790px){.NumberGates-module__ndO23G__gateRange{--range-scale:.73}}@media (max-width:700px){.NumberGates-module__ndO23G__gateRange{--range-scale:.66}}@media (max-width:620px){.NumberGates-module__ndO23G__gateRange{--range-scale:.6}}@media (max-width:680px){.NumberGates-module__ndO23G__gates{gap:8px}}.NumberGates-module__ndO23G__tray,.NumberGates-module__ndO23G__characterHidden{display:none}