:root{--bg:#16131f;--panel:#221d30;--line:#3a3350;--text:#f4f1fa;--muted:#b8b0cc;--great:#4cc38a;--close:#f4d35e;--partial:#f2a541;--miss:#6b6480;--accent:#a78bfa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}#app{max-width:34rem;margin:0 auto;padding:0 1rem 2rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button{font:inherit;background:var(--accent);color:#140f22;cursor:pointer;border:0;border-radius:.6rem;padding:.7rem 1.1rem;font-weight:600}button:disabled{opacity:.55;cursor:default}button.icon{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:50%;width:2.5rem;height:2.5rem;padding:0}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.9rem 0;display:flex}h1{letter-spacing:-.01em;align-items:center;gap:.55rem;margin:0;font-size:1.35rem;display:flex}.logo{align-items:flex-end;gap:2px;height:1.2rem;display:inline-flex}.logo i{border-radius:2px;width:.38rem}.logo i:first-child{background:var(--partial);height:40%}.logo i:nth-child(2){background:var(--close);height:70%}.logo i:nth-child(3){background:var(--great);height:100%}.meta{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.art{border:1px solid var(--line);aspect-ratio:1;background:var(--panel);border-radius:1rem;margin:0;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%;display:block}.prompt{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;margin:1rem 0;padding:.8rem 1rem}.prompt p{flex-wrap:wrap;align-items:baseline;gap:.35rem .4rem;margin:0;font-size:1.05rem;display:flex}.prompt .small{color:var(--muted)}.prompt .hit{color:#0f2a1d;background:var(--great);border-radius:.3rem;padding:0 .3rem;font-weight:600}.prompt .blank{border-bottom:2px dashed var(--muted);width:3.2rem;height:1.1rem;display:inline-block}.prompt .full{font-weight:600}.prompt.solved{border-color:var(--great)}.guesses{gap:.45rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.row{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;grid-template-columns:1fr 5.5rem auto;align-items:center;gap:.6rem;min-height:2.7rem;padding:.55rem .75rem;display:grid}.row.empty{background:0 0;border-style:dashed}.row .text{overflow-wrap:anywhere}.muted{color:var(--muted)}.bar{background:#2f2942;border-radius:1rem;height:.5rem;overflow:hidden}.bar span{border-radius:1rem;height:100%;display:block}.great .bar span{background:var(--great)}.close .bar span{background:var(--close)}.partial .bar span{background:var(--partial)}.miss .bar span{background:var(--miss)}.great{border-color:var(--great)}.score{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2rem;font-weight:700}.entry{gap:.5rem;display:flex}.entry input{min-width:0;font:inherit;border:1px solid var(--line);color:var(--text);background:#0f0d16;border-radius:.6rem;flex:1;padding:.7rem .9rem}.entry input::placeholder{color:#8e86a3}.notice{min-height:1.5rem;color:var(--muted);font-size:.92rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1rem}.msg{text-align:center;padding:2rem 1rem}.result h2{margin:0 0 .6rem;font-size:1.2rem}.share{white-space:pre-wrap;background:#0f0d16;border-radius:.6rem;margin:0 0 .7rem;padding:.7rem .9rem;font:.95rem/1.4 ui-monospace,monospace}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 .4rem;display:grid}.stats dd{margin:0;font-size:1.4rem;font-weight:700}.stats dt{color:var(--muted);font-size:.8rem}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:1rem;max-width:min(28rem,100vw - 2rem);padding:0}dialog::backdrop{background:#0009}.dlg{padding:1.1rem 1.2rem 1.2rem}.dlg header{justify-content:space-between;align-items:center;display:flex}.dlg h2{margin:0;font-size:1.2rem}.dlg ul{padding-left:1.1rem}.legend{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.wide{width:100%;margin-top:.4rem}@media (width<=380px){.row{grid-template-columns:1fr auto}.row .bar{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:no-preference){.bar span{transition:width .6s ease-out}}