:root{color:#f4ece1;background:radial-gradient(circle at top,rgba(212,115,59,.18),transparent 38%),linear-gradient(180deg,#1e1713,#120f0d 55%,#090807);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,.shell,.viewport{width:100%;height:100%;margin:0}body{overflow:hidden}.shell{position:relative}.viewport{display:block}.hud{position:absolute;top:1.25rem;left:1.25rem;max-width:min(24rem,calc(100vw - 2.5rem));padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#140f0c7a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1rem 3rem #00000040}.eyebrow,.copy,.stats,.error{margin:0}.eyebrow{color:#f2bb7f;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.hud h1{margin:.2rem 0 .45rem;font-size:clamp(1.8rem,4vw,3rem);line-height:.95}.copy{color:#f4ece1cc;font-size:.98rem;line-height:1.4}.stats{display:flex;gap:.75rem;margin-top:.85rem;color:#f4ece1e0;font-size:.88rem}.controls{display:flex;flex-direction:column;gap:.4rem;margin-top:.85rem}.control{display:flex;align-items:center;gap:.55rem;color:#f4ece1bf;font-size:.82rem}.control input[type=range]{flex:1;accent-color:#f2bb7f}.control-value{min-width:2ch;text-align:right;color:#f4ece1e6;font-variant-numeric:tabular-nums}.error{display:grid;place-items:center;width:100%;height:100%;font-size:1.1rem}.keys{margin:.5rem 0 0;color:#f4ece199;font-size:.8rem;line-height:1.55}.page-link{display:inline-block;margin-top:.85rem;margin-right:.9rem;color:#f2bb7f;font-size:.85rem;text-decoration:none;border-bottom:1px solid rgba(242,187,127,.35)}.page-link:hover{border-bottom-color:#f2bb7f}@media (max-width: 700px){.hud{top:auto;bottom:1rem;left:1rem;right:1rem;max-width:none}.stats{flex-direction:column;gap:.3rem}}