:root{--sage: #848c6e;--terracotta: #a64a3a;--ink: #4c4a48;--paper: #f2eee2;--edge: rgba(76, 74, 72, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sage);font-family:Quicksand,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}#plain,#paper{position:fixed;inset:0;display:block}#plain{touch-action:none;cursor:grab}#plain:active{cursor:grabbing}#paper{pointer-events:none;mix-blend-mode:multiply}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:14px 20px;z-index:4;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:15px}.home{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;opacity:.75;transition:opacity .18s}.home:hover{opacity:1}.home img{width:22px;height:22px;border-radius:5px}.tld{font-weight:600;color:var(--terracotta)}.sep{opacity:.35}.crumb{margin:0;font-size:15px;font-weight:600;letter-spacing:.02em}.tag{margin:0;flex:1;font-size:13px;opacity:.62}.how-link{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#f2eee2b8;border:1px solid var(--edge);color:inherit;text-decoration:none;font-size:13px;font-weight:500;backdrop-filter:blur(6px);transition:background .18s}.how-link:hover{background:#f2eee2f2}.plate{position:fixed;left:20px;top:62px;z-index:3;max-width:min(400px,62vw);pointer-events:none}.plate p{margin:0}#where{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.52;margin-bottom:3px}#where .creed:before{content:" — "}#who{font-size:15px;font-weight:600;letter-spacing:.01em}#said{margin-top:3px;font-size:13px;opacity:.6;font-style:italic}.whisper{position:fixed;z-index:5;display:none;flex-direction:column;align-items:stretch;gap:4px;min-width:168px;transform:translate(-50%,-100%);animation:whisper-in .16s ease-out}.whisper.on{display:flex}@keyframes whisper-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 7px))}}.whisper-head{margin:0 auto 3px;padding:3px 10px;border-radius:999px;background:#f2eee2d1;border:1px solid var(--edge);backdrop-filter:blur(6px);text-align:center;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);opacity:.75}.whisper button{font:inherit;font-size:13px;font-style:italic;text-align:left;padding:7px 13px;border-radius:999px;border:1px solid var(--edge);background:#f2eee2d1;color:var(--ink);backdrop-filter:blur(6px);cursor:pointer;transition:background .15s,transform .15s}.whisper button:hover{background:#f2eee2fa;transform:translate(3px)}.whisper button:active{transform:translate(3px) scale(.98)}.whisper-none{margin:0;max-width:230px;padding:8px 13px;border-radius:12px;border:1px solid var(--edge);background:#f2eee2d1;backdrop-filter:blur(6px);font-size:12px;font-style:italic;opacity:.8}.hud-help{position:fixed;right:20px;bottom:24px;display:flex;flex-direction:column;gap:4px;text-align:right;font-size:12px;color:var(--paper);opacity:.66;z-index:3;pointer-events:none;text-shadow:0 1px 2px rgba(60,24,16,.35)}.hud-help b{font-weight:600}.fps{position:fixed;left:20px;bottom:24px;z-index:3;margin:0;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--paper);opacity:.5;pointer-events:none;text-shadow:0 1px 2px rgba(60,24,16,.35)}.fps.off{display:none}.fps span+span:before{content:" · ";opacity:.55}@media(max-width:720px){.tag,.how-link .label{display:none}.hud-help{font-size:11px;bottom:16px;right:14px}.hud-help .keys{display:none}.whisper{min-width:156px}.whisper button{padding:9px 14px}.fps{bottom:16px;line-height:1.35;font-size:10px}.fps span{display:block}.fps span+span:before{content:none}#where{font-size:10px}#where .creed{display:none}.plate{top:52px;padding:7px 12px;border-radius:12px;background:#f2eee2b8;border:1px solid var(--edge);backdrop-filter:blur(5px)}#who{font-size:14px}}