[data-game=farkle]{--game-accent-h:35;--game-accent-s:90%;--game-accent-l:55%;--farkle-dice-bg-1: #ece2c8;--farkle-dice-fg-1: #111111;--farkle-dice-bg-2: #38bdf8;--farkle-dice-fg-2: #0f172a;--farkle-dice-bg-3: #f59e0b;--farkle-dice-fg-3: #1e1b4b}[data-game=farkle][data-theme=casual]{--farkle-dice-bg-1: #ffffff;--farkle-dice-fg-1: #1a1a1a;--farkle-dice-bg-2: #333333;--farkle-dice-fg-2: #ffffff;--farkle-dice-bg-3: #dc2626;--farkle-dice-fg-3: #ffffff}.farkle-main{max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-10);display:flex;flex-direction:column;gap:var(--space-4)}.farkle-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.farkle-intro h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--game-accent)}.farkle-intro p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:460px;line-height:1.6}.farkle-options{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:460px}.farkle-options__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.farkle-btn-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.farkle-opt-btn{flex:1;min-width:80px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:center;line-height:1.4;transition:border-color .15s,background .15s,color .15s}.farkle-opt-btn small{font-size:var(--text-xs);opacity:.7;display:block;font-weight:400}.farkle-opt-btn--active{border-color:var(--game-accent);background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.15);color:var(--game-accent);font-weight:600}.farkle-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4)}.farkle-header__score{display:flex;flex-direction:column;align-items:center;gap:2px}.farkle-header__score-val{font-size:var(--text-2xl);font-weight:800;color:var(--game-accent);font-variant-numeric:tabular-nums}.farkle-header__score-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.farkle-header__score--cpu .farkle-header__score-val{color:#5299e0}.farkle-header__rolls{display:flex;align-items:center;gap:var(--space-2);flex-direction:column}.farkle-header__rolls-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.farkle-roll-dots{display:flex;gap:var(--space-2)}.farkle-roll-dot{width:16px;height:16px;border-radius:50%;background:var(--color-surface-raised);border:2px solid var(--color-border-default);transition:background .3s,border-color .3s}.farkle-roll-dot--done{background:var(--game-accent);border-color:var(--game-accent)}.farkle-roll-dot--current{border-color:var(--game-accent);box-shadow:0 0 0 3px hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.25)}.farkle-board{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4)}.farkle-aside{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.35);border-radius:var(--radius-lg);background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.05)}.farkle-aside__label{font-size:var(--text-xs);color:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.8);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.farkle-active-roll{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.farkle-active-roll__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-align:center;margin:0}.farkle-dice-tray{width:100%;max-width:540px;aspect-ratio:1 / 1;margin:var(--space-4) auto;border-radius:var(--radius-lg);border:2px solid var(--color-border-default);box-shadow:inset 0 4px 12px #00000026;overflow:hidden;background:var(--color-surface-sunken);position:relative;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.farkle-dice-row{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.farkle-dice-row--mini{gap:var(--space-2)}.farkle-die{width:68px;height:68px;padding:8px;border-radius:var(--radius-lg);background:var(--color-surface-raised);border:2px solid var(--color-border-default);display:grid;grid-template-areas:"a b c" "d e f" "g h i";grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s,background-color .12s}.farkle-die--color-0{background:var(--farkle-dice-bg-1)}.farkle-die--color-0 .farkle-pip{background:var(--farkle-dice-fg-1)}.farkle-die--color-1{background:var(--farkle-dice-bg-2)}.farkle-die--color-1 .farkle-pip{background:var(--farkle-dice-fg-2)}.farkle-die--color-2{background:var(--farkle-dice-bg-3)}.farkle-die--color-2 .farkle-pip{background:var(--farkle-dice-fg-3)}.farkle-die:hover:not(.farkle-die--mini){border-color:var(--game-accent);transform:translateY(-3px);box-shadow:0 6px 16px hsl(var(--game-accent-h) var(--game-accent-s) 40%/.3)}.farkle-die.farkle-die--selected{border-color:var(--game-accent)!important;background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.18)!important}.farkle-die.farkle-die--selected .farkle-pip{background:var(--game-accent)!important}@keyframes dieRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(.9)}50%{transform:rotate(12deg) scale(1.05)}75%{transform:rotate(-8deg) scale(.95)}to{transform:rotate(0) scale(1)}}.farkle-die--rolling{animation:dieRoll .5s ease-in-out;cursor:default}.farkle-die--mini{width:38px;height:38px;padding:5px;cursor:default;pointer-events:none;opacity:.65}.farkle-pip{width:10px;height:10px;border-radius:50%;background:var(--color-text-secondary);align-self:center;justify-self:center}.farkle-die--selected .farkle-pip{background:var(--game-accent)}.farkle-die--mini .farkle-pip{width:6px;height:6px}.farkle-pip--a{grid-area:a}.farkle-pip--b{grid-area:c}.farkle-pip--c{grid-area:d}.farkle-pip--d{grid-area:e}.farkle-pip--e{grid-area:f}.farkle-pip--f{grid-area:g}.farkle-pip--g{grid-area:i}.farkle-feedback{font-size:var(--text-sm);text-align:center;margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-tertiary)}.farkle-feedback--ok{color:var(--color-status-success);background:#22c35d1a;border:1px solid hsl(142 70% 45%/.3)}.farkle-feedback--err{color:var(--color-status-error);background:#c3222214;border:1px solid hsl(0 70% 45%/.2)}.farkle-feedback--warn{color:#f5a83d;background:#f49d2514;border:1px solid hsl(35 90% 55%/.2)}.farkle-feedback strong{font-weight:700}.farkle-chips-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.farkle-chips-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.farkle-chips{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.farkle-chip{padding:var(--space-1) var(--space-3);border-radius:99px;border:1px solid var(--color-border-default);background:var(--color-surface-card);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}.farkle-chip:hover{border-color:var(--game-accent);background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.12);color:var(--game-accent)}.farkle-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.farkle-status{text-align:center;font-size:var(--text-sm);color:var(--color-status-error);margin:0}.farkle-history{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.farkle-history__title{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em;padding:var(--space-2) var(--space-4);margin:0;border-bottom:1px solid var(--color-border-subtle);background:#ffffff05}.farkle-history-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.farkle-history-row:last-of-type{border-bottom:none}.farkle-history-row__num{font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;white-space:nowrap}.farkle-history-row__dice{display:flex;gap:4px;flex-wrap:wrap}.farkle-history-row__result{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.farkle-history-row__hand{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.farkle-history-row__score{font-size:var(--text-sm);font-weight:700;color:var(--game-accent);font-variant-numeric:tabular-nums}.farkle-history-row__result--none .farkle-history-row__hand{color:var(--color-text-tertiary);font-style:italic}.farkle-history-row__result--none .farkle-history-row__score{color:var(--color-text-tertiary)}.farkle-history-total{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;border-top:1px solid var(--color-border-default);background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l)/.05)}.farkle-history-total strong{color:var(--game-accent)}.farkle-thinking{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);align-self:center}.farkle-thinking-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:tpulse 1.2s ease-in-out infinite}.farkle-thinking-dot:nth-child(2){animation-delay:.2s}.farkle-thinking-dot:nth-child(3){animation-delay:.4s}@keyframes tpulse{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.farkle-result-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.farkle-result-total{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.farkle-result-total strong{color:var(--game-accent)}.farkle-result-vs{display:flex;align-items:center;gap:var(--space-4)}.farkle-result-vs__col{display:flex;flex-direction:column;align-items:center;gap:4px}.farkle-result-vs__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.07em}.farkle-result-vs__score{font-size:var(--text-3xl);font-weight:800;color:var(--game-accent)}.farkle-result-vs__sep{font-size:var(--text-lg);color:var(--color-text-tertiary)}.farkle-result-breakdown{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);font-size:var(--text-xs)}.farkle-result-breakdown span:nth-child(odd){color:var(--color-text-secondary);text-align:left}.farkle-result-breakdown span:nth-child(2n){color:var(--game-accent);font-weight:700;text-align:right}.farkle-rules{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.farkle-rules--splash{width:100%;max-width:460px;text-align:left}.farkle-rules__toggle{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);list-style:none;display:flex;align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none}.farkle-rules__toggle::-webkit-details-marker{display:none}.farkle-rules[open] .farkle-rules__toggle{border-bottom:1px solid var(--color-border-subtle)}.farkle-rules__body{padding:var(--space-3) var(--space-4)}.farkle-score-table{width:100%;border-collapse:collapse;font-size:var(--text-xs);margin-bottom:var(--space-3)}.farkle-score-table th{text-align:left;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-subtle);font-weight:600}.farkle-score-table td{padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.farkle-score-table tr:last-child td{border-bottom:none}.farkle-score-table td:first-child{font-weight:600;color:var(--color-text-primary)}.farkle-score-table td:last-child{font-weight:700;color:var(--game-accent);text-align:right;font-variant-numeric:tabular-nums}.farkle-rules__note{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.7;margin:0;padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.farkle-rules__note strong{color:var(--color-text-secondary)}@media (max-width: 480px){.farkle-die{width:52px;height:52px;padding:6px}.farkle-pip{width:8px;height:8px}.farkle-dice-row{gap:var(--space-2)}.farkle-header__score-val{font-size:var(--text-xl)}.farkle-actions-row{flex-direction:column!important;align-items:stretch!important;gap:var(--space-3)!important;margin-top:var(--space-3)!important}#farkle-feedback-container,#farkle-actions-container{width:100%!important;flex:none!important}.farkle-feedback{display:flex!important;width:100%!important;box-sizing:border-box!important;justify-content:center!important;text-align:center!important}#farkle-actions-container>div{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;gap:var(--space-2)!important}#farkle-actions-container button,#farkle-actions-container .btn{flex:1 1 auto!important;min-width:0!important;padding:10px 6px!important;font-size:12px!important;margin:0!important;box-sizing:border-box!important;justify-content:center!important;white-space:nowrap!important}}@keyframes icePulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px #00bfff) saturate(1.2)}50%{transform:scale(1.22);filter:drop-shadow(0 0 7px #00bfff) saturate(1.5)}to{transform:scale(1);filter:drop-shadow(0 0 2px #00bfff) saturate(1.2)}}.farkle-ice-cube--pending{animation:icePulse 1.4s infinite ease-in-out;display:inline-block;cursor:default}