.wf-brand-arcade .wf-pipe-panic-stage{min-height:clamp(520px,68vw,760px);background:radial-gradient(circle at 12% 8%,rgba(25,169,242,.22),transparent 26%),radial-gradient(circle at 88% 14%,rgba(255,212,90,.22),transparent 22%),linear-gradient(180deg,#f7fdff 0%,#ddf5ff 58%,#c7edff 100%)}.wf-brand-arcade .wf-pipe-panic-game{position:relative;display:flex;flex-direction:column;gap:16px;width:100%;min-height:inherit;padding:clamp(14px,2.4vw,26px);color:#0c2540}.wf-brand-arcade .wf-pipe-panic-header{display:flex;align-items:stretch;justify-content:space-between;gap:14px}.wf-brand-arcade .wf-pipe-panic-copy,.wf-brand-arcade .wf-pipe-pressure{border:1px solid rgba(8,125,204,.16);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(0,42,76,.1)}.wf-brand-arcade .wf-pipe-panic-copy{flex:1 1 auto;padding:16px 18px}.wf-brand-arcade .wf-pipe-panic-copy h3{margin:0 0 5px;color:#062d52;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1;font-weight:900}.wf-brand-arcade .wf-pipe-panic-copy p{margin:0;color:#335970;font-size:.98rem;line-height:1.45;font-weight:700}.wf-brand-arcade .wf-pipe-pressure{display:grid;align-content:center;min-width:min(270px,100%);padding:14px 16px}.wf-brand-arcade .wf-pipe-pressure-label{color:#062d52;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.wf-brand-arcade .wf-pipe-pressure-track{display:block;overflow:hidden;height:18px;margin:8px 0 6px;border:2px solid #062d52;border-radius:999px;background:#d8f3ff;box-shadow:inset 0 2px 5px rgba(0,0,0,.14)}.wf-brand-arcade .wf-pipe-pressure-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1cc6ff,#ffd45a,#ff7a59);transition:width .18s linear}.wf-brand-arcade .wf-pipe-pressure-text{color:#0a416f;font-size:1rem;font-weight:900}.wf-brand-arcade .wf-pipe-board-wrap{position:relative;display:grid;grid-template-columns:minmax(46px,.34fr) minmax(0,1fr) minmax(46px,.34fr);align-items:center;gap:clamp(7px,1.5vw,14px);flex:1 1 auto;min-height:0}.wf-brand-arcade .wf-pipe-edge-label{display:grid;place-items:center;min-height:130px;padding:10px 8px;border-radius:18px;border:2px solid rgba(6,45,82,.16);color:#062d52;background:rgba(255,255,255,.72);box-shadow:0 12px 24px rgba(0,42,76,.08);font-weight:900;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.wf-brand-arcade .wf-pipe-edge-label.is-source{background:linear-gradient(180deg,rgba(47,200,255,.9),rgba(255,255,255,.78))}.wf-brand-arcade .wf-pipe-edge-label.is-drain{background:linear-gradient(180deg,rgba(255,212,90,.82),rgba(255,255,255,.78))}.wf-brand-arcade .wf-pipe-board{display:grid;grid-template-columns:repeat(var(--wf-pipe-cols),minmax(0,1fr));grid-template-rows:repeat(var(--wf-pipe-rows),minmax(0,1fr));gap:clamp(5px,.8vw,9px);width:min(100%,680px);margin:0 auto;padding:clamp(8px,1.5vw,14px);border:3px solid #062d52;border-radius:24px;background:linear-gradient(90deg,rgba(6,45,82,.08) 1px,transparent 1px),linear-gradient(rgba(6,45,82,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.94),rgba(223,245,255,.94));background-size:24px 24px,24px 24px,auto;box-shadow:inset 0 0 0 2px rgba(255,255,255,.72),0 18px 36px rgba(0,42,76,.16)}.wf-brand-arcade .wf-pipe-tile{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1;min-width:0;min-height:0;border:2px solid rgba(6,45,82,.18);border-radius:clamp(12px,2vw,18px);background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.88),transparent 23%),linear-gradient(180deg,#fff 0%,#e8f7ff 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 8px 14px rgba(0,42,76,.11);cursor:pointer;overflow:hidden;touch-action:manipulation;user-select:none}.wf-brand-arcade .wf-pipe-tile:hover,.wf-brand-arcade .wf-pipe-tile:focus-visible{border-color:#19a9f2;outline:3px solid rgba(255,212,90,.9);outline-offset:2px;transform:translateY(-1px)}.wf-brand-arcade .wf-pipe-tile:active{transform:translateY(1px) scale(.98)}.wf-brand-arcade .wf-pipe-tile.is-source-cell{border-color:rgba(8,125,204,.58)}.wf-brand-arcade .wf-pipe-tile.is-drain-cell{border-color:rgba(255,170,26,.72)}.wf-brand-arcade .wf-pipe-piece{position:absolute;inset:10%}.wf-brand-arcade .wf-pipe-arm,.wf-brand-arcade .wf-pipe-center{position:absolute;z-index:2;display:block;border:2px solid #062d52;background:linear-gradient(180deg,#72c9f7,#087dcc);box-shadow:inset 0 4px 0 rgba(255,255,255,.32),inset 0 -4px 0 rgba(0,34,65,.13)}.wf-brand-arcade .wf-pipe-center{left:31%;top:31%;width:38%;height:38%;border-radius:999px}.wf-brand-arcade .wf-pipe-arm.is-n,.wf-brand-arcade .wf-pipe-arm.is-s{left:36%;width:28%;height:45%}.wf-brand-arcade .wf-pipe-arm.is-n{top:-2%;border-bottom:0;border-radius:999px 999px 0 0}.wf-brand-arcade .wf-pipe-arm.is-s{bottom:-2%;border-top:0;border-radius:0 0 999px 999px}.wf-brand-arcade .wf-pipe-arm.is-e,.wf-brand-arcade .wf-pipe-arm.is-w{top:36%;width:45%;height:28%}.wf-brand-arcade .wf-pipe-arm.is-e{right:-2%;border-left:0;border-radius:0 999px 999px 0}.wf-brand-arcade .wf-pipe-arm.is-w{left:-2%;border-right:0;border-radius:999px 0 0 999px}.wf-brand-arcade .wf-pipe-tile.is-connected{background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.9),transparent 24%),linear-gradient(180deg,#eaffff 0%,#c8f5ff 100%);box-shadow:inset 0 0 0 2px rgba(25,169,242,.22),0 0 18px rgba(25,169,242,.28)}.wf-brand-arcade .wf-pipe-tile.is-connected .wf-pipe-arm,.wf-brand-arcade .wf-pipe-tile.is-connected .wf-pipe-center{background:linear-gradient(90deg,#19a9f2,#2bd3ff,#087dcc);box-shadow:inset 0 4px 0 rgba(255,255,255,.42),0 0 16px rgba(25,169,242,.6)}.wf-brand-arcade .wf-pipe-cell-badge{position:absolute;z-index:4;top:5px;left:5px;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:20px;padding:2px 5px;border-radius:999px;background:#062d52;color:#fff;font-size:clamp(.52rem,1.4vw,.68rem);font-weight:900;line-height:1}.wf-brand-arcade .wf-pipe-cell-badge.is-drain{left:auto;right:5px;background:#ffd45a;color:#092b4a}.wf-brand-arcade .wf-pipe-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(6,45,82,.38);backdrop-filter:blur(4px)}.wf-brand-arcade .wf-pipe-overlay[hidden]{display:none !important}.wf-brand-arcade .wf-pipe-overlay-card{width:min(420px,100%);padding:24px;border:2px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;color:#0c2540;text-align:center;box-shadow:0 20px 44px rgba(0,29,55,.28)}.wf-brand-arcade .wf-pipe-overlay-card h3{margin:0 0 8px;color:#062d52;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:900;line-height:1}.wf-brand-arcade .wf-pipe-overlay-card p{margin:0 0 16px;color:#35566d;font-weight:700;line-height:1.45}.wf-brand-arcade .wf-pipe-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:0;border-radius:999px;background:#ffd45a;color:#092b4a;cursor:pointer;font-weight:900;box-shadow:0 10px 20px rgba(0,42,76,.17)}.wf-brand-arcade .wf-pipe-action:hover,.wf-brand-arcade .wf-pipe-action:focus-visible{outline:3px solid #19a9f2;outline-offset:3px}.wf-brand-arcade .wf-pipe-panic-game.is-paused:after{content:"Paused";position:absolute;left:50%;top:50%;z-index:18;transform:translate(-50%,-50%);padding:14px 22px;border-radius:999px;background:rgba(6,45,82,.92);color:#fff;box-shadow:0 14px 34px rgba(0,29,55,.26);font-size:1.25rem;font-weight:900}.wf-brand-arcade .wf-pipe-panic-game.is-paused .wf-pipe-board,.wf-brand-arcade .wf-pipe-panic-game.is-paused .wf-pipe-pressure{filter:saturate(.7) brightness(.9)}.wf-brand-arcade .wf-pipe-panic-game.is-victory .wf-pipe-tile.is-connected .wf-pipe-arm,.wf-brand-arcade .wf-pipe-panic-game.is-victory .wf-pipe-tile.is-connected .wf-pipe-center{animation:wfPipeFlow .58s linear infinite}@keyframes wfPipeFlow{0%{filter:brightness(1)}50%{filter:brightness(1.28)}100%{filter:brightness(1)}}@media (max-width:760px){.wf-brand-arcade .wf-pipe-panic-header{flex-direction:column}.wf-brand-arcade .wf-pipe-board-wrap{grid-template-columns:1fr}.wf-brand-arcade .wf-pipe-edge-label{min-height:38px;writing-mode:horizontal-tb;transform:none;font-size:.76rem}.wf-brand-arcade .wf-pipe-board{gap:5px;padding:7px;border-radius:18px}.wf-brand-arcade .wf-pipe-tile{border-radius:12px}.wf-brand-arcade .wf-pipe-piece{inset:7%}}@media (max-width:440px){.wf-brand-arcade .wf-pipe-panic-game{padding:10px}.wf-brand-arcade .wf-pipe-board{gap:4px}.wf-brand-arcade .wf-pipe-cell-badge{min-width:22px;min-height:17px;padding:1px 4px}}