@import "https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@300;400;900&display=swap";#props,#decorations{scrollbar-color:#9154d8 #fffaf2;scrollbar-width:thin;max-height:322px;padding:4px 5px 7px 0;overflow-y:auto}.prop-options button{flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden;padding:0!important}.option-preview{aspect-ratio:24/17;pointer-events:none;border-bottom:2px solid #1d1a2e;width:100%;height:auto;display:block}.option-caption{padding:8px 3px;font-size:15px;line-height:1.1;display:block}.prop-options button[aria-pressed=true]:after{content:"✓";background:#ffe14d;border:2px solid #1d1a2e;border-radius:50%;place-items:center;width:23px;height:23px;font-family:system-ui;font-size:14px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}#hand-panel{border-top:2px dashed #1d1a2e35;margin-top:18px;padding-top:14px}#hand-panel p{font-size:14px;line-height:1.4}#hand-status{background:#ffe14d;border-radius:7px;padding:8px}.hand-hint{pointer-events:none;background:#fffaf2;border:2px solid #1d1a2e;border-radius:8px;width:max-content;max-width:calc(100% - 24px);padding:7px 10px;font-size:14px;position:absolute;bottom:12px;left:12px;right:12px}.hand-hint[hidden]{display:none}.control-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.prop-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.prop-options button{background:#fffaf2;border:3px solid #1d1a2e;border-radius:9px;min-height:44px;padding:10px 5px;font-size:16px;box-shadow:0 3px #1d1a2e}.prop-options button[aria-pressed=true]{background:#ffe14d;transform:translateY(-2px);box-shadow:0 5px #1d1a2e}.control-tabs{gap:6px;margin-bottom:22px;display:flex}.control-tabs button{background:#fffaf2;border:3px solid #1d1a2e;border-radius:10px;flex:1;min-height:44px;padding:9px 4px;font-size:17px;box-shadow:0 3px #1d1a2e}.control-tabs button[aria-selected=true]{background:#ffe14d;transform:translateY(-2px);box-shadow:0 5px #1d1a2e}[role=tabpanel][hidden]{display:none}.style-actions{gap:10px;margin-top:22px;display:flex}.style-actions .button{padding:8px 12px;font-size:16px}.countdown{color:#ffe14d;-webkit-text-stroke:5px #1d1a2e;paint-order:stroke fill;text-shadow:0 7px #1d1a2e;pointer-events:none;background:#1d1a2e25;place-items:center;font-size:clamp(90px,18vw,170px);font-weight:900;display:grid;position:absolute;inset:0}.countdown[hidden]{display:none}@media (width>=681px){.booth{position:sticky;top:16px}}.custom-colour{border-top:2px dashed #1d1a2e35;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;font-size:17px;display:flex}.custom-colour output{color:#59566b;margin-top:3px;font-size:13px;display:block}.custom-colour input{cursor:pointer;background:#fffaf2;border:3px solid #1d1a2e;border-radius:8px;width:48px;height:40px;padding:2px}.face-play{border-top:2px dashed #1d1a2e35;margin-top:18px;padding-top:10px}.face-play .check{font-size:20px}.face-play p{margin:8px 0;font-size:14px;line-height:1.4}.reaction-buttons{flex-wrap:wrap;gap:6px;display:flex}.reaction-buttons button{background:#e6f5d7;border:2px solid #1d1a2e;border-radius:8px;min-height:36px;padding:7px 8px;font-size:14px;box-shadow:0 3px #1d1a2e}.reaction-buttons button:active{transform:translateY(2px);box-shadow:0 1px #1d1a2e}.reaction-hint{color:#59566b}.swatches button{min-height:32px}@media (width<=680px){.reaction-buttons button{min-height:44px}.custom-colour input{height:44px}}#preview[data-source=demo]{background:#abdde9}:root{--ink:#1d1a2e;--paper:#fffaf2;--yellow:#ffe14d;--red:#e9265c;--green:#4bea69;--blue:#2b83f6;color:var(--ink);font-synthesis:none;background:#b7e7f1;font-family:Londrina Solid,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(#b7e7f1 0%,#d3eff5 70%,#b0dad0 100%);min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.world-decor{pointer-events:none;height:100%;min-height:900px;position:absolute;inset:0;overflow:hidden}.noun-sticker{border:4px solid var(--ink);width:150px;box-shadow:0 6px 0 var(--ink);opacity:.85;image-rendering:pixelated;border-radius:16px;position:absolute}.rainbow{top:315px;left:-70px;transform:rotate(-12deg)}.pickle{top:500px;right:-75px;transform:rotate(13deg)}.pixel-cloud{background:#ffffff85;width:160px;height:35px;position:absolute;box-shadow:30px -22px #ffffff85,70px 15px #ffffff85}.cloud-one{top:120px;left:4%}.cloud-two{top:90px;right:8%;transform:scale(.75)}header,main{z-index:1;max-width:1160px;margin:auto;position:relative}header{justify-content:space-between;align-items:center;gap:15px;padding:20px 28px 0;display:flex}.logo,.game-link{border:3px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:8px 17px;text-decoration:none;display:flex}.logo{font-size:25px}.logo span,.game-link{font-size:16px}.header-note{letter-spacing:2px;font-size:15px}main{padding:20px 28px 0}.intro{text-align:center;justify-content:center;align-items:center;gap:35px;margin-bottom:25px;display:flex}.eyebrow,legend{letter-spacing:1.5px;margin:0 0 8px;font-size:15px;font-weight:400}h1{letter-spacing:1px;color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin:0;font-size:clamp(64px,8vw,104px);font-weight:900;line-height:.9}h1 span{color:var(--paper)}.lede{margin:14px 0 0;font-size:21px}.intro-symbol{color:var(--red);filter:drop-shadow(0 5px 0 var(--ink));transform:rotate(-9deg)}.pixel-noggles{align-items:center;gap:9px;width:max-content;display:flex;position:relative}.pixel-noggles i{background:linear-gradient(90deg,#fff 50%,#111 50%);border:9px solid;width:52px;height:45px;display:block}.pixel-noggles:after{content:"";background:currentColor;width:9px;height:9px;position:absolute;left:52px}.pixel-noggles:before{content:"";border-top:7px solid;border-left:7px solid;width:15px;height:22px;position:absolute;top:13px;left:-13px}.lab{grid-template-columns:minmax(0,1fr) 308px;align-items:start;gap:20px;display:grid}.booth,aside{border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:var(--paper);border-radius:20px}.booth{overflow:hidden}.viewfinder{background:#abdde9;position:relative;overflow:hidden}#preview{object-fit:contain;aspect-ratio:4/3;background:#17233a;width:100%;height:auto;max-height:500px;display:block}.mode-label{border:2px solid var(--ink);background:var(--yellow);letter-spacing:1px;box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;top:16px;left:16px}.corner{pointer-events:none;border:4px solid #fff9;width:24px;height:24px;position:absolute}.corner-tl{border-top:0;border-right:0;bottom:16px;left:16px}.corner-br{border-bottom:0;border-left:0;top:16px;right:16px}.capture-bar{border-top:4px solid var(--ink);grid-template-columns:1fr 68px 1fr;align-items:center;gap:14px;padding:15px;display:grid}.camera-action{flex-direction:column;align-items:flex-start;gap:10px;display:flex}#tracking{font-size:14px;line-height:1.2}.button{background:var(--paper);border:3px solid var(--ink);min-height:44px;box-shadow:0 4px 0 var(--ink);letter-spacing:.3px;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 15px;font-size:18px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button.primary{background:var(--yellow)}.button:hover:not(:disabled){filter:brightness(1.04)}.button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.source-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.source-row .button{padding:7px 11px;font-size:15px}.shutter{border:4px solid var(--ink);background:var(--paper);width:68px;height:68px;box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;transition:transform 80ms;display:grid}.shutter span{background:var(--red);border:2px solid var(--ink);border-radius:50%;width:48px;height:48px}.shutter:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.on{animation:.25s flash}@keyframes flash{0%{opacity:.8}to{opacity:0}}aside{padding:17px}.panel-heading{align-items:center;gap:10px;margin-bottom:22px;display:flex}.panel-heading img{object-fit:cover;border:3px solid var(--ink);width:54px;height:54px;image-rendering:pixelated;border-radius:12px}.panel-heading .eyebrow{letter-spacing:1px;margin-bottom:4px;font-size:11px}h2{margin:0;font-size:30px;font-weight:400;line-height:1}.panel-heading h2{font-size:27px}fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}legend{margin-bottom:12px;font-size:14px}.looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.look{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:12px;padding:12px 2px 9px;font-size:14px;transition:transform 80ms,background 80ms}.look.selected{background:var(--yellow);box-shadow:0 7px 0 var(--ink);transform:translateY(-3px)}.look-icon{color:var(--ink);gap:5px;margin:3px auto 12px}.look-icon i{border-width:4px;width:23px;height:23px}.look-icon:after{width:5px;height:4px;left:23px}.look-icon:before{border-width:3px;width:7px;height:10px;top:7px;left:-6px}.shades i{background:#151520}.shades i:after{content:"";background:#fff;width:3px;height:6px;margin:2px;display:block}.pixel-icon{height:35px;margin-bottom:3px;font-size:28px;line-height:1;display:block}.swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.swatches button{aspect-ratio:1;border:3px solid var(--ink);background:var(--swatch);min-width:0;box-shadow:0 3px 0 var(--ink);border-radius:7px;position:relative}.swatches button[aria-pressed=true]{box-shadow:0 6px 0 var(--ink);transform:translateY(-3px)}.swatches button[aria-pressed=true]:after{content:"✓";color:var(--ink);-webkit-text-stroke:2px white;paint-order:stroke fill;place-items:center;font-family:system-ui;font-size:20px;display:grid;position:absolute;inset:0}.slider-label{justify-content:space-between;margin-top:20px;font-size:18px;display:flex}output{font-size:15px}input[type=range]{width:100%;accent-color:var(--red);height:20px;margin:13px 0 15px}input[type=checkbox]{accent-color:var(--ink);width:20px;height:20px}.check{align-items:center;gap:8px;min-height:32px;font-size:16px;display:flex}.message{border:2px solid var(--ink);background:#e6f5d7;border-radius:10px;margin:16px 0 10px;padding:10px 12px;font-size:16px;line-height:1.25}.message.error{background:#ffe2e7}.privacy{color:#59566b;margin:0;font-family:system-ui,sans-serif;font-size:11px;line-height:1.45}.photo-result{border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:var(--paper);border-radius:20px;align-items:center;gap:30px;margin-top:32px;padding:24px;display:flex}.photo-result[hidden]{display:none}.photo-result img{width:220px;max-width:45%;box-shadow:0 4px 0 var(--ink);border:8px solid #fff;transform:rotate(-3deg)}.photo-result h2{margin-bottom:22px;font-size:40px}.photo-result .button{margin:0 8px 12px 0}footer{flex-wrap:wrap;justify-content:space-between;gap:15px;padding:30px 0 24px;font-size:15px;display:flex}footer a{text-decoration:none}@media (width<=950px){header,main{max-width:900px;padding-left:20px;padding-right:20px}.lab{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.capture-bar{grid-template-columns:1fr 62px;gap:12px}.source-row{grid-column:1/-1;justify-content:flex-start}.shutter{width:62px;height:62px}.panel-heading h2{font-size:24px}.looks{gap:6px}.look{font-size:12px}.swatches{gap:6px}.intro{gap:25px}.noun-sticker{display:none}}@media (width<=680px){header{padding:14px 14px 0}.header-note{display:none}.logo{padding:7px 12px;font-size:20px}.logo span,.game-link{font-size:14px}.game-link{padding:8px 12px}main{padding:20px 14px 0}.intro{gap:0;margin-bottom:20px}.intro-symbol{display:none}h1{-webkit-text-stroke:4px var(--ink);text-shadow:0 5px 0 var(--ink);font-size:70px}.eyebrow{font-size:12px}.lede{margin-top:10px;font-size:18px}.lab{grid-template-columns:1fr;gap:24px}.booth,aside{box-shadow:0 5px 0 var(--ink);border-width:3px;border-radius:17px}.capture-bar{border-top-width:3px;grid-template-columns:1fr 62px;padding:13px}.camera-action{gap:8px}.source-row{gap:10px}.source-row .button{font-size:16px}.mode-label{font-size:10px;top:12px;left:12px}aside{padding:18px}.panel-heading h2{font-size:30px}.panel-heading{margin-bottom:20px}.look{padding:15px 4px 12px;font-size:16px}.look-icon i{width:27px;height:27px}.look-icon:after{left:27px}.pixel-icon{height:39px;font-size:32px}.swatches{gap:10px}.swatches button{min-height:34px}.privacy{font-size:12px}.photo-result{flex-direction:column;align-items:flex-start;gap:20px;padding:18px}.photo-result img{width:100%;max-width:100%}footer{font-size:14px}.world-decor{min-height:1200px}.cloud-one{top:140px;left:-90px}.cloud-two{top:250px;right:-60px}}@media (prefers-reduced-motion:reduce){.flash.on{animation:none}.button,.look,.shutter{transition:none}}