@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3eee0;--surface:#fdfaf1;--text:#23271f;--muted:#7d7663;--accent:#2e6b3e;--accent-deep:#245231;--accent-text:#f7f3e6;--danger:#b03a30;--detour:#b07d16;--border:#ddd4bd;--border-strong:#c9bfa4;--tile-bg:#fffdf6;--tile-spent:#ece6d4;--radius:14px;--shadow:0 1px 2px #3c341e1a, 0 2px 6px #3c341e14;--shadow-lift:0 2px 4px #3c341e1f, 0 6px 14px #3c341e1f;--font-display:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#10151c;--surface:#1a212b;--text:#e8edf3;--muted:#93a3b5;--accent:#58a86e;--accent-deep:#6fbf82;--accent-text:#0c1118;--danger:#e0655c;--detour:#d9a13d;--border:#2c3947;--border-strong:#3c4c5e;--tile-bg:#1f2833;--tile-spent:#161d26;--shadow:0 1px 3px #00000080;--shadow-lift:0 4px 12px #0000008c}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}button{font-family:inherit;transition:transform .12s,background-color .12s,box-shadow .12s,color .12s}button:not([disabled]):active{transform:scale(.96)}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:10px 14px;display:flex}.topbar h1{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:600}.icon-btn{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}#app{flex:1;width:100%;max-width:480px;padding:10px 16px 30px}.target{text-align:center;margin-bottom:12px}.fact{text-align:center;color:var(--muted);margin:-8px 0 12px;font-size:.85rem;line-height:1.5}.fact:empty{display:none}.target-label{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:.72rem;display:block}#target-value{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,18vw,4.6rem);font-weight:700;line-height:1.05;display:inline-block}@keyframes target-pulse{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}#target-value.won{animation:.7s cubic-bezier(.22,1.4,.36,1) both target-pulse}.tiles{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.tile{min-height:64px;font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--tile-bg);color:var(--text);box-shadow:var(--shadow);cursor:pointer;font-size:1.7rem;font-weight:650}.tile:not([disabled]):hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.tile[disabled]{background:var(--tile-spent);border-color:var(--border);color:var(--muted);box-shadow:none;cursor:default;opacity:.55;transform:scale(.96)}.tile.selected{background:var(--accent);border-color:var(--accent-deep);color:var(--accent-text);box-shadow:var(--shadow-lift);transform:translateY(-1px)}@keyframes tile-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.tile-new{animation:.32s cubic-bezier(.22,1.4,.36,1) both tile-pop}.equation{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;gap:8px;min-height:60px;margin-bottom:12px;padding:8px;display:flex}.eq-slots{font-family:var(--font-display);font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;gap:6px;font-size:1.35rem;font-weight:650;display:flex}.eq-slot{border-radius:9px;justify-content:center;align-items:center;min-width:2em;min-height:40px;padding:0 6px;display:inline-flex}.eq-a,.eq-b,.eq-result{border:1px solid #0000}.eq-empty{border:1.5px dashed var(--border-strong);color:var(--muted)}.eq-tentative{border:1.5px dashed var(--accent);color:var(--muted)}.eq-op,.eq-eq{min-width:1.1em;color:var(--muted)}.eq-op:not(.eq-empty){color:var(--text)}.eq-op.eq-empty{border:none}.eq-op.eq-empty:before{content:"·"}.eq-result:not(.eq-empty){color:var(--accent)}.eq-result.eq-illegal{color:var(--danger)}.submit-btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:10px;padding:0 20px;font-size:1rem;font-weight:650}.submit-btn:not([disabled]):hover{background:var(--accent-deep)}@media (prefers-color-scheme:dark){.submit-btn:not([disabled]):hover{background:var(--accent);filter:brightness(1.12)}}.submit-btn[disabled]{opacity:.4;cursor:default}@keyframes eq-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.equation.shake{border-color:var(--danger);animation:.38s eq-shake}.equation.shake-soft{animation:.26s eq-shake}.ops{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.op-btn{min-height:52px;font-family:var(--font-display);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.5rem}.op-btn:not([disabled]):hover{border-color:var(--accent);color:var(--accent)}.op-btn.selected{background:var(--accent);border-color:var(--accent-deep);color:var(--accent-text)}.op-btn[disabled]{opacity:.45;cursor:default}.scorecard{align-items:center;gap:12px;margin-bottom:6px;padding:2px 2px 0;display:flex}.scorecard-par{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;font-weight:650}.pips{flex:1;align-items:center;gap:7px;display:flex}.pip{border:1.5px solid var(--border-strong);border-radius:50%;width:13px;height:13px;transition:background-color .2s,border-color .2s,transform .2s}.pip-a{background:var(--accent);border-color:var(--accent)}.pip-r{background:var(--danger);border-color:var(--danger)}.scorecard-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.dot{vertical-align:baseline;border-radius:50%;width:11px;height:11px;display:inline-block}.dot-ok{background:var(--accent)}.dot-detour{background:var(--detour)}.dot-dead{background:var(--danger)}.dot-none{border:1.5px solid var(--border-strong)}.attempts-title{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:16px 0 4px;font-size:.75rem}.attempts{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.attempts li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 2px;display:flex}.attempt-num{border:1px solid var(--border-strong);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:650;display:inline-flex}.attempt-expr{font-family:var(--font-display);flex:1;font-weight:550}.attempt-dead .attempt-expr{color:var(--muted);text-decoration:line-through}.attempt-cost{color:var(--detour);font-size:.8rem;font-weight:650}.attempt-dead .attempt-cost{color:var(--danger)}.attempt-best{color:var(--muted);font-size:.8rem}.legend{color:var(--muted);margin:8px 0 0;font-size:.78rem;line-height:1.7}.legend .dot{width:9px;height:9px}.giveup-row{justify-content:center;margin-top:18px;display:flex}.giveup-btn{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.9rem;text-decoration:underline}.giveup-btn:hover{color:var(--danger)}.notice{text-align:center;min-height:1.6em;color:var(--danger);margin:-4px 0 8px;font-size:.92rem;line-height:1.5}@keyframes notice-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.notice:not(:empty){animation:.18s both notice-in}.notice-sticky:not(:empty){font-weight:600}.message{text-align:center;color:var(--muted);margin-top:40px;font-size:1.05rem;line-height:1.6}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(92vw,420px);max-height:85dvh;color:var(--text);box-shadow:var(--shadow-lift);padding:20px;overflow-y:auto}@keyframes dlg-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}dialog[open]{animation:.2s cubic-bezier(.22,1.2,.36,1) both dlg-in}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1a0c66}dialog h2{font-family:var(--font-display);margin-top:0}#dlg-result{padding-top:0}.dlg-header{z-index:1;background:var(--surface);box-shadow:0 1px 0 var(--border);justify-content:space-between;align-items:flex-start;gap:8px;margin:0 -20px;padding:18px 12px 10px 20px;display:flex;position:sticky;top:0}.dlg-header h2{margin:0}.dlg-close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:1.15rem}.dlg-close:hover{background:var(--bg);color:var(--text)}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}#result-analysis{border-top:1px solid var(--border);margin-top:12px;padding-top:4px}.better{color:var(--muted);font-size:.9rem}.htp-card{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin-bottom:10px;padding:12px 14px 10px}.htp-illust{justify-content:center;align-items:center;gap:8px;display:flex}.htp-card p{text-align:center;color:var(--muted);margin:8px 0 0;font-size:.88rem;line-height:1.5}.htp-card p strong{color:var(--text)}.htp-tile{border:1px solid var(--border-strong);background:var(--tile-bg);min-width:38px;height:34px;font-family:var(--font-display);font-variant-numeric:tabular-nums;box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-weight:650;display:inline-flex}.htp-new{background:var(--accent);border-color:var(--accent-deep);color:var(--accent-text)}.htp-op,.htp-arrow{color:var(--muted);font-family:var(--font-display);font-size:1.1rem}.htp-par{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;font-weight:650}.htp-illust .pips{flex:none}.htp-tease{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.82rem;font-style:italic}.kbd-hint{color:var(--muted);font-size:.85rem}.kbd-hint kbd{border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.8rem}.text-btn{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 18px;font-size:.95rem}.text-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.text-btn.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.text-btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.share-card{border:1.5px dashed var(--border-strong);background:var(--bg);border-radius:10px;margin:12px 0;padding:12px 14px}.share-card h3{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.75rem}.share-preview{white-space:pre-wrap;margin:0 0 10px;font-family:inherit;font-size:.95rem;line-height:1.5}.share-status{color:var(--danger);margin:0 0 8px;font-size:.85rem}.share-status:empty{display:none}.share-actions{justify-content:flex-end;display:flex}.optimal{font-variant-numeric:tabular-nums;padding-left:1.4em}.optimal li{font-family:var(--font-display);padding:2px 0;font-weight:550}.stats{grid-template-columns:1fr auto;gap:8px 16px;margin:0 0 12px;display:grid}.stats dt{color:var(--muted)}.stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:650}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}