.g-farkle{container-type:inline-size;width:100%;max-width:760px;margin:0 auto;display:grid;gap:12px;touch-action:manipulation}.g-farkle .f-players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.g-farkle .f-pl{display:grid;gap:1px;padding:8px 10px;border:2px solid var(--line);border-radius:10px;background:var(--surface);text-align:center;min-width:0}.g-farkle .f-pl.is-cur{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);background:var(--accent-soft)}.g-farkle .f-pl.is-trig .f-plscore{color:var(--accent)}.g-farkle .f-plname{font-weight:700;font-size:.92rem;overflow-wrap:anywhere}.g-farkle .f-plscore{font-size:1.5rem;line-height:1.15;font-variant-numeric:tabular-nums}.g-farkle .f-plnote{font-size:.72rem;color:var(--muted);line-height:1.2;min-height:1.2em}.g-farkle .f-felt{display:grid;gap:12px;padding:14px 10px;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#2f8a6f,#1d5c4b);box-shadow:inset 0 2px 10px rgba(0,0,0,.35);color:#fff;justify-items:center}:root[data-theme=dark] .g-farkle .f-felt{background:radial-gradient(ellipse at 50% 30%,#245d4c,#153e33)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-farkle .f-felt{background:radial-gradient(ellipse at 50% 30%,#245d4c,#153e33)}}.g-farkle .f-asiderow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;width:100%;min-height:34px}.g-farkle .f-aside{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem}.g-farkle .f-asidelabel{opacity:.85}.g-farkle .f-none{opacity:.6}.g-farkle .f-minis{display:inline-flex;gap:5px;flex-wrap:wrap}.g-farkle .f-mini{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);width:28px;height:28px;padding:4px;border-radius:7px;background:linear-gradient(145deg,#fff,#e9e5da);box-shadow:0 2px #b9b3a3}.g-farkle .f-mini .f-pip{width:80%}.g-farkle .f-turnpts{font-size:1.1rem;font-variant-numeric:tabular-nums;color:var(--gold)}.g-farkle .f-dice{display:flex;gap:clamp(5px,2cqw,14px);justify-content:center;width:100%;padding:6px 0 4px}.g-farkle .f-die{position:relative;flex:0 1 76px;min-width:0;aspect-ratio:1;padding:0;border:0;background:0 0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}.g-farkle .f-die:disabled{cursor:default}.g-farkle .f-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:15%;border-radius:18%;background:linear-gradient(145deg,#ffffff,#e9e5da);box-shadow:0 3px #b9b3a3,0 6px 10px rgba(0,0,0,.35);border:2px solid transparent}.g-farkle .f-pip{place-self:center;width:78%;aspect-ratio:1;border-radius:50%;background:0 0}.g-farkle .f-pip.on{background:radial-gradient(circle at 35% 30%,#555,#111)}.g-farkle .f-die.is-empty .f-face{background:rgba(255,255,255,.12);box-shadow:none;border:2px dashed rgba(255,255,255,.3)}.g-farkle .f-die.is-nouse .f-face{opacity:.5}.g-farkle .f-die.is-dead .f-face{opacity:.55;filter:grayscale(.6)}.g-farkle .f-die.is-sel{transform:translateY(-9px)}.g-farkle .f-die.is-sel .f-face{border-color:var(--gold);box-shadow:0 3px #b9b3a3,0 0 0 3px var(--gold),0 9px 12px rgba(0,0,0,.4)}.g-farkle .f-die.is-hint .f-face{box-shadow:0 3px #b9b3a3,0 0 0 3px #7fd1ff,0 9px 12px rgba(0,0,0,.4)}.g-farkle .f-die:focus-visible{outline:none}.g-farkle .f-die:focus-visible .f-face{outline:3px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.g-farkle .f-die.is-rolling .f-face{animation:f-shake .38s ease-in-out}.g-farkle .f-sel.is-shake{animation:f-nope .3s ease-in-out}}@keyframes f-shake{0%{transform:rotate(0)translateY(0)}20%{transform:rotate(-14deg)translateY(-8px)}45%{transform:rotate(12deg)translateY(2px)}70%{transform:rotate(-6deg)translateY(-4px)}100%{transform:rotate(0)translateY(0)}}@keyframes f-nope{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media(prefers-reduced-motion:reduce){.g-farkle .f-die{transition:none}}.g-farkle .f-sel{margin:0;min-height:1.5em;font-weight:600;text-align:center}.g-farkle .f-sel.is-good{color:var(--gold)}.g-farkle .f-sel.is-bad{color:#ffb4a8}.g-farkle .f-felt.is-farkle .f-sel{color:#ffb4a8}.g-farkle .f-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.g-farkle .f-actions .btn{min-height:46px;font-size:1rem;flex:1 1 150px;max-width:260px}.g-farkle .f-roll{background:var(--gold);border-color:var(--gold);color:#1d2320}.g-farkle .f-roll:hover{background:#f7d072}.g-farkle .f-bank{background:#fff;border-color:#fff;color:#1d2320;font-weight:600}.g-farkle .f-actions .btn:disabled{opacity:.5;cursor:default}.g-farkle .f-actions [hidden]{display:none}.g-farkle .f-panel{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.g-farkle .f-panel[hidden]{display:none}.g-farkle .f-panel h3{margin:4px 0 8px;font-size:1rem}.g-farkle .f-table{width:100%;border-collapse:collapse;font-size:.92rem}.g-farkle .f-table th,.g-farkle .f-table td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}.g-farkle .f-table thead th{font-weight:700;color:var(--ink-2);font-size:.8rem}.g-farkle .f-table tbody th{font-weight:600}.g-farkle .f-table .f-pts{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.g-farkle .f-table .f-ex{font-size:1.35rem;line-height:1;letter-spacing:.05em;white-space:nowrap}.g-farkle .f-rules{margin:0 0 6px;padding-left:20px;display:grid;gap:5px;font-size:.92rem}.g-farkle-bar-dummy,.game__bar .is-on{box-shadow:inset 0 0 0 2px var(--accent)}@container(max-width:480px){.g-farkle .f-table .f-ex { display: none; }
  .g-farkle .f-players { grid-template-columns: repeat(2, 1fr); }
  .g-farkle .f-plscore { font-size: 1.3rem; }
}