#texas-42-app{--tf-bone:#f9f0db;--tf-bone-lo:#d6c5a0;--tf-back:#7a2323;--tf-back-dark:#3d0f0f;--tf-tile-w:58px;--tf-trick-w:44px;margin:12px 0 0}#texas-42-app.is-loading{min-height:640px}#texas-42-app .tile-face,.fly-tile .tile-face{fill:var(--tf-bone);stroke:var(--tile-edge);stroke-width:.05px}#texas-42-app .tile-bevel-hi,.fly-tile .tile-bevel-hi{stroke:#fff;stroke-width:.05px;stroke-linecap:round}#texas-42-app .tile-bevel-lo,.fly-tile .tile-bevel-lo{stroke:var(--tf-bone-lo);stroke-width:.06px;stroke-linecap:round}#texas-42-app .tile-line,.fly-tile .tile-line{stroke:#4a4136;stroke-width:.04px;stroke-linecap:round}#texas-42-app .tile-line-hi,.fly-tile .tile-line-hi{stroke:#fff;stroke-width:.03px;stroke-linecap:round}#texas-42-app .tile-pin,.fly-tile .tile-pin{fill:var(--brass);stroke:var(--brass-dark);stroke-width:.022px}#texas-42-app .pip,.fly-tile .pip{fill:var(--pip)}#texas-42-app .pip-rim,.fly-tile .pip-rim{stroke:#fff;stroke-width:.024px;stroke-linecap:round}.fly-tile svg{width:100%;height:100%;display:block}#texas-42-app .tile-back-face{fill:var(--tf-back);stroke:var(--tf-back-dark);stroke-width:.08px}#texas-42-app .tile-back-inlay{stroke:var(--brass-light);stroke-width:.05px}#texas-42-app .tile-back-mark{fill:var(--brass);stroke:var(--brass-light);stroke-width:.03px}.tf-game .tile-svg{width:100%;height:auto;display:block}.tf-count{z-index:2;background:linear-gradient(180deg, var(--brass-light), var(--brass));color:#1d1503;font-variant-numeric:tabular-nums;pointer-events:none;border:2px solid #3a2a08;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 4px;font-size:.95rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-9px;right:-9px;box-shadow:0 1px 3px #00000073}.tf-bar{border:2px solid var(--brass-dark);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(#fffdf6,#f1e4c6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;margin-bottom:8px;padding:8px 14px;display:flex}.tf-bar-part{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.tf-bar-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:1rem;font-weight:800}.tf-bar-value{font-size:1.15rem;font-weight:800}.tf-bar-value.is-empty{color:var(--muted);font-weight:700}.tf-trump-badge{border:3px solid var(--text);min-height:40px;font-family:var(--font-display);background:#fff;border-radius:999px;align-items:center;padding:2px 16px;font-size:1.3rem;font-weight:700;display:inline-flex}.tf-trump-badge.is-empty{font-family:var(--font);color:var(--muted);border-style:dashed;font-size:1.05rem}.tf-running{border:2px solid var(--border-strong);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;padding:2px 10px;font-size:1.15rem;font-weight:800}.tf-need{font-size:1.05rem;font-weight:700}.tf-game .tt-seat-text .tf-tag{margin:2px 0}.tf-game .tt-seat.tf-out .tt-seat-text{opacity:.75;border-style:dashed}.tf-seat-back{flex:none;width:22px;margin:4px 14px 8px 8px;position:relative}.tf-seat-back .tf-back{width:22px;height:44px;filter:drop-shadow(5px 1px 0 var(--tf-back-dark)) drop-shadow(5px 1px 0 var(--tf-back-dark));display:block}.tf-trick{--w:var(--tf-trick-w);grid-template-columns:calc(var(--w) * 2) calc(var(--w) * 1.1) calc(var(--w) * 2);grid-template-rows:calc(var(--w) * 2) var(--w) calc(var(--w) * 2);grid-template-areas:".n.""w.e"".s.";place-items:center;margin:0 auto;display:grid;position:relative}.tf-trick:before{content:"";width:calc(var(--w) * 5.4);height:calc(var(--w) * 5.2);pointer-events:none;background:radial-gradient(closest-side,#ffffff17,#fff0 80%);border:2px solid #e8c87380;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 34px #00000038}.tf-trick-cell{position:relative}.tf-trick-north{grid-area:n}.tf-trick-south{grid-area:s}.tf-trick-west{grid-area:w}.tf-trick-east{grid-area:e}.tf-played{width:var(--w);filter:drop-shadow(1px 3px 3px #00000073);display:block;position:relative}.tf-trick-west .tf-played,.tf-trick-east .tf-played{width:calc(var(--w) * 2)}.tf-played .tf-count{min-width:24px;height:24px;font-size:.85rem}.tf-played.is-winner .tile-face{stroke:var(--highlight);stroke-width:.12px}.tf-played.is-winner{filter:drop-shadow(0 0 7px #ffc800f2)drop-shadow(1px 3px 3px #00000073)}html:not(.reduce-motion) .tf-played.is-fresh{animation:.25s ease-out tf-arrive}@keyframes tf-arrive{0%{transform:scale(1.12)}}.tf-slot{width:var(--w);height:calc(var(--w) * 2);color:var(--brass-light);background:#00000029;border:2px solid #e8c87380;border-radius:6px;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.tf-slot.is-sideways{width:calc(var(--w) * 2);height:var(--w)}.tf-hand{border:5px solid var(--felt-edge);border-radius:var(--radius);background:var(--wood-bg);background-color:var(--wood);box-shadow:var(--shadow-md), inset 0 0 0 2px #00000059, inset 0 8px 14px #00000059;padding:10px 8px 12px}.tf-rack{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 10px;display:flex}.tf-group{background:#0000002e;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:4px 8px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.tf-group.is-trump{box-shadow:inset 0 0 0 3px var(--brass);background:#ffc80024}.tf-group-label{border:2px solid var(--brass-dark);color:var(--text);white-space:nowrap;background:linear-gradient(#fffdf6,#f1e4c6);border-radius:999px;padding:0 10px;font-size:1rem;font-weight:800}.tf-group.is-trump .tf-group-label{background:linear-gradient(180deg, var(--brass-light), var(--brass));color:#1d1503}.tf-group-tiles{gap:6px;display:flex}.tf-tile{width:var(--tf-tile-w);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;min-height:48px;padding:0;transition:transform .15s ease-out;position:relative}.tf-tile:disabled{cursor:default}.tf-tile .tile-svg{filter:drop-shadow(0 3px 3px #140a008c)}.tf-tile.is-playable{transform:translateY(-6px)}.tf-tile.is-playable .tile-face{stroke:var(--highlight);stroke-width:.09px}.tf-tile.is-dim .tile-svg{filter:brightness(.55)saturate(.6)}.tf-tile.is-selected{outline-offset:2px;box-shadow:0 0 0 9px var(--primary);outline:5px solid #fff;transform:translateY(-14px)}.tf-tile.is-hint{outline:5px dashed var(--highlight);outline-offset:3px}.tf-tile:focus-visible{outline:5px solid var(--focus);outline-offset:3px}html.reduce-motion .tf-tile{transition:none}.tf-bid-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.tf-bid-btn{min-height:56px}.tf-bid-btn:disabled{border-style:dashed;border-color:var(--border-strong);background:var(--bg-deep);box-shadow:none;color:var(--muted);cursor:not-allowed;opacity:.7}.tf-mark-btn{font-family:var(--font);grid-column:span 3;font-size:1.15rem}.tf-trump-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.tf-trump-btn{border:3px solid var(--primary);background:linear-gradient(180deg, #fff, var(--surface-2));min-height:64px;box-shadow:0 3px 0 var(--border-strong);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:4px 6px;display:flex}.tf-trump-btn:hover{background:var(--primary-soft)}.tf-trump-btn[aria-pressed=true]{background:linear-gradient(180deg, #1c5a88, var(--primary));box-shadow:inset 0 0 0 3px var(--brass-light);color:var(--on-primary);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.tf-trump-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.tf-trump-sub{font-size:.95rem;font-weight:700}.tf-explain{border-left:6px solid var(--brass);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--highlight-soft);padding:6px 12px;font-weight:600}.tf-panel-actions{flex-wrap:wrap;gap:10px;display:flex}.tf-panel-actions .btn{flex:auto;min-height:56px;font-size:1.2rem}.tf-panel-actions .tf-confirm{flex:3 auto}.tf-hinted{outline-offset:3px;outline:4px dashed #b07800}.tf-role{border-left:6px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-soft);margin-top:6px;padding:6px 12px;font-weight:700}.tf-made{text-transform:uppercase;font-size:.9rem;font-weight:800}.tf-how-title{margin:14px 14px 4px;font-size:1.15rem}.tf-how{margin-top:0;padding-left:1.2em;font-size:1.05rem}.tf-mini-row{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.tf-mini{width:30px;position:relative}.tf-mini .tile-svg{width:100%;height:auto;display:block}.tf-mini .tf-count{border-width:1px;min-width:20px;height:20px;font-size:.75rem;bottom:-6px;right:-8px}.tf-all-hands h3{margin:8px 0 0;font-size:1.1rem}.tf-game .why-text[hidden]{display:none}@media (width<=767px){#texas-42-app{--tf-tile-w:48px;--tf-trick-w:clamp(30px, 8.4vw, 40px)}.tf-bar{gap:2px 8px;margin-bottom:4px;padding:4px 8px}.tf-bar-part{gap:2px 6px}.tf-bar-label{letter-spacing:0;font-size:.8rem}.tf-bar-value,.tf-running,.tf-need{font-size:1rem}.tf-trump-badge{min-height:32px;padding:0 10px;font-size:1.1rem}.tf-trump-badge.is-empty{font-size:.95rem}.tf-running{padding:0 6px}.tf-seat-back{width:16px;margin:0 12px 4px 2px}.tf-seat-back .tf-back{width:16px;height:32px}.play-dock .tf-hand{border-width:2px;padding:6px 2px}.tf-rack{gap:4px}.tf-group{gap:2px;padding:0 3px 5px}.tf-group-label{z-index:3;margin-top:-9px;padding:0 6px;font-size:.85rem;line-height:1.35;position:relative}.play-dock .tf-rack{gap:12px 4px;padding-top:8px}.tf-need{font-size:.95rem}#texas-42-app{--tf-trick-w:clamp(22px, calc((100svh - var(--dock-h,420px) - 280px) / 5.6), 38px)}.tf-group-tiles{gap:3px}.tf-count{min-width:22px;height:22px;font-size:.8rem;bottom:-6px;right:-6px}.play-dock .tf-bid-panel .tf-bid-help,.play-dock .tf-bid-panel .tf-explain{display:none}.play-dock .tf-bid-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.play-dock .tf-bid-btn{min-height:48px;padding:0;font-size:1.25rem}.play-dock .tf-mark-btn{grid-column:span 2;font-size:1rem}.play-dock .tf-mark-btn+.tf-mark-btn{grid-column:span 7}.play-dock .tf-trump-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.play-dock .tf-trump-btn{min-height:52px;padding:2px}.play-dock .tf-trump-name{font-size:1.05rem}.play-dock .tf-trump-sub{font-size:.8rem}.play-dock .tf-panel-actions .btn{min-height:52px;font-size:1.1rem}}
