.american-table{margin-top:24px}.american-panel{background:rgba(255,253,248,.9);border:1px solid #e1dbcf;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.american-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;border-bottom:1px solid var(--line)}.american-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:800;color:#9a7650}.american-header h2{margin:0;font:700 30px/1.1 'Playfair Display',serif}.american-header p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.american-header-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:220px}.american-status{padding:10px 14px;border-radius:12px;background:#f4eee2;color:var(--jade);font-size:11px;font-weight:700;text-align:center}.american-start{border:0;background:var(--jade);color:#fff;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;min-height:48px;font-size:14px;box-shadow:0 4px 0 #0b2e25;transition:transform .12s,box-shadow .12s}.american-start:hover{transform:translateY(-1px);box-shadow:0 5px 0 #0b2e25}.american-start:active{transform:translateY(2px);box-shadow:0 2px 0 #0b2e25}.american-start:focus-visible,.american-pass:focus-visible,.american-tile:focus-visible,.american-combo-card:focus-visible{outline:3px solid #c99a45;outline-offset:3px}.american-tabletop{padding:22px;background:linear-gradient(145deg,#123b30,#1b4c3d);min-height:310px}.american-players{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.american-empty-state{grid-column:1/-1;min-height:238px;border:1px dashed #ffffff35;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px}.american-empty-state strong{font:700 28px 'Playfair Display',serif}.american-empty-state span{margin-top:8px;font-size:12px;opacity:.75}.player-card{background:#ffffff12;border:1px solid #ffffff20;border-radius:15px;padding:14px;color:#fff;min-height:118px}.player-card.active{outline:2px solid #d9b96e;background:#ffffff1d}.player-card.human{grid-column:1/-1;order:4}.player-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.player-head strong{font:700 18px 'Playfair Display',serif}.player-head span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.rack-count{margin-top:8px;font-size:10px;opacity:.75}.mini-rack{height:42px;margin-top:12px;border-radius:8px;background:#fff1;box-shadow:inset 0 1px #ffffff12}.american-discard-area{margin:14px auto 0;max-width:720px;min-height:82px;border:1px dashed #ffffff2a;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.discard-tile{width:28px;height:36px;border-radius:4px;background:#f9f5eb;color:#19382f;display:grid;place-items:center;font-family:serif;font-size:17px;box-shadow:2px 2px 0 #0002}.american-controls{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.american-selection{font-size:11px;color:var(--muted);font-weight:700}.american-pass{border:0;background:var(--jade);color:#fff;border-radius:11px;padding:11px 18px;font-weight:800;cursor:pointer;min-height:44px}.american-pass:disabled{opacity:.45}.american-hand-wrap{padding:20px 24px 24px}.american-hand-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.american-hand-title strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.american-hand{display:flex;gap:6px;overflow-x:auto;padding:8px 4px 14px;scrollbar-width:thin}.american-tile{flex:0 0 52px;height:72px;border:1px solid #cfc8b9;border-radius:7px;background:linear-gradient(145deg,#fffefb,#eee9dd);box-shadow:3px 4px 0 #d4cec1,4px 7px 10px #2a382d1a;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .14s,outline .14s}.american-tile:hover{transform:translateY(-4px)}.american-tile.selected{transform:translateY(-8px);outline:3px solid #c99a45;box-shadow:3px 7px 0 #d4cec1,0 10px 20px #c99a4533}.american-tile.insight-focus{transform:translateY(-8px);outline:3px solid #2d8a70;box-shadow:3px 7px 0 #d4cec1,0 10px 20px #2d8a7033;animation:americanInsightPulse .7s ease-in-out 2}.american-glyph{font-family:serif;font-size:27px;color:#1c473a}.american-value{position:absolute;right:5px;bottom:4px;font:700 8px 'DM Sans';color:#9c9180}.american-insights{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line);background:#fbf8f1}.american-insight-panel{min-width:0}.american-insight-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.american-insight-heading strong{font:700 18px 'Playfair Display',serif;color:var(--ink)}.american-insight-heading span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.american-combination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.american-combo-card{min-height:78px;border:1px solid #ded6c7;border-radius:12px;background:#fffefa;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}.american-combo-card:hover{border-color:#c99a45;transform:translateY(-1px)}.american-combo-card.strong{background:#eef5ef;border-color:#c8ddd0}.american-combo-card.pair{background:#fffaf0}.american-combo-card.joker{background:#f6f0fb;border-color:#ded0ec}.combo-title{font-size:11px;font-weight:800;color:var(--ink)}.combo-meta{font-size:10px;font-weight:700;color:var(--jade)}.combo-detail{font-size:9px;color:var(--muted);line-height:1.35}.american-insight-empty{border:1px dashed #d8d0c2;border-radius:12px;padding:15px;color:var(--muted);font-size:10px;line-height:1.5}.american-insight-foot{grid-column:1/-1;font-size:9px;color:var(--muted);padding-top:2px}.american-direction-list{display:grid;gap:8px}.american-direction-card{border:1px solid #e2dbce;border-radius:12px;background:#fffefa;padding:10px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;transition:border-color .15s,transform .15s}.american-direction-card.recommended{border-color:#b8cfc1;background:#f2f8f3;box-shadow:inset 3px 0 #2d8a70}.american-direction-card:hover{transform:translateY(-1px);border-color:#b8aa8d}.direction-top{display:flex;justify-content:space-between;gap:8px;grid-column:1/-1}.american-direction-card strong{font-size:10px;color:var(--ink)}.american-direction-card .direction-top span{font-size:10px;color:var(--jade);font-weight:800}.direction-tag{display:inline-flex;justify-self:start;border-radius:999px;background:#eee8dc;color:#6d614f;padding:3px 6px;font-size:8px;font-weight:800;letter-spacing:.04em}.american-direction-card small{grid-column:1/-1;font-size:9px;line-height:1.35;color:var(--muted)}.american-direction-card .direction-keep{color:var(--ink);font-weight:700}.american-card-note{padding:0 24px 16px;background:#fbf8f1;color:var(--muted);font-size:10px;line-height:1.5}.american-card-note strong{color:var(--ink)}.american-rules{padding:16px 24px;background:#faf6ed;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.55}.american-rules strong{color:var(--ink)}@keyframes americanInsightPulse{0%,100%{transform:translateY(-8px) scale(1)}50%{transform:translateY(-8px) scale(1.04)}}@media(max-width:800px){.american-header{align-items:stretch;flex-direction:column}.american-header-actions{width:100%;min-width:0}.american-start{width:100%}.american-players{grid-template-columns:1fr 1fr}.player-card.human{grid-column:1/-1}.american-tabletop{padding:14px;min-height:290px}.american-controls,.american-hand-wrap,.american-insights{padding-left:14px;padding-right:14px}.american-hand{margin-right:-14px}.american-header h2{font-size:27px}.american-insights{grid-template-columns:1fr}.american-combination-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.american-combination-grid{grid-template-columns:1fr}.american-direction-card{grid-template-columns:1fr}.direction-top{grid-column:1}.american-card-note{padding-left:14px;padding-right:14px}}@media(max-width:800px){.american-insights{gap:18px;padding-top:22px;padding-bottom:22px}.american-insight-heading strong{font-size:21px}.american-insight-heading span{font-size:10px}.american-combination-grid{grid-template-columns:1fr;gap:10px}.american-combo-card{min-height:92px;padding:13px;gap:5px}.combo-title{font-size:13px}.combo-meta{font-size:11px}.combo-detail{font-size:11px;line-height:1.4}.american-direction-card{padding:13px;gap:6px 10px}.american-direction-card strong{font-size:12px}.american-direction-card .direction-top span{font-size:12px}.direction-tag{font-size:9px;padding:4px 8px}.american-direction-card small{font-size:11px;line-height:1.45}.american-card-note{font-size:11px;line-height:1.55}.american-rules{font-size:11px;line-height:1.6}.american-selection{font-size:12px;line-height:1.4}.american-pass{font-size:12px;padding:12px 16px}.american-hand-title strong{font-size:13px}.american-tile{flex-basis:56px;height:78px}.american-glyph{font-size:30px}}@media(max-width:460px){.american-insight-heading{align-items:flex-start;flex-direction:column;gap:3px}.american-direction-card{grid-template-columns:1fr}.direction-top{grid-column:1}.american-header{padding:20px}.american-header p{font-size:13px}.american-tabletop{padding:12px}.american-controls{align-items:stretch;flex-direction:column}.american-pass{width:100%}}.mini-rack{display:flex;align-items:center;gap:3px;overflow:hidden;padding:4px 6px;background:#0b2d25;border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff18,inset 0 -3px 8px #061c16}.mini-tile-back{position:relative;flex:1 1 0;min-width:9px;max-width:24px;height:31px;border-radius:4px;background:linear-gradient(145deg,#f6f1e4,#d9d0bf);border:1px solid #c7bdab;box-shadow:1px 2px 0 #061c1633;display:grid;place-items:center;overflow:hidden}.mini-tile-back::before{content:'萬';position:absolute;inset:3px;border:1px solid #bcae95;border-radius:2px;display:grid;place-items:center;color:#8f7651;font:700 9px/1 serif;opacity:.9}.mini-tile-back span{display:none}.opponent-rack{min-height:42px}.your-rack{justify-content:center;background:#ffffff0b}.rack-placeholder{font-size:9px;letter-spacing:.04em;color:#ffffffa8;white-space:nowrap}.player-card .rack-count{letter-spacing:.02em}@media(max-width:800px){.mini-rack{height:48px;padding:5px 7px;gap:3px}.mini-tile-back{height:34px;max-width:26px}.mini-tile-back::before{font-size:10px}.rack-placeholder{font-size:10px}}@media(max-width:460px){.mini-rack{height:46px}.mini-tile-back{height:32px;max-width:22px}.mini-tile-back::before{font-size:9px}.player-card{padding:12px}.rack-count{font-size:10px}}

/* User-selected landscape table: keep the whole American table in a wide four-seat layout on narrow screens. */
@media(max-width:800px){
  body.preferred-landscape .american-table{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  body.preferred-landscape .american-panel{min-width:820px}
  body.preferred-landscape .american-header{flex-direction:row;align-items:center;padding:18px 22px}
  body.preferred-landscape .american-header-actions{width:220px;min-width:220px}
  body.preferred-landscape .american-start{width:auto}
  body.preferred-landscape .american-tabletop{padding:18px;min-height:270px}
  body.preferred-landscape .american-players{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}
  body.preferred-landscape .player-card.human{grid-column:auto;order:initial}
  body.preferred-landscape .player-card{min-height:108px;padding:12px}
  body.preferred-landscape .american-controls{flex-direction:row;align-items:center}
  body.preferred-landscape .american-insights{grid-template-columns:1.4fr 1fr;padding-left:22px;padding-right:22px}
  body.preferred-landscape .american-combination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.preferred-landscape .american-hand-wrap{padding-left:22px;padding-right:22px}
}

/* American Insights Category Filter Pills */
.american-filter-pills {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.american-filter-pill {
  border: 1px solid #d5cebf;
  background: #fffefa;
  color: #635742;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
  line-height: 1.3;
}
.american-filter-pill:hover {
  border-color: #2d8a70;
  color: #2d8a70;
}
.american-filter-pill.active {
  background: #2d8a70;
  border-color: #2d8a70;
  color: #fff;
  box-shadow: 0 2px 4px rgba(45, 138, 112, 0.25);
}