:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-ink:#d8ccb0;--ui-ink-faint:#d8ccb04d;--ui-panel:#080608d9;--ui-panel-light:#080608b3;--ui-border:#7a302e99;--ui-accent:#9a3a36;--ui-accent-glow:#9a3a3673;--ui-radius:2px;--ui-serif:Georgia, "Times New Roman", serif;--ui-mono:ui-monospace, Menlo, Consolas, monospace;--ui-margin:28px;--stick-radius:52px}html,body{height:100%;color:var(--ui-ink);font:14px/1.4 var(--ui-mono);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#08090b;margin:0;overflow:hidden}#game,#game canvas{display:block;position:fixed;inset:0}#stick{width:calc(2 * var(--stick-radius));height:calc(2 * var(--stick-radius));box-sizing:border-box;border:2px solid var(--ui-ink-faint);pointer-events:none;background:#d8ccb014;border-radius:50%;position:fixed;top:0;left:0}#stick[hidden]{display:none}#stick.idle{top:auto;left:calc(var(--ui-margin) + env(safe-area-inset-left));bottom:calc(var(--ui-margin) + env(safe-area-inset-bottom));opacity:.45}#stick-knob{background:#d8ccb073;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}#hint{left:50%;top:calc(16px + env(safe-area-inset-top));border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel-light);font:italic 15px/1.4 var(--ui-serif);letter-spacing:.04em;white-space:nowrap;pointer-events:none;padding:6px 14px;transition:opacity .6s;position:fixed;transform:translate(-50%)}#hint.gone{opacity:0}body:has(#settings:not([hidden]),#worlds:not([hidden])) #hint{opacity:0}@media (max-width:560px){#hint{top:calc(64px + env(safe-area-inset-top))}}#debug{left:calc(8px + env(safe-area-inset-left));top:calc(56px + env(safe-area-inset-top));pointer-events:none;background:#0000008c;border-radius:4px;margin:0;padding:4px 8px;font-size:12px;position:fixed}#fatal{text-align:center;background:#08090b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#fatal[hidden]{display:none}#action{right:calc(var(--ui-margin) + env(safe-area-inset-right));bottom:calc(var(--ui-margin) + env(safe-area-inset-bottom));border:1px solid var(--ui-border);background:var(--ui-panel-light);width:64px;height:64px;color:var(--ui-ink);opacity:.4;cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,border-color .2s,box-shadow .2s;display:grid;position:fixed}#action.ready{border-color:var(--ui-accent);box-shadow:0 0 14px var(--ui-accent-glow);opacity:1}#action:active{transform:scale(.94)}.action-key{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);min-width:18px;font:11px/1.2 var(--ui-mono);padding:1px 3px;position:absolute;bottom:-4px;right:-4px}#attack{right:calc(var(--ui-margin) + 64px + 14px + env(safe-area-inset-right));bottom:calc(var(--ui-margin) + env(safe-area-inset-bottom));border:1px solid var(--ui-border);background:var(--ui-panel-light);width:64px;height:64px;color:var(--ui-ink);opacity:.4;cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,border-color .2s,box-shadow .2s;display:grid;position:fixed}#attack.ready{border-color:var(--ui-accent);opacity:.9}#attack:active{box-shadow:0 0 14px var(--ui-accent-glow);transform:scale(.94)}#attack .action-key{min-width:34px}@media (pointer:coarse){.action-key{display:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}#settings-button{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel-light);width:40px;height:40px;color:var(--ui-ink);cursor:pointer;place-items:center;padding:0;display:grid;position:fixed}#settings{top:calc(60px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);width:min(300px,100vw - 24px);font:15px/1.4 var(--ui-serif);padding:10px 14px 12px;position:fixed}#settings[hidden]{display:none}#settings input{accent-color:var(--ui-accent)}.settings-title{letter-spacing:.04em;align-items:center;gap:8px;padding:4px 0 6px;font-style:italic;display:flex}.settings-title input{width:20px;height:20px;margin:0}.settings-row{grid-template-columns:76px 1fr 38px;align-items:center;gap:8px;display:grid}.settings-row input{width:100%;height:32px;margin:0}.settings-row input:disabled{opacity:.4}.settings-row output{font:12px var(--ui-mono);text-align:right}.settings-footer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.settings-footer code{font:12px var(--ui-mono);opacity:.8;-webkit-user-select:text;user-select:text;flex:100%}.settings-small{border:1px solid var(--ui-ink-faint);border-radius:var(--ui-radius);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:4px 10px;font-size:13px}#worlds-button{top:calc(12px + env(safe-area-inset-top));right:calc(60px + env(safe-area-inset-right));border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel-light);width:40px;height:40px;color:var(--ui-ink);cursor:pointer;place-items:center;padding:0;display:grid;position:fixed}#worlds{top:calc(60px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);width:min(260px,100vw - 24px);font:15px/1.4 var(--ui-serif);padding:10px 14px 12px;position:fixed}#worlds[hidden]{display:none}.menu-title{letter-spacing:.04em;margin:0 0 6px;font-style:italic}#worlds ul{margin:0;padding:0;list-style:none}#worlds a{border-radius:var(--ui-radius);color:var(--ui-ink);border:1px solid #0000;padding:8px 10px;text-decoration:none;display:block}#worlds a:hover,#worlds a:focus-visible{border-color:var(--ui-border)}#worlds a[aria-current=page]{border-color:var(--ui-accent);box-shadow:0 0 10px var(--ui-accent-glow)}.menu-note{font:11px var(--ui-mono);opacity:.6}#link-card{left:50%;bottom:calc(var(--ui-margin) + 64px + 16px + env(safe-area-inset-bottom));box-sizing:border-box;border:1px solid var(--ui-accent);border-radius:var(--ui-radius);background:var(--ui-panel);width:min(320px,100vw - 24px);box-shadow:0 0 18px var(--ui-accent-glow);font:15px/1.4 var(--ui-serif);text-align:center;padding:12px 16px 14px;position:fixed;transform:translate(-50%)}#link-card[hidden]{display:none}.link-card-title{letter-spacing:.04em;margin:0;font-size:18px;font-style:italic}.link-card-host{font:12px var(--ui-mono);opacity:.7;-webkit-user-select:text;user-select:text;margin:2px 0 10px}.link-card-go{border:1px solid var(--ui-accent);border-radius:var(--ui-radius);color:var(--ui-ink);background:#9a3a362e;padding:8px 16px;text-decoration:none;display:inline-block}.link-card-go:hover,.link-card-go:focus-visible{background:#9a3a3659}.link-card-go.pulse{animation:.6s ease-out 2 pulse}@keyframes pulse{50%{box-shadow:0 0 16px var(--ui-accent)}}.link-card-key{font:11px var(--ui-mono);opacity:.55;margin:6px 0 0}@media (pointer:coarse){.link-card-key{display:none}}.link-card-close{color:var(--ui-ink);opacity:.6;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1;position:absolute;top:2px;right:6px}#presence{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel-light);max-width:calc(100vw - 140px);min-height:40px;font:italic 14px/1.4 var(--ui-serif);letter-spacing:.03em;pointer-events:none;padding:9px 12px 9px 26px;position:fixed}#presence:before{content:"";background:var(--ui-ink-faint);width:7px;height:7px;position:absolute;top:50%;left:11px;transform:translateY(-50%)rotate(45deg)}#presence[data-status=online]:before{background:var(--ui-accent);box-shadow:0 0 8px var(--ui-accent-glow)}@media (min-width:561px){#presence{white-space:nowrap;max-width:none;left:50%;transform:translate(-50%)}body:has(#presence) #hint{top:calc(60px + env(safe-area-inset-top))}}.settings-you{border-bottom:1px solid var(--ui-ink-faint);margin-bottom:8px;padding-bottom:10px}.settings-heading{letter-spacing:.04em;margin:0 0 6px;font-style:italic}.you-row{align-items:center;gap:12px;display:flex}.you-preview{border:1px solid var(--ui-border);border-radius:var(--ui-radius);width:64px;height:96px;image-rendering:pixelated;background:#1a1614}.you-info{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.you-kind{opacity:.85;font-size:14px}.settings-small:disabled{opacity:.5;cursor:wait}.you-name{grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.you-name input{border:1px solid var(--ui-border);border-radius:var(--ui-radius);min-width:0;height:32px;color:var(--ui-ink);font:15px var(--ui-serif);background:#0006;padding:0 8px}.you-hint{opacity:.6;margin:4px 0 0;font-size:12px}
