:root{--color-bg: #fdf6e3;--color-surface: #fffdf7;--color-text: #3b3a36;--color-muted: #8a857a;--color-accent: #e07a5f;--color-accent-2: #3d8361;--color-border: #e4dcc7;--color-cell: #fffdf7;--color-cell-hover: #f3ead0;--color-win: #f2cc8f;--color-danger: #c1452f;--color-overlay: rgba(40, 36, 28, .55);--radius: 14px;--shadow: 0 8px 24px rgba(40, 36, 28, .12);--font: "Comic Sans MS", "Segoe Print", "Trebuchet MS", system-ui, sans-serif}:root[data-theme=dark]{--color-bg: #232026;--color-surface: #2e2a31;--color-text: #f3ead0;--color-muted: #a89f8c;--color-accent: #e07a5f;--color-accent-2: #81b29a;--color-border: #44404a;--color-cell: #36313b;--color-cell-hover: #423c49;--color-win: #6d5a36;--color-danger: #e06c5a;--color-overlay: rgba(0, 0, 0, .65);--shadow: 0 8px 24px rgba(0, 0, 0, .45)}*{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:26rem;display:flex;flex-direction:column;gap:1.25rem}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app__title{margin:0;font-size:2.5rem;color:var(--color-accent);transform:rotate(-2deg)}.app__controls{display:flex;align-items:center;gap:.5rem}.app__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.status{text-align:center}.status__message{margin:0;font-size:1.4rem;font-weight:700}.players-bar{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.players-bar__vs{color:var(--color-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.player-chip{display:inline-flex;align-items:center;gap:.45rem;border:2px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-family:var(--font);font-size:1rem;padding:.35rem .9rem;cursor:pointer;transition:transform .1s ease,border-color .15s ease,background .15s ease}.player-chip__symbol{font-weight:800}.player-chip__name{font-weight:600;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.player-chip:hover{transform:translateY(-2px)}.player-chip.is-active{border-color:var(--color-accent);background:var(--color-cell-hover)}.player-chip--static{cursor:default;opacity:.55}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.6rem;aspect-ratio:1 / 1}.cell{border:3px solid var(--color-border);border-radius:var(--radius);background:var(--color-cell);color:var(--color-text);font-family:var(--font);font-size:clamp(2.5rem,14vw,4rem);font-weight:800;cursor:pointer;transition:background .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center}.cell:hover:enabled{background:var(--color-cell-hover);transform:translateY(-2px)}.cell:disabled{cursor:default}.cell--x{color:var(--color-accent)}.cell--o{color:var(--color-accent-2)}.cell--win{background:var(--color-win)}.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}.icon-button{border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface);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;color:var(--color-text)}.banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-win);color:var(--color-text);border-radius:var(--radius);padding:.6rem .9rem}.banner--soft{justify-content:center;background:transparent;color:var(--color-muted)}.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:24rem;max-height:90vh;overflow-x:hidden;overflow-y:auto}.modal--wide{max-width:44rem}.modal__title{margin:0 0 1rem;color:var(--color-accent)}.player-form{display:flex;flex-direction:column;gap:1rem}.player-form__group{border:2px solid var(--color-border);border-radius:var(--radius);display:flex;gap:1rem;margin:0}.player-form__group legend{padding:0 .4rem;color:var(--color-muted)}.player-form__radio{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.player-form__field{display:flex;flex-direction:column;gap:.35rem}.player-form__field input{font-family:var(--font);font-size:1rem;padding:.5rem .6rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.player-form__warning{margin:0;color:var(--color-danger)}.player-form__actions{display:flex;justify-content:flex-end;gap:.5rem}.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:26rem;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}.meme-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.meme-overlay__content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90vw}.meme-overlay__image{max-width:100%;max-height:70vh;border-radius:var(--radius);box-shadow:var(--shadow)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}