:root{font-family:DM Sans,sans-serif;color:#203735;background:#edf3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #203735;--muted: #748580;--line: #dce5dd;--paper: #f8faf5;--coral: #ef563e;--mint: #a8d6c6;--mono: "DM Mono", monospace;--display: "Bricolage Grotesque", sans-serif}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:78px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 4.4vw;border-bottom:1px solid var(--line)}.wordmark{width:fit-content;color:var(--ink);font-family:var(--display);font-size:34px;font-weight:800;line-height:1;letter-spacing:0;text-decoration:none}.wordmark span{color:var(--coral)}.topbar-center{justify-self:center}.step-marker,.progress-label,.eyebrow,.stage-label,.stage-coordinates,.stage-tip,.stage-id,.panel-footnote{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:0}.step-marker{display:flex;align-items:center;gap:10px;color:#657771}.step-dot,.live-dot,.footnote-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#54a982}.progress-label{justify-self:end;display:flex;align-items:baseline;gap:14px;color:var(--muted)}.progress-label strong{color:var(--ink);font-size:12px;font-weight:500}.progress-label i{color:#91a09a;font-style:normal}.creator-layout{width:min(1600px,100%);min-height:calc(100vh - 78px);margin:0 auto;padding:0 4.4vw;display:grid;grid-template-columns:minmax(190px,.78fr) minmax(390px,1.72fr) minmax(290px,.92fr);gap:clamp(22px,3.2vw,52px);align-items:stretch}.intro-column{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:29px 0 22px;animation:arrive .62s both}.eyebrow{margin:0;color:#788a82;font-size:9px}.intro-column .eyebrow span{color:var(--coral)}h1,h2,p{margin-top:0}h1{margin-bottom:24px;margin-top:35px;color:var(--ink);font-family:var(--display);font-size:54px;font-weight:700;line-height:.98;letter-spacing:0}h1 span{color:var(--coral)}.intro-copy{max-width:230px;margin-bottom:0;color:#657771;font-size:14px;line-height:1.65}.look-count{display:flex;align-items:center;gap:12px;margin-top:auto;color:#657771}.count-number{color:var(--coral);font-family:var(--display);font-size:32px;font-weight:700}.count-rule{width:33px;height:1px;background:#a8b9af}.count-caption{font-family:var(--mono);font-size:8px;line-height:1.55}.preview-stage{position:relative;min-height:610px;overflow:hidden;isolation:isolate;background-color:#d6ece8;background-image:linear-gradient(rgba(54,99,87,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(54,99,87,.055) 1px,transparent 1px);background-size:34px 34px;animation:arrive .68s 70ms both}.preview-stage:after{position:absolute;z-index:-1;right:-62px;bottom:77px;width:170px;height:170px;border:1px solid rgba(47,103,88,.14);content:"";transform:rotate(27deg)}.avatar-viewport{position:absolute;inset:0}.avatar-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.avatar-viewport .speech-layer{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.speech-bubble{max-width:190px;padding:8px 11px;border:1px solid rgba(32,55,53,.12);border-radius:4px;background:#fffdf5;box-shadow:0 3px 10px #20373524;color:#203735;font-size:12px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.player-name-label{padding:3px 7px;border-radius:3px;background:#203735e0;color:#fff;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.stage-topline,.stage-bottomline{position:absolute;z-index:2;right:24px;left:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-topline{top:22px}.stage-bottomline{bottom:20px}.stage-label{display:flex;align-items:center;gap:8px;color:#355e54}.live-dot{width:6px;height:6px;box-shadow:0 0 0 3px #54a98229}.stage-coordinates,.stage-tip,.stage-id{color:#668078;font-size:8px}.app-shell.is-playing .creator-layout{min-height:calc(100svh - 78px);display:block;padding:18px 4vw 24px}.app-shell.is-playing .creator-layout>:not(.preview-stage),.app-shell.is-playing>.topbar{display:none}.app-shell.is-playing .preview-stage{width:100%;height:calc(100svh - 120px);min-height:480px;margin:0;animation:none}.game-hud{position:absolute;z-index:3;inset:0;pointer-events:none}.game-hud[hidden]{display:none}.app-shell.is-hud-minimal .game-hud>*:not(.hud-toggle-button):not(.vehicle-enter-button):not(.vehicle-exit-button){visibility:hidden}.app-shell.is-hud-minimal .stage-topline,.app-shell.is-hud-minimal .stage-bottomline,.app-shell.is-hud-minimal .stage-sticker{visibility:hidden}.app-shell.is-hud-minimal .game-hud>.mobile-controls{visibility:visible}.hud-toggle-button{position:absolute;top:104px;left:24px;min-height:36px;padding:0 10px;border:1px solid rgba(32,55,53,.16);background:#f8faf5f0;color:var(--ink);font-size:10px;cursor:pointer;pointer-events:auto}.game-exit-button{position:absolute;top:50px;right:24px;min-height:40px;padding:0 14px;border:0;background:var(--ink);color:#fff;font-size:12px;cursor:pointer;pointer-events:auto}.game-exit-button:hover{background:#315a50}.vehicle-enter-button,.vehicle-exit-button{position:absolute;right:24px;bottom:84px;min-height:36px;padding:0 14px;border:0;background:var(--coral);color:#fff;font-size:12px;font-weight:700;cursor:pointer;pointer-events:auto}.vehicle-enter-button{background:#438b70}.vehicle-enter-button:hover{background:#34765d}.vehicle-exit-button:hover{background:#d94331}.camera-reset-button{position:absolute;top:50px;left:24px;width:40px;height:40px;display:grid;place-items:center;border:0;background:#f8faf5f0;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;pointer-events:auto}.room-status{position:absolute;top:50px;left:50%;min-height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#f8faf5f0;color:#52665f;font-family:var(--mono);font-size:9px;white-space:nowrap;transform:translate(-50%);pointer-events:none}.room-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#d18d5f}.room-status.is-online .room-status-dot{background:#54a982;box-shadow:0 0 0 3px #54a98224}.room-status.is-offline .room-status-dot{background:#d18d5f}.room-status-separator{color:#a0ada6}.chat-panel{position:absolute;bottom:24px;left:50%;width:min(430px,calc(100% - 32px));display:flex;align-items:stretch;gap:6px;transform:translate(-50%);pointer-events:auto}.chat-panel.is-minimized{right:24px;left:auto;width:44px;transform:none}.chat-toggle-button{display:grid;place-items:center;width:44px;min-height:44px;flex:0 0 44px;padding:0;border:1px solid rgba(32,55,53,.14);border-radius:4px;background:#f8faf5f5;color:var(--ink);cursor:pointer;touch-action:manipulation}.chat-form{min-width:0;min-height:44px;display:flex;flex:1;gap:6px;padding:5px;border:1px solid rgba(32,55,53,.14);background:#f8faf5f5}.chat-form[hidden]{display:none}.chat-form input{min-width:0;flex:1;padding:0 9px;border:0;background:#fff;color:var(--ink);font-size:12px}.chat-form input:disabled{color:#91a09a}.chat-form button{min-width:64px;border:0;background:var(--ink);color:#fff;font-size:11px;cursor:pointer}.chat-form button:disabled{background:#9aa9a1;cursor:not-allowed}.mobile-controls{display:none;position:absolute;inset:0;pointer-events:none;touch-action:none}.mobile-controls[hidden]{display:none!important}.mobile-dpad{position:absolute;bottom:28px;left:18px;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:4px;pointer-events:auto}.mobile-direction{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(32,55,53,.14);border-radius:4px;background:#ffffff7a;color:var(--ink);font-size:22px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-direction[data-move-key=KeyW]{grid-column:2;grid-row:1}.mobile-direction[data-move-key="KeyW KeyA"]{grid-column:1;grid-row:1}.mobile-direction[data-move-key="KeyW KeyD"]{grid-column:3;grid-row:1}.mobile-direction[data-move-key=KeyA]{grid-column:1;grid-row:2}.mobile-direction[data-move-key=KeyS]{grid-column:2;grid-row:3}.mobile-direction[data-move-key=KeyD]{grid-column:3;grid-row:2}.mobile-direction[data-move-key="KeyS KeyA"]{grid-column:1;grid-row:3}.mobile-direction[data-move-key="KeyS KeyD"]{grid-column:3;grid-row:3}.mobile-direction.is-pressed,.mobile-jump:active{background:#ffffffc2}.mobile-jump{position:absolute;right:20px;bottom:34px;width:74px;height:60px;border:1px solid rgba(32,55,53,.14);border-radius:4px;background:#ffffff7a;color:var(--ink);font-size:12px;font-weight:600;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.stage-coordinates span{padding:0 4px;color:var(--coral)}.stage-id strong{color:var(--ink);font-weight:500}.stage-sticker{position:absolute;z-index:2;top:48%;right:22px;color:#28515a59;font-family:var(--display);font-size:10px;font-weight:800;line-height:1.05;text-align:center;transform:translateY(-50%);pointer-events:none}.customizer{align-self:center;padding:25px 0 21px;animation:arrive .72s .14s both}.customizer-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line)}.customizer-heading .eyebrow{margin-bottom:9px}h2{margin-bottom:0;color:var(--ink);font-family:var(--display);font-size:24px;font-weight:700;line-height:1.05;letter-spacing:0}.color-count{color:#92a29a;font-family:var(--mono);font-size:11px}.color-list{padding-top:5px}.color-row{min-height:66px;display:grid;grid-template-columns:28px minmax(75px,1fr) 68px 38px;align-items:center;gap:8px;border-bottom:1px solid var(--line);cursor:pointer}.color-row.hair-row,.color-row.hat-row{grid-template-columns:20px 52px minmax(52px,1fr) 55px 34px;gap:5px;cursor:default}.color-index{color:#9baaa3;font-family:var(--mono);font-size:9px}.color-name{color:#354b46;font-size:13px;font-weight:600}.color-value{color:#83938c;font-family:var(--mono);font-size:9px;text-align:right}.hair-row select,.hat-row select{width:100%;min-width:0;height:34px;padding:0 5px;border:1px solid #cbd8cf;border-radius:3px;background:var(--paper);color:var(--ink);font-size:10px;cursor:pointer}input[type=color]{width:34px;height:34px;justify-self:end;padding:4px;overflow:hidden;border:1px solid #c7d5cc;border-radius:5px;background:#fff;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}input[type=color]::-moz-color-swatch{border:0;border-radius:2px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #439c7b;outline-offset:3px}.customizer-options{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0 20px}.switch-row{position:relative;display:flex;align-items:center;gap:10px;color:#52665f;font-size:11px;cursor:pointer}.switch-input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{width:34px;height:19px;padding:3px;border:1px solid #cbd8cf;border-radius:12px;background:#dfe8e0;transition:background-color .15s ease}.switch-track span{display:block;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1f403533;transition:transform .15s ease}.switch-input:checked+.switch-track{border-color:#438b70;background:#438b70}.switch-input:checked+.switch-track span{transform:translate(14px)}.switch-input:focus-visible+.switch-track{outline:3px solid #439c7b;outline-offset:3px}.reset-button{padding:5px 0;border:0;background:transparent;color:#70817a;font-size:10px;cursor:pointer}.reset-button:hover{color:var(--coral)}.lobby-capacity{min-height:16px;margin:14px 0 8px;color:#70817a;font-family:var(--mono);font-size:10px;text-align:center}.confirm-button{width:100%;min-height:53px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border:0;background:var(--ink);color:#fff;font-family:var(--display);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.confirm-button:hover{background:#315a50;transform:translateY(-1px)}.confirm-button:disabled{background:#89948f;cursor:not-allowed;transform:none}.button-arrow{color:#f0d36d;font-family:DM Sans,sans-serif;font-size:21px}.confirm-feedback{min-height:18px;margin:9px 0 0;color:#438b70;font-size:10px;line-height:1.45}.panel-footnote{display:flex;align-items:center;gap:8px;margin:11px 0 0;color:#81928a;font-size:8px}.footnote-dot{width:5px;height:5px;background:#e7bc4b}@keyframes arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.creator-layout{grid-template-columns:minmax(170px,.7fr) minmax(340px,1.35fr) minmax(265px,.9fr);gap:24px;padding-right:3vw;padding-left:3vw}h1{font-size:38px}.preview-stage{min-height:570px}.color-row{grid-template-columns:24px minmax(65px,1fr) 62px 36px;gap:6px}}@media(max-width:820px){.topbar{height:68px;padding:0 24px}.creator-layout{min-height:auto;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:18px 24px;padding:23px 24px 32px}.intro-column{min-height:280px;padding:17px 0}h1{margin-top:24px;font-size:45px}.look-count{margin-top:20px}.preview-stage{min-height:470px;grid-column:1;grid-row:2}.customizer{grid-column:2;grid-row:1 / span 2;align-self:center}}@media(max-width:620px){.topbar{height:62px;grid-template-columns:1fr auto;padding:0 18px}.wordmark{font-size:30px}.topbar-center{display:none}.progress-label{gap:9px}.creator-layout{display:flex;flex-direction:column;gap:0;padding:18px 16px 30px}.intro-column{min-height:0;padding:10px 2px 18px}h1{margin:15px 0 9px;font-size:37px;line-height:.97}.intro-copy{max-width:300px;font-size:12px}.look-count{display:none}.preview-stage{min-height:390px;flex:0 0 390px;margin-bottom:20px}.stage-topline,.stage-bottomline{right:15px;left:15px}.stage-topline{top:15px}.stage-bottomline{bottom:14px}.stage-coordinates{font-size:7px}.customizer{width:100%;align-self:stretch;padding:10px 3px 0}.customizer-heading{padding-bottom:15px}h2{font-size:22px}.color-row{min-height:59px;grid-template-columns:28px minmax(75px,1fr) 72px 38px;gap:8px}.customizer-options{padding:14px 0 17px}.confirm-button{min-height:51px}}@media(max-width:820px),(hover:none)and (pointer:coarse){body:has(.app-shell.is-playing){overflow:hidden;overscroll-behavior:none}.app-shell.is-playing{position:fixed;inset:0;top:var(--game-viewport-top, 0px);bottom:auto;width:100%;height:100vh;height:var(--game-viewport-height, 100dvh);min-height:0}.app-shell.is-playing .topbar{display:none}.app-shell.is-playing .creator-layout{width:100%;height:100%;min-height:0;margin:0;padding:0}.app-shell.is-playing .preview-stage{height:100%;min-height:0;margin:0;flex:none}.app-shell.is-playing .stage-topline,.app-shell.is-playing .stage-bottomline,.app-shell.is-playing .stage-coordinates,.app-shell.is-playing .stage-sticker{display:none}.game-exit-button{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}.camera-reset-button{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));width:44px;height:44px}.hud-toggle-button{top:calc(64px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));left:auto;min-height:36px;padding:0 9px;font-size:9px}.room-status{top:calc(64px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));max-width:calc(100% - 124px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));min-height:40px;flex-wrap:wrap;gap:6px;padding:0 8px;font-size:8px;white-space:normal;transform:none}#room-connection-label{overflow-wrap:anywhere}.app-shell.is-playing .mobile-controls:not([hidden]){display:block}.mobile-dpad{bottom:calc(22px + env(safe-area-inset-bottom,0px));left:calc(12px + env(safe-area-inset-left,0px))}.mobile-jump{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(34px + env(safe-area-inset-bottom,0px))}.vehicle-enter-button,.vehicle-exit-button{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(104px + env(safe-area-inset-bottom,0px));min-height:44px;padding:0 16px}.chat-panel{bottom:calc(195px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.chat-panel.is-minimized{right:calc(16px + env(safe-area-inset-right,0px));width:44px}.chat-form input{font-size:16px}}@media(min-width:560px)and (max-height:480px)and (orientation:landscape){.app-shell.is-playing .chat-panel:not(.is-minimized){bottom:calc(22px + env(safe-area-inset-bottom,0px));width:min(430px,calc(100% - 340px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.control-section{margin-top:19px}.control-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.control-section-heading h3{margin:0;color:#354b46;font-family:var(--display);font-size:14px;font-weight:700;line-height:1.2}.control-section-heading>span{color:#8b9a92;font-family:var(--mono);font-size:8px;white-space:nowrap}.body-width-value,.range-labels{color:#7e9087;font-family:var(--mono);font-size:9px}.body-width-slider{width:100%;height:20px;display:block;margin:9px 0 1px;appearance:none;background:transparent;cursor:ew-resize}.body-width-slider::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#cbd8cf}.body-width-slider::-moz-range-track{height:4px;border-radius:4px;background:#cbd8cf}.body-width-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border:3px solid #fff;border-radius:50%;background:#438b70;box-shadow:0 0 0 1px #438b70}.body-width-slider::-moz-range-thumb{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#438b70;box-shadow:0 0 0 1px #438b70}.range-labels{display:flex;justify-content:space-between;color:#9aa9a1;font-size:8px}.shirt-text-section{margin-top:21px}.name-section .shirt-text-field{margin-top:11px}.shirt-text-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin-top:11px}.shirt-text-field{min-width:0;display:flex;flex-direction:column;gap:6px;color:#6f8179;font-size:10px}.shirt-text-field input{width:100%;min-width:0;height:37px;padding:0 9px;border:1px solid #cbd8cf;border-radius:3px;background:var(--paper);color:var(--ink);font-size:12px}.shirt-text-field input::placeholder{color:#9aa9a1}@media(max-width:620px){.control-section{margin-top:17px}.shirt-text-section{margin-top:19px}.body-width-slider{height:24px}}@media(min-width:821px)and (max-height:900px){.creator-layout{height:100svh;min-height:0}.preview-stage{min-height:0}.customizer{align-self:stretch;min-height:0;overflow-y:auto;padding:20px 0 16px}.customizer-heading{padding-bottom:14px}.color-row{min-height:54px}.control-section{margin-top:12px}.shirt-text-section{margin-top:14px}.name-section .shirt-text-field{margin-top:8px}.customizer-options{padding:10px 0 12px}.lobby-capacity{margin:8px 0 4px}.app-shell.is-playing .creator-layout{height:auto}}