*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}:root{--bg:#08070a;--surface:#19121c;--text:#f7efe4;--muted:#c7b8c4;--accent:#6dd5cf;--accent-2:#ac82b3;--ok:#74d9cf;--warn:#ead9ad;--bad:#ff7895;--radius:18px;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{min-height:44px;border:1px solid color-mix(in srgb,var(--muted) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-weight:750;padding:.55rem .8rem;cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:active{transform:translateY(1px)}#garden{position:fixed;inset:0;width:100%;height:100%;background:var(--bg);image-rendering:pixelated;touch-action:none;cursor:crosshair}.panel{position:fixed;z-index:5;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);border-radius:var(--radius);box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(15px)}#title-card{top:clamp(.55rem,2vw,1.25rem);left:clamp(.55rem,2vw,1.25rem);width:min(34rem,calc(100vw - 1.1rem));padding:.35rem}.hhb{background:transparent;border:0}.hhb--app-title-bar .hhb__inner{min-height:0}.hhb--app-title-bar .hhb__content{padding:.7rem .85rem}.hhb__title{font-size:clamp(1.7rem,4vw,2.7rem)!important}.hhb__subtitle{font-size:.92rem;margin-top:.35rem}.hhb__eyebrow{margin-bottom:.25rem}#palette-picker{padding:.15rem .75rem .65rem}.theme-picker__revert{display:none}#controls{right:clamp(.55rem,2vw,1.25rem);bottom:clamp(2.6rem,5vw,3.6rem);width:min(33rem,calc(100vw - 1.1rem));padding:.8rem}.rule-block{display:grid;grid-template-columns:auto minmax(6rem,1fr) auto;align-items:center;gap:.55rem}.rule-block label{font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;color:var(--accent)}#rule-input{min-height:44px;width:100%;border:1px solid color-mix(in srgb,var(--muted) 50%,transparent);border-radius:12px;background:var(--bg);color:var(--text);padding:.55rem .75rem;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:800;letter-spacing:.13em}#rule-hint{margin:.45rem 0 .7rem;color:var(--muted);font-size:.76rem}.button-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.stats{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;margin-top:.65rem;color:var(--muted);font-size:.78rem}.stats strong{color:var(--accent);font-variant-numeric:tabular-nums}.status{min-height:1em;margin:.35rem 0 0;color:var(--ok);font-size:.75rem}footer{position:fixed;z-index:4;left:0;right:0;bottom:.45rem;text-align:center;color:color-mix(in srgb,var(--muted) 80%,transparent);font-size:.68rem;letter-spacing:.03em;pointer-events:none}.nav-slot{display:none}
@media(max-width:700px){#title-card{top:.45rem;left:.45rem;width:calc(100vw - .9rem)}.hhb--app-title-bar .hhb__content{padding:.45rem .6rem}.hhb__title{font-size:1.55rem!important}.hhb__subtitle{font-size:.75rem;line-height:1.25}.hhb__eyebrow{font-size:.61rem}#palette-picker{padding:0 .55rem .45rem}.theme-picker{font-size:11px}.theme-picker__choice{min-height:34px;padding:.38rem .55rem}#controls{right:.45rem;bottom:1.75rem;width:calc(100vw - .9rem);padding:.58rem}.rule-block{grid-template-columns:auto minmax(5rem,1fr) auto;gap:.35rem}button,#rule-input{min-height:42px;padding:.42rem .52rem;font-size:.78rem}#rule-hint{margin:.32rem 0 .45rem;font-size:.66rem}.button-row{gap:.3rem}.stats{margin-top:.42rem;font-size:.68rem;gap:.35rem .65rem}.status{margin-top:.18rem;font-size:.66rem}footer{bottom:.2rem;font-size:.58rem}}
@media(max-width:370px){.hhb__subtitle{display:none}.button-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}