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}.who-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}.curtain{z-index:55;pointer-events:none;opacity:0;background:#000;transition:opacity .62s ease-out;position:fixed;inset:0}.curtain.down{opacity:1;transition-duration:.26s;transition-timing-function:ease-in}.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{bottom:calc(26px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff24,#ffffff0f 70%);border:1.5px solid #ffe6d26b;border-radius:50%;width:124px;height:124px;position:absolute;box-shadow:0 0 0 6px #08040647,0 6px 20px #00000059}.joystick.move{left:calc(22px + env(safe-area-inset-left))}.joystick.look{right:calc(22px + env(safe-area-inset-right))}.joystick-arrows,.joystick-eye{fill:none;stroke:#ffe6d24d;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:96px;height:96px;margin:auto;position:absolute;inset:0}.joystick-eye{stroke-width:1.6px;width:44px;height:44px}.joystick-knob{will-change:transform;background:radial-gradient(circle at 40% 35%,#fff4e8eb,#f2e6d8a8);border:1.5px solid #ffffff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000073}.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}.door-prompt kbd{box-sizing:border-box;letter-spacing:.04em;color:#f2e6d8eb;background:#ffffff1a;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:6px;margin-left:4px;padding:2px 7px;font-family:Tahoma,sans-serif;font-size:12px;font-weight:600;display:inline-block}@keyframes gate-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.chars{z-index:60;background:radial-gradient(at 50% 40%,#18080c59,#050304b3);place-items:center;padding:20px;animation:.32s both gate-in;display:grid;position:fixed;inset:0}.chars-card{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);color:#f2e6d8;background:linear-gradient(160deg,#260e12db,#0e0709eb);border:1px solid #ffd6be24;border-radius:18px;width:min(500px,100%);padding:18px 22px 22px;animation:.38s cubic-bezier(.2,.8,.2,1) both card-in;box-shadow:0 30px 80px #0009,inset 0 1px #ffe6d214}.chars-head{justify-content:space-between;align-items:center;display:flex}.chars-title{color:#fff1e4;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:400}.chars-label{letter-spacing:.12em;text-transform:uppercase;color:#f2e6d899;margin:0 2px 8px;font-family:Tahoma,sans-serif;font-size:.7rem;display:block}.chars-label.stage{border-top:1px solid #ffd6be1a;margin:18px 2px -4px;padding-top:16px}.chars-who{margin:6px 0 0}.chars-who-row{gap:8px;display:flex}.who-input{box-sizing:border-box;color:#fff1e4;letter-spacing:.02em;background:#00000052;border:1px solid #ffd6be2e;border-radius:11px;outline:none;flex:1;min-width:0;padding:10px 14px;font-family:Georgia,Times New Roman,serif;font-size:1rem;transition:border-color .16s,box-shadow .16s,background .16s}.who-input::placeholder{color:#f2e6d859}.who-input:focus{background:#0000006b;border-color:#ffb078b3;box-shadow:0 0 0 3px #ffb07829}.who-input.bad{border-color:#ff6e6eb3}.who-input.bad:focus{box-shadow:0 0 0 3px #ff6e6e29}.who-save{appearance:none;color:#1c0d06;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#e0a35e,#b8792f);border:0;border-radius:11px;min-width:58px;padding:0 14px;font-family:Tahoma,sans-serif;font-size:.74rem;font-weight:700;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #ffffff47}.who-save:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.who-save.done:disabled{color:#e0a35e;box-shadow:none;cursor:default;background:#e0a35e1a;border:1px solid #e0a35e73}.who-note{letter-spacing:.03em;color:#ff9a9a;margin:8px 2px 0;font-family:Tahoma,sans-serif;font-size:.7rem}.chars-card.paying{max-height:calc(100dvh - 40px);overflow-y:auto}.chars-title.small{text-align:center;flex:1;font-size:1.1rem}.chars-back{appearance:none;color:#f2e6d8d9;letter-spacing:.04em;cursor:pointer;background:#0000004d;border:1px solid #ffd6be29;border-radius:999px;padding:6px 12px 6px 8px;font-family:Tahoma,sans-serif;font-size:.72rem}.chars-back:hover:not(:disabled){background:#00000080}.chars-back:disabled{opacity:.4;cursor:default}.chars-till{border-radius:12px;min-height:0;margin-top:14px;overflow:hidden}.chars-till.on{background:#fff;min-height:360px}.chars-till-wait{text-align:center;color:#f2e6d89e;margin:18px 2px 4px;font-family:Tahoma,sans-serif;font-size:.78rem}.chars-close{appearance:none;color:#f2e6d8cc;cursor:pointer;background:#0000004d;border:1px solid #ffd6be29;border-radius:50%;width:32px;height:32px;font:20px/1 Tahoma,sans-serif}.chars-close:hover{background:#00000080}.chars-stage{grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;margin:12px 0 10px;display:grid;position:relative}.chars-view{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0507;border:1px solid #ffd6be1a;border-radius:14px;height:min(440px,52vh);overflow:hidden}.chars-view:active{cursor:grabbing}.chars-view canvas{display:block;width:100%!important;height:100%!important}.chars-arrow{appearance:none;color:#fff1e4;cursor:pointer;background:#00000052;border:1px solid #ffd6be29;border-radius:12px;width:40px;height:64px;font:30px/1 Georgia,serif;transition:background .12s,transform .12s}.chars-arrow:hover{background:#e0a35e2e;transform:translateY(-1px)}.chars-dots{justify-content:center;gap:7px;margin:0 0 12px;display:flex}.chars-dot{background:#f2e6d838;border-radius:50%;width:7px;height:7px}.chars-dot.locked{background:#e0a35e59}.chars-dot.on{background:#e0a35e;box-shadow:0 0 8px #e0a35e99}.chars-name{color:#fff1e4;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;display:flex}.chars-blurb{color:#f2e6d89e;margin:6px 0 16px;font-family:Tahoma,sans-serif;font-size:.78rem;line-height:1.45}.chars-act{appearance:none;color:#fff1e4;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff14;border:1px solid #ffd6be38;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}.chars-act.buy{color:#1c0d06;background:linear-gradient(#e0a35e,#b8792f);border:0;box-shadow:0 8px 22px #e0a35e38,inset 0 1px #ffffff47}.chars-act:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.chars-act:disabled{opacity:.55;cursor:default}.chars-act.selected:disabled{opacity:1;color:#e0a35e;box-shadow:none;background:#e0a35e1a;border:1px solid #e0a35e73;transform:none}.chars-note{color:#ff9a9a;margin:10px 2px 0;font-family:Tahoma,sans-serif;font-size:.72rem}.chars-note.good{color:#f0c27a}.actions{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);pointer-events:auto;background:#080608b8;border:1px solid #ffd6be29;border-radius:999px;align-items:stretch;gap:2px;padding:5px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 26px #00000073}.actions-btn{appearance:none;color:#f2e6d8;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:68px;padding:6px 12px 5px;font-family:Tahoma,sans-serif;font-size:10px;font-weight:600;transition:background .12s;display:flex}.actions-btn:active{background:#ffffff1a}.actions-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.actions-btn.primary{color:#1c0d06;background:linear-gradient(#e0a35e,#b8792f);box-shadow:inset 0 1px #ffffff47}.actions-btn.primary:active{filter:brightness(1.08)}.fs-btn{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));appearance:none;color:#f2e6d8d9;pointer-events:auto;cursor:pointer;background:#0806088c;border:1px solid #ffd6be29;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute}.fs-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rotate-notice{display:none}@media (orientation:portrait){.rotate-notice{z-index:90;color:#f2e6d8;text-align:center;cursor:pointer;background:#0a0507;place-items:center;padding:24px;display:grid;position:fixed;inset:0}}.rotate-inner svg{fill:none;stroke:#f2e6d8bf;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:76px;height:76px}.rotate-inner h2{color:#fff1e4;margin:18px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:400}.rotate-inner p{color:#f2e6d899;margin:0;font-family:Tahoma,sans-serif;font-size:.82rem}@media (height<=540px){.chars{align-items:start;padding:8px}.chars-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"head head""who who""wlabel wlabel""stage info""stage act""dots note";align-items:start;gap:0 18px;width:min(760px,100%);max-height:calc(100dvh - 16px);padding:6px 16px 12px;display:grid;overflow-y:auto}.chars-head{grid-area:head}.chars-who{grid-area:who;margin:0}.chars-label.stage{grid-area:wlabel;margin:8px 2px 0;padding-top:8px}.chars-stage{grid-area:stage;grid-template-columns:32px 1fr 32px;margin:6px 0 0}.chars-view{height:clamp(150px,100dvh - 200px,300px)}.chars-arrow{width:32px;height:56px;font-size:26px}.chars-dots{grid-area:dots;margin:8px 0 0}.chars-info{grid-area:info;align-self:end;margin-top:6px}.chars-name{font-size:1.1rem}.chars-blurb{margin:4px 0 10px;font-size:.74rem}.chars-act{grid-area:act;padding:10px 14px}.chars-note{grid-area:note;margin:8px 2px 0}.chars-card.paying{display:block}}.name-tag-html{pointer-events:none!important}.name-tag-stack{flex-direction:column;align-items:center;gap:6px;width:max-content;display:flex}.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}.say-bubble{color:#241a18;text-align:center;overflow-wrap:anywhere;background:#fff4e8f0;border-radius:12px;width:max-content;max-width:320px;padding:7px 11px 8px;font-family:Tahoma,sans-serif;font-size:12px;line-height:1.35;animation:.22s cubic-bezier(.2,.8,.2,1) both bubble-in,.4s 4.6s both bubble-out;position:relative;box-shadow:0 4px 16px #00000073}.say-bubble:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:none}}@keyframes bubble-out{to{opacity:0}}.chat{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;opacity:0;flex-direction:column;gap:8px;width:min(360px,100vw - 36px);transition:opacity .6s;display:flex;position:fixed}.chat.shown{opacity:1;transition-duration:.12s}.chat.open{pointer-events:auto;backdrop-filter:blur(12px);background:#080608cc;border:1px solid #ffd6be29;border-radius:18px;gap:6px;padding:8px;box-shadow:0 12px 34px #00000080}.chat-log{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;background:#08040680;border-radius:14px;flex-direction:column;gap:5px;max-height:min(220px,42dvh);padding:10px 12px;transition:background .2s;display:flex;overflow-y:auto}.chat-log.scrolled{mask-image:linear-gradient(#0000,#000 28px)}.chat-log::-webkit-scrollbar{display:none}.chat.open .chat-log{scrollbar-width:thin;scrollbar-color:#f2e6d84d transparent;background:0 0;padding:6px 8px}.chat.open .chat-log::-webkit-scrollbar{width:6px;display:block}.chat.open .chat-log::-webkit-scrollbar-thumb{background:#f2e6d84d;border-radius:3px}.chat.empty:not(.open) .chat-log{display:none}.chat-empty{color:#f2e6d880;font-family:Tahoma,sans-serif;font-size:13px}.chat-line{color:#f2e6d8;text-shadow:0 1px 2px #000000e6,0 0 8px #0009;overflow-wrap:anywhere;font-family:Tahoma,sans-serif;font-size:13px;line-height:1.35}@media (hover:none),(pointer:coarse){.chat{bottom:calc(166px + env(safe-area-inset-bottom));width:min(400px,100vw - 36px)}.chat.open{bottom:calc(14px + env(safe-area-inset-bottom))}.chat.open .chat-log{max-height:min(260px,48dvh)}.chat-line,.chat-empty{font-size:15px;line-height:1.4}.chat-input{font-size:16px}}.chat-who{color:#f0c27a;letter-spacing:.02em;margin-right:7px;font-weight:600}.chat-line.mine .chat-who{color:#fff1e4}.chat-row{background:#ffffff0f;border:1px solid #ffd6be24;border-radius:12px;align-items:center;gap:6px;padding:4px 4px 4px 12px;animation:.2s cubic-bezier(.2,.8,.2,1) both card-in;display:flex;position:relative}.chat-row:focus-within{border-color:#ffb07880}.chat-send{appearance:none;color:#1c0d06;cursor:pointer;background:linear-gradient(#e0a35e,#b8792f);border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.chat-send svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.chat-input{color:#fff1e4;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0;font-family:Tahoma,sans-serif;font-size:14px}.chat-input::placeholder{color:#f2e6d866}.chat-count{letter-spacing:.06em;color:#f2e6d873;font-family:Tahoma,sans-serif;font-size:.62rem}.chat-close{appearance:none;color:#f2e6d8cc;cursor:pointer;background:#ffffff0f;border:1px solid #ffd6be24;border-radius:50%;width:30px;height:30px;font:17px/1 Tahoma,sans-serif}.chat-close:hover{background:#ffffff1f}.chat-note{color:#ff9a9a;text-shadow:0 1px 2px #000000e6;margin:-2px 6px 0;font-family:Tahoma,sans-serif;font-size:.7rem}.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%}