.game-turf-war .tw-play{gap:14px;width:max(min(100%,350px),min(100%,540px,100dvh - 400px));margin:0 auto;display:grid}.game-turf-war .tw-meta{color:var(--muted);margin:0;font-size:14px;font-weight:700;line-height:1.5}.game-turf-war .tw-meta b{color:var(--ink)}.game-turf-war .tw-badge{border:2px solid var(--ink);width:24px;height:24px;font-family:var(--font-display);color:var(--ink);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.game-turf-war .tw-scores-row{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.game-turf-war .tw-score{align-items:center;gap:8px;min-width:0;display:flex}.game-turf-war .tw-score[data-player="2"]{flex-direction:row-reverse}.game-turf-war .tw-score[data-turn=true] .tw-badge{box-shadow:0 0 0 3px var(--signpost)}.game-turf-war .tw-score-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.game-turf-war .tw-score-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1}.game-turf-war .tw-scores-goal{letter-spacing:1px;text-transform:uppercase;color:var(--muted);flex:none;padding-bottom:3px;font-size:11.5px;font-weight:800}.game-turf-war .tw-track{border:2px solid var(--ink);background:#fff;border-radius:999px;height:16px;margin-top:8px;display:block;position:relative;overflow:hidden}.game-turf-war .tw-track-fill{transition:width .32s;position:absolute;top:0;bottom:0}.game-turf-war .tw-track-fill[data-player="1"]{border-right:2px solid var(--ink);left:0}.game-turf-war .tw-track-fill[data-player="2"]{border-left:2px solid var(--ink);right:0}.game-turf-war .tw-track-half{background:var(--ink);width:3px;position:absolute;top:0;bottom:0;left:calc(50% - 1.5px);box-shadow:0 0 0 1.5px #fff}.game-turf-war .tw-frame{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:8px;position:relative}.game-turf-war .tw-board{aspect-ratio:1;border-radius:8px;width:100%;display:block;overflow:visible}.game-turf-war .tw-absorbed{transform-box:fill-box;transform-origin:50%}.game-turf-war .tw-outline{fill:none;stroke:var(--ink);stroke-width:.1px;stroke-linecap:round;pointer-events:none}.game-turf-war .tw-home{pointer-events:none}.game-turf-war .tw-home circle{fill:#fff;stroke:var(--ink);stroke-width:.07px}.game-turf-war .tw-home text{fill:var(--ink);font-family:var(--font-display);text-anchor:middle;font-size:.46px;font-weight:600}@media (prefers-reduced-motion:no-preference){.game-turf-war .tw-board[data-animate] .tw-absorbed{animation:.3s cubic-bezier(.2,.9,.3,1.15) both tw-absorb;animation-delay:calc(var(--tw-wave) * var(--tw-step))}}.game-turf-war .tw-result-layer{z-index:10;border-radius:var(--radius-card);background:#cde2f78c;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.game-turf-war .tw-result-layer .dt-result{width:min(360px,100%)}.game-turf-war .tw-result-of{font-weight:700}.game-turf-war .tw-result-note{margin-top:6px;font-weight:700}.game-turf-war .tw-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2vw,10px);display:grid}.game-turf-war .tw-pick{aspect-ratio:1;border:2px solid var(--ink);cursor:pointer;transition:transform var(--ease-micro), box-shadow var(--ease-micro);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 4px #22304ae6}.game-turf-war .tw-pick-swatch{width:100%;height:100%;display:block}.game-turf-war .tw-pick-swatch rect{rx:0}.game-turf-war .tw-pick:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #22304ae6}.game-turf-war .tw-pick:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #22304ae6}.game-turf-war .tw-pick:focus-visible{outline:3px solid var(--lake);outline-offset:3px}.game-turf-war .tw-pick:disabled{cursor:default;box-shadow:none;transform:translateY(4px)}.game-turf-war .tw-pick:disabled:not([data-held]) .tw-pick-swatch{opacity:.55}.game-turf-war .tw-pick[data-held]{border-style:dashed}.game-turf-war .tw-pick[data-held] .tw-pick-swatch{opacity:.22}.game-turf-war .tw-pick[data-held] .tw-badge{margin:auto;position:absolute;inset:0}.game-turf-war .tw-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.game-turf-war .tw-lead{border:2px solid var(--ink);border-radius:10px;width:38px;height:38px;display:block;position:relative;overflow:hidden}.game-turf-war .tw-lead .tw-badge{width:22px;height:22px;margin:auto;font-size:13px;position:absolute;inset:0}.game-turf-war .tw-lead-swatch{width:100%;height:100%;display:block}.game-turf-war .tw-lead-swatch rect{rx:0}.game-turf-war .tw-lead-swatch path,.game-turf-war .tw-lead-swatch circle{display:none}.game-turf-war .tw-modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:6px;display:grid}.game-turf-war .tw-mode{text-align:left;color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;font:inherit;background:#fff;flex-direction:column;gap:6px;padding:18px;transition:box-shadow .14s;display:flex}.game-turf-war .tw-mode p{color:var(--muted);margin:0;font-size:14.5px;font-weight:600;line-height:1.45}.game-turf-war .tw-mode:hover{box-shadow:var(--shadow-card-hover)}.game-turf-war .tw-mode:focus-visible{outline:3px solid var(--lake);outline-offset:3px}.game-turf-war .tw-mode-title{font-family:var(--font-display);align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.game-turf-war .tw-mode-title svg{width:22px;height:22px}.game-turf-war .tw-code{font-family:var(--font-display);letter-spacing:.25em;text-align:center;border:2px dashed var(--sky-deep);border-radius:var(--radius-card);font-variant-numeric:tabular-nums;padding-left:.25em;margin:12px 0 16px;padding-block:10px;font-size:clamp(36px,10vw,52px);font-weight:700}.game-turf-war .tw-code-input{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;width:11ch;font-weight:600}.game-turf-war .tw-seats{gap:10px;margin:0;padding:0;list-style:none;display:grid}.game-turf-war .tw-seats li{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.game-turf-war .tw-seats li[data-taken=false]{color:var(--muted)}.game-turf-war .tw-seat-corner{color:var(--muted);text-align:right;margin-left:auto;font-size:13px}.game-turf-war .tw-help{gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-turf-war .tw-help-step{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;display:grid}.game-turf-war .tw-help-step h3{font-family:var(--font-display);margin:0 0 2px;font-size:17px;font-weight:600;line-height:1.2}.game-turf-war .tw-help-step p{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}.game-turf-war .tw-help-art{justify-content:center;display:flex}.game-turf-war .tw-help-art .tw-board{border:2px solid var(--ink);background:#fff;border-radius:8px;overflow:hidden}.game-turf-war .tw-help-picks{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.game-turf-war .tw-help-picks svg{border-radius:6px;width:100%;display:block}.game-turf-war .tw-help-picks .tw-help-held{opacity:.22;outline:2px dashed var(--ink);outline-offset:-2px}.game-turf-war .tw-help-track{width:100%;margin:0}.game-turf-war .tw-help-foot{justify-content:flex-end;margin-top:18px;display:flex}@media (width<=420px){.game-turf-war .tw-help{gap:12px}.game-turf-war .tw-help-step{grid-template-columns:72px minmax(0,1fr);gap:12px}.game-turf-war .tw-help-step h3{font-size:16px}.game-turf-war .tw-help-step p{font-size:14px;line-height:1.35}}@media (width<=359px),(height<=600px){.game-turf-war .tw-help{gap:10px}.game-turf-war .tw-help-step{grid-template-columns:56px minmax(0,1fr);gap:10px}.game-turf-war .tw-help-step h3{font-size:15px}.game-turf-war .tw-help-step p{font-size:13px;line-height:1.3}.game-turf-war .tw-help-foot{margin-top:12px}.dt-modal:has(.tw-help){padding:10px 14px 14px}.dt-modal:has(.tw-help) .dt-modal-title{margin:6px 0 0;font-size:18px}.dt-modal:has(.tw-help) .dt-icon-btn{width:38px;height:38px}}@keyframes tw-absorb{0%{transform:scale(.84)}55%{transform:scale(1.12)}to{transform:scale(1)}}