: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}.election-prompt{position:absolute;z-index:5;bottom:155px;left:50%;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 24px);min-height:48px;padding:10px 18px;transform:translate(-50%);border:1px solid #efd46d;border-radius:4px;background:#203735;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.election-prompt:focus-visible{outline:3px solid #efd46d;outline-offset:3px}.election-prompt[hidden],.election-dialog [hidden]{display:none}.election-dialog{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;border:1px solid #9bb8ad;border-top:5px solid #438b70;border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #152d3540}.election-dialog::backdrop{background:#142c326b}.election-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.election-eyebrow{font-family:var(--mono);font-size:9px;line-height:1.6}.election-close{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:transparent;cursor:pointer}.election-dialog h2{margin:18px 0 24px;font-size:30px}.election-account{display:grid;gap:15px}.election-account label:not(.election-register){display:grid;gap:7px;font-size:12px}.election-account-help{margin-top:-10px;color:var(--muted);font-size:11px;line-height:1.5}.election-account input:not([type=checkbox]){width:100%;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #b0c6ba;border-radius:3px;background:#fff;color:var(--ink);font-size:16px;-webkit-user-select:text;user-select:text}.election-register{display:flex;align-items:center;gap:8px;font-size:12px}.election-primary{width:100%;min-height:48px;border:0;border-radius:3px;background:#276f53;color:#fff;font-weight:700;cursor:pointer}.election-primary:disabled{opacity:.5;cursor:wait}.election-ballot fieldset{display:grid;gap:12px;margin:0 0 20px;padding:0;border:0}.election-ballot legend{margin-bottom:14px;font-size:12px}.election-ballot label{min-height:76px;display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #c2d3c8;border-radius:4px;cursor:pointer}.election-ballot label:has(:checked){border-color:#276f53;background:#dfefe4}.election-ballot strong{font-family:var(--display);font-size:28px}.election-message{min-height:20px;margin:18px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}@media(max-width:820px),(hover:none)and (pointer:coarse){.election-prompt{bottom:calc(250px + env(safe-area-inset-bottom,0px));min-height:56px;padding-inline:22px;font-size:15px}}*,*: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(.game-help-button):not(.vehicle-action-button):not(.chat-panel){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-help-button{position:absolute;top:150px;left:24px;width:40px;height:40px;border:1px solid rgba(32,55,53,.16);border-radius:50%;background:#f8faf5f0;color:var(--ink);font-size:20px;font-weight:700;cursor:pointer;pointer-events:auto}.game-tutorial{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;border:1px solid #9bb8ad;border-top:5px solid #438b70;border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #152d3540}.game-tutorial::backdrop{background:#142c3280}.game-tutorial-eyebrow{margin:0 0 10px;color:#438b70;font-family:var(--mono);font-size:10px;font-weight:500}.game-tutorial h2{margin:0;font-size:27px}.game-tutorial-intro{margin:8px 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.game-tutorial-instructions{display:grid;gap:12px;margin:0 0 22px;padding-left:20px;font-size:14px;line-height:1.5}.game-tutorial-instructions[hidden]{display:none}.game-tutorial-dismiss{width:100%;min-height:48px;border:0;border-radius:3px;background:#276f53;color:#fff;font-weight:700;cursor:pointer}.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-action-button{position:absolute;right:24px;bottom:84px;min-height:36px;padding:0 14px;border:0;background:#438b70;color:#fff;font-size:12px;font-weight:700;cursor:pointer;pointer-events:auto;touch-action:manipulation}.vehicle-action-button:active:not(:disabled){transform:scale(.96)}.vehicle-action-button:disabled{opacity:.78;cursor:wait}.vehicle-action-button:hover{background:#34765d}.vehicle-action-button.is-exiting{background:var(--coral)}.vehicle-action-button.is-exiting: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-toggle-button:active{background:#fff;transform:scale(.96)}.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-joystick{position:absolute;bottom:22px;left:18px;width:132px;height:132px;padding:0;border:1px solid rgba(32,55,53,.22);border-radius:50%;background:radial-gradient(circle,#f8faf538 0 34%,#2037351a 35% 100%);box-shadow:inset 0 2px 8px #2037351f,0 5px 18px #20373524;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;pointer-events:auto}.mobile-joystick:active{cursor:grabbing;background:radial-gradient(circle,#f8faf54d 0 34%,#20373529 35% 100%)}.mobile-joystick-thumb{position:absolute;top:50%;left:50%;width:54px;height:54px;border:1px solid rgba(32,55,53,.22);border-radius:50%;background:#f8faf5e6;box-shadow:0 2px 8px #20373533;transform:translate(calc(-50% + var(--stick-x, 0px)),calc(-50% + var(--stick-y, 0px)));pointer-events:none}.mobile-jump{position:absolute;right:20px;bottom:34px;width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(32,55,53,.14);border-radius:50%;background:#f8faf5db;color:var(--ink);box-shadow:0 3px 12px #20373529;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.mobile-jump:active{background:#fffffffa;transform:scale(.94)}.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-joystick{bottom:calc(18px + env(safe-area-inset-bottom,0px));left:calc(12px + env(safe-area-inset-left,0px))}.mobile-jump{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}.game-help-button{top:calc(12px + env(safe-area-inset-top,0px));left:calc(64px + env(safe-area-inset-left,0px));width:44px;height:44px}.vehicle-action-button{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));min-height:48px;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{top:calc(112px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:auto;width:48px}.chat-toggle-button{width:48px;min-height:48px;flex-basis:48px}.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}}