.game-four-way-stop{--fws-open:#e8eef6;--fws-slide:.15s;--fws-pop:.21s}.game-four-way-stop .fws-play{flex-direction:column;align-items:center;gap:14px;padding-top:4px;display:flex}.game-four-way-stop .fws-play>.dt-result{align-self:stretch;margin-bottom:6px}.game-four-way-stop .fws-next-line{width:100%;color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:800}.game-four-way-stop .fws-next-line b{color:var(--ink);font-variant-numeric:tabular-nums}.game-four-way-stop .fws-moves{border:2px solid var(--ink);background:var(--game-tint,var(--meadow-tint));min-width:58px;transition:background-color var(--ease-reveal);border-radius:12px;flex-direction:column;align-items:center;padding:3px 8px 4px;line-height:1;display:flex;position:relative}.game-four-way-stop .fws-moves span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.game-four-way-stop .fws-moves b{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:700}.game-four-way-stop .fws-moves[data-low=true]{background:var(--taillight-tint)}.game-four-way-stop .fws-chip{border:2px solid var(--ink);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 7px 3px;font-size:11.5px;font-style:normal;font-weight:800;animation:1.5s ease-out forwards fws-chip;position:absolute;top:-13px;left:78%;transform:translate(-50%)}.game-four-way-stop .fws-chip[data-kind=refund]{background:var(--meadow-tint)}.game-four-way-stop .fws-chip[data-kind=spent]{background:var(--taillight-tint)}.game-four-way-stop .fws-line[data-kind]:before{content:"";border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.game-four-way-stop .fws-line[data-kind=refund],.game-four-way-stop .fws-line[data-kind=level],.game-four-way-stop .fws-line[data-kind=spent],.game-four-way-stop .fws-line[data-kind=hint]{color:var(--ink)}.game-four-way-stop .fws-line[data-kind=refund]:before,.game-four-way-stop .fws-line[data-kind=level]:before{background:var(--meadow)}.game-four-way-stop .fws-line[data-kind=spent]:before{background:var(--taillight)}.game-four-way-stop .fws-line[data-kind=hint]:before{background:var(--sunbeam)}.game-four-way-stop .fws-progress{gap:5px;margin:0;padding:0;list-style:none;display:flex}.game-four-way-stop .fws-progress li{border:2px solid var(--ink);background:#fff;border-radius:999px;width:20px;height:9px}.game-four-way-stop .fws-progress li[data-state=done]{background:var(--meadow)}.game-four-way-stop .fws-progress li[data-state=now]{background:var(--sunbeam)}.game-four-way-stop .fws-progress li[data-state=stopped]{background:var(--taillight)}.game-four-way-stop .fws-board{--rows:4;--cols:4;--fws-gap:clamp(2px, calc(16px / var(--cols)), 5px);border:2px solid var(--ink);border-radius:var(--radius-hero);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;width:max(220px,min(100%,420px,100dvh - 400px));padding:10px;box-shadow:0 7px #22304a59}.game-four-way-stop .fws-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);display:grid;position:relative}.game-four-way-stop .fws-cell{margin:var(--fws-gap);background:var(--fws-open);border-radius:22%;box-shadow:inset 0 2px #22304a1a}.game-four-way-stop .fws-cell[data-blocked]{border:2px solid var(--ink);background:repeating-linear-gradient(135deg, var(--ink) 0 18%, color-mix(in srgb, var(--ink) 72%, #fff) 18% 36%);box-shadow:none}.game-four-way-stop .fws-tile,.game-four-way-stop .fws-ghost{width:calc(100% / var(--cols));height:calc(100% / var(--rows));transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));position:absolute;top:0;left:0}.game-four-way-stop .fws-tile{transition:transform var(--fws-slide) cubic-bezier(.3, .75, .3, 1)}.game-four-way-stop .fws-face{inset:var(--fws-gap);border:2px solid var(--ink);border-radius:22%;place-items:center;display:grid;position:absolute;box-shadow:inset 0 -3px #22304a38}.game-four-way-stop .fws-face svg{fill:#fff;width:64%;height:64%;stroke:var(--ink);stroke-width:1.75px;stroke-linejoin:round}.game-four-way-stop .fws-tile[data-state=pop] .fws-face{animation:fws-pop var(--fws-pop) ease-out forwards}.game-four-way-stop .fws-tile[data-state=in] .fws-face{animation:.22s ease-out backwards fws-in}.game-four-way-stop .fws-ghost{pointer-events:none}.game-four-way-stop .fws-ghost .fws-face{inset:calc(var(--fws-gap) + 12%);border-style:dashed;animation:.9s linear forwards fws-ghost;box-shadow:0 0 0 3px #fff}.game-four-way-stop .fws-play[data-over=true] .fws-board{opacity:.7}.game-four-way-stop .fws-pad{grid-template-columns:repeat(3,64px);grid-template-areas:"undo up hint""left down right";gap:8px;display:grid}.game-four-way-stop .fws-key{border:2px solid var(--ink);height:50px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--ease-micro), box-shadow var(--ease-micro), background-color var(--ease-micro);background:#fff;border-radius:14px;place-items:center;padding:0;display:grid;box-shadow:0 4px #22304ae6}.game-four-way-stop .fws-key svg{stroke-width:2.5px;width:24px;height:24px}.game-four-way-stop .fws-key[data-dir=up]{grid-area:up}.game-four-way-stop .fws-key[data-dir=left]{grid-area:left}.game-four-way-stop .fws-key[data-dir=down]{grid-area:down}.game-four-way-stop .fws-key[data-dir=right]{grid-area:right}.game-four-way-stop .fws-tool{background:var(--game-tint,var(--meadow-tint));font-family:var(--font-body);grid-auto-flow:row;gap:0;font-size:11.5px;font-weight:800;line-height:1}.game-four-way-stop .fws-tool svg{width:18px;height:18px;margin-bottom:-4px}.game-four-way-stop .fws-tool[data-tool=undo]{grid-area:undo}.game-four-way-stop .fws-tool[data-tool=hint]{grid-area:hint}.game-four-way-stop .fws-key:disabled{opacity:.5;cursor:default;box-shadow:0 2px #22304a80}.game-four-way-stop .fws-key:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #22304ae6}.game-four-way-stop .fws-key:focus-visible{outline:3px solid var(--lake);outline-offset:2px}@media (hover:hover) and (pointer:fine){.game-four-way-stop .fws-key:hover:not(:disabled){background:var(--sunbeam-tint)}}.game-four-way-stop .fws-key[data-hint]{background:var(--sunbeam);outline:3px solid var(--signpost-deep);outline-offset:2px;animation:.9s ease-in-out infinite fws-hint}.game-four-way-stop .fws-board[data-size=preview]{--fws-gap:1.5px;pointer-events:none;border-radius:11px;width:76px;padding:5px;box-shadow:0 4px #22304a59}.game-four-way-stop .fws-board[data-size=preview] .fws-cell{box-shadow:none}.game-four-way-stop .fws-board[data-size=preview] .fws-cell[data-blocked],.game-four-way-stop .fws-board[data-size=preview] .fws-face{border-width:1.5px}.game-four-way-stop .fws-board[data-size=preview] .fws-face{box-shadow:none}.game-four-way-stop .fws-board[data-size=preview] .fws-face svg{stroke-width:2px}.game-four-way-stop .fws-help{gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-four-way-stop .fws-help-step{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-four-way-stop .fws-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-four-way-stop .fws-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-four-way-stop .fws-help-art{justify-content:center;display:flex;position:relative}.game-four-way-stop .fws-help-arrow{border:2px solid var(--ink);background:var(--sunbeam);border-radius:8px;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-4px;right:0}.game-four-way-stop .fws-help-arrow svg{stroke-width:3px;width:15px;height:15px}.game-four-way-stop .fws-help-foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.game-four-way-stop .fws-help-keys{color:var(--muted);margin:0 auto 0 0;font-size:13.5px;font-weight:700}@media (hover:none){.game-four-way-stop .fws-help-keys{display:none}}@media (width<=420px){.game-four-way-stop .fws-help{gap:12px}.game-four-way-stop .fws-help-step{grid-template-columns:70px minmax(0,1fr);gap:12px}.game-four-way-stop .fws-help-step h3{font-size:16px}.game-four-way-stop .fws-help-step p{font-size:14px;line-height:1.35}.game-four-way-stop .fws-help-art .fws-board[data-size=preview]{width:66px}}@media (width<=359px),(height<=700px){.game-four-way-stop .fws-help{gap:9px}.game-four-way-stop .fws-help-step{grid-template-columns:54px minmax(0,1fr);gap:10px}.game-four-way-stop .fws-help-step h3{font-size:15px}.game-four-way-stop .fws-help-step p{font-size:12.5px;line-height:1.28}.game-four-way-stop .fws-help-art .fws-moves{min-width:50px}.game-four-way-stop .fws-help-art .fws-moves b{font-size:20px}.game-four-way-stop .fws-help-art .fws-board[data-size=preview]{--fws-gap:1px;border-radius:9px;width:54px;padding:4px}.game-four-way-stop .fws-help-arrow{border-radius:7px;width:20px;height:20px}.game-four-way-stop .fws-help-arrow svg{width:12px;height:12px}.game-four-way-stop .fws-help-foot{margin-top:10px}.game-four-way-stop .fws-help-keys{display:none}}@media (width<=420px){.game-four-way-stop .fws-progress li{width:17px}}@media (width<=359px),(height<=700px){.dt-modal:has(.fws-help){padding:10px 14px 14px}.dt-modal:has(.fws-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.fws-help) .dt-icon-btn{width:38px;height:38px}}@keyframes fws-pop{0%{opacity:1;transform:scale(1)}35%{opacity:1;filter:brightness(1.25);transform:scale(1.16)}to{opacity:0;transform:scale(.2)}}@keyframes fws-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fws-ghost{0%,55%{opacity:.9}to{opacity:0}}@keyframes fws-chip{0%{opacity:0;transform:translate(-50%,6px)}12%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes fws-chip-fade{0%,70%{opacity:1}to{opacity:0}}@keyframes fws-hint{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.game-four-way-stop .fws-tile,.game-four-way-stop .fws-key,.game-four-way-stop .fws-moves{transition:none}.game-four-way-stop .fws-tile[data-state] .fws-face{animation:none}.game-four-way-stop .fws-chip{animation:1.5s linear forwards fws-chip-fade}.game-four-way-stop .fws-key[data-hint]{animation:none}.game-four-way-stop .fws-key:active:not(:disabled){transform:none}}