@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=STIX+Two+Text:ital@0;1&display=swap";
:root{--cell:48px;--gold:#c9a84c;--green:#4ade80;--yellow:#facc15;--red:#f87171;--green-bg:#4ade801a;--yellow-bg:#facc151a;--red-bg:#f871711a;--surface:#161b27;--border:#2a3145;--text:#e2e8f0;--muted:#64748b}.game-root{box-sizing:border-box;background:#0e1117;flex-direction:column;align-items:center;width:100%;height:100vh;padding-top:100px;display:flex;overflow:hidden}.game-header{box-sizing:border-box;text-align:center;width:100%;max-width:520px;padding:10px 16px 0}.title-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.title-main{color:#7a90b0;letter-spacing:4px;text-transform:uppercase;text-align:center;font-family:Space Mono,monospace;font-size:22px;font-style:normal;font-weight:700}.title-sub{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:10px}.header-meta{justify-content:center;gap:20px;margin-top:10px;display:flex}.meta-item{flex-direction:column;align-items:center;display:flex}.meta-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:9px}.meta-value{color:var(--text);margin-top:1px;font-size:17px}.timer{color:var(--text);margin-top:1px;font-size:17px;transition:color .3s}.timer.warning{color:var(--yellow)}.timer.danger{color:var(--red)}.divider{background:var(--border);width:100%;max-width:520px;height:1px;margin:8px 0}.eq-template{color:var(--muted);letter-spacing:1px;text-align:center;padding:0 16px;font-family:STIX Two Text,serif;font-size:20px}.eq-template sup{vertical-align:super;font-size:13px;line-height:0}.diff-badge{letter-spacing:2px;text-transform:uppercase;color:var(--muted);opacity:.7;margin-top:6px;font-size:9px}.legend{color:var(--muted);letter-spacing:.5px;gap:16px;margin:6px 0 8px;font-size:10px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:2px;width:9px;height:9px}.lg-g{background:var(--green)}.lg-y{background:var(--yellow)}.lg-r{background:var(--red)}.grid-wrapper{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;max-width:520px;margin:0 auto;padding:0 8px;display:flex;overflow-x:hidden}.grid-row{opacity:.28;pointer-events:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;min-width:0;transition:opacity .3s;display:flex}.grid-row.active{opacity:1;pointer-events:all}.grid-row.done{opacity:.75;pointer-events:none}.grid-row.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}35%{transform:translate(7px)}55%{transform:translate(-5px)}75%{transform:translate(5px)}}.eq-frag{color:var(--muted);white-space:pre;-webkit-user-select:none;user-select:none;font-family:STIX Two Text,serif;font-size:20px;line-height:var(--cell);flex-shrink:1;min-width:0;padding:0 5px}.eq-frag sup{vertical-align:super;font-size:13px;line-height:0}.cell{width:var(--cell);height:var(--cell);border:2px solid var(--border);background:var(--surface);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background .35s;display:flex;position:relative}.cell input{text-align:center;width:100%;height:100%;color:var(--text);caret-color:var(--gold);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-family:STIX Two Text,serif;font-size:24px}.cell input::-webkit-outer-spin-button{-webkit-appearance:none}.cell input::-webkit-inner-spin-button{-webkit-appearance:none}.cell:has(input:focus){border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c33}.cell.state-correct{background:var(--green-bg);border-color:var(--green)}.cell.state-correct input{color:var(--green)}.cell.state-close{background:var(--yellow-bg);border-color:var(--yellow)}.cell.state-close input{color:var(--yellow)}.cell.state-wrong{background:var(--red-bg);border-color:var(--red)}.cell.state-wrong input{color:var(--red)}.cell.flip{animation:.4s forwards flip}@keyframes flip{0%{transform:scaleY(1)}40%{transform:scaleY(0)}to{transform:scaleY(1)}}.invalid-hint .cell{border-color:#f97316;transition:border-color .15s}.actions{box-sizing:border-box;justify-content:center;gap:10px;width:100%;max-width:520px;margin-top:22px;padding:0 16px;display:flex}.btn-verify,.btn-share,.btn-restart{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:12px 22px;font-family:Space Mono,monospace;font-size:11px;transition:all .2s}.btn-verify{color:var(--gold);border-color:var(--gold);flex:1}.btn-verify:hover:not(:disabled){background:#c9a84c1f;box-shadow:0 0 12px #c9a84c33}.btn-verify:disabled{opacity:.3;cursor:not-allowed}.btn-share{color:var(--muted);border-color:var(--border)}.btn-share:hover{color:var(--text);border-color:var(--muted)}.btn-restart{color:var(--green);border-color:var(--green);margin-top:8px;padding:10px 28px}.btn-restart:hover{background:#4ade801a}.toast{background:var(--surface);border:1px solid var(--border);color:var(--text);z-index:999;white-space:nowrap;pointer-events:none;border-radius:20px;padding:10px 22px;font-family:Space Mono,monospace;font-size:13px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-80px)}.toast.show{transform:translate(-50%)translateY(0)}.toast.error{color:#f97316;border-color:#f97316}.daily-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.daily-modal{text-align:center;box-sizing:border-box;background:#161b27;border:1px solid #2a3145;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;padding:40px 32px 32px;animation:.35s cubic-bezier(.34,1.56,.64,1) both modal-in;display:flex;position:relative}@keyframes modal-in{0%{opacity:0;transform:scale(.88)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.daily-modal-emoji{font-size:52px;line-height:1}.daily-modal-title{letter-spacing:1px;font-family:STIX Two Text,serif;font-size:28px;font-style:italic}.daily-modal-title.won{color:var(--gold)}.daily-modal-title.lost{color:var(--red)}.daily-modal-stats{border:1px solid var(--border);box-sizing:border-box;background:#0e1117;border-radius:12px;justify-content:space-around;align-items:center;gap:0;width:100%;padding:14px 20px;display:flex}.daily-modal-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.daily-modal-stat-val{color:var(--text);font-family:STIX Two Text,serif;font-size:26px}.daily-modal-stat-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:9px}.daily-modal-stat-divider{background:var(--border);width:1px;height:36px}.daily-modal-answer{color:var(--red);opacity:.85;font-family:STIX Two Text,serif;font-size:15px}.daily-modal-actions{flex-direction:column;gap:10px;width:100%;display:flex}.daily-modal-btn-share,.daily-modal-btn-login,.daily-modal-btn-lb{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;width:100%;padding:13px 20px;font-family:Space Mono,monospace;font-size:11px;transition:all .2s}.daily-modal-btn-share{color:var(--muted);border-color:var(--border)}.daily-modal-btn-share:hover{color:var(--text);border-color:var(--muted)}.daily-modal-btn-login{color:var(--gold);border-color:var(--gold)}.daily-modal-btn-login:hover{background:#c9a84c1a}.daily-modal-btn-lb{color:var(--green);border-color:var(--green)}.daily-modal-btn-lb:hover{background:#4ade8014}.daily-modal-close{color:#3a4155;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;line-height:1;transition:color .2s;position:absolute;top:14px;right:16px}.daily-modal-close:hover{color:#64748b}.daily-idle{text-align:center;background:#0e1117;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:0 20px 32px;font-family:Space Mono,monospace;display:flex}.daily-idle-icon{font-size:64px;animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.daily-idle-title{color:#c9a84c;letter-spacing:1px;margin:0;font-family:STIX Two Text,serif;font-size:36px;font-style:italic}.daily-idle-desc{color:#64748b;letter-spacing:.5px;margin:0;font-size:13px;line-height:1.9}.daily-idle-btn{letter-spacing:2px;text-transform:uppercase;color:#c9a84c;cursor:pointer;background:0 0;border:2px solid #c9a84c;border-radius:8px;padding:16px 52px;font-family:Space Mono,monospace;font-size:13px;transition:all .25s}.daily-idle-btn:hover{background:#c9a84c1f;transform:translateY(-1px);box-shadow:0 0 24px #c9a84c40}@media (min-width:601px){.grid-wrapper{max-width:680px;overflow-x:visible}.game-header,.divider{width:fit-content;min-width:440px;max-width:560px}}@media (max-width:600px){:root{--cell:clamp(32px, 10vw, 44px)}.game-root{height:100dvh;padding-top:56px;padding-bottom:220px;overflow:hidden}.game-body{width:100%}.daily-idle{padding-top:0}.eq-frag{padding:0 3px;font-size:14px}.cell input{font-size:18px}.game-header{padding:16px 12px 0}.grid-wrapper{padding:0 4px}.title-main{letter-spacing:3px;font-size:32px}.daily-modal{padding:36px 20px 28px}.daily-modal-stat-val{font-size:22px}}@media (max-width:420px){:root{--cell:clamp(28px, 9vw, 38px)}.eq-frag{padding:0 2px;font-size:12px}.cell input{font-size:16px}.title-main{font-size:28px}.btn-verify,.btn-share,.btn-restart{padding:10px 16px;font-size:10px}.daily-modal-stats{gap:0;padding:12px}.daily-modal-stat-val{font-size:19px}}@media (max-width:360px){:root{--cell:clamp(26px, 8.5vw, 34px)}.eq-frag{padding:0 1px;font-size:11px}.cell input{font-size:14px}}.game-body{box-sizing:border-box;flex-direction:column;align-items:stretch;width:fit-content;min-width:300px;max-width:100%;margin:0 auto;padding:0 16px;display:flex}.game-body .grid-wrapper{width:100%;padding:0;overflow-x:hidden;max-width:none!important}.game-body .grid-row{justify-content:space-between;width:100%}.game-body .eq-frag{flex:none}.game-body .actions{box-sizing:border-box;width:100%;max-width:none;margin-top:14px;padding:0}.game-body .btn-verify,.game-body .btn-share,.game-body .btn-restart{flex:1}.daily-modal-streak-bonus{box-sizing:border-box;background:#c9a84c12;border:1px solid #c9a84c33;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 16px;display:flex}.streak-bonus-fire{font-size:20px;line-height:1}.streak-bonus-text{color:var(--gold);letter-spacing:.5px;font-size:12px}.streak-bonus-text strong{font-weight:700}.streak-bonus-breakdown{color:var(--muted);letter-spacing:.5px;font-size:10px}