@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Crimson+Pro:wght@600;700&display=swap";:root{font-family:Atkinson Hyperlegible,system-ui,sans-serif;color:#1e1b4b;background:#eef2ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,#fff 0,transparent 30rem),#eef2ff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f97316;outline-offset:3px}.page-shell{width:min(100% - 32px,1040px);margin:0 auto}.topbar{margin-top:16px;min-height:64px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:#ffffffe0;border:2px solid #c7d2fe;border-radius:20px;box-shadow:0 8px #4f46e51a}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand span{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-weight:700;background:#4f46e5;border-radius:13px}.brand strong{font-family:Crimson Pro,serif;font-size:1.2rem}.engine-badge{padding:6px 10px;color:#3730a3;background:#e0e7ff;border-radius:999px;font-size:.8rem;font-weight:700}.hero{padding:56px 16px 34px;text-align:center}.eyebrow{margin:0;color:#4f46e5;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:8px 0;font-family:Crimson Pro,serif;font-size:clamp(2.5rem,7vw,4.75rem);line-height:.95}h1 em{color:#f97316;font-style:normal}.hero>p:last-child{margin:14px auto 0;max-width:560px;color:#475569}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.mode-card{min-height:82px;padding:14px;display:flex;align-items:center;gap:12px;color:#3730a3;text-align:left;background:#ffffffbf;border:2px solid #c7d2fe;border-radius:18px;transition:border-color .2s,background .2s,box-shadow .2s}.mode-card:hover,.mode-card.active{background:#fff;border-color:#4f46e5;box-shadow:0 5px #4f46e52e}.mode-card svg{width:24px;flex:0 0 24px}.mode-card span{display:grid}.mode-card small{color:#64748b}.game-card{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,36px);background:#fffffff0;border:3px solid #4f46e5;border-radius:28px;box-shadow:0 12px #4f46e52e,0 24px 50px #1e1b4b1f}.game-meta{display:flex;justify-content:space-between}.game-meta div{display:grid}.game-meta span,.expression-label{color:#64748b;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.game-meta strong{font-size:1.5rem}.timer.urgent strong{color:#dc2626}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px 0}.number-card{display:grid;place-items:center;width:clamp(62px,15vw,92px);aspect-ratio:3/4;padding:0;color:#1e1b4b;font-family:Crimson Pro,serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:700;background:#eef2ff;border:3px solid #818cf8;border-radius:20px;box-shadow:inset 0 -7px #4f46e514;transition:background .2s,border-color .2s}button.number-card:hover{background:#e0e7ff;border-color:#4f46e5}.number-card.static{cursor:default}.number-card.used{visibility:hidden;pointer-events:none}.number-card.missing{color:#f97316;border-color:#fb923c;border-style:dashed}.expression-label{display:block;margin-bottom:7px}.expression-row{display:flex;gap:8px}.expression-row input{min-width:0;flex:1;padding:13px 16px;color:#1e1b4b;background:#fff;border:2px solid #a5b4fc;border-radius:13px;font-size:1.1rem;cursor:default}.icon-button,.keypad button{color:#3730a3;background:#eef2ff;border:2px solid #c7d2fe;border-radius:12px;transition:background .2s,border-color .2s}.icon-button{width:50px}.icon-button svg{width:22px}.icon-button:hover,.keypad button:hover{background:#e0e7ff;border-color:#818cf8}.keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}.keypad button{min-height:40px;font-weight:700}.candidate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.candidate-grid button{min-height:42px;color:#3730a3;font-weight:700;background:#eef2ff;border:2px solid #c7d2fe;border-radius:12px}.candidate-grid button:hover,.candidate-grid button.selected{color:#fff;background:#4f46e5;border-color:#3730a3}.start-panel{min-height:320px;padding:48px 20px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.start-panel strong{font-family:Crimson Pro,serif;font-size:clamp(2rem,6vw,3rem)}.start-panel p{max-width:480px;margin:0;color:#475569}.start-button{margin-top:14px;min-width:150px}.result-panel{min-height:390px;padding:42px 20px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.result-kicker{color:#dc2626;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.result-panel>strong{font-family:Crimson Pro,serif;font-size:clamp(3rem,10vw,5.5rem);color:#1e1b4b;line-height:1}.result-panel p{margin:12px 0 0;color:#64748b}.result-panel output{margin-bottom:20px;color:#f97316;font-family:Crimson Pro,serif;font-size:clamp(3rem,12vw,6rem);font-weight:700;line-height:1}.message{min-height:24px;margin:18px 0;color:#475569;text-align:center}.message.success{color:#047857;font-weight:700}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.button{padding:11px 18px;border:2px solid transparent;border-radius:13px;font-weight:700;transition:background .2s,border-color .2s,opacity .2s}.button.primary{color:#fff;background:#f97316;border-color:#ea580c;box-shadow:0 4px #c2410c}.button.primary:hover{background:#ea580c}.button.secondary{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.button.secondary:hover{border-color:#818cf8}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}footer{padding:36px 0;color:#64748b;text-align:center;font-size:.85rem}@media(max-width:760px){.mode-grid{grid-template-columns:repeat(2,1fr)}.candidate-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:480px){.page-shell{width:min(100% - 20px,1040px)}.brand strong{display:none}.hero{padding-top:42px}.mode-card{min-height:68px;padding:10px}.actions .button{flex:1 1 120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}