:root{--night:#121c16;--moss:#1d2e22;--line:rgba(232,184,48,.28);--ink:#f3eedf;--muted:#a9b6a3;--gold:#e8b830;--ember:#c8402f;--display:"Ruslan Display", "Georgia", serif;--ui:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html,body{height:100%;margin:0}body{background:var(--night);color:var(--ink);font-family:var(--ui);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#wrap{position:relative;height:100%;width:100%}#cv{display:block;width:100%;height:100%}#pauseBtn{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;border-radius:8px}#pauseBtn:focus-visible{outline:2px solid var(--gold)}.ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-inline:16px;padding-block:24px;background:#090e0bc7;overflow-y:auto}.panel{width:min(340px,100%);display:flex;flex-direction:column;gap:14px;text-align:center}.eyebrow{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}h1{font-family:var(--display);font-weight:400;font-size:52px;line-height:.95;margin:0;letter-spacing:.02em;text-wrap:balance}h2{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.05;margin:0;text-wrap:balance}.lead{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.fine{margin:0;color:var(--muted);font-size:12px}.btn{font:500 16px var(--ui);border-radius:10px;padding:13px 16px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink)}.btn.primary{background:var(--gold);color:#2a1d06;border-color:var(--gold)}.btn.danger{background:var(--ember);border-color:var(--ember);color:#fff}.btn:focus-visible,.card:focus-visible,.chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn:active,.card:active,.chip:active{transform:scale(.98)}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{display:flex;align-items:center;gap:8px;font:500 14px var(--ui);border-radius:999px;padding:8px 12px 8px 8px;cursor:pointer;border:1px solid var(--line);background:var(--moss);color:var(--ink)}.chip i{width:18px;height:18px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.25)}.chip[aria-pressed=true]{background:var(--gold);color:#2a1d06;border-color:var(--gold)}.cards{display:flex;flex-direction:column;gap:10px}.card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;text-align:left;background:var(--moss);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);cursor:pointer;font-family:var(--ui)}.glyph{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 18px var(--ui);color:#1a1206}.card b{display:block;font-weight:500;font-size:16px}.card span{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}.card .lv{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:.08em}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{background:var(--moss);border-radius:10px;padding:10px 6px}.stat b{display:block;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}#shareTxt{width:100%;font:13px var(--ui);background:var(--moss);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}@media(prefers-reduced-motion:reduce){.btn:active,.card:active,.chip:active{transform:none}}[hidden]{display:none!important}body{font-size:14px}