.pf-settings,.pf-rules{max-width:760px;margin:0 auto;line-height:1.6}.pf-settings h1,.pf-rules h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;letter-spacing:-.045em;margin:.5rem 0 1rem}.pf-settings-intro,.pf-settings-card p,.pf-rules p{color:var(--muted)}.pf-settings-content>section,.pf-rules>section{margin:1.5rem 0}.pf-settings-card,.pf-rules-card{padding:1.5rem;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.pf-settings h2,.pf-rules h2{font-size:1.2rem;margin:0 0 1rem;letter-spacing:-.025em}.pf-settings h3{font-size:.95rem;margin:0}.pf-settings p,.pf-rules li{font-size:.9rem}.pf-settings fieldset{border:0;padding:0;margin:1.5rem 0}.pf-settings legend,.pf-setting-label{font-size:.9rem;font-weight:700;color:var(--text)}.pf-setting-label{display:block;margin:1.5rem 0 .5rem}.pf-settings input[type=text],.pf-settings input:not([type]){width:100%;max-width:420px;min-height:48px;background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;padding:.75rem;color:var(--text);font:inherit}.pf-settings .primary{width:auto;min-width:150px;min-height:46px;padding:.7rem 1.2rem;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:10px;font:600 .9rem/1.4 system-ui;cursor:pointer}.pf-settings .primary:disabled{opacity:.5;cursor:wait}.pf-profile-preview{display:flex;align-items:center;gap:.8rem}.pf-profile-preview p{margin:.1rem 0;font-size:.8rem}.pf-player-avatar{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--selected);color:var(--selected-text);border:1px solid var(--border);border-radius:14px;flex:0 0 44px}.pf-player-avatar svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.pf-avatar-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.pf-avatar-option,.pf-theme-option{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;flex-direction:column;border:1px solid var(--border);border-radius:12px;padding:.8rem .4rem;cursor:pointer;background:var(--bg);font-size:.7rem;color:var(--muted);text-align:center}.pf-avatar-option input,.pf-theme-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pf-avatar-option:has(input:checked),.pf-theme-option:has(input:checked){border:2px solid var(--accent);padding:calc(.8rem - 1px) calc(.4rem - 1px);color:var(--text);background:var(--selected)}.pf-avatar-option:has(input:focus-visible),.pf-theme-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.pf-theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.pf-theme-swatch{display:block;width:100%;height:52px;background:linear-gradient(130deg,var(--surface),var(--bg));border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden}.pf-theme-swatch:after{content:'';position:absolute;inset:35% 30%;background:var(--accent);border-radius:3px;transform:rotate(-12deg)}[data-swatch=dark]{background:#0b1011}[data-swatch=light]{background:#f2eee3}[data-swatch=pink]{background:#3c2635}.pf-settings-status{min-height:1.5em;margin:.8rem 0 0;font-size:.82rem}.pf-motion-setting{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.pf-motion-setting .pf-motion-toggle{display:block!important;margin:.75rem 0 0;font-size:.85rem}.pf-settings .bug-report-card{margin:1.5rem 0;background:var(--surface);border-color:var(--border)}.pf-feedback-anchor{display:none}.pf-rules ol{padding-left:1.35rem}.pf-rules li{padding:.5rem 0;color:var(--muted)}.pf-rules strong{color:var(--text)}.pf-rules .pf-rule-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.pf-rule-meta span{padding:.3rem .65rem;border:1px solid var(--border);border-radius:30px;font-size:.75rem;color:var(--muted)}.pf-rules .ranking-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}.pf-rules .ranking-list li{font-size:.8rem}.pf-rules a{color:var(--selected-text)}.pf-settings input:focus-visible,.pf-settings button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pf-player-avatar,.pf-avatar-option,.pf-theme-option{box-sizing:border-box}
@media(max-width:520px){.pf-settings-card,.pf-rules-card{padding:1.1rem}.pf-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-theme-options{gap:.4rem}.pf-theme-option{font-size:.65rem}.pf-theme-swatch{height:42px}.pf-rules .ranking-list{grid-template-columns:1fr}.pf-settings h1,.pf-rules h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.pf-settings *{scroll-behavior:auto;transition:none!important;animation:none!important}}
/* The saved motion choice controls gameplay effects as well as decoration. */
:root[data-pf-identity][data-pf-motion="off"] .table *,
:root[data-pf-identity][data-pf-motion="off"] .table *::before,
:root[data-pf-identity][data-pf-motion="off"] .table *::after { animation:none!important;transition:none!important; }
/* Shared poker guide. Keep card faces independent of game/theme chrome. */
.pf-rules .pf-hand-rankings,
.pf-rules .pf-hand-rankings * { box-sizing:border-box; }
.pf-rules .pf-hand-rankings {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  padding:0;
  margin:1.25rem 0;
  list-style:none;
}
.pf-rules .pf-hand-example {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:1rem;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg);
  break-inside:avoid;
}
.pf-rules .pf-hand-example h3 {
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:0 0 .85rem;
  color:var(--text);
  font:700 .95rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:-.015em;
  overflow-wrap:anywhere;
}
.pf-rules .pf-hand-number {
  display:inline-grid;
  place-items:center;
  flex:0 0 1.6rem;
  height:1.6rem;
  border:1px solid var(--selected-border);
  border-radius:50%;
  background:var(--selected);
  color:var(--selected-text);
  font:750 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif;
}
.pf-rules .pf-hand-cards {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
  width:100%;
  max-width:260px;
  min-width:0;
}
.pf-rules .pf-hand-card {
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  width:100%;
  aspect-ratio:5 / 7;
  padding:0;
  border:1px solid #c3c9c7;
  border-radius:5px;
  background:#fffcf5;
  color:#192733;
  box-shadow:0 2px 3px #00000018;
  font-family:Georgia,'Times New Roman',serif;
}
.pf-rules .pf-hand-card-red { color:#a92436; }
.pf-rules .pf-hand-card svg { display:block;fill:currentColor;stroke:none; }
.pf-rules .pf-hand-corner {
  position:absolute;
  top:3px;
  left:3px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  color:inherit;
  font:700 13px/.9 Georgia,'Times New Roman',serif;
}
.pf-rules .pf-hand-corner b { color:inherit;font:inherit; }
.pf-rules .pf-hand-center-suit { width:40%;height:40%; }
.pf-rules .pf-hand-corner-bottom { inset:auto 3px 3px auto;transform:rotate(180deg); }
.pf-rules .pf-hand-example p {
  margin:.8rem 0 0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
@media(max-width:700px) {
  .pf-rules .pf-hand-rankings { grid-template-columns:minmax(0,1fr);gap:.75rem; }
  .pf-rules .pf-hand-example { padding:.85rem; }
}
@media(forced-colors:active) {
  .pf-rules .pf-hand-card { background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none; }
  .pf-rules .pf-hand-card-red { color:CanvasText; }
}