:root{--paper: #f3ead6;--ink: #1a1714;--ink-soft: #3a332c;--margin: #a85a52}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);font-family:Patrick Hand,Comic Sans MS,cursive;color:var(--ink)}#viewport,#viewport canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hud.hidden{display:none}.hud-top{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:28px;justify-content:center;align-items:baseline;text-shadow:0 1px 0 #f3ead6;pointer-events:none}.hud-left{position:absolute;left:20px;bottom:18px;display:grid;gap:2px;text-shadow:0 1px 0 #f3ead6;max-width:min(42vw,320px)}.hud-right{position:absolute;right:20px;bottom:18px;display:grid;gap:2px;text-align:right;text-shadow:0 1px 0 #f3ead6;max-width:min(42vw,340px)}.hud-top,.hud-bottom{left:auto;right:auto}.hud-bottom{display:none}.hud-points{color:var(--margin)}.hud-gun{letter-spacing:.02em}.use-prompt{position:absolute;left:50%;bottom:18%;transform:translate(-50%) rotate(-1deg);margin:0;padding:4px 12px;font-size:1.45rem;background:#f7f0dee0;border:2px solid var(--ink);border-radius:3px 10px 4px 8px}.perk-list{position:static;margin:4px 0 0;font-size:1.15rem;color:var(--margin)}.hud-hint{position:absolute;left:50%;bottom:8px;transform:translate(-50%);margin:0;max-width:min(70vw,520px);font-size:.95rem;color:var(--ink-soft);text-align:center;text-shadow:0 1px 0 #f3ead6}.kit-picker{display:grid;gap:8px;margin-top:16px;text-align:left}.look-sliders{display:grid;gap:10px;margin-top:16px;text-align:left}.look-row{display:grid;gap:2px}.look-label{display:flex;justify-content:space-between;font-size:1.15rem}.look-value{color:var(--margin)}.look-hint{font-size:.95rem;color:var(--ink-soft)}.look-row input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--ink);justify-self:start}.kit-btn{font-family:inherit;font-size:1.05rem;color:var(--ink);background:#f3ead6;border:2px solid var(--ink);border-radius:3px 10px 4px 8px;padding:8px 12px;cursor:pointer;transform:rotate(-.4deg)}.kit-btn strong{display:block;font-size:1.25rem;font-weight:400}.kit-btn span{color:var(--ink-soft)}.kit-btn.selected{background:var(--ink);color:#f7f0de}.kit-btn.selected span{color:#e7dcc4}.crosshair.ads{width:14px;height:14px;border-width:2px}.crosshair.ads:before{left:6px;top:2px;height:10px}.crosshair.ads:after{left:2px;top:6px;width:10px}.hud p{margin:0;font-size:1.8rem}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(-8deg);border:2px solid var(--ink);border-radius:40% 55% 45% 50%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--ink)}.crosshair:before{left:50%;top:12%;width:2px;height:76%;transform:translate(-50%)}.crosshair:after{top:50%;left:12%;height:2px;width:76%;transform:translateY(-50%)}.crosshair.sight-iron.ads{width:14px;height:14px;border-width:1.5px}.crosshair.sight-iron.ads:before{height:92%;top:4%;width:2px}.crosshair.sight-iron.ads:after{width:38%;left:31%;height:2px}.crosshair.sight-dot{border-radius:50%;width:12px;height:12px;border-width:2px;background:transparent}.crosshair.sight-dot:before,.crosshair.sight-dot:after{display:none}.crosshair.sight-dot.ads{width:7px;height:7px;background:var(--ink);border-width:0;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink)}.crosshair.sight-long{border-radius:50%;width:28px;height:28px;border-width:2px}.crosshair.sight-long:before{height:72%;top:14%;width:2px}.crosshair.sight-long:after{width:72%;left:14%;height:2px}.crosshair.sight-long.ads{width:76px;height:76px;border-width:3px;background:radial-gradient(circle,transparent 61%,rgba(26,23,20,.16) 62%,rgba(26,23,20,.42) 100%)}.crosshair.sight-long.ads:before{height:26%;top:10%}.crosshair.sight-long.ads:after{width:26%;left:8%}.hitmark{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:0;pointer-events:none;border:none;background:linear-gradient(var(--ink),var(--ink)) center / 16px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 3px 16px no-repeat;transform:rotate(45deg) scale(.4)}.hitmark.on{opacity:1;animation:ink-x .22s ease-out}.hitmark.head{width:26px;height:26px;margin:-13px 0 0 -13px;background:linear-gradient(var(--ink),var(--ink)) center / 22px 4px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 4px 22px no-repeat;animation:ink-x .34s ease-out}.hitmark.kill{width:24px;height:24px;margin:-12px 0 0 -12px;background:linear-gradient(var(--ink),var(--ink)) center / 20px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 3px 20px no-repeat;animation:ink-x .34s ease-out}.hitmark.block{opacity:.55;filter:saturate(.4);background:linear-gradient(#6a5348,#6a5348) center / 12px 2px no-repeat,linear-gradient(#6a5348,#6a5348) center / 2px 12px no-repeat}@keyframes ink-x{0%{opacity:1;transform:rotate(45deg) scale(1.15)}to{opacity:0;transform:rotate(45deg) scale(.7)}}.ink-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 28% 32%,rgba(26,23,20,.42),transparent 36%),radial-gradient(circle at 74% 58%,rgba(44,58,79,.38),transparent 40%),radial-gradient(circle at 48% 82%,rgba(26,23,20,.32),transparent 38%);transition:opacity .18s ease}.ink-wash.on{opacity:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:repeating-linear-gradient(#f3ead6 0,#f3ead6 31px,#b7d0dc 31px,#b7d0dc 32px),#f3ead6}.overlay.hidden{display:none}.sheet{width:min(560px,calc(100% - 40px));max-height:min(92vh,940px);overflow:auto;padding:32px 28px 24px;background:#f7f0de;border:2px solid var(--ink);border-radius:4px 14px 6px 10px;box-shadow:8px 10px #1a17141f;transform:rotate(-.8deg);text-align:center}.kicker{margin:0;color:var(--margin);letter-spacing:.08em;text-transform:uppercase}.sheet h1{margin:4px 0 0;font-size:clamp(2.6rem,7vw,3.6rem);font-weight:400;line-height:.95}.body,.stats{margin:14px 0 0;font-size:1.25rem;color:var(--ink-soft)}.stats.hidden,.hidden{display:none}#overlay-action{margin-top:22px;font-family:inherit;font-size:1.3rem;color:#f7f0de;background:var(--ink);border:2px solid var(--ink);border-radius:3px 10px 4px 8px;padding:8px 18px 10px;cursor:pointer}#overlay-action:hover:not(:disabled){background:#2c2620}#overlay-action:disabled{cursor:not-allowed;opacity:.45}.playtest-door{text-align:left;margin:10px 0 16px;padding:12px 14px 14px;background:#f3ead6;border:2px dashed var(--margin);border-radius:4px 10px 5px 8px}.playtest-kicker{margin:0;color:var(--margin);letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}.playtest-door p{margin:6px 0 0;font-size:1.15rem;color:var(--ink-soft)}.playtest-door label{display:grid;gap:4px;margin-top:10px;font-size:1.15rem}.playtest-door input{width:100%;font-family:inherit;font-size:1.25rem;color:var(--ink);background:#f7f0de;border:2px solid var(--ink);border-radius:3px 8px 3px 7px;padding:6px 8px}.door-submit{margin-top:12px;font-family:inherit;font-size:1.2rem;color:#f7f0de;background:var(--ink);border:2px solid var(--ink);border-radius:3px 10px 4px 8px;padding:6px 16px 8px;cursor:pointer}.playtest-error,.xr-error{color:var(--margin);font-size:1.15rem}.xr-error[hidden]{display:none}.xr-actions.is-locked .xr-btn{pointer-events:none;opacity:.45}.back{display:block;margin-top:14px;color:var(--ink-soft);font-size:1.15rem}.callsign-box,.binds-sheet{text-align:left;margin-top:16px}.callsign-box input[type=text]{width:100%;font-family:inherit;font-size:1.25rem;color:var(--ink);background:#f3ead6;border:2px solid var(--ink);border-radius:3px 8px 3px 7px;padding:6px 10px}.doodle-maker{display:grid;gap:8px;margin:10px 0}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;cursor:pointer;padding:0}.swatch.selected{outline:3px solid var(--margin);outline-offset:2px}.look-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{font-family:inherit;font-size:1.05rem;color:var(--ink);background:#fbf7ee;border:3px solid var(--ink);border-radius:40% 55% 45% 50%/55% 45%;padding:4px 12px;cursor:pointer}.maker-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:1.1rem}.maker-label select{font-family:inherit;font-size:1.05rem;color:var(--ink);background:#f3ead6;border:2px solid var(--ink);border-radius:3px 8px 3px 7px}.bind-row{display:grid;grid-template-columns:1fr 72px 72px;gap:6px;align-items:center;margin-top:6px;font-size:1.05rem}.bind-cell,.bind-reset{font-family:inherit;font-size:.95rem;color:var(--ink);background:#f3ead6;border:2px solid var(--ink);border-radius:3px 8px 3px 7px;padding:4px 6px;cursor:pointer}.bind-reset{margin-top:10px}.mute-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:1.1rem;cursor:pointer}.chat-log{position:fixed;left:16px;bottom:92px;width:min(320px,70vw);max-height:28vh;overflow:hidden;pointer-events:none;z-index:4}.chat-row{margin:0 0 4px;font-size:1.15rem;color:var(--ink);text-shadow:0 1px 0 #f3ead6}.chat-row.emote{color:var(--ink-soft)}.chat-line,.quick-list,.mic-live{position:fixed;left:16px;z-index:5;margin:0;font-size:1.2rem;color:var(--ink);background:#f3ead6e0;border:2px solid var(--ink);border-radius:3px 8px 3px 7px;padding:4px 10px}.chat-line{bottom:52px}.quick-list{bottom:52px;display:flex;flex-wrap:wrap;gap:8px}.quick-list .picked{color:var(--margin)}.mic-live{top:64px;left:50%;transform:translate(-50%);background:var(--ink);color:#f7f0de}@media(max-width:640px){.hud p{font-size:1.35rem}.hud-hint{font-size:.9rem}.hud-left,.hud-right{bottom:28px}.use-prompt{bottom:22%;font-size:1.2rem}}.xr-actions{display:grid;gap:8px;margin-top:14px;justify-items:start}.xr-actions[hidden]{display:none}.xr-btn{font-family:inherit;font-size:1.2rem;color:var(--ink);background:transparent;border:2px solid var(--ink);border-radius:3px 10px 4px 8px;padding:6px 16px 8px;cursor:pointer}.xr-btn:hover:not(:disabled){background:#1a17140f}.xr-btn:disabled{cursor:not-allowed;opacity:.45}.xr-note{margin:0}.look-row select{font-family:inherit;font-size:1.1rem;color:var(--ink);background:#f3ead6;border:2px solid var(--ink);border-radius:3px 8px 3px 7px;padding:4px 8px;max-width:220px}.xr-overlay{display:none;position:fixed;left:16px;right:16px;bottom:18px;z-index:4;pointer-events:none;font-size:1.15rem;color:var(--ink);background:#f3ead6e0;border:2px solid var(--ink);border-radius:4px 10px 4px 8px;padding:8px 12px}body.xr-vr .hud{display:none}body.xr-presenting .xr-overlay{display:block}