:root{--color-bg: #eef4e3;--color-surface: #f7fbef;--color-text: #2c3a22;--color-muted: #6f7d5f;--color-accent: #3a8c3a;--color-accent-2: #c9772a;--color-border: #cdddb8;--color-danger: #c1452f;--color-overlay: rgba(20, 30, 16, .6);--radius: 14px;--shadow: 0 8px 24px rgba(20, 30, 16, .18);--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}:root[data-theme=dark]{--color-bg: #121c14;--color-surface: #1b271c;--color-text: #e7f0dc;--color-muted: #9bac8a;--color-accent: #5cb85c;--color-accent-2: #e0973f;--color-border: #324230;--color-danger: #e06c5a;--color-overlay: rgba(0, 0, 0, .7);--shadow: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);min-height:100vh}.page{display:flex;justify-content:center;padding:1.5rem 1rem 3rem}.app{width:100%;max-width:30rem;display:flex;flex-direction:column;gap:1rem}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app__title{margin:0;font-size:2.2rem;color:var(--color-accent)}.app__controls{display:flex;align-items:center;gap:.5rem}.hud{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.hud__item{display:flex;flex-direction:column;align-items:center;min-width:4rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);padding:.4rem .7rem}.hud__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.hud__value{font-size:1.3rem;font-weight:800}.hud__badge{align-self:center;background:var(--color-accent-2);color:#fff;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:700;text-transform:uppercase}.mode-selector{display:flex;gap:.5rem;justify-content:center}.mode-selector__option{flex:1;max-width:9rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-family:var(--font);font-size:1rem;padding:.5rem;cursor:pointer}.mode-selector__option.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mode-selector__option:disabled{opacity:.5;cursor:default}.board{position:relative;width:100%;aspect-ratio:1 / 1}.board-canvas{width:100%;height:100%;display:block;border:3px solid var(--color-border);border-radius:var(--radius);touch-action:none;image-rendering:pixelated}.board__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:var(--color-overlay);border-radius:var(--radius);color:#fff;text-align:center;padding:1rem}.board__overlay-title{margin:0;font-size:1.8rem;font-weight:800}.board__overlay-text{margin:0;font-size:1.1rem}.board__overlay-result{margin:.4rem 0 0;font-size:1.2rem;font-weight:800;color:var(--color-accent-2)}.controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.button{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-family:var(--font);font-size:1rem;padding:.55rem 1rem;cursor:pointer;transition:transform .1s ease,background .15s ease}.button:hover:enabled{transform:translateY(-2px)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.button--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.button.is-active{background:var(--color-accent-2);border-color:var(--color-accent-2);color:#fff}.icon-button{border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text);width:2.4rem;height:2.4rem;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.language-toggle{font-family:var(--font);font-size:.85rem;font-weight:700;letter-spacing:.03em}.banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-accent-2);color:#fff;border-radius:var(--radius);padding:.6rem .9rem}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;width:100%;max-width:26rem;max-height:90vh;overflow-x:hidden;overflow-y:auto}.modal--wide{max-width:40rem}.modal__title{margin:0 0 1rem;color:var(--color-accent)}.help__goal{margin:0 0 1rem}.help__list{margin:0 0 1.25rem;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem}.history__tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{flex:1;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font);padding:.5rem;cursor:pointer}.tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.history__empty{text-align:center;color:var(--color-muted)}.history__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.history__table{width:100%;min-width:22rem;border-collapse:collapse;font-size:.9rem}.history__table th,.history__table td{border-bottom:1px solid var(--color-border);padding:.4rem .5rem;text-align:left;white-space:nowrap}.history__pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.history__page-status{font-size:.85rem;color:var(--color-muted)}.history__clear{margin-top:1rem}.history__confirm{margin-top:1rem;text-align:center}.history__confirm-actions{display:flex;justify-content:center;gap:.5rem}