@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;height:100dvh}:root{--bg:#e4e4e0;--panel:#f7f7f4;--panel-input:#fff;--border:#c0bebb;--border-dark:#8a8a84;--text:#1a1a18;--text-dim:#6a6a66;--green:#38a85a;--green-bg:#e6f4ea;--red:#d93232;--red-bg:#fdeaea;--highlight-border:#1a1a18;--highlight-bg:#f0f0ea;--btn:#a8a8a2;--btn-text:#1a1a18;--numpad-btn:#dcdcd6;--numpad-hover:#c8c8c2;--numpad-ok:#38a85a;--numpad-del:#c84848;--timer-size:clamp(2.2rem,6vw,3.2rem);--eq-size:clamp(1.4rem,4vw,2rem);--radius:6px;--shadow:0 2px 8px rgba(0,0,0,.12)}body{font-family:Nunito,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;-webkit-font-smoothing:antialiased}#pixel-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 4px)}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}@keyframes penaltyFlash{0%{color:var(--red);transform:scale(1.05)}to{color:var(--text);transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}