:root{--color-background: #f6f1e8;--color-surface: #fffaf2;--color-surface-strong: #efe6d8;--color-text: #1f1b16;--color-muted: #6f6557;--color-border: #d8cbb7;--color-accent: #2d6a4f;--shadow-soft: 0 12px 32px rgba(31, 27, 22, .08);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-body: "Trebuchet MS", "Segoe UI", sans-serif;--font-display: Georgia, "Times New Roman", serif;--max-shell-width: 32rem}.game-shell{width:min(100%,var(--max-shell-width));margin:0 auto;padding:var(--space-3) var(--space-2) var(--space-2)}.game-header{display:none}.game-eyebrow{display:none}.game-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.25rem);line-height:1}.game-subtitle{display:none}.game-main{display:grid;gap:var(--space-2)}.panel{padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.board-panel .section-title,.board-panel .section-note,.keyboard-panel .section-title,.keyboard-panel .section-note{display:none}.section-title{margin:0 0 var(--space-3);font-size:1rem}.section-note{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.9375rem}.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.board-cell{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffffe6,#efe6d8bf);font-size:1.25rem;font-weight:700;text-transform:uppercase}.board-cell[data-status=empty]{color:var(--color-text)}.board-cell[data-status=filled]{color:var(--color-text);border-style:solid}.board-cell[data-status=correct]{color:#fffaf2;border-style:solid;border-color:#2d6a4f;background:#2d6a4f}.board-cell[data-status=present]{color:var(--color-text);border-style:solid;border-color:#d4a373;background:#ecd5b7}.board-cell[data-status=absent]{color:#fffaf2;border-style:solid;border-color:#8b8174;background:#8b8174}.keyboard-placeholder{display:grid;gap:.35rem}.keyboard-row{display:flex;justify-content:center;gap:.35rem}.key-placeholder{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;height:2.9rem;padding:0 var(--space-2);border:1px solid rgba(255,250,242,.16);border-radius:var(--radius-sm);background:#232934;color:#f8fafc;font-size:.9375rem;font-weight:700;-webkit-user-select:none;user-select:none}.key-placeholder--wide{min-width:4.9rem}.key-placeholder[data-status=correct]{color:#fffaf2;border-color:#2d6a4f;background:#2d6a4f}.key-placeholder[data-status=present]{color:var(--color-text);border-color:#d4a373;background:#ecd5b7}.key-placeholder[data-status=absent]{color:#e5e7eb;border-color:#5b6472;background:#4b5563}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#1f1b162e;pointer-events:auto}.modal-root[hidden]{display:none}.modal-card{width:min(100%,26rem);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.modal-title{margin:0 0 var(--space-3);font-size:1.375rem}.modal-text{margin:0;color:var(--color-muted);line-height:1.5}.toast-root{position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);pointer-events:none}.toast-card{width:max-content;max-width:min(calc(100vw - (var(--space-4) * 2)),24rem);padding:var(--space-3) var(--space-4);background:#1f1b16;color:#fffaf2;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.toast-text{margin:0;line-height:1.4}@media (min-width: 48rem){.game-shell{padding-top:var(--space-4)}.panel{padding:var(--space-3)}}@media (max-width: 767px){.game-shell{padding:var(--space-2) var(--space-1) var(--space-1)}.board-grid{gap:.25rem}.board-cell{font-size:1.05rem}.keyboard-placeholder{gap:.25rem}.keyboard-row{gap:.25rem}.key-placeholder{min-width:1.8rem;height:2.35rem;padding:0 .3rem;font-size:.78rem}.key-placeholder--wide{min-width:3.15rem}}@media (max-width: 420px){.game-title{font-size:1.3rem}.board-cell{font-size:.98rem}.key-placeholder{min-width:1.62rem;height:2.2rem;padding:0 .22rem;font-size:.72rem}.key-placeholder--wide{min-width:2.85rem}}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--color-background)}body{min-height:100vh;margin:0;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at top,rgba(255,250,242,.9),transparent 42%),var(--color-background)}button,input,textarea,select{font:inherit}#game-root{min-height:100vh}

.game-mode-controls{display:flex;justify-content:center;gap:.35rem;margin:0 auto var(--space-2);padding:.25rem;border:1px solid rgba(255,250,242,.12);border-radius:999px;background:rgba(15,23,42,.32);width:max-content;max-width:100%}.game-mode-button{border:0;border-radius:999px;padding:.45rem .8rem;background:transparent;color:var(--color-muted);font-size:.82rem;font-weight:800;cursor:pointer}.game-mode-button[aria-pressed=true]{background:var(--color-accent);color:#fffaf2}.modal-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--space-4)}.modal-action{margin-top:var(--space-4);border:0;border-radius:999px;padding:.75rem 1rem;background:var(--color-accent);color:#fffaf2;font-weight:800;cursor:pointer}.modal-actions .modal-action{margin-top:0}.modal-action--secondary{background:rgba(255,250,242,.12);color:var(--color-text)}@media (max-width:420px){.game-mode-button{padding:.4rem .65rem;font-size:.76rem}.modal-actions{display:grid}}

.stats-card{max-width:30rem}.stats-note{font-size:.9rem}.stats-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:var(--space-4) 0}.stats-summary-item{display:grid;gap:.2rem;justify-items:center;padding:.75rem .4rem;border:1px solid rgba(255,250,242,.12);border-radius:var(--radius-md);background:rgba(15,23,42,.16)}.stats-summary-value{font-size:1.35rem;line-height:1;color:var(--color-text)}.stats-summary-label{color:var(--color-muted);font-size:.72rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.03em}.stats-subtitle{margin:0 0 var(--space-3);font-size:1rem}.stats-distribution{display:grid;gap:.4rem}.stats-distribution-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:.5rem}.stats-distribution-label{font-weight:800;color:var(--color-muted)}.stats-distribution-bar{display:block;min-height:1.55rem;border-radius:999px;background:rgba(15,23,42,.18);overflow:hidden}.stats-distribution-fill{display:flex;align-items:center;justify-content:flex-end;min-width:1.55rem;height:100%;padding:0 .55rem;border-radius:999px;background:var(--color-accent);color:#fffaf2;font-size:.82rem;font-weight:900}@media (max-width:420px){.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-card{padding:var(--space-5)}}

.modal-root:has(.stats-card){z-index:1650;background:rgba(0,0,0,.76);backdrop-filter:blur(14px)}.stats-card{border-color:rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(8,8,8,.98));box-shadow:0 28px 72px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06);color:#f8fafc}.stats-card .modal-title{color:#fff;font-weight:800}.stats-card .stats-note{color:#b8c0cc}.stats-card .stats-summary-item{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.stats-card .stats-summary-value{color:#fff}.stats-card .stats-summary-label,.stats-card .stats-distribution-label{color:#aeb7c4}.stats-card .stats-subtitle{color:#fff;font-weight:800}.stats-card .stats-distribution-bar{background:rgba(255,255,255,.08)}.stats-card .stats-distribution-fill{background:linear-gradient(180deg,rgba(125,211,252,.72),rgba(37,99,235,.72));color:#fff}.stats-card .modal-action{background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(205,213,225,.96));color:#111827;box-shadow:0 8px 22px rgba(0,0,0,.28)}.stats-card .modal-action:hover,.stats-card .modal-action:focus-visible{outline:none;background:#fff}

.modal-root:has(.result-card){z-index:1650;background:rgba(0,0,0,.76);backdrop-filter:blur(14px)}.result-card{border-color:rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(20,20,20,.98),rgba(8,8,8,.98));box-shadow:0 28px 72px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06);color:#f8fafc}.result-card .modal-title{color:#fff;font-weight:800}.result-card .modal-text{color:#d1d5db}.result-card .modal-actions{justify-content:center}.result-card .modal-action{background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(205,213,225,.96));color:#111827;box-shadow:0 8px 22px rgba(0,0,0,.28)}.result-card .modal-action--secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#f8fafc;box-shadow:none}.result-card .modal-action:hover,.result-card .modal-action:focus-visible{outline:none;background:#fff}.result-card .modal-action--secondary:hover,.result-card .modal-action--secondary:focus-visible{background:rgba(125,211,252,.14);color:#fff}