.button{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:44px;padding:var(--spacing-sm) var(--spacing-xl);border:var(--border-thin);border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.button:active:not(:disabled){transform:scale(.96)}.button:disabled{opacity:.5}.button--primary{background-color:var(--color-bar);color:var(--color-text-on-dark)}.button--primary:hover:not(:disabled){background-color:var(--color-cell-p1-border)}.button--secondary{background-color:var(--color-surface-light);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-surface-alt)}.button--ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.button--ghost:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-surface-alt)}.scoreboard{width:100%;max-width:460px;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-surface);border:var(--border-thick);border-radius:var(--radius-card);margin:0 auto}.scoreboard__badge-row{justify-content:center;min-height:26px;display:flex}.scoreboard__badge{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface-light);border:var(--border-thin);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-primary)}.scoreboard__names{margin-top:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.scoreboard__name{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:color .15s}.scoreboard__name:nth-child(2){text-align:right}.scoreboard__name--active{color:var(--color-text-primary)}.scoreboard__counts{margin-top:var(--spacing-xs);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.scoreboard__count{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:color .15s}.scoreboard__count--active{color:var(--color-cell-p1-border)}.scoreboard__count:nth-child(3){text-align:right}.scoreboard__count--active:nth-child(3){color:var(--color-cell-p2-border)}.scoreboard__vs{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background-color:var(--color-surface-light);border:var(--border-thin);border-radius:var(--radius-pill);justify-self:center}.die-face{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:4px;display:grid}.die-face__cell{justify-content:center;align-items:center;display:flex}.die-face__cell--pip:after{content:"";aspect-ratio:1;border-radius:var(--radius-full);background-color:var(--color-die-pip);width:72%}.bonus-circle{width:var(--cell-size);height:var(--cell-size);background-color:var(--color-surface-light);border:3px solid var(--color-border);border-radius:var(--radius-pill);font-size:.625rem;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.bonus-circle--p1{border-color:var(--color-cell-p1-border)}.bonus-circle--p2{border-color:var(--color-cell-p2-border)}.bonus-circle--achieved{background-color:var(--color-yellow)}.scorecard-cell{width:var(--cell-size);height:var(--cell-size);border:3px solid var(--color-border);border-radius:var(--radius-cell);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.scorecard-cell--p1{background-color:var(--color-cell-p1);border-color:var(--color-cell-p1-border)}.scorecard-cell--p2{background-color:var(--color-cell-p2);border-color:var(--color-cell-p2-border)}.scorecard-cell--selectable{color:var(--color-border);padding:0;transition:transform .1s}.scorecard-cell--selectable:hover{transform:scale(1.06)}.scorecard{width:100%;max-width:460px;padding:var(--spacing-md);background-color:var(--color-surface);border:var(--border-thick);border-radius:var(--radius-card);margin:0 auto;position:relative}.scorecard__rows{position:relative}.scorecard__row{background-color:var(--color-surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.scorecard__row:nth-child(2n){background-color:var(--color-surface-alt)}.scorecard__half{grid-template-columns:var(--badge-size) var(--cell-size) var(--cell-size);flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;display:grid}.scorecard__row-divider{background-color:var(--color-border);align-self:stretch;width:2px}.scorecard__badge{min-height:48px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-light);border:3px solid var(--color-purple);border-right-color:var(--color-border);border-bottom-color:var(--color-border);border-radius:var(--radius-badge);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.scorecard__badge .material-symbols-rounded{color:var(--color-text-primary);font-size:20px}.scorecard__badge-text{font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.scorecard__badge-caption{font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;color:var(--color-text-secondary);line-height:1}.scorecard__badge--yatzy .scorecard__badge-text{color:var(--color-yellow);text-shadow:2px 2px 0 var(--color-border);font-size:var(--font-size-subtitle);letter-spacing:1px}.scorecard__badge--bonus .scorecard__badge-text{color:var(--color-purple)}.scorecard__bonus-value{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-purple);line-height:1}.scorecard__badge .die-face{width:34px;height:34px;padding:4px}@media (width<=380px){:root{--cell-size:40px;--badge-size:56px}.scorecard__row{gap:6px;padding-left:8px;padding-right:8px}.scorecard__half{gap:6px}}.star-die{aspect-ratio:1;background-color:var(--color-star);border:3px solid var(--color-border);border-radius:var(--radius-cell);width:100%;color:var(--color-text-on-dark);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:background-color .15s,transform .1s;display:flex}.star-die .material-symbols-rounded{color:var(--color-text-on-dark);font-size:28px}.star-die__value{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);line-height:1}.star-die:hover:not(:disabled){transform:translateY(-2px)}.star-die:active:not(:disabled){transform:scale(.94)}.star-die--held{background-color:var(--color-star-active);border-color:var(--color-border)}.star-die--held .material-symbols-rounded,.star-die--held .star-die__value{color:var(--color-border)}.star-die:disabled{opacity:.4}.hold-row{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:460px;margin:0 auto;display:grid}.roll-bar{width:100%;max-width:460px;min-height:64px;padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-bar);border:var(--border-thick);border-radius:var(--radius-lg);color:var(--color-text-on-dark);justify-content:space-between;align-items:center;margin:0 auto;transition:transform .1s;display:flex}.roll-bar:hover:not(:disabled){transform:translateY(-2px)}.roll-bar:active:not(:disabled){transform:scale(.98)}.roll-bar:disabled{opacity:.5}.roll-bar__label{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);letter-spacing:2px;text-transform:uppercase}.roll-bar__circles{align-items:center;gap:var(--spacing-sm);display:flex}.roll-bar__circle{background-color:var(--color-surface-light);border:3px solid var(--color-border);border-radius:var(--radius-pill);width:36px;height:36px;font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text-primary);opacity:.55;justify-content:center;align-items:center;display:flex}.roll-bar__circle--active{opacity:1;background-color:var(--color-border);color:var(--color-text-on-dark)}.game-over{align-items:center;gap:var(--spacing-md);width:100%;max-width:440px;padding:var(--spacing-xxl);background-color:var(--color-surface);border:var(--border-thick);border-radius:var(--radius-card);text-align:center;flex-direction:column;margin:0 auto;display:flex}.game-over .material-symbols-rounded{color:var(--color-yellow);text-shadow:2px 2px 0 var(--color-border);font-size:48px}.game-over__title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.game-over__actions{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.game-screen{gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xxl);flex-direction:column;display:flex}.game-screen__play-area{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.game-screen__status{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.game-screen__actions{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.home{align-items:center;gap:var(--spacing-xxl);width:100%;max-width:480px;padding:var(--spacing-xxl) var(--spacing-lg);flex-direction:column;margin:auto;display:flex}.home__header{text-align:center}.home__header .material-symbols-rounded{color:var(--color-border);font-size:56px}.home__title{margin-top:var(--spacing-sm);font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:1px;color:var(--color-surface-light);text-shadow:3px 3px 0 var(--color-border)}.home__subtitle{margin-top:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-surface-light)}.home__modes{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.home__mode{align-items:flex-start;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xl);text-align:left;background-color:var(--color-surface);border:var(--border-thick);border-radius:var(--radius-lg);flex-direction:column;transition:transform .1s,border-color .15s;display:flex}.home__mode:hover{transform:translateY(-2px)}.home__mode--selected{border-color:var(--color-purple)}.home__mode .material-symbols-rounded{color:var(--color-border);font-size:32px}.home__mode-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);display:flex}.home__mode-description{font-size:var(--font-size-label);color:var(--color-text-secondary)}.home__difficulty{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.home__difficulty-option{min-height:40px;padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:background-color .15s,border-color .15s,color .15s}.home__difficulty-option--active{background-color:var(--color-purple);border-color:var(--color-border);color:var(--color-surface-light)}.app{background-color:var(--color-bg);min-height:100vh;display:flex}.app>*{width:100%;max-width:480px;margin:auto}:root{--color-bg:#e8917a;--color-surface:#f9ebce;--color-surface-alt:#f3dfa9;--color-surface-light:#fff;--color-border:#2b2b2b;--color-text-primary:#2b2b2b;--color-text-secondary:#7a6a52;--color-text-on-dark:#fff;--color-purple:#7a5cf0;--color-yellow:#ffc93c;--color-cell-p1:#e8916e;--color-cell-p1-border:#b04a36;--color-cell-p2:#7fc4c4;--color-cell-p2-border:#3b7d7d;--color-bar:#c25a4e;--color-star:#3f3f3f;--color-star-active:#ffc93c;--color-die-pip:#2b2b2b;--font-family-base:"Fredoka", system-ui, -apple-system, sans-serif;--font-size-display:2rem;--font-size-title:1.5rem;--font-size-subtitle:1.125rem;--font-size-body:1rem;--font-size-label:.875rem;--font-size-caption:.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--spacing-xxxl:3rem;--radius-card:24px;--radius-badge:10px;--radius-cell:8px;--radius-lg:1rem;--radius-full:9999px;--radius-pill:9999px;--cell-size:48px;--badge-size:68px;--border-thick:4px solid var(--color-border);--border-thin:2px solid var(--color-border);--focus-ring:0 0 0 3px #7a5cf080}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{line-height:1.2;font-weight:var(--font-weight-bold);margin:0}p{margin:0}button,input,select{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);outline:none}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24}