:root{--ink:#12161b;--ink-2:#4a545f;--ink-3:#7b8794;--panel:hsla(0,0%,100%,.97);--panel-solid:#fff;--line:rgba(18,22,27,.1);--line-2:rgba(18,22,27,.18);--accent:#3f7d20;--accent-ink:#fff;--gold:#8a6d1f;--danger:#a4302a;--radius:12px;--shadow:0 1px 2px rgba(16,24,32,.08),0 8px 28px rgba(16,24,32,.14);--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.doc,body,html{background:#eef2f5}a,button{color:inherit}button{font:inherit}.label,.mono{font-family:var(--mono)}.label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.panel{background:var(--panel);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel-solid);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,32,.07);transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:#f6f8fa;border-color:rgba(18,22,27,.3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600}.btn-primary:hover:not(:disabled){background:#356c1a;border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--ink-2);padding:6px 8px}.btn-ghost:hover:not(:disabled){background:rgba(18,22,27,.06);border-color:transparent}.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:-.01em}.hud{position:absolute;z-index:20}.hud-brand{top:16px;left:16px;width:268px;padding:0}.hud-nav{top:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 32px)}.hud-hint{left:16px;bottom:16px;padding:8px 12px;max-width:calc(100vw - 32px)}.hud-banner,.hud-hint{font-size:11px;color:var(--ink-2)}.hud-banner{top:16px;left:50%;transform:translateX(-50%);padding:7px 12px;z-index:15;white-space:nowrap}.hud-side{width:268px;max-height:50vh}.hud-panel,.hud-side{right:16px;bottom:16px;overflow-y:auto}.hud-panel{width:348px;max-height:calc(100vh - 140px);padding:0;z-index:30}@media (max-width:780px){.hud-brand{top:8px;left:8px;right:8px;width:auto}.hud-nav{top:auto;bottom:8px;left:8px;right:8px;max-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.hud-nav::-webkit-scrollbar{display:none}.hud-banner,.hud-hint{display:none}.hud-panel,.hud-side{left:8px;right:8px;bottom:58px;width:auto;max-height:48vh}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .18s ease-out}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(18,22,27,.22);border-radius:6px;border:3px solid transparent;background-clip:content-box}@media (prefers-reduced-motion:reduce){.rise{animation:none}}