html,body,#root{margin:0;height:100%;overflow:hidden;background:#b7b0a4;color:#3b352e;font-family:Cormorant Garamond,Georgia,serif;-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block}.stick{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:1px solid rgba(59,53,46,.25);pointer-events:none}.stick-knob{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#f3efe673}.status-line{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:17px;font-style:italic;letter-spacing:.03em;opacity:.5}.feed-note{position:fixed;right:20px;bottom:44px;font-size:12px;letter-spacing:.04em;color:#ece5d8;text-shadow:0 0 8px rgba(40,34,28,.6);opacity:.4;pointer-events:none}.intro{position:fixed;left:50%;top:18vh;color:#efe8db;text-shadow:0 0 18px rgba(36,31,26,.55),0 0 4px rgba(36,31,26,.45);transform:translate(-50%);width:min(520px,calc(100vw - 32px));text-align:center;pointer-events:none;transition:opacity 2.4s ease .6s}.intro h1{margin:0 0 14px;font-weight:300;font-size:clamp(34px,6vw,52px);letter-spacing:.18em;opacity:.9}.intro p{margin:0;font-size:clamp(16px,2.4vw,19px);font-style:italic;line-height:1.45;opacity:.8}.intro-gone{opacity:0}.intro p{animation:intro-in 1.6s ease .2s both}@keyframes intro-in{0%{opacity:0}}.hud-top,.hud-bottom{position:fixed;left:0;right:0;padding:0 20px;color:#efe8db;font-size:13px;letter-spacing:.05em;text-shadow:0 0 8px rgba(36,31,26,.6);pointer-events:none}.hud-top{top:16px;display:flex;justify-content:center}.hud-bottom{bottom:16px;display:flex;justify-content:space-between;align-items:end;gap:16px}.counter{opacity:.45;white-space:nowrap}.sound-toggle{padding:2px 4px;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-shadow:inherit;opacity:.5;cursor:pointer;pointer-events:auto}.sound-toggle:hover,.sound-toggle:focus-visible{opacity:.8}.sound-toggle:focus-visible{outline:1px solid currentColor;outline-offset:2px}.controls{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:6px 18px;opacity:.55}.control{display:inline-flex;align-items:flex-end;gap:7px;white-space:nowrap}.control-label{font-style:italic;line-height:20px}.key{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border:1px solid currentColor;border-radius:3px;font-size:12px;line-height:1;box-shadow:0 0 6px #241f1a40}.key-wide{padding:0 6px;font-size:11px;letter-spacing:.06em}.wasd{display:inline-grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(2,20px);gap:3px}.wasd .key{min-width:0;padding:0}.wasd .key:first-child{grid-column:2;grid-row:1}.wasd .key:not(:first-child){grid-row:2}.near-label{position:fixed;isolation:isolate;left:0;top:0;max-width:min(360px,80vw);font-size:16px;line-height:1.35;text-align:center;letter-spacing:.02em;pointer-events:none;opacity:0;transition:opacity .9s ease;will-change:transform,opacity;color:#efe8db;text-shadow:0 0 14px rgba(40,34,28,.8),0 0 4px rgba(40,34,28,.6),0 0 1px rgba(40,34,28,.5)}.near-label:before{content:"";position:absolute;top:-18px;right:-34px;bottom:-18px;left:-34px;z-index:-1;background:radial-gradient(ellipse closest-side,#241f1a6b,#241f1a2e 55%,#241f1a00)}.near-company,.near-role,.near-rest{display:block}.near-company{opacity:.95}.near-role{opacity:.66}.near-rest{opacity:.55;font-style:italic;font-size:14px}@media (max-width: 700px){.hud-top,.hud-bottom{padding:0 16px;font-size:12px}.hud-top{top:14px}.hud-bottom{bottom:14px}.controls{gap:6px 14px}.feed-note{right:16px;bottom:44px}}