:root{color:#eeeae3;color-scheme:normal;font-synthesis:none;--amber:#d6aa6a;--surface:#161719d1;--line:#e5dfcf40;background:#090b0e;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;font:500 14px Arial,sans-serif}button:disabled{cursor:wait;opacity:.5}button:active{transform:scale(.94)}button:hover{border-color:#d3bc96}button:focus-visible{outline-offset:3px;outline:2px solid #cba66f}[hidden]{display:none!important}#world{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#movie{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#shade{pointer-events:none;background:radial-gradient(at 50% 43%,#0000 45%,#02030670 100%);position:absolute;inset:0}header{top:max(25px,env(safe-area-inset-top));pointer-events:none;text-shadow:0 2px 6px #0008;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:30px;right:30px}.identity h1{letter-spacing:.2px;margin:0 0 5px;font-size:24px;font-weight:500}.identity span{color:#d3d2cf;font-size:13px}.tools{pointer-events:auto;gap:11px;display:flex}.round{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:49px;height:49px;padding:0;display:grid;box-shadow:inset 0 1px 1px #ffffff0a}.round svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.round.selected{color:#f4ce91;background:#4b392acc;border-color:#d6aa6a}.round.speaking{box-shadow:0 0 0 4px #d6aa6a35}.round.off{opacity:.65}#entry{text-align:center;background:linear-gradient(#0000 20%,#06080bce 100%);justify-content:center;align-items:flex-end;padding:70px 25px;display:flex;position:absolute;inset:0}.entry-title{letter-spacing:-.5px;font-size:28px}#entry p{color:#c3b9a6;margin:12px 0 26px;font-size:14px}#start{color:#171512;background:#d6ba8d;border:1px solid #e4cda9;border-radius:28px;min-width:200px;padding:16px 48px;font-weight:600}.loading-track{background:#ffffff14;width:110px;height:2px;margin:22px auto}.loading-track i{background:#b79565;width:0;height:100%;transition:width .4s;display:block}#crosshair{pointer-events:none;background:#fff6;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reactions{bottom:max(29px,env(safe-area-inset-bottom));align-items:flex-start;gap:22px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.reaction{background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:57px;padding:0;display:flex}.reaction .face{background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;width:55px;height:55px;font-size:26px;display:grid;box-shadow:inset 0 1px 1px #ffffff0b}.reaction .label{color:#e3dfd9;text-shadow:0 1px 4px #000;font-size:12px}.reaction.cooldown .face{opacity:.48}.reaction:hover .face{background:#3a3028dd;border-color:#a99370}.context{right:30px;bottom:max(37px,env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}#action{border:1px solid var(--line);background:var(--surface);border-radius:28px;min-width:115px;height:49px;padding:0 23px;font-size:14px}#seat-caption{color:#d6c4a7;text-shadow:0 1px 4px #000;font-size:12px}#toast{border:1px solid var(--line);pointer-events:none;text-align:center;background:#191b20df;border-radius:24px;max-width:80%;padding:12px 19px;font-size:13px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}#bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.speech{color:#f5e9d7;white-space:nowrap;text-shadow:0 1px 3px #000;background:#17171cdd;border:1px solid #aa94775e;border-radius:15px;padding:10px 15px;font-size:19px;position:absolute;top:0;left:0;box-shadow:0 4px 18px #0005}.speech:after{content:"";background:#17171c;border-bottom:1px solid #aa94775e;border-right:1px solid #aa94775e;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.voice-badge{color:#f0c481;background:#17191dcc;border-radius:20px;padding:5px;position:absolute;top:0;left:0}.voice-badge svg{fill:currentColor;width:20px;height:20px}#menu{border:1px solid var(--line);background:#17181cf7;border-radius:19px;width:320px;padding:24px;position:absolute;top:89px;right:30px;box-shadow:0 15px 60px #0008}.menu-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.menu-head h2{margin:0;font-size:18px;font-weight:500}.menu-head .round{width:30px;height:30px;font-size:22px}#avatars{grid-template-columns:1fr 1fr;gap:9px;display:grid}#avatars button{background:#28292e;border:1px solid #444249;border-radius:12px;padding:13px 6px;font-size:13px}#avatars button.selected{border-color:var(--amber);color:#f1ce96}.instructions,.mobile-instructions{color:#aaa8a7;margin:22px 0;font-size:12px;line-height:1.8}.mobile-instructions{display:none}#film-credit{color:#bcab92;font-size:11px;line-height:1.7;text-decoration:none;display:block}.text-button{color:#aaa29a;background:0 0;border:0;padding:12px 0 0;font-size:11px}#credits{color:#aaa29a;margin-top:12px;font-size:11px;line-height:1.7}#joystick{bottom:max(31px,env(safe-area-inset-bottom));touch-action:none;background:#272c353f;border:1px solid #fff2;border-radius:50%;width:112px;height:112px;position:absolute;left:24px}#stick{pointer-events:none;background:#a9a59836;border:1px solid #fff4;border-radius:50%;width:43px;height:43px;position:absolute;top:33px;left:33px}@media (width<=720px),(pointer:coarse){header{top:max(18px,env(safe-area-inset-top));left:18px;right:18px}.identity h1{font-size:21px}.identity span{font-size:12px}.tools{gap:7px}.round{width:42px;height:42px}.round svg{width:20px;height:20px}#reactions{bottom:max(22px,env(safe-area-inset-bottom));gap:12px;width:auto}.reaction{gap:6px;width:45px}.reaction .face{width:44px;height:44px;font-size:23px}.reaction .label{font-size:10px}.context{bottom:112px;right:18px}#action{height:45px;padding:0 17px;font-size:13px}body.walking #reactions{grid-template-columns:repeat(3,44px);gap:10px;display:grid;bottom:174px;left:auto;right:18px;transform:none}body.walking .context{bottom:105px}#joystick{bottom:34px}.entry-title{font-size:25px}#entry{padding-bottom:75px}#menu{width:min(330px,100% - 28px);max-height:calc(100% - 100px);padding:20px;top:77px;right:14px;overflow:auto}.instructions{display:none}.mobile-instructions{display:block}#toast{font-size:12px;bottom:310px}.speech{font-size:16px}}@media (height<=510px){header{top:13px}.identity h1{font-size:19px}#reactions{gap:14px;bottom:16px}.context{bottom:20px}.reaction .face{width:40px;height:40px;font-size:22px}.reaction{gap:4px;width:43px}#entry{padding-bottom:35px}#entry p{margin:9px 0 16px}body.walking #reactions{display:flex;bottom:20px;left:50%;right:auto;transform:translate(-50%)}body.walking .context{bottom:25px}#joystick{width:98px;height:98px;bottom:20px;left:18px}#stick{top:26px;left:26px}}#film-layer{z-index:0;pointer-events:none;position:absolute;inset:0}#film-surface{backface-visibility:hidden;pointer-events:none;background:#030405;width:960px;height:540px}#film-surface iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.film-wait{color:#b6b7ba;background:#0a0c10;place-items:center;font:26px Arial;display:grid;position:absolute;inset:0}#world{z-index:1;background:0 0}#shade{z-index:2}header,#bubbles,#crosshair,#joystick,#reactions,.context{z-index:3}#entry,#menu,#toast{z-index:4}#film-start{z-index:4;border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:13px 23px;position:absolute;bottom:145px;left:50%;transform:translate(-50%)}.film-info{border-top:1px solid var(--line);padding-top:16px}.film-label{letter-spacing:1.5px;color:#a69983;margin-bottom:7px;font-size:10px;display:block}#now-playing{margin-bottom:9px;font-size:14px;display:block}#film-playlist{color:#bcab92;margin-top:8px;font-size:11px;text-decoration:none;display:block}@media (width<=720px){#film-start{bottom:180px}body.walking #film-start{bottom:330px}}
