:root{color-scheme:light;--bg: #ffffff;--surface: #f8f6f3;--surface-sunken: #eeeae3;--surface-raised: #ffffff;--border: #e5dfd5;--border-strong: #d2c7b5;--rule: #e6dfd4;--text: #2b2521;--text-muted: #6d6155;--text-faint: #8a7f72;--brown: #7d644a;--accent: #2f6b4f;--accent-hover: #255740;--accent-text: #ffffff;--accent-tint: rgba(47, 107, 79, .07);--accent-tint-strong: rgba(47, 107, 79, .15);--pip: #2b2521;--die-face: #ffffff;--die-edge: #e4dacb;--shadow-sm: 0 1px 2px rgba(74, 57, 40, .07);--shadow-md: 0 2px 4px rgba(74, 57, 40, .05), 0 8px 24px rgba(74, 57, 40, .07);--shadow-lg: 0 4px 8px rgba(74, 57, 40, .07), 0 16px 48px rgba(74, 57, 40, .11);--shadow-die: 0 1px 1px rgba(74, 57, 40, .12), 0 4px 10px rgba(74, 57, 40, .12);--radius: 10px;--radius-lg: 16px;--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.page{max-width:1040px;margin:0 auto;padding:32px 20px 64px}.page--setup{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.banner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:20px;padding:16px 22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.banner{position:relative;overflow:hidden}.banner:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.banner--over:before{background:var(--text-muted)}.banner__turn{font-size:1.25rem;font-weight:650;letter-spacing:-.015em}.banner__detail{color:var(--text-muted);font-size:.8rem;font-weight:500;font-variant-numeric:tabular-nums}.error{margin:0 0 20px;padding:12px 16px;border-radius:var(--radius);background:var(--accent-tint);border:1px solid var(--accent-tint-strong);color:var(--accent);font-size:.9rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:24px;align-items:start}.side{display:flex;flex-direction:column;gap:16px;position:sticky;top:32px}@media (max-width: 820px){.layout{grid-template-columns:minmax(0,1fr)}.side{position:static;order:-1}}.card-wrap{width:100%}.card{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card__title{padding:20px 0 18px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--accent);font-size:1.05rem;font-weight:700;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase}.col--active{background:var(--accent-tint)}.card th,.card td{border-bottom:1px solid var(--rule);padding:0}.card tbody:last-child tr:last-child th,.card tbody:last-child tr:last-child td{border-bottom:0}.label{padding:9px 16px;text-align:left;font-weight:500;line-height:1.3}.label--head{text-transform:uppercase;font-size:.68rem;font-weight:600;letter-spacing:.1em;color:var(--brown)}.label__name{display:block;font-size:.9rem;font-weight:550}.label__hint{display:block;margin-top:1px;font-size:.72rem;font-weight:400;color:var(--text-faint)}.player{width:104px;padding:12px 10px;text-align:center;background:var(--surface-sunken);border-left:1px solid var(--rule)}.player--active{background:var(--accent-tint);box-shadow:inset 0 -2px 0 var(--accent)}.player__name{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__total{display:block;margin-top:2px;font-size:1.3rem;font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.player--active .player__total{color:var(--accent)}.section th{padding:8px 16px;background:var(--surface-sunken);color:var(--brown);text-align:left;text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.13em}.cell{height:40px;text-align:center;vertical-align:middle;border-left:1px solid var(--rule);font-variant-numeric:tabular-nums}.cell--filled{font-size:1.02rem;font-weight:600;color:var(--text)}.cell__button{display:block;width:100%;height:40px;border:0;background:transparent;font:inherit;font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.cell__button:hover,.cell__button:focus-visible{background:var(--accent);color:var(--accent-text);font-weight:650;outline:none}.total{background:var(--surface-sunken)}.total .label__name{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.cell--total{font-weight:600;font-size:.92rem;color:var(--text-muted)}.total--grand{background:var(--accent-tint)}.total--grand .label__name{color:var(--accent);font-size:.76rem}.total--grand .cell--total{color:var(--accent);font-size:1.08rem;font-weight:700}.tray{padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.tray__dice{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;justify-items:center}.die{width:60px;height:60px;padding:8px;position:relative;border:1px solid var(--die-edge);border-radius:14px;background:var(--die-face);box-shadow:var(--shadow-die);cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}.die:hover:not(:disabled){transform:translateY(-2px)}.die:disabled{cursor:default;opacity:.55;box-shadow:var(--shadow-sm)}.die--held{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint-strong),var(--shadow-sm);transform:translateY(2px)}.die--held:hover:not(:disabled){transform:translateY(2px)}.die__face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;height:100%}.pip{border-radius:50%;background:var(--pip);place-self:center;width:10px;height:10px}.pip--empty{background:transparent}.die__badge{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:.54rem;font-weight:700;letter-spacing:.07em}.tray__controls{margin-top:26px;text-align:center}.tray__rolls{margin:12px 0 0;color:var(--text-muted);font-size:.82rem;font-weight:500;font-variant-numeric:tabular-nums}.tray__hint{margin:3px 0 0;color:var(--text-faint);font-size:.74rem}.button{padding:10px 18px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);font:inherit;font-size:.9rem;font-weight:550;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s ease,border-color .12s ease,transform .12s ease}.button:hover:not(:disabled){border-color:var(--text-faint);transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:default;box-shadow:none}.button--primary{width:100%;padding:12px 18px;border-color:transparent;background:var(--accent);color:var(--accent-text);font-size:.96rem;font-weight:620;letter-spacing:.01em}.button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:transparent}.log{margin:0;padding:14px 16px 14px 32px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.82rem;line-height:1.55}.log strong{color:var(--text);font-weight:600}.setup{width:100%;max-width:440px;padding:36px 32px 32px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.setup__title{margin:0;color:var(--accent);font-size:1.5rem;font-weight:750;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;text-align:center}.setup__subtitle{margin:8px 0 24px;text-align:center;color:var(--text-muted);font-size:.92rem}.setup__modes{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;padding:0;border:0}.setup__loading{margin:0;padding:14px;text-align:center;color:var(--text-faint);font-size:.86rem}.mode{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"radio title" "radio blurb";gap:0 12px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s ease,background .12s ease}.mode:hover{border-color:var(--border-strong)}.mode--chosen{border-color:var(--accent);background:var(--accent-tint)}.mode input{grid-area:radio;align-self:center;accent-color:var(--accent);width:16px;height:16px}.mode__title{grid-area:title;font-weight:600;font-size:.92rem}.mode__blurb{grid-area:blurb;color:var(--text-muted);font-size:.8rem;line-height:1.4}.setup__names{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.field input{padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);font:inherit;font-size:.95rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.footer{margin-top:26px;text-align:center;font-size:.78rem}.footer a{color:var(--text-faint);text-decoration:none;border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease}.footer a:hover{color:var(--accent);border-bottom-color:var(--accent)}.setup__stack{display:flex;flex-direction:column;width:100%;max-width:440px}@media (max-width: 560px){body{font-size:14px}.page{padding:14px 12px 40px}.banner{margin-bottom:14px;padding:13px 16px;border-radius:12px}.banner__turn{font-size:1.08rem}.layout{gap:14px}.tray{padding:14px;border-radius:12px}.tray__dice{grid-template-columns:repeat(5,1fr);gap:6px}.die{width:100%;max-width:56px;height:auto;aspect-ratio:1;padding:6px;border-radius:11px}.pip{width:8px;height:8px}.tray__controls{margin-top:20px}.card-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card{border-radius:12px}.card__title{padding:15px 0 13px;font-size:.92rem;letter-spacing:.24em;text-indent:.24em}.label{padding:7px 10px}.label__name{font-size:.84rem}.label__hint{font-size:.66rem}.player{width:72px;padding:9px 6px}.player__total{font-size:1.12rem}.cell,.cell__button{height:38px}.section th{padding:7px 10px}.log{padding:12px 14px 12px 28px}.setup{padding:26px 20px 24px;border-radius:12px}.setup__title{font-size:1.25rem;letter-spacing:.2em;text-indent:.2em}.setup__subtitle{margin-bottom:18px}}@media (max-width: 380px){.label__hint{display:none}.player{width:64px}}