.kfy-pipe-game{--kfy-pipe-arch-height:clamp(92px,8vw,142px);position:relative;z-index:2;isolation:isolate;overflow:hidden;scroll-margin-top:104px;padding:clamp(104px,9vw,150px) 0 clamp(180px,15vw,238px);background:var(--kfy-pipe-game-bg-image,none) center center / cover no-repeat,#031b43;color:#fff}.kfy-pipe-game::before{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(3,27,67,0.98) 0%,rgba(3,27,67,0.93) 14%,rgba(4,45,84,0.72) 32%,rgba(4,45,84,0.7) 66%,rgba(3,27,67,0.86) 100%),radial-gradient(ellipse at 50% 38%,rgba(107,207,246,0.08),transparent 44%);content:"";pointer-events:none}.kfy-pipe-game::after{position:absolute;z-index:0;right:-4%;bottom:-1px;left:-4%;height:var(--kfy-pipe-arch-height);border-radius:50% 50% 0 0 / 100% 100% 0 0;background:#fff;content:"";pointer-events:none}.kfy-pipe-game>.kfy-container{position:relative;z-index:1}.kfy-pipe-game__header{width:min(100%,820px);margin:0 auto clamp(32px,4vw,48px);text-align:center}.kfy-pipe-game__heading{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(30px,3.2vw,46px);font-weight:900;letter-spacing:-0.02em;line-height:1.08;text-shadow:0 3px 18px rgba(1,20,49,0.78);text-wrap:balance}.kfy-pipe-game__description{max-width:760px;margin:16px auto 0;color:rgba(255,255,255,0.9);font-size:clamp(16px,1.35vw,19px);line-height:1.65;text-shadow:0 2px 12px rgba(1,20,49,0.72);text-wrap:balance}.kfy-pipe-game__control:focus-visible,.kfy-pipe-game__play-again:focus-visible,.kfy-pipe-game__tile:focus-visible{outline:3px solid rgba(0,107,147,0.42);outline-offset:3px}.kfy-pipe-game__shell{width:min(100%,960px);margin:0 auto}.kfy-pipe-game__level{width:min(100%,var(--kfy-pipe-board-max,520px));margin:18px auto 0;color:#fff;font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:0.02em;text-align:center;text-shadow:0 2px 10px rgba(2,20,48,0.72);text-transform:uppercase}.kfy-pipe-game__board{--kfy-pipe-cols:4;display:grid;grid-template-columns:repeat(var(--kfy-pipe-cols),minmax(0,1fr));gap:clamp(6px,0.75vw,9px);width:min(100%,var(--kfy-pipe-board-max,520px));margin:0 auto;padding:clamp(10px,1.15vw,14px);border:2px solid rgba(177,232,250,0.72);border-radius:clamp(18px,1.7vw,24px);background:radial-gradient(circle at 50% 0%,rgba(129,222,255,0.24),transparent 42%),linear-gradient(180deg,rgba(80,148,184,0.82) 0%,rgba(30,91,132,0.9) 100%);box-shadow:0 24px 66px rgba(1,20,49,0.48),inset 0 1px 0 rgba(255,255,255,0.38);backdrop-filter:blur(5px);touch-action:pan-y}.kfy-pipe-game__board.is-solved{border-color:#fec63e;box-shadow:0 24px 66px rgba(1,20,49,0.48),0 0 28px rgba(254,198,62,0.34)}.kfy-pipe-game__cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;overflow:hidden;border:1px solid rgba(205,241,252,0.64);border-radius:clamp(9px,1.2vw,14px);background:radial-gradient(circle at 50% 18%,rgba(159,224,247,0.18),transparent 52%),linear-gradient(155deg,rgba(61,122,159,0.95),rgba(27,73,111,0.96));box-shadow:inset 0 1px 0 rgba(255,255,255,0.26),inset 0 -12px 26px rgba(1,28,61,0.18),0 3px 8px rgba(1,24,54,0.34)}.kfy-pipe-game__tile{width:100%;padding:0;border:1px solid rgba(205,241,252,0.64);color:inherit;cursor:pointer;touch-action:manipulation}.kfy-pipe-game__tile:hover{background:linear-gradient(155deg,rgba(79,147,184,0.98),rgba(36,91,130,0.98))}.kfy-pipe-game__tile.is-connected{background:radial-gradient(circle at 50% 50%,rgba(107,207,246,0.24),transparent 58%),linear-gradient(155deg,rgba(55,139,178,0.98),rgba(24,89,131,0.98));box-shadow:inset 0 0 22px rgba(107,207,246,0.18),0 0 0 1px rgba(107,207,246,0.3)}.kfy-pipe-game__tile:disabled{cursor:default;opacity:1}.kfy-pipe-game__piece{position:absolute;inset:4%;transform:rotate(calc(var(--kfy-pipe-rotation,0) * 90deg));transform-origin:center;transition:transform 180ms ease}.kfy-pipe-game__piece::before{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain;content:"";transform-origin:center}.kfy-pipe-game__tile[data-type="straight"] .kfy-pipe-game__piece::before{background-image:var(--kfy-pipe-straight-grey-image,var(--kfy-pipe-straight-image,none));transform:scale(1.36)}.kfy-pipe-game__tile[data-type="elbow"] .kfy-pipe-game__piece::before{background-image:var(--kfy-pipe-elbow-grey-image,var(--kfy-pipe-elbow-image,none));background-size:100%;transform:translate(17.6%,-19.5%)}.kfy-pipe-game__tile.is-connected[data-type="straight"] .kfy-pipe-game__piece::before{background-image:var(--kfy-pipe-straight-image,none)}.kfy-pipe-game__tile.is-connected[data-type="elbow"] .kfy-pipe-game__piece::before{background-image:var(--kfy-pipe-elbow-image,none)}.kfy-pipe-game__tile .kfy-pipe-game__arm,.kfy-pipe-game__tile .kfy-pipe-game__hub{display:none}.kfy-pipe-game__arm{position:absolute;z-index:1;background:#0b1425}.kfy-pipe-game__arm::after{position:absolute;inset:24%;background:#6bcff6;content:""}.kfy-pipe-game__arm--n,.kfy-pipe-game__arm--s{left:39%;width:22%;height:52%}.kfy-pipe-game__arm--n{top:-2%}.kfy-pipe-game__arm--s{bottom:-2%}.kfy-pipe-game__arm--e,.kfy-pipe-game__arm--w{top:39%;width:52%;height:22%}.kfy-pipe-game__arm--e{right:-2%}.kfy-pipe-game__arm--w{left:-2%}.kfy-pipe-game__arm--n::after,.kfy-pipe-game__arm--s::after{right:28%;left:28%}.kfy-pipe-game__arm--e::after,.kfy-pipe-game__arm--w::after{top:28%;bottom:28%}.kfy-pipe-game__hub{position:absolute;z-index:2;top:50%;left:50%;width:28%;aspect-ratio:1;border:clamp(3px,0.4vw,6px) solid #0b1425;border-radius:50%;background:#6bcff6;transform:translate(-50%,-50%)}.kfy-pipe-game__endpoint{background:linear-gradient(150deg,rgba(239,249,250,0.94),rgba(190,223,231,0.94))}.kfy-pipe-game__endpoint.is-connected{background:linear-gradient(150deg,rgba(255,239,189,0.96),rgba(244,211,115,0.92))}.kfy-pipe-game__endpoint-piece{position:absolute;inset:4%;z-index:0;clip-path:inset(0 0 50% 0);pointer-events:none;transform-origin:center}.kfy-pipe-game__endpoint-piece::before{position:absolute;inset:0;background-image:var(--kfy-pipe-straight-grey-image,var(--kfy-pipe-straight-image,none));background-position:center;background-repeat:no-repeat;background-size:contain;content:"";transform:scale(1.36);transform-origin:center}.kfy-pipe-game__endpoint.is-connected .kfy-pipe-game__endpoint-piece::before{background-image:var(--kfy-pipe-straight-image,none)}.kfy-pipe-game__endpoint-piece .kfy-pipe-game__arm,.kfy-pipe-game__endpoint-piece .kfy-pipe-game__hub{display:none}.kfy-pipe-game__endpoint[data-connection="n"] .kfy-pipe-game__endpoint-piece{transform:rotate(0deg)}.kfy-pipe-game__endpoint[data-connection="e"] .kfy-pipe-game__endpoint-piece{transform:rotate(90deg)}.kfy-pipe-game__endpoint[data-connection="s"] .kfy-pipe-game__endpoint-piece{transform:rotate(180deg)}.kfy-pipe-game__endpoint[data-connection="w"] .kfy-pipe-game__endpoint-piece{transform:rotate(270deg)}.kfy-pipe-game__endpoint-visual{position:relative;z-index:3;display:grid;place-items:center;width:86%;height:86%}.kfy-pipe-game__endpoint-visual img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}.kfy-pipe-game__house-svg{display:block;width:82%;height:auto}.kfy-pipe-game__controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;min-height:52px;margin-top:18px}.kfy-pipe-game__control,.kfy-pipe-game__play-again{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:2px solid rgba(208,240,250,0.9);border-radius:var(--radius-full);background:#eaf8fc;box-shadow:0 10px 24px rgba(1,20,49,0.26);color:var(--color-brand-navy);font-family:var(--font-display);font-size:14px;font-weight:900;line-height:1.2;text-transform:uppercase;cursor:pointer}.kfy-pipe-game__control--next{border-color:#ffe19b;background:#fec63e}.kfy-pipe-game__control:hover:not(:disabled),.kfy-pipe-game__play-again:hover{transform:translateY(-1px)}.kfy-pipe-game__control:disabled{opacity:0.64;cursor:not-allowed}.kfy-pipe-game__completion{box-sizing:border-box;width:min(calc(100% - 32px),760px);max-width:760px;max-height:min(88dvh,720px);margin:auto;padding:clamp(24px,4vw,38px);border:2px solid rgba(42,169,224,0.24);border-radius:clamp(18px,2vw,26px);background:linear-gradient(145deg,#fff,#edfaff);box-shadow:0 28px 80px rgba(11,20,37,0.34);color:var(--color-brand-navy);overflow-y:auto;text-align:center}.kfy-pipe-game__completion::backdrop{background:rgba(11,20,37,0.72);backdrop-filter:blur(4px)}html.kfy-pipe-dialog-open,html.kfy-pipe-dialog-open body{overflow:hidden}.kfy-pipe-game__completion[hidden],.kfy-pipe-game__control[hidden]{display:none !important}.kfy-pipe-game__completion h3{margin:0;color:var(--color-brand-navy);font-family:var(--font-display);font-size:clamp(25px,3vw,36px);font-weight:900;line-height:1.08;text-transform:uppercase}.kfy-pipe-game__completion p{max-width:650px;margin:14px auto 0;color:#405476;font-size:17px;line-height:1.6}.kfy-pipe-game__completion-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:22px}.kfy-pipe-game__play-again--primary{border-color:#fec63e;background:#fec63e}.kfy-pipe-game__noscript{margin:18px 0 0;color:#405476;text-align:center}.kfy-pipe-game:not(.is-enhanced) .kfy-pipe-game__board,.kfy-pipe-game:not(.is-enhanced) .kfy-pipe-game__level,.kfy-pipe-game:not(.is-enhanced) .kfy-pipe-game__controls{display:none}@media (min-width:701px) and (max-width:1199px){.kfy-pipe-game__shell{width:calc(100% - 80px)}}@media (max-width:700px){.kfy-pipe-game__shell{width:calc(100% - 44px)}.kfy-pipe-game{--kfy-pipe-arch-height:70px;padding:82px 0 132px;background-position:center center}.kfy-pipe-game__header{width:calc(100% - 32px);margin-bottom:30px}.kfy-pipe-game__heading{font-size:clamp(27px,8.4vw,36px)}.kfy-pipe-game__description{margin-top:12px;font-size:16px;line-height:1.55}.kfy-pipe-game__board{border-radius:18px}.kfy-pipe-game__controls{display:grid;grid-template-columns:1fr}.kfy-pipe-game__control,.kfy-pipe-game__play-again{width:100%}.kfy-pipe-game__completion-actions{align-items:stretch;flex-direction:column}.kfy-pipe-game__completion-actions .kfy-btn,.kfy-pipe-game__completion-actions .kfy-pipe-game__play-again{width:100%}.kfy-pipe-game__completion{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:22px 18px}}@media (prefers-reduced-motion:reduce){.kfy-pipe-game__piece,.kfy-pipe-game__control,.kfy-pipe-game__play-again{transition:none !important}}@media (forced-colors:active){.kfy-pipe-game{background:Canvas;color:CanvasText}.kfy-pipe-game::before,.kfy-pipe-game::after{display:none}.kfy-pipe-game__level{color:CanvasText;text-shadow:none}.kfy-pipe-game__heading,.kfy-pipe-game__description{color:CanvasText;text-shadow:none}.kfy-pipe-game__board,.kfy-pipe-game__cell,.kfy-pipe-game__completion,.kfy-pipe-game__control,.kfy-pipe-game__play-again{border:2px solid CanvasText;box-shadow:none}.kfy-pipe-game__arm,.kfy-pipe-game__hub{background:CanvasText}.kfy-pipe-game__tile .kfy-pipe-game__piece::before,.kfy-pipe-game__endpoint-piece::before{display:none}.kfy-pipe-game__tile .kfy-pipe-game__arm,.kfy-pipe-game__tile .kfy-pipe-game__hub,.kfy-pipe-game__endpoint-piece .kfy-pipe-game__arm,.kfy-pipe-game__endpoint-piece .kfy-pipe-game__hub{display:block}.kfy-pipe-game__endpoint-piece{inset:10%;clip-path:none;transform:none !important}.kfy-pipe-game__arm::after{background:Canvas}.kfy-pipe-game__tile:focus-visible{outline:4px solid Highlight}}