:root{--panel:#101115e6;--panel-border:#ffffff24;--text:#ffffffeb;--muted:#ffffff8c;--radius:14px;--shadow:0 18px 48px #00000073}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:#0b0c0f;margin:0;font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#scene{cursor:default;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.no-cursor{cursor:none}#scene.picking{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"26\"><circle cx=\"13\" cy=\"13\" r=\"9\" fill=\"none\" stroke=\"black\" stroke-width=\"4\"/><circle cx=\"13\" cy=\"13\" r=\"9\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"/><circle cx=\"13\" cy=\"13\" r=\"1.5\" fill=\"white\" stroke=\"black\" stroke-width=\"1\"/></svg>") 13 13,crosshair}kbd{font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:600;display:inline-block}#reticle{pointer-events:none;opacity:0;place-items:center;transition:opacity .18s;display:grid;position:fixed;translate:-50% -50%}#reticle.visible{opacity:1}#reticle-ring{border:1.5px solid #ffffffe6;border-radius:50%;width:24px;height:24px;transition:opacity .12s,border-radius .12s;position:absolute;box-shadow:0 0 0 1.5px #00000059,inset 0 0 0 1.5px #00000059}#reticle-ring.square{border-radius:2px}#reticle.no-target #reticle-ring{opacity:.25}#reticle.detached #reticle-ring{border-style:dashed}#reticle.detached:before,#reticle.detached:after{content:"";background:#ffffff8c;position:absolute;box-shadow:0 0 0 1px #00000073}#reticle.detached:before{width:1px;height:34px}#reticle.detached:after{width:34px;height:1px}#reticle-dot{background:#fff;border-radius:50%;width:3px;height:3px;box-shadow:0 0 0 1px #00000080}#status{pointer-events:none;gap:8px;display:flex;position:fixed;top:14px;left:14px}.pill{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(12px);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:12px}#peer-pill{align-items:center;gap:7px;display:inline-flex}#link-dot{background:#f0663f;border-radius:50%;width:7px;height:7px}#link-dot[data-state=online]{background:#3ddc84}#link-dot[data-state=connecting]{background:#f5c14b}#aim-target:empty{display:none}.hints{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(12px);color:var(--muted);pointer-events:none;padding:10px 13px;font-size:12px;display:none;position:fixed;bottom:14px;left:14px}.hints-right{left:auto;right:14px}body[data-hud=play] #hints,body[data-hud=play] #hints-modes,body[data-hud=customize] #hints-customize,body[data-hud=photo] #hints-photo,body[data-hud=browse] #hints-browse,body[data-hud=gallery] #hints-gallery{display:block}body.hud-hidden #status,body.hud-hidden .hints,body.hud-hidden #quickbar-wrap,body.hud-hidden #photo-badge,body.hud-hidden #gallery-panels,body.hud-hidden #viewer{display:none!important}#show-hud{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(12px);color:var(--muted);pointer-events:none;z-index:20;border-radius:999px;padding:6px 12px;font-size:11px;display:none;position:fixed;bottom:14px;left:14px}body.hud-hidden #show-hud{display:block}body:not([data-hud=play]) #status,body:not([data-hud=play]) #quickbar-wrap{display:none}#photo-badge{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(16px);box-shadow:var(--shadow);letter-spacing:.01em;pointer-events:none;z-index:20;border-radius:999px;padding:10px 24px;font-size:20px;font-weight:650;display:none;position:fixed;bottom:26px;left:50%;translate:-50%}body[data-hud=photo] #photo-badge{display:block}#photo-saved{opacity:0;pointer-events:none;z-index:20;background:#14161bdb;border-radius:999px;padding:8px 16px;font-size:13px;transition:opacity .2s;position:fixed;bottom:90px;left:50%;translate:-50%}#photo-saved.visible{opacity:1}.hints dl{grid-template-columns:auto auto;align-items:baseline;gap:4px 12px;margin:0;display:grid}.hints dt,.hints dd{white-space:nowrap}.hints dd{color:var(--text);margin:0}.hints b{color:var(--text);font-weight:600}#quickbar-wrap{pointer-events:none;align-items:stretch;display:flex;position:fixed;bottom:16px;left:50%;translate:-50%}#quickbar{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-right:none;border-radius:14px 0 0 14px;gap:6px;padding:7px;transition:opacity .2s;display:flex}#held-wrap{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-left:1px solid #ffffff38;border-radius:0;flex-direction:column;align-items:center;gap:3px;padding:7px 11px;display:flex}#bank-wrap{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(16px);min-width:56px;box-shadow:var(--shadow);border-left:1px solid #ffffff38;border-radius:0 14px 14px 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 11px;display:flex}#bank-count{font-variant-numeric:tabular-nums;font-size:21px;font-weight:700;line-height:1}#bank-label{white-space:nowrap;color:var(--muted);font-size:10px;line-height:1}#bank-wrap.empty #bank-count{color:#ff7a76}#bank-wrap.denied{animation:.3s bank-denied}@keyframes bank-denied{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#held-color{background:#fff;border:1px solid #ffffff4d;border-radius:9px;width:42px;height:42px;box-shadow:inset 0 0 0 2px #00000059}#held-label{white-space:nowrap;color:var(--muted);font-size:10px;line-height:1}#quickbar.dimmed{opacity:.92}.slot{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;transition:scale .1s;display:flex}.slot-color{border:1px solid #ffffff38;border-radius:9px;width:42px;height:42px;display:block}.slot-key{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px;line-height:1}.slot.hovered{scale:1.07}.slot.hovered .slot-color{border-color:#fff}.slot[aria-pressed=true] .slot-color{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #000000a6}.slot[aria-pressed=true] .slot-key{color:var(--text)}#customizer{pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;position:fixed;inset:0}#customizer.open{opacity:1;visibility:visible}#customizer-title{letter-spacing:-.01em;color:#fff;text-shadow:0 2px 18px #0000008c;white-space:nowrap;font-size:38px;font-weight:700;position:absolute;top:17%;left:50%;translate:-50%}.customizer-arrow{border:1px solid var(--panel-border);background:var(--panel);color:#fff;cursor:pointer;pointer-events:auto;backdrop-filter:blur(14px);width:58px;height:58px;box-shadow:var(--shadow);border-radius:50%;font-size:30px;line-height:1;transition:scale .12s;position:absolute;top:50%;translate:0 -50%}.customizer-arrow:hover{scale:1.08}#customizer-prev{left:24%}#customizer-next{right:24%}#customizer-bottom{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:20%;left:50%;translate:-50%}#customizer-note{color:#ffffffd1;text-shadow:0 1px 10px #0009;white-space:nowrap;font-size:15px}#customizer-note:empty{display:none}#customizer-note.flash{color:#ffd08a}#customizer-action{color:#111;font:inherit;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow);background:#fff;border:none;border-radius:13px;padding:15px 40px;font-size:18px;font-weight:650;transition:scale .12s}#customizer-action:hover{scale:1.04}#paywall{backdrop-filter:blur(3px);opacity:0;visibility:hidden;z-index:30;background:#080a0e73;justify-content:center;align-items:center;transition:opacity .15s,visibility .15s;display:flex;position:fixed;inset:0}#paywall.open{opacity:1;visibility:visible}#paywall .card{background:var(--panel);border:1px solid var(--panel-border);width:min(420px,100vw - 40px);box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:24px 28px 22px}#paywall h2{margin:0 0 10px;font-size:22px;font-weight:700}#paywall p{color:#ffffffd9;margin:0 0 18px;font-size:14px;line-height:1.5}.paywall-actions{justify-content:center;gap:10px;display:flex}#paywall-unlock{color:#111;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:11px;padding:11px 24px;font-weight:650;transition:scale .12s}#paywall-unlock:hover{scale:1.04}#paywall-later{border:1px solid var(--panel-border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:11px;padding:11px 20px}#gallery{pointer-events:none;opacity:0;visibility:hidden;z-index:25;transition:opacity .15s,visibility .15s;position:fixed;inset:0}#gallery.open{opacity:1;visibility:visible}#gallery-title{white-space:nowrap;text-shadow:0 2px 18px #0000008c;font-size:36px;font-weight:700;position:absolute;top:13%;left:50%;translate:-50%}#gallery-stats{color:#fffc;white-space:nowrap;text-shadow:0 1px 10px #0009;font-size:13px;position:absolute;top:calc(13% + 52px);left:50%;translate:-50%}#gallery-prev{left:24%}#gallery-next{right:24%}#gallery-bottom{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:16%;left:50%;translate:-50%}#gallery-note{color:#fffc;white-space:nowrap;font-size:13px}#gallery-note:empty{display:none}#gallery-enter{color:#111;font:inherit;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow);background:#fff;border:none;border-radius:13px;padding:14px 38px;font-size:17px;font-weight:650;transition:scale .12s}#gallery-enter:hover:not(:disabled){scale:1.04}#gallery-enter:disabled{opacity:.55;cursor:default}#gallery-panels{z-index:20;align-items:stretch;gap:10px;display:none;position:fixed;top:14px;left:14px}body[data-hud=gallery] #gallery-panels{display:flex}#viewer-meta,#inspector{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(12px);padding:12px 15px}#viewer-meta-title{margin-bottom:4px;font-size:16px;font-weight:650}#viewer-meta-dates,#viewer-meta-strokes{color:var(--muted);font-size:12px;line-height:1.5}#viewer{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(16px);box-shadow:var(--shadow);z-index:20;border-radius:16px;align-items:center;gap:12px;padding:11px 16px;display:none;position:fixed;bottom:18px;left:50%;translate:-50%}body[data-hud=gallery] #viewer{display:flex}#viewer-play{color:#111;min-width:74px;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:650}#viewer-scrub{accent-color:#fff;cursor:pointer;width:320px}#viewer-clock{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:132px;font-size:12px}#viewer-speeds{border:1px solid var(--panel-border);background:#00000047;border-radius:999px;gap:2px;padding:3px;display:flex}#viewer-speeds button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .12s,color .12s}#viewer-speeds button:hover{color:var(--text)}#viewer-speeds button.active{color:#111;background:#fff;font-weight:650}#inspector{font-size:12.5px;display:none}#inspector.visible{display:block}#inspector-painter{margin-bottom:4px;font-size:14px;font-weight:650}#inspector-when,#inspector-cell{color:var(--muted);line-height:1.5}#touch-ui{display:none}body.touch #touch-ui{display:block}body.touch #scene{touch-action:none}body.touch .hints,body.touch #quickbar-wrap,body.touch #reticle{display:none!important}#stick-base{opacity:0;pointer-events:none;z-index:18;background:#14161b59;border:2px solid #ffffff59;border-radius:50%;width:116px;height:116px;margin:-58px 0 0 -58px;position:fixed}#stick-base.active{opacity:1}#stick-nub{background:#ffffffbf;border-radius:50%;width:46px;height:46px;margin:auto;position:absolute;inset:0}#touch-buttons{z-index:19;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:14px}#touch-buttons button{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font:inherit;backdrop-filter:blur(12px);touch-action:none;-webkit-tap-highlight-color:transparent}#touch-vert{flex-direction:column;gap:8px;display:flex}#touch-up,#touch-down{border-radius:14px;width:52px;height:52px;font-size:15px}#touch-palette{border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}#touch-swatch{background:#fff;border-radius:8px;width:30px;height:30px;box-shadow:inset 0 0 0 2px #00000059}#touch-erase{border-radius:16px;width:58px;height:58px;font-size:12px}#touch-erase.active{color:#111;background:#ffffffd9;font-weight:650}#touch-paint{border-radius:50%;width:84px;height:84px;font-size:15px;font-weight:700;color:#111!important;background:#fff!important}#touch-paint:active{scale:.94}#mobile-palette{backdrop-filter:blur(6px);z-index:40;background:#080a0ee0;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:fixed;inset:0}#mobile-palette.open{display:flex}#mobile-palette-grid{grid-template-columns:repeat(11,1fr);gap:5px;width:min(92vw,520px);display:grid}#mobile-palette-grid button{aspect-ratio:1;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff29;border-radius:7px}#mobile-palette-grid button.selected{outline-offset:1px;outline:3px solid #fff}#mobile-palette-close{color:#111;font:inherit;background:#fff;border:none;border-radius:12px;padding:12px 34px;font-weight:650}#color-modal{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(18px);box-shadow:var(--shadow);pointer-events:none;opacity:0;visibility:hidden;border-radius:18px;padding:16px;transition:opacity .12s,visibility .12s,scale .12s;position:fixed;top:50%;left:50%;translate:-50% -50%;scale:.97}#color-modal.visible{opacity:1;visibility:visible;scale:1}.modal-grid{gap:4px;display:grid}.modal-swatch{cursor:pointer;border:1px solid #ffffff29;border-radius:6px;width:34px;height:34px;padding:0;transition:scale 80ms}.modal-swatch.hovered{border-color:#fff;scale:1.16}.modal-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #000000a6}.modal-hint{text-align:center;color:var(--muted);margin:12px 0 0;font-size:11px}#drag-chip{pointer-events:none;opacity:0;z-index:20;border:2px solid #fff;border-radius:6px;width:26px;height:26px;transition:opacity .1s;position:fixed;translate:-50% -50%;box-shadow:0 6px 16px #00000080}#drag-chip.visible{opacity:1}#start-screen{backdrop-filter:blur(2.5px);z-index:10;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#181a2057,#08090c9e);place-items:center;transition:opacity .3s;display:grid;position:fixed;inset:0}#start-screen.shown{opacity:1;pointer-events:auto}#start-screen .card{background:var(--panel);border:1px solid var(--panel-border);width:min(440px,100vw - 40px);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:28px 30px 24px}#start-screen h1{letter-spacing:-.02em;margin:0 0 10px;font-size:30px;font-weight:650}#start-screen p{color:var(--muted);margin:0 0 22px;font-size:14px}#name-field{flex-direction:column;align-items:center;gap:6px;margin:0 0 16px;display:flex}#name-field span{color:var(--muted);font-size:12px}#name-input{border:1px solid var(--panel-border);width:min(240px,100%);color:inherit;font:inherit;text-align:center;background:#ffffff12;border-radius:10px;outline:none;padding:9px 13px}#name-input:focus{border-color:#ffffff73}#btn-start{color:#111;font:inherit;cursor:pointer;background:#fff;border:none;border-radius:11px;padding:11px 22px;font-weight:600;transition:scale .12s}#btn-start:hover{scale:1.03}