:root{--bg:#f4f0e7;--card:#fffdf8;--ink:#26352f;--muted:#78827d;--line:#d9ded8;--strong:#547667;--accent:#de8e69;--wash:#e5eee8;--peer:#f0f4ef;--bad:#f4d6cf;--shadow:0 18px 60px #243b3020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#fff 0,transparent 38%),var(--bg);color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif;transition:.3s}button,select{font:inherit;color:inherit}.app{width:min(94vw,760px);margin:auto;padding:max(22px,env(safe-area-inset-top)) 0 28px}header,footer,.meta,.tools,.keypad{display:flex;align-items:center}header{justify-content:space-between;margin-bottom:20px}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(28px,5vw,42px);margin:3px 0}.eyebrow,.select-wrap span,.timer span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:750}.header-actions{display:flex;gap:8px}.icon-btn{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:var(--card);cursor:pointer}.game-card{background:var(--card);border:1px solid #ffffff88;border-radius:28px;padding:clamp(14px,4vw,28px);box-shadow:var(--shadow)}.meta{gap:14px;margin-bottom:18px}.select-wrap{display:grid;gap:4px}.select-wrap select{border:0;background:transparent;font-weight:700;max-width:150px}.difficulty{display:flex;background:var(--wash);padding:3px;border-radius:99px;gap:2px;overflow:auto}.difficulty button{border:0;background:transparent;padding:7px 10px;border-radius:99px;font-size:12px;cursor:pointer}.difficulty button.active{background:var(--card);box-shadow:0 2px 8px #23382d18}.timer{margin-left:auto;display:grid;text-align:right}.board-wrap{position:relative;aspect-ratio:1;max-width:570px;margin:auto}canvas{display:block;width:100%;height:100%;touch-action:manipulation;border-radius:14px}.tools{justify-content:center;gap:clamp(5px,2vw,15px);margin:20px 0}.tools button{border:0;background:transparent;color:var(--muted);font-size:11px;display:grid;gap:4px;justify-items:center;cursor:pointer}.tools button span{display:grid;place-items:center;width:38px;height:38px;background:var(--wash);border-radius:50%;font-size:19px;color:var(--strong)}.tools button.active span{background:var(--strong);color:white}.keypad{justify-content:center;gap:clamp(4px,1.5vw,10px)}.keypad button{border:0;background:var(--wash);color:var(--strong);font-family:Georgia,serif;font-size:clamp(20px,4vw,28px);width:min(9vw,52px);height:min(10vw,54px);min-width:31px;min-height:40px;border-radius:12px;cursor:pointer;transition:.15s}.keypad button:active{transform:scale(.9)}.keypad button.done{opacity:.3}.status{text-align:center;color:var(--muted);font-size:12px;margin:15px 0 0;min-height:1em}footer{justify-content:space-between;color:var(--muted);font-size:12px;padding:17px 6px}footer button{border:0;background:transparent;text-decoration:underline;cursor:pointer}.celebrate{position:absolute;inset:0;z-index:2;border-radius:14px;background:#fffdf8ed;backdrop-filter:blur(8px);display:grid;place-content:center;text-align:center;animation:appear .5s}.celebrate[hidden]{display:none}.celebrate div{font-size:55px;color:var(--accent);animation:spin 1.3s}.celebrate h2,dialog h2{font:500 30px Georgia,serif;margin:8px}.celebrate p{color:var(--muted)}.celebrate button,.primary{border:0;border-radius:99px;background:var(--strong);color:white;padding:12px 22px;cursor:pointer}dialog{max-width:420px;border:0;border-radius:24px;padding:32px;color:var(--ink);background:var(--card);box-shadow:var(--shadow)}dialog::backdrop{background:#1f302a66;backdrop-filter:blur(3px)}dialog .close:first-child{float:right;border:0;background:transparent;font-size:24px}.primary{width:100%;margin-top:10px}@keyframes appear{from{opacity:0;transform:scale(.97)}}@keyframes spin{from{transform:rotate(-40deg) scale(.4)}}
body[data-theme="dark"]{--bg:#17221e;--card:#22312b;--ink:#edf3ee;--muted:#a4b3ab;--line:#42544b;--strong:#9bc2ad;--accent:#eca37f;--wash:#30453b;--peer:#2a3c34;--bad:#653f3b;--shadow:0 18px 60px #0005}body[data-theme="pastel"]{--bg:#f7eefa;--card:#fffaff;--ink:#4f3f5e;--muted:#8a7b96;--line:#e4d6e9;--strong:#9173a5;--accent:#ef9aa9;--wash:#eee2f1;--peer:#f5edf6;--bad:#f6d6dc}body[data-theme="neon"]{--bg:#081018;--card:#101d27;--ink:#e8fffb;--muted:#86a6aa;--line:#27434c;--strong:#59f3cf;--accent:#ff5dbe;--wash:#17303a;--peer:#122731;--bad:#552047}
@media(max-width:580px){.app{width:100%;padding:14px 10px}.game-card{border-radius:22px;padding:13px}.meta{flex-wrap:wrap}.difficulty{order:3;width:100%;justify-content:space-between}.difficulty button{flex:1}.tools{margin:14px 0}.tools button span{width:34px;height:34px}footer{padding-bottom:env(safe-area-inset-bottom)}}