:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eddb;font-synthesis:none;--ink:#0b100c;--deep:#10170f;--moss:#a5b66b;--moon:#d7f2cf;--muted:#83917d;background:#0b100c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 32%,#556f4624,#0000 40%),#0b100c;min-height:100svh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#app{grid-template-rows:68px minmax(0,1fr);height:100svh;display:grid}.game-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b100ce0;border-bottom:1px solid #d7f2cf1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 clamp(18px,3.2vw,54px);display:grid}.brand{color:#edf3e2;letter-spacing:-.035em;align-items:center;gap:11px;width:max-content;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px;color:var(--moss);border:1px solid #d7f2cf40;place-items:center;font-size:12px;display:grid;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand strong,.brand small{line-height:.9;display:block}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.brand small{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:650}.quest{color:var(--moon);letter-spacing:.05em;text-transform:uppercase;align-items:baseline;gap:9px;font-family:Courier New,monospace;font-size:11px;display:flex}.quest-label{color:var(--muted)}.peer-status{color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;font-size:11px;display:flex}.network-dot{background:#596355;border-radius:50%;width:6px;height:6px;transition:all .25s;box-shadow:0 0 0 3px #5963551a}.network-dot.connected{background:var(--moss);box-shadow:0 0 12px #a5b66bbf}.text-button,.sound-button{color:var(--moon);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;font-size:11px;-webkit-text-decoration:underline #d7f2cf4d;text-decoration:underline #d7f2cf4d}.text-button:hover,.sound-button:hover{color:#fff}.game-shell{isolation:isolate;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.game-shell:before{z-index:-2;content:"";background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}#game{aspect-ratio:3/2;width:min(100vw - 64px,150svh - 234px,1152px);max-height:calc(100svh - 156px);image-rendering:pixelated;image-rendering:crisp-edges;background:#10170f;border:1px solid #d7f2cf24;outline:12px solid #0509066b;display:block;box-shadow:0 35px 100px #00000094}.controls{color:#758073;letter-spacing:.04em;align-items:center;gap:17px;font-family:Courier New,monospace;font-size:10px;display:flex;position:absolute;bottom:18px;right:clamp(20px,3.2vw,54px)}kbd{color:#bcc9b1;font:inherit}.sound-button{color:#83917d;padding:0;font-family:Courier New,monospace;font-size:10px;text-decoration:none}.sound-button:before{content:"◖ ";color:var(--moss)}.sound-button.muted:before{content:"× ";color:#8d6258}.start-screen{z-index:10;background:linear-gradient(90deg,#060a07f7 0%,#060a07e0 32%,#060a0733 67%,#060a0714 100%);align-items:center;padding-left:clamp(32px,9vw,150px);transition:opacity .52s,visibility .52s;display:flex;position:absolute;inset:0}.start-screen.leaving{visibility:hidden;opacity:0}.start-copy{width:min(440px,100vw - 64px);animation:.85s cubic-bezier(.2,.8,.2,1) both arrive}.eyebrow{color:var(--moss);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-family:Courier New,monospace;font-size:10px;font-weight:700}.start-copy h1{color:#eef2e3;letter-spacing:-.065em;max-width:560px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:.84}.start-copy>p:not(.eyebrow){color:#a7b2a0;max-width:420px;margin:28px 0 31px;font-size:14px;line-height:1.65}.start-button{color:#10170f;background:var(--moon);cursor:pointer;letter-spacing:.02em;border:1px solid #d7f2cf59;justify-content:space-between;align-items:center;width:min(270px,100%);padding:15px 17px;font-size:12px;font-weight:750;transition:transform .18s,background .18s;display:flex}.start-button:hover{background:#efffe9;transform:translateY(-2px)}.start-button kbd{color:#586752}.toast{z-index:8;color:var(--moon);letter-spacing:.05em;opacity:0;pointer-events:none;background:#080e0ae0;padding:8px 12px;font-family:Courier New,monospace;font-size:10px;transition:all .24s;position:absolute;top:22px;left:50%;transform:translate(-50%,-8px)}.toast.visible{opacity:1;transform:translate(-50%)}.touch-controls{display:none}@keyframes arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=760px){#app{grid-template-rows:58px minmax(0,1fr)}.game-header{grid-template-columns:1fr auto;padding:0 15px}.quest,.peer-status>span:not(.network-dot){display:none}.game-shell{align-items:start;padding-top:8vh}#game{border-inline:0;outline:0;width:100vw;max-height:none}.start-screen{background:linear-gradient(#060a0726,#060a079e 35%,#060a07fa);align-items:flex-end;padding:0 25px 13vh}.start-copy h1{font-size:clamp(54px,17vw,80px)}.controls{display:none}.touch-controls{right:20px;bottom:max(24px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;left:20px}.dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:2px;display:grid}.dpad button,.blade-button{color:#d7f2cf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b100cb3;border:1px solid #d7f2cf38}.dpad button:active,.blade-button:active{color:#10170f;background:var(--moon)}.dpad button[data-key=ArrowUp]{grid-column:2}.dpad button[data-key=ArrowLeft]{grid-area:2/1}.dpad button[data-key=ArrowDown]{grid-area:2/2}.dpad button[data-key=ArrowRight]{grid-area:2/3}.blade-button{text-transform:uppercase;border-radius:50%;width:68px;height:68px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}