.game-long-haul{--lh-stagger:.16s;--lh-flip:.42s;--lh-gap:6px;overflow-x:clip}.game-long-haul .lh-table{text-align:center;flex-direction:column;align-items:center;padding:16px 16px 12px;display:flex}.game-long-haul .lh-ladder{justify-content:center;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.game-long-haul .lh-pip{border:2px dashed var(--sky-deep);min-width:34px;height:28px;color:var(--muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:2px;padding:0 8px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.game-long-haul .lh-pip svg{stroke-width:3.4px;width:12px;height:12px}.game-long-haul .lh-pip[data-status=cleared]{border:2px solid var(--ink);background:var(--meadow-tint);color:var(--ink)}.game-long-haul .lh-pip[data-status=current]{border:2px solid var(--ink);background:var(--ink);color:#fff;box-shadow:0 2px #22304a59}.game-long-haul .lh-heading{margin:0 0 12px;font-size:clamp(20px,5vw,26px)}.game-long-haul .lh-board{gap:var(--lh-gap);width:100%;display:grid;container-type:inline-size}.game-long-haul .lh-row{--lh-tile:clamp(28px, min((100cqw - (var(--lh-n) - 1) * var(--lh-gap)) / var(--lh-n), (100dvh - 450px) / 6 - var(--lh-gap)), 56px);grid-template-columns:repeat(var(--lh-n), var(--lh-tile));gap:var(--lh-gap);justify-content:center;display:grid}.game-long-haul .lh-row[data-shake]{animation:.36s lh-shake}.game-long-haul .lh-tile{width:var(--lh-tile);height:var(--lh-tile);border:2px solid var(--sky-deep);border-radius:calc(var(--lh-tile) * .2);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:calc(var(--lh-tile) * .52);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.game-long-haul .lh-tile[data-state=typed]{border-color:var(--ink);animation:.11s ease-out lh-pop}.game-long-haul .lh-tile[data-state=correct]{--lh-fill:var(--letter-correct)}.game-long-haul .lh-tile[data-state=present]{--lh-fill:var(--letter-present)}.game-long-haul .lh-tile[data-state=absent]{--lh-fill:var(--letter-absent)}.game-long-haul .lh-tile[data-state=correct],.game-long-haul .lh-tile[data-state=present],.game-long-haul .lh-tile[data-state=absent]{border-color:var(--ink);background:var(--lh-fill)}.game-long-haul .lh-mark{width:max(7px, calc(var(--lh-tile) * .22));height:max(7px, calc(var(--lh-tile) * .22));stroke-width:2.6px;position:absolute;top:5%;right:5%}.game-long-haul .lh-row[data-reveal] .lh-tile{animation:lh-flip var(--lh-flip) ease-in-out calc(var(--lh-i) * var(--lh-stagger)) backwards}.game-long-haul .lh-row[data-reveal] .lh-mark{animation:lh-mark var(--lh-flip) step-end calc(var(--lh-i) * var(--lh-stagger)) backwards}.game-long-haul .lh-notice{min-height:21px;color:var(--muted);margin:10px 0 0;font-size:14.5px;font-weight:700;line-height:1.4}.game-long-haul .lh-notice[data-tone=good]{color:#1d7a4f}.game-long-haul .lh-notice[data-tone=bad]{color:#b23431}.game-long-haul .lh-keys{margin-top:14px}@media (width<=480px){.game-long-haul{--lh-gap:5px}.game-long-haul .lh-table{padding:12px 10px 10px}.game-long-haul .lh-ladder{gap:4px;margin-bottom:8px}.game-long-haul .lh-pip{min-width:30px;height:26px;padding:0 6px;font-size:14px}.game-long-haul .lh-heading{margin-bottom:10px}.game-long-haul .lh-row{--lh-tile:clamp(28px, min((100cqw - (var(--lh-n) - 1) * var(--lh-gap)) / var(--lh-n), (100dvh - 375px) / 6 - var(--lh-gap)), 56px)}.game-long-haul .lh-notice{margin-top:8px;font-size:14px}.game-long-haul .lh-keys{margin-top:10px}}.game-long-haul .lh-summary{text-align:left;gap:5px;width:100%;max-width:320px;margin:16px auto 0;padding:0;list-style:none;display:grid}.game-long-haul .lh-summary li{border:2px solid var(--ink);background:#fff;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:grid}.game-long-haul .lh-summary li[data-status=solved]{background:var(--meadow-tint)}.game-long-haul .lh-summary li[data-status=upcoming]{border-style:dashed;border-color:var(--sky-deep);color:var(--muted);background:0 0}.game-long-haul .lh-summary-n{background:var(--ink);color:#fff;height:24px;font-family:var(--font-display);border-radius:7px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.game-long-haul li[data-status=upcoming] .lh-summary-n{background:var(--sky-deep);color:var(--ink)}.game-long-haul .lh-summary-word{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.game-long-haul .lh-summary-score{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.game-long-haul .lh-summary-score svg{stroke-width:3.2px;width:13px;height:13px}.game-long-haul .lh-fact{white-space:nowrap}.game-long-haul .lh-next-line{width:100%;color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:800}.game-long-haul .lh-next-line b{color:var(--ink);font-variant-numeric:tabular-nums}.game-long-haul .lh-tile-mini{--lh-tile:36px}.game-long-haul .lh-help-head{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:800}.game-long-haul .lh-help{gap:9px;margin:0 0 14px;padding:0;list-style:none;display:grid}.game-long-haul .lh-help-step{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;display:grid}.game-long-haul .lh-help-step h4{font-family:var(--font-display);margin:0 0 1px;font-size:16px;font-weight:600;line-height:1.2}.game-long-haul .lh-help-step p{margin:0;font-size:14px;font-weight:600;line-height:1.35}.game-long-haul .lh-help-art{justify-content:center;display:flex}.game-long-haul .lh-help-badge{background:var(--signpost-tint);border:2px solid var(--ink);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;padding:3px 9px 4px;font-size:10.5px;font-weight:800;line-height:1.2;display:inline-flex}.game-long-haul .lh-help-badge b{font-family:var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink);font-size:16px;font-weight:700}.game-long-haul .lh-help-foot{justify-content:flex-end;align-items:center;gap:12px;display:flex}.game-long-haul .lh-help-keys{color:var(--muted);margin:0 auto 0 0;font-size:13.5px;font-weight:700;line-height:1.35}@media (width<=420px),(height<=700px){.game-long-haul .lh-tile-mini{--lh-tile:30px}.game-long-haul .lh-help-head{margin-bottom:6px}.game-long-haul .lh-help{gap:6px;margin-bottom:10px}.game-long-haul .lh-help-step{grid-template-columns:78px minmax(0,1fr);gap:10px}.game-long-haul .lh-help-step h4{font-size:15px}.game-long-haul .lh-help-step p{font-size:13px;line-height:1.3}}@media (width<=359px),(height<=600px){.game-long-haul .lh-tile-mini{--lh-tile:26px}.game-long-haul .lh-help-head{margin-bottom:4px;font-size:11px}.game-long-haul .lh-help{gap:3px;margin-bottom:7px}.game-long-haul .lh-help-step{grid-template-columns:64px minmax(0,1fr);gap:8px}.game-long-haul .lh-help-step h4{font-size:14px}.game-long-haul .lh-help-step p{font-size:12.5px;line-height:1.25}.game-long-haul .lh-help-badge{padding:2px 6px 3px;font-size:9.5px}.game-long-haul .lh-help-badge b{font-size:14px}.game-long-haul .lh-help-keys{font-size:12.5px}}@media (width<=420px),(height<=700px){.dt-modal:has(.lh-help){padding:10px 14px 14px}.dt-modal:has(.lh-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.lh-help) .dt-icon-btn{width:38px;height:38px}}@media (width<=359px),(height<=600px){.dt-modal:has(.lh-help){padding:6px 12px 10px}.dt-modal:has(.lh-help) .dt-modal-title{margin:4px 0 0;font-size:17px}.dt-modal:has(.lh-help) .dt-icon-btn{width:34px;height:34px}}@keyframes lh-pop{0%{transform:scale(.86)}}@keyframes lh-flip{0%{background:#fff;transform:rotateX(0)}49.9%{background:#fff;transform:rotateX(90deg)}50%{background:var(--lh-fill);transform:rotateX(90deg)}to{background:var(--lh-fill);transform:rotateX(0)}}@keyframes lh-mark{0%{opacity:0}50%,to{opacity:1}}@keyframes lh-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.game-long-haul .lh-row[data-shake],.game-long-haul .lh-row[data-reveal] .lh-tile,.game-long-haul .lh-row[data-reveal] .lh-mark,.game-long-haul .lh-tile[data-state=typed]{animation:none}}