html,body{margin:0;min-height:100%}:root{--color-page: #f7f6f1;--color-surface: #ffffff;--color-surface-muted: #f0efea;--color-border: #d8d6cf;--color-text: #222522;--color-text-muted: #666b66;--color-action: #253142;--color-action-muted: #eef0f2;--color-plate: #3f5b4f;--color-success-bg: #eef6ed;--color-success-border: #87a982;--radius-small: .375rem;--radius-medium: .5rem;--radius-large: .75rem}body{background:var(--color-page);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.page-shell{max-width:64rem;margin:0 auto;padding:2.5rem 1rem 3rem}.page-header{display:grid;justify-items:center;gap:1.25rem;margin-bottom:1.5rem;text-align:center}.title-block{display:grid;gap:.35rem}.eyebrow{margin:0;color:var(--color-text-muted);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-header h1{margin:0;color:var(--color-text);font-size:clamp(2rem,4vw,2.8rem);line-height:1.1}.subtitle{margin:0;color:var(--color-text-muted);font-size:1rem}.play-mode-button,.primary-button,.mode-chip{border:1px solid var(--color-border);border-radius:var(--radius-medium);font:inherit;cursor:pointer}.play-mode-segment{display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.35rem;width:min(100%,24rem);padding:.35rem;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface)}.play-mode-button{padding:.75rem 1rem;background:transparent;color:var(--color-text-muted);font-weight:700}.play-mode-button--active,.mode-chip--active,.primary-button{border-color:var(--color-action);background:var(--color-action);color:var(--color-surface)}.play-mode-label-short{display:none}.utility-panel{display:flex;justify-content:center;padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface)}.generation-mode-group,.action-button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.mode-chip{padding:.7rem 1rem;background:var(--color-action-muted);color:var(--color-text);font-weight:700}.primary-button{padding:.9rem 1.3rem;font-weight:800}.plate-panel{display:flex;justify-content:center;margin-top:1.5rem}.plate-action-panel{width:min(100%,24rem);margin:1rem auto 0}@media(max-width:640px){.page-shell{padding-top:1.25rem}.play-mode-segment{grid-template-columns:repeat(2,minmax(0,1fr))}.play-mode-label-full{display:none}.play-mode-label-short{display:inline}.primary-button,.mode-chip{width:100%}.generation-mode-group,.action-button-group{display:grid;grid-template-columns:1fr}}