:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg, #120a1f);color:var(--text, #f3ecff);font:18px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-image:radial-gradient(circle at 50% -20%,rgba(255,138,31,.18),transparent 55%)}#app{padding:16px;display:flex;justify-content:center}.card{width:min(760px,100%);background:var(--panel);border:2px solid var(--panelEdge);border-radius:18px;padding:24px;box-shadow:0 10px 40px #00000073}h1{margin:0 0 12px;font-size:1.7rem;color:var(--accent)}h2{margin:8px 0 0;font-size:1.3rem}h3{margin:0;color:var(--accent);font-size:1.05rem;font-weight:600}.lede{margin:10px 0 18px}.hint,.meta{color:var(--muted);font-size:.95rem;margin:10px 0}.big{font-size:4rem;margin:0;text-align:center}button{font:inherit;cursor:pointer;border-radius:10px;border:2px solid var(--panelEdge);background:transparent;color:var(--text);padding:8px 14px}button.primary,a.button.primary{background:var(--accent);color:var(--accentText);border-color:var(--accent);font-weight:700;padding:12px 22px;margin-top:14px}button.primary:disabled{opacity:.6;cursor:default}button.ghost{color:var(--muted)}.doors{display:flex;gap:8px;font-size:1.4rem;margin-bottom:4px}.door.now{filter:drop-shadow(0 0 6px var(--accent))}.door:not(.done):not(.now){opacity:.45}.msg{min-height:1.6em;margin:12px 0 0;font-weight:600}.msg.good{color:var(--good)}.msg.bad{color:var(--bad)}.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.level{margin:14px 0}.problem{display:inline-flex;gap:12px;align-items:baseline;font-size:1.9rem;font-weight:700;letter-spacing:.04em}.problem .op{color:var(--accent)}.dials,.slots,.answer-boxes{display:flex;gap:8px}.dials{margin:18px 0 4px}.dial{display:flex;flex-direction:column;align-items:center;gap:4px}.dial-num,.slot,input.digit{width:52px;height:62px;display:grid;place-items:center;text-align:center;background:#0d0719;border:2px solid var(--panelEdge);border-radius:10px;font-size:1.9rem;font-weight:700;color:var(--text)}.step{padding:2px 14px}.slots{margin:12px 0}.legend{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:420px;margin-bottom:10px}.sym{display:flex;flex-direction:column;align-items:center;padding:6px}.sym small{color:var(--muted)}.sym span{font-size:1.7rem}.keypad-level{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}.keypad-problems{flex:1 1 340px}.kp-row{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}.kp-row .problem{font-size:1.4rem;min-width:150px}.eq{font-size:1.4rem}.answer-boxes .blank{width:26px;border-bottom:3px solid var(--muted);height:40px}input.digit.marked{border-color:var(--accent);box-shadow:0 0 10px var(--accent);width:46px;height:52px}.phone{display:grid;grid-template-columns:repeat(3,62px);gap:8px;padding:16px;background:#0d0719;border:2px solid var(--panelEdge);border-radius:22px}.key{display:flex;flex-direction:column;align-items:center;justify-content:center;height:56px;border-radius:50%;background:var(--panel);border:1px solid var(--panelEdge);line-height:1.1}.key b{font-size:1.15rem}.key small{font-size:.62rem;color:var(--muted);letter-spacing:.08em}.cw-problems{display:grid;gap:4px;margin-bottom:14px}.cw-problem{display:flex;align-items:baseline;gap:12px}.cw-problem .problem{font-size:1.4rem}.arrow{color:var(--accent)}.cw-grid{display:grid;gap:6px;max-width:360px}.cw-cell{position:relative}.cw-cell input.digit{width:100%;height:56px;font-size:1.5rem}.cw-cell.shaded input.digit{border-color:var(--accent);box-shadow:0 0 10px var(--accent) inset}.cw-cell .order{position:absolute;top:3px;left:7px;color:var(--accent);font-weight:700;font-size:.8rem;pointer-events:none}table.key{border-collapse:collapse;width:100%;margin-top:10px}table.key th,table.key td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--panelEdge)}a.back{display:inline-block;margin-bottom:8px;color:var(--muted);text-decoration:none;font-size:.9rem}a.back:hover{color:var(--accent)}