:root{--text: #222;--muted: #666;--border: #ccc;--panel: #fff;--bg: #f4f4f4;--accent: #2b6f8a}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;font-family:Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select{width:100%;min-height:40px;border:1px solid var(--border);border-radius:4px;padding:8px 10px;font:inherit}input,select{color:#222;background:#fff}button{color:#fff;background:var(--accent);cursor:pointer}button.secondary{color:#222;background:#eee}button.active{background:#1f4f63}.app{min-height:100vh;color:var(--text)}.bg-mint{--bg: #eaf5ee;--panel: #fff}.bg-night{--text: #eee;--muted: #bbb;--border: #555;--panel: #1d2630;--bg: #111820;--accent: #278b87}.topbar,main,footer{width:min(1100px,calc(100% - 24px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand,nav a{color:inherit;text-decoration:none}.brand{font-weight:700}.brand-mark{display:none}nav{display:flex;gap:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.game-shell,.side-panel>section,.modal{border:1px solid var(--border);border-radius:4px;padding:16px;background:var(--panel)}h1{margin:0 0 8px;font-size:32px}h2{margin:0 0 12px;font-size:22px}p{color:var(--muted)}.toolbar,.stats,.switcher,.button-row{display:grid;gap:8px;margin:12px 0}.toolbar{grid-template-columns:minmax(180px,1fr) 120px 120px;align-items:end}.toolbar label{min-width:0}.stats{grid-template-columns:repeat(3,1fr)}.switcher,.button-row{grid-template-columns:1fr 1fr}.stats span,.history-item,.alert{border:1px solid var(--border);border-radius:4px;padding:8px}.stats span{min-height:40px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{position:relative;aspect-ratio:4 / 5;min-height:100px;padding:0;background:transparent;perspective:600px}.card-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:4px;backface-visibility:hidden;font-size:28px;font-weight:700;transition:transform .3s}.card-front{color:#111;background:#fff4c9;transform:rotateY(180deg)}.card-back{color:#fff;background:#2b6f8a}.back-waves .card-back{background:repeating-linear-gradient(135deg,#2b6f8a 0 10px,#235a70 10px 20px)}.back-stars .card-back{background:#514c9c}.back-grid .card-back{background:linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),#2f6d4f;background-size:14px 14px}.memory-card.is-open .card-front{transform:rotateY(0)}.memory-card.is-open .card-back{transform:rotateY(180deg)}.side-panel{display:grid;gap:16px}.side-panel>section{min-width:0}.form,.history-list{display:grid;gap:8px}.alert.error{color:#8a1f11;background:#ffe8e3}.alert.success{color:#155f35;background:#e3f5e9}.history-item{display:grid;gap:4px}.history-item span,.muted{color:var(--muted)}footer{display:flex;gap:12px;padding:16px 0;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#0000008c}.modal{width:min(420px,100%)}@media(min-width:1920px){.board{grid-template-columns:repeat(6,1fr)}}@media(max-width:1024px){main{grid-template-columns:1fr}}@media(max-width:768px){.topbar{display:block}nav,.topbar{margin-top:8px}.board{grid-template-columns:repeat(3,1fr)}.toolbar,.stats{grid-template-columns:1fr}}@media(max-width:480px){.switcher,.button-row{grid-template-columns:1fr}.memory-card{min-height:86px}}