html,body,#root{color:#f2e6d8;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#070405;width:100%;height:100%;margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}#root{height:100dvh}.gate-input{-webkit-user-select:text;user-select:text}#root{cursor:grab;position:relative}#root:active{cursor:grabbing}.canvas-wrap{z-index:1;transition:filter .48s;position:absolute;inset:0}.canvas-wrap.gated{filter:blur(6px)brightness(.72)saturate(.9)}.vignette{z-index:30;pointer-events:none;background:radial-gradient(78% 70% at 50% 48%,#0000 55%,#0000006b 100%);position:fixed;inset:0}.grain{z-index:31;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px;position:fixed;inset:-50%}.look-catcher{z-index:40;pointer-events:none;position:fixed;inset:0}.canvas-wrap canvas{display:block;inset:0;z-index:2!important;pointer-events:none!important;position:absolute!important}.crosshair{pointer-events:none;z-index:35;border:1px solid #ffe6d2bf;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:fixed;top:50%;left:50%;box-shadow:0 0 8px #0009}.hud{pointer-events:none;z-index:45;position:fixed;inset:0}.perf{z-index:70;color:#d8f0c0;pointer-events:none;white-space:pre;background:#0009;border-radius:8px;margin:0;padding:8px 10px;font:11px/1.45 Consolas,Courier New,monospace;position:fixed;top:12px;right:12px}.house{letter-spacing:.04em;color:#f2e6d8c7;align-items:center;font-family:Tahoma,sans-serif;font-size:.78rem;display:inline-flex;position:absolute;top:18px;left:18px}.house:before{content:"";background:#3dd68c;border-radius:50%;width:6px;height:6px;margin-right:8px;box-shadow:0 0 6px #3dd68c}.house.down{color:#f2e6d880}.house.down:before{box-shadow:none;background:#666}.stand-hint,.move-hint{pointer-events:none;color:#f2e6d8;letter-spacing:.14em;font-family:Tahoma,sans-serif;font-size:.84rem;font-weight:600;position:absolute}.stand-hint{letter-spacing:.06em;align-items:center;gap:12px;display:flex;bottom:30px;left:50%;transform:translate(-50%)}.move-hint{grid-template-columns:max-content max-content;justify-content:start;align-items:center;gap:8px 14px;display:grid;bottom:22px;left:22px}.stand-hint kbd,.move-hint kbd{box-sizing:border-box;font:inherit;letter-spacing:.04em;text-align:center;color:#f2e6d8eb;background:#ffffff14;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:6px;padding:3px 6px;font-size:13px;font-weight:600;display:inline-block}.move-hint kbd{justify-self:stretch}.move-label{letter-spacing:.08em;line-height:1}.joystick{left:calc(22px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#ffffff0d;border:1px solid #ffe6d229;border-radius:50%;width:124px;height:124px;position:absolute}.joystick-knob{will-change:transform;background:#f2e6d84d;border:1px solid #ffffff47;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0006}.stand-up{left:50%;bottom:calc(32px + env(safe-area-inset-bottom));pointer-events:auto;appearance:none;color:#f2e6d8;letter-spacing:.06em;cursor:pointer;background:#0806089e;border:0;border-radius:999px;margin:0;padding:11px 22px;font-family:Tahoma,sans-serif;font-size:.78rem;font-weight:600;position:absolute;transform:translate(-50%)}.seat-prompt-html{z-index:8!important;pointer-events:none!important}.seat-prompt{color:#f2e6d8;letter-spacing:.03em;white-space:nowrap;pointer-events:none;background:#0a0406b8;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-family:Georgia,Times New Roman,serif;font-size:.95rem;display:flex;box-shadow:0 4px 18px #00000059}.seat-prompt-mouse{mix-blend-mode:screen;width:auto;height:26px;display:block}.gate{z-index:60;background:radial-gradient(at 50% 40%,#18080c59,#050304b3);place-items:center;padding:24px;animation:.42s both gate-in;display:grid;position:fixed;inset:0}@keyframes gate-in{0%{opacity:0}to{opacity:1}}.gate-card{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);color:#f2e6d8;background:linear-gradient(160deg,#260e12d1,#0e0709e6);border:1px solid #ffd6be24;border-radius:18px;width:min(340px,100%);padding:26px 26px 22px;animation:.48s cubic-bezier(.2,.8,.2,1) both card-in;box-shadow:0 30px 80px #0009,inset 0 1px #ffe6d214}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.gate-title{letter-spacing:.01em;color:#fff1e4;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:400}.gate-label{letter-spacing:.03em;color:#f2e6d8a8;margin:0 2px 8px;font-family:Tahoma,sans-serif;font-size:.74rem;display:block}.gate-field+.gate-label,.gate-note+.gate-label{margin-top:20px}.gate-field{display:block;position:relative}.gate-input{box-sizing:border-box;color:#fff1e4;letter-spacing:.02em;background:#00000052;border:1px solid #ffd6be2e;border-radius:11px;outline:none;width:100%;padding:12px 56px 12px 14px;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;transition:border-color .16s,box-shadow .16s,background .16s}.gate-input::placeholder{color:#f2e6d859}.gate-input:focus{background:#0000006b;border-color:#ffb078b3;box-shadow:0 0 0 3px #ffb07829}.gate-input.bad{border-color:#ff6e6eb3}.gate-input.bad:focus{box-shadow:0 0 0 3px #ff6e6e29}.gate-count{letter-spacing:.06em;color:#f2e6d861;pointer-events:none;font-family:Tahoma,sans-serif;font-size:.62rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.gate-note{letter-spacing:.03em;color:#ff9a9a;margin:8px 2px 0;font-family:Tahoma,sans-serif;font-size:.7rem}.gate-skins{grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 20px;display:grid}.gate-skin{appearance:none;cursor:pointer;background:#00000047;border:1px solid #ffd6be1f;border-radius:12px;place-items:center;margin:0;padding:8px 0 6px;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s;display:grid}.gate-skin:hover{background:#0006;transform:translateY(-1px)}.gate-skin.on{background:#e0a35e1f;border-color:#e0a35ee6;box-shadow:0 0 0 3px #e0a35e2e}.gate-skin:focus-visible{border-color:#ffb078b3;outline:none;box-shadow:0 0 0 3px #ffb07829}.bust{width:40px;height:46px;display:block;position:relative}.bust-shoulders{background:var(--top);border-radius:6px 6px 3px 3px;height:15px;position:absolute;bottom:0;left:2px;right:2px}.bust.build-f .bust-shoulders{left:5px;right:5px}.bust-head{background:var(--skin);border-radius:3px;width:20px;height:21px;position:absolute;top:8px;left:10px}.bust-eye{background:#241a18;border-radius:1px;width:3px;height:3px;position:absolute;top:9px}.bust-eye.l{left:5px}.bust-eye.r{right:5px}.bust-mouth{background:var(--lips);border-radius:1px;height:2px;position:absolute;bottom:4px;left:7px;right:7px}.bust-beard{background:var(--beard);border-radius:0 0 3px 3px;height:5px;position:absolute;bottom:0;left:3px;right:3px}.bust-hair{background:var(--hair);border-radius:3px 3px 1px 1px;width:22px;height:5px;position:absolute;top:7px;left:9px}.bust-side{background:var(--hair);border-radius:0 0 2px 2px;width:4px;height:0;position:absolute;top:10px}.bust-side.l{left:6px}.bust-side.r{right:6px}.bust.hair-fringe .bust-hair{height:8px}.bust.hair-beanie .bust-hair{background:var(--beanie);border-radius:6px 6px 2px 2px;width:24px;height:9px;top:4px;left:8px}.bust.hair-long .bust-hair{height:7px}.bust.hair-long .bust-side{height:24px}.bust.hair-bob .bust-hair{border-radius:3px 3px 0 0;height:9px}.bust.hair-bob .bust-side{height:18px}.gate-enter{appearance:none;color:#1c0d06;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#e0a35e,#b8792f);border:0;border-radius:11px;width:100%;padding:12px 16px;font-family:Tahoma,sans-serif;font-size:.8rem;font-weight:700;transition:transform .12s,filter .12s,opacity .12s;box-shadow:0 8px 22px #e0a35e38,inset 0 1px #ffffff47}.gate-enter:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.gate-enter:active:not(:disabled){transform:translateY(0)}.gate-enter:disabled{opacity:.55;cursor:progress}.name-tag-html{pointer-events:none!important}.name-tag{color:#fff1e4;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 2px #000c;background:#080406a8;border-radius:999px;padding:3px 9px 4px;font-family:Tahoma,sans-serif;font-size:12px;box-shadow:0 2px 10px #00000073}.slop-html{z-index:0!important}.slop-html,.slop-html *{pointer-events:none!important}.slop-screen{background:#000;width:1920px;height:1080px;overflow:hidden}.slop-screen iframe{background:#000;border:0;width:100%;height:100%}