:root{color-scheme:dark;--bg: #1b1815;--bg-elev: #262019;--bg-elev-2: #322a22;--border: #3a3128;--text: #f3ece4;--text-muted: #b3a596;--accent: #67c5bf;--accent-hover: #82d4cf;--danger: #e8736e;--success: #6cc784;--shadow: 0 12px 28px rgba(0, 0, 0, .45);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{background:radial-gradient(1200px 600px at 50% -10%,#2a231c 0%,var(--bg) 60%);color:var(--text)}#root{min-height:100vh;max-width:1024px;margin:0 auto;padding:1.25rem 0 2.5rem;display:flex;flex-direction:column;align-items:center}.app{width:100%;display:flex;flex-direction:column;align-items:center}.app-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem 1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-title{font-size:1.5rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),#dd84cb);-webkit-background-clip:text;background-clip:text;color:transparent}.app-loading{margin-top:25vh;color:var(--text-muted)}button{font:inherit;color:var(--text);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:.55rem 1.1rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}button:hover{background:#3d342a;border-color:var(--accent-hover)}button:active{transform:translateY(1px)}.lives-selector button,.status-bar__new-game,.login-form button[type=submit]{background:var(--accent);border-color:transparent;color:#16302d;font-weight:600}.lives-selector button:hover,.status-bar__new-game:hover,.login-form button[type=submit]:hover{background:var(--accent-hover);border-color:transparent;color:#16302d}.game-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.lives-selector{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.lives-selector fieldset{border:none;margin:0;padding:0;display:flex;gap:1.25rem;align-items:center;justify-content:center}.lives-selector legend{text-align:center;margin-bottom:.5rem;font-weight:600}.lives-selector label{display:inline-flex;align-items:center;gap:.35rem;font-size:1.1rem}.lives-selector-error{color:var(--danger);margin:0}.status-bar{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-bar__lives{font-size:1.25rem;font-weight:600;margin:0}.status-bar__meta{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:0 .5rem;gap:.5rem 1.5rem}.status-bar__banner{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem 1.4rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elev)}.status-bar__banner--won{border-color:var(--success);box-shadow:0 0 0 1px #36d39940}.status-bar__banner--lost{border-color:var(--danger);box-shadow:0 0 0 1px #ff5c5c40}.status-bar__message{margin:0;font-size:1.2rem;font-weight:700}.login-screen{width:100%;max-width:360px;margin:8vh auto 0;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.login-screen h1{font-size:2rem;margin:0;background:linear-gradient(90deg,var(--accent),#dd84cb);-webkit-background-clip:text;background-clip:text;color:transparent}.login-form{width:100%;display:flex;flex-direction:column;gap:.9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-field label{font-size:.9rem;color:var(--text-muted)}.login-form input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem}.login-form input:focus{outline:none;border-color:var(--accent)}.login-error{color:var(--danger);margin:0;font-size:.9rem}.how-to-play{background:var(--bg-elev);border:1px solid var(--border)!important;border-radius:12px!important}.how-to-play__summary{color:var(--text)}.how-to-play__rules{margin:.35rem 0 .75rem;padding-left:1.2rem}.how-to-play__rules li{margin:.2rem 0}.how-to-play__tip{color:var(--text-muted);font-size:.92rem}.app-user{display:flex;align-items:center;gap:.75rem}.app-username{color:var(--text-muted);font-weight:600;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-layout{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.5rem}.play-layout__instructions{flex:0 1 320px;min-width:260px}@media (min-width: 1024px){.play-layout__instructions{flex:0 1 420px}}.play-layout__board{flex:0 1 480px;min-width:280px;display:flex;flex-direction:column;align-items:center;gap:1rem}.play-layout__instructions .how-to-play{max-width:none!important;margin:0!important}.status-bar__level{font-size:1.1rem;font-weight:700;margin:0;color:var(--accent-hover)}.status-bar__cats{margin:0;color:var(--text-muted)}.status-bar__level-select{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.status-bar__level-select select{font:inherit;color:var(--text);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;padding:.25rem .4rem;cursor:pointer}.miaoudoku-cell:hover{transform:translateY(-2px);filter:brightness(1.04)}.miaoudoku-cell--marked{filter:brightness(.92)}.miaoudoku-cell--marked:hover,.miaoudoku-cell--wrong{filter:brightness(.96)}.lives-selector,.login-form,.status-bar__banner,.how-to-play{box-shadow:var(--shadow)}.play-layout__board,.play-layout__instructions{min-width:0}@media (max-width: 760px){#root{padding:.75rem 0 2rem}.app-header{padding-bottom:.75rem;margin-bottom:.9rem}.app-title{font-size:1.25rem}.app-user{gap:.5rem}.app-logout{padding:.45rem .75rem}.play-layout{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:1rem}.play-layout__board{order:1;flex:1 1 auto;width:100%}.play-layout__instructions{order:2;flex:1 1 auto;width:100%;max-width:520px;margin:0 auto}}@media (max-width: 420px){#root{padding:.6rem 0 1.5rem}.play-layout__board{padding:0}.app-username{max-width:38vw}}.toggle-labels-btn{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.5rem;border:2px solid var(--border, rgba(0, 0, 0, .15));background:var(--bg-elev, #fff);color:var(--text-muted, #888);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.toggle-labels-btn:hover{border-color:var(--accent, #3b9ae0);color:var(--accent, #3b9ae0)}.toggle-labels-btn--active{background:var(--accent, #3b9ae0);color:#fff;border-color:var(--accent, #3b9ae0)}.toggle-labels-btn--active:hover{background:var(--accent-hover, #2d7ec0);border-color:var(--accent-hover, #2d7ec0);color:#fff}