:root{--paper:#171527;--ink:#f3ece5;--muted:#b2a7c3;--line:#4b425e;--accent:#b4a4f8;--mint:#a4d4bf;--lavender:#29233f;--peach:#4b314b;font-family:Arial,Helvetica,sans-serif;line-height:1.45;background:var(--paper);color:var(--ink);color-scheme:dark}
body.theme-mint{--accent:#a4d4bf;--lavender:#203c3b}body.theme-rose{--accent:#efacae;--lavender:#40263e}body.theme-sky{--accent:#a2cce2;--lavender:#253347}
body{min-height:100dvh;background:radial-gradient(ellipse at 48% 20%,#2c2543 0,#171527 70%)}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.045em}p{line-height:1.55}button svg{pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-page=home],body[data-page=workshop],body[data-page=play],body[data-page=cookie]{height:100dvh;overflow:hidden}main{min-height:0}.page{max-width:1320px;padding:76px 5% 40px;animation:scene-in .24s ease}.game-header{position:fixed;top:0;left:0;right:0;height:72px;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;z-index:8;pointer-events:none;background:linear-gradient(#151425a8,transparent)}.game-header>*{pointer-events:auto}.wordmark{display:flex;align-items:center;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:900;font-style:italic;letter-spacing:-.085em;line-height:1;color:#fff7e8;text-shadow:2px 3px 0 #21172c}.wordmark i{width:8px;height:8px;background:#ebafa7;margin:20px 0 0 6px;transform:rotate(-12deg)}.wordmark #world-name{max-width:min(55vw,380px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:10px}.ui-icon{width:29px;height:29px;max-width:none;flex-shrink:0}.icon-button{width:46px;height:46px;min-width:46px;padding:9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c2b5cf33;border-radius:10px;background:#201b35cc;color:#eae2ee;transition:background .15s,transform .15s;box-shadow:0 4px 0 #100d1e66}.icon-button:hover{background:#514461;transform:translateY(-2px)}.icon-button:active{transform:translateY(2px);box-shadow:none}.icon-button:disabled{transform:none;opacity:.35}.icon-button[aria-pressed=true]{color:var(--mint);border-color:var(--mint)}
.room-page{max-width:none;padding:0;width:100%;height:100dvh;display:grid;place-items:center;background:#0f0e1d}.room-scene{width:min(100vw,150dvh);height:min(100dvh,66.6667vw);position:relative;isolation:isolate}.room-picture,.room-picture img{width:100%;height:100%;display:block}.room-picture img{object-fit:cover}.room-scene::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0b0a153b;z-index:2}.room-object{position:absolute;padding:0;border:0;border-radius:40%;background:transparent;z-index:3;user-select:none;-webkit-touch-callout:none;transition:filter .2s}.room-object::before{content:'';position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#b9e7cb24,transparent 70%);opacity:0;transition:opacity .2s,transform .25s}.room-object:hover::before,.room-object:focus-visible::before{opacity:1;transform:scale(1.12)}.room-object:focus-visible{outline:2px solid #d8f6da;outline-offset:1px}.room-object span{position:absolute;bottom:-8px;left:50%;transform:translate(-50%,6px);color:#fff4dc;background:#241d39ed;padding:6px 13px;border:1px solid #9f90b9;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;white-space:nowrap;transition:opacity .16s,transform .16s;pointer-events:none;box-shadow:3px 3px 0 #0f0a1b}.room-object:hover span,.room-object:focus-visible span{opacity:1;transform:translate(-50%,0)}.object-marker{position:absolute;left:50%;bottom:0;width:12px;height:12px;background:#f4e8d4;border:3px solid #231b34;transform:translate(-50%,0) rotate(45deg);box-shadow:0 0 0 1px #f4e8d488,0 0 10px #f4e8d488;transition:transform .2s}.object-play .object-marker{width:16px;height:16px;background:#adf1d1;box-shadow:0 0 0 1px #adf1d188,0 0 18px #adf1d1a1;animation:marker 3s ease-in-out infinite}.room-object:hover .object-marker,.room-object:focus-visible .object-marker{transform:translate(-50%,0) rotate(135deg);background:#adf1d1}.object-make{left:5%;top:36%;width:17%;height:22%}.object-play{left:44%;top:57%;width:35%;height:24%}.object-album{left:68%;top:32%;width:29%;height:24%}.object-cookie{left:69%;top:11%;width:27%;height:19%}.object-shelf{left:30%;top:15%;width:24%;height:26%}
.maker-page{padding:76px 24px 18px;height:100dvh;max-width:1300px;display:flex;flex-direction:column;gap:6px}.workbench{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;background:none;border:0;border-radius:0;gap:34px;overflow:visible}.doll-stage{background:transparent;padding:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.maker-figure{position:relative;height:calc(100% - 64px);width:100%;min-height:0;max-width:600px;z-index:2;display:grid;place-items:center}.maker-doll{height:100%;width:100%;max-width:440px;margin:0;filter:drop-shadow(13px 18px 0 #100d2366);transition:none}.maker-doll>svg{height:100%;width:100%;max-width:none}.maker-doll.changed{animation:material-arrive .3s cubic-bezier(.2,.8,.3,1)}.stage-orbit{position:absolute;top:7%;left:50%;width:min(520px,90%);aspect-ratio:1;border-radius:50%;transform:translateX(-50%) rotate(-25deg);background:radial-gradient(ellipse at 38% 30%,#65537380,#2c274740 65%,transparent 68%);border:1px solid #9b89b82b;z-index:0}.stage-orbit::before{content:'';position:absolute;inset:22px;border:1px dashed #9b89b826;border-radius:50%}.stage-orbit::after{content:'';position:absolute;inset:45px;border-top:1px solid #c7b1dc66;border-radius:50%}.stage-floor{position:absolute;left:22%;right:22%;height:26px;bottom:57px;z-index:1;background:radial-gradient(ellipse,#0907138c,transparent 70%);transform:scaleY(.8)}.part-hit{position:absolute;z-index:3;border:0;background:none;border-radius:50%;min-width:44px;min-height:44px;padding:0}.part-hit:hover,.part-hit:focus-visible{box-shadow:0 0 0 2px #dafce388,0 0 25px #dafce344}.hit-face{left:32%;top:30%;width:36%;height:18%}.hit-fabric{left:36%;top:57%;width:28%;height:25%}.name-tag{transform:none;background:none;border:0;padding:0 8px;height:48px;min-width:0;width:min(320px,70%);z-index:3;text-align:center}.name-tag input{font:700 19px Arial,sans-serif;color:#e9dfeb;width:100%;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #b7a5c950;border-radius:0;line-height:1.2}.name-tag input:focus{outline-offset:2px}.stage-tools{position:absolute;left:0;bottom:8px;display:flex;flex-direction:column;gap:8px;margin:0;z-index:5}.stage-tools button,.stage-tools button:first-child,.stage-tools button:last-child{padding:9px;font-size:14px;min-height:46px}.materials{align-self:center;padding:20px 15px 15px;min-height:340px;width:340px;background:linear-gradient(135deg,#343047e8,#211c33ef);border:1px solid #70627c;border-radius:6px 6px 28px 6px;box-shadow:9px 12px 0 #100c2180;position:relative}.materials::before{content:'';position:absolute;top:-5px;left:16px;right:16px;height:4px;background:#a19bb055}.material-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:0;gap:7px;margin-bottom:14px}.material-tabs button{height:54px;display:grid;place-items:center;padding:8px;border:1px solid #a79bb533;border-radius:6px;color:#baadc9;background:#15112655;transition:transform .16s}.material-tabs button[aria-selected=true]{background:#ac9dd0;color:#241c34;border-color:#ddd0f3;box-shadow:0 4px 0 #675380;transform:translateY(-3px)}.material-tabs button:hover{color:#fff6e7}.material-tabs button[aria-selected=true]:hover{color:#241c34}.material-heading{display:none}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option{position:relative;border-radius:6px;background:#211b31;border:1px solid #79678988;min-width:0;padding:3px;overflow:hidden;transition:background .15s,transform .15s}.option svg{height:127px;width:100%}.option span.option-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.option[aria-pressed=true]{background:#5b4d70;border:2px solid #d6c8ea;padding:2px;box-shadow:0 0 0 2px #8f7bb92c}.option[aria-pressed=true]::after{content:'';position:absolute;right:5px;top:5px;width:7px;height:7px;transform:rotate(45deg);background:#a9e5c8;box-shadow:1px 1px 0 #14261f}.option:hover{background:#49405d;transform:translateY(-2px)}.fabric-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 4px}.fabric-grid .option{height:60px;padding:7px}.fabric-swatch{display:block;width:100%;height:100%;border-radius:4px;box-shadow:inset -6px -5px 0 #221c312a;border:1px dashed #fff7;transform:rotate(-5deg)}.patterns{margin-top:12px}.patterns p{display:none}.pattern-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pattern-row .option{height:54px;padding:9px}.pattern-chip{display:block;width:100%;height:100%;border-radius:3px;background-color:#bbacbf}.pattern-chip.dots{background-image:radial-gradient(#f7edda 2px,transparent 2px);background-size:10px 10px}.pattern-chip.gingham{background-image:repeating-linear-gradient(0deg,#30243950 0 6px,transparent 6px 12px),repeating-linear-gradient(90deg,#30243950 0 6px,transparent 6px 12px)}.pattern-chip.stars{background-color:#463956;background-image:radial-gradient(#f2dba8 2px,transparent 2px);background-size:14px 14px;transform:rotate(-5deg)}.option-grid.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accessory-grid .option svg{height:104px}.workshop-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;margin-top:16px;gap:9px}.workshop-action>p{font-size:12px;color:#ffd4c2;margin:0;line-height:1.4;align-self:stretch}.workshop-action>p:empty{display:none}.stamp-button{width:64px;height:60px;min-width:54px;display:inline-flex;align-items:center;justify-content:center;gap:13px;color:#1b2130;background:var(--mint);border:2px solid #d8f5d9;border-radius:5px 5px 17px 5px;box-shadow:5px 6px 0 #07091680,inset 0 -5px 0 #446b652f;transform:rotate(-3deg);transition:transform .14s;user-select:none}.stamp-button .ui-icon{width:31px;height:31px}.stamp-button:hover{transform:rotate(0) translateY(-3px);background:#c4efd5}.stamp-button:active{transform:translateY(3px) rotate(0);box-shadow:2px 2px 0 #07091680}.stamp-button:disabled{opacity:.4;transform:none}
.challenge-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 8px 10px;margin:0;background:none;border:0;border-radius:0;gap:20px;min-height:78px}.round-heading{display:flex;flex-direction:column;gap:3px;min-width:80px}.round-heading span{font-size:15px;color:var(--mint);font-weight:900}.round-heading strong{font-size:12px;color:#e6daeb;max-width:170px;line-height:1.2}#requirements{display:flex;justify-content:center;gap:9px;flex-wrap:nowrap;min-width:0}.requirement{width:58px;height:58px;border:1px dashed #b79cca;border-radius:8px;display:grid;place-items:center;background:#241d38;position:relative;overflow:hidden;padding:0;margin:0}.requirement svg{width:56px;height:56px}.requirement .req-swatch{width:31px;height:31px;transform:rotate(-8deg);border:1px dashed #faf3dcaa;border-radius:2px}.requirement.met{border:2px solid #a5dabf;background:#314741}.requirement.met::after{content:'';position:absolute;bottom:3px;right:3px;width:6px;height:6px;background:#bffadb;transform:rotate(45deg)}.timer-area{display:flex;gap:13px;align-items:center}#timer{font:900 23px Arial,sans-serif;color:#e9deef;min-width:55px;text-align:center}.timer-area button{font-size:0;padding:9px}.dash-page{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;padding-top:76px;padding-bottom:20px;background:radial-gradient(ellipse at 50% 54%,#53486455,transparent 65%)}.dash-title{position:relative;z-index:2}.dash-title h1{font-size:clamp(48px,8vh,100px);line-height:.81;letter-spacing:-.08em;font-weight:900;font-style:italic;transform:rotate(-4deg);text-shadow:5px 5px 0 #0d0d1d;margin:0;color:#f3d5b7}.dash-title em{color:#b2a4e0;font-weight:900}.dash-pair{display:flex;align-items:center;justify-content:center;width:min(740px,92vw);height:clamp(180px,40dvh,360px);margin:0 auto -15px}.dash-pair>div:not(.dash-swap){width:42%;height:100%;filter:drop-shadow(7px 9px 0 #100d2066)}.dash-pair svg{width:100%;height:100%}.dash-pair>div:first-child{transform:rotate(-9deg)}.dash-pair>div:last-child{transform:rotate(8deg)}.dash-swap{color:#c1efd6;transform:rotate(-8deg);width:56px;height:56px}.dash-swap svg{width:100%;height:100%}.dash-start{display:flex;gap:18px;align-items:center;position:relative;z-index:3}.play-stamp{width:162px;height:62px;font-size:22px;font-weight:900}.play-stamp>span:first-child{display:flex}#personal-best{font-size:12px;color:#b5a7c2;margin:18px 0 0;min-height:18px}.play-stamp+.icon-button{background:transparent}
.cookie-page{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 24px;position:relative;isolation:isolate}.cookie-page h1{position:absolute;left:50%;top:12%;transform:translateX(-50%) rotate(-6deg);font-size:clamp(50px,12vw,160px);font-style:italic;letter-spacing:-.065em;color:#79708d44;z-index:0;margin:0}.cookie-orbit{position:absolute;width:min(75vw,530px);aspect-ratio:1;border:1px solid #a390b155;border-radius:50%;background:radial-gradient(#58446166,transparent 70%);z-index:0}.cookie-character{width:min(70vw,470px);height:min(63dvh,510px);position:relative;z-index:2;border:0;background:none;filter:drop-shadow(10px 14px 0 #0a081d66);transform-origin:50% 80%;padding:0}.cookie-character img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.cookie-character.hello{animation:cookie-hello .55s ease}.cookie-reaction{position:absolute;top:33%;left:calc(50% + 115px);width:70px;height:70px;opacity:0;z-index:3;border-top:4px solid #f5d2a4;border-right:4px solid #f5d2a4;transform:rotate(20deg);pointer-events:none}.cookie-reaction.flash{animation:comic-flash .5s ease}.cookie-actions{display:flex;align-items:center;gap:24px;position:relative;z-index:3}.cookie-actions .stamp-button{width:76px}
.page-title{margin:18px 0 26px;align-items:center}.page-title h1{font-size:clamp(30px,5vw,48px);font-weight:900;font-style:italic}.segmented{background:#201b31;padding:4px;border:1px solid #6d5b7c;border-radius:5px;gap:4px}.segmented button{background:transparent;color:#ccc1d6;font-size:12px;border-radius:3px;min-height:42px;padding:8px 14px}.segmented button[aria-pressed=true]{background:#b3a3cb;color:#241b32;box-shadow:none}.album-toolbar{align-items:center;margin-bottom:23px}.album-grid{gap:20px}.album-card{background:#e4d5cf;border-radius:2px;box-shadow:5px 6px 0 #06061355;transform:none}.album-card:nth-child(3n+1){transform:rotate(-1deg)}.album-card:nth-child(3n+2){transform:rotate(1deg)}.album-caption{font-family:Arial,sans-serif;font-size:12px;font-weight:700;color:#342539}.album-card img{object-fit:cover}.favorite{background:#261d37dd;color:#f4d9ed}.album-note{display:none}.album-count{color:var(--muted)}.shelf-grid{gap:18px}.shelf-card{background:#272039;border:1px solid #6e597e;border-radius:7px;box-shadow:5px 7px 0 #08071555}.shelf-card>div:first-of-type{height:250px;display:flex;justify-content:center}.shelf-card svg{height:100%;width:auto}.shelf-card h3{font-size:20px;color:#e9e0ef}.shelf-buttons button,.small-button{border-color:#8b739c;background:#312640;color:#eee1ef;border-radius:4px;min-height:42px}.remove-doll{color:#d8bdd9}.empty-state{background:transparent;border:1px dashed #756380;border-radius:4px;color:#c8b5d5}.empty-state h3{font-size:22px}.empty-state p{font-size:13px}.community{border-top-color:#5e4c70}.section-intro{margin:40px 0 20px}.section-intro h2{font-size:27px}.button{border-radius:5px 5px 16px 5px;min-height:47px;padding:12px 20px;gap:12px;font-size:13px;box-shadow:3px 4px 0 #0e0a2080}.button.primary{background:var(--mint);color:#172729;border-color:#c1e8d4}.button.outline{color:#e8d9ee;border-color:#887397;background:#2a2039}.text-button,.inline-link{color:#ddd0ec;border-color:#8e789d;font-size:12px}.social-preview{background:radial-gradient(#625070,#292039);border:2px solid #89709d;border-radius:4px;transform:rotate(-2deg);color:#e6dced;min-height:570px}.social-preview #studio-doll{height:380px;width:260px;margin:auto}.social-preview #studio-doll svg{height:100%;width:100%}.social-kicker{font-size:9px;letter-spacing:.1em}.social-preview h2{font-size:28px}.studio-tools{padding:0 0 0 20px}.studio-tools>p:not(.small-note){color:#c7b8d2}.prompt-box{background:#312740;border:1px dashed #8b719d}.prompt-box h3{font:700 18px/1.4 Arial,sans-serif;color:#eee0f2}.studio-tools textarea{background:#1c172b;border-color:#725d85;color:#eee4f5;font:14px/1.5 Arial,sans-serif}.studio-tools label{color:#d2bedf}.reel-plan{border-color:#6d5a79}.reel-plan h3{font-size:20px}.reel-plan p,.small-note,.subtle{color:#b8aac6}.studio-layout{align-items:start}.shelf-controls{margin-top:22px}
dialog#modal{color:#efe5f2;background:linear-gradient(135deg,#352942,#1b172b);border:1px solid #8d729f;border-radius:6px 6px 25px 6px;width:min(780px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 36px);padding:34px;box-shadow:12px 14px 0 #07071499;overscroll-behavior:contain}dialog#modal::backdrop{background:#131123f5}dialog#modal .modal-close{position:absolute;top:12px;right:12px;padding:8px;border-radius:7px;z-index:3;color:#d6c6e2;background:#181326bd;font-size:0}#modal-content{padding-top:12px}#modal-content h2{font-size:clamp(26px,4vw,38px);padding-right:20px}#modal-content h3{font-size:23px}#modal-content p{color:#cebddb;font-size:14px}#modal-content li{color:#cebddb;font-size:14px;margin-bottom:8px}.modal-buttons{gap:12px;flex-wrap:wrap}.dialog-doll{height:260px;width:230px;margin:0 auto 12px;filter:drop-shadow(8px 9px 0 #0c081f66)}.dialog-doll svg{height:100%;width:100%}.result{text-align:center}.result-score{color:var(--mint)!important;font:900 50px/1 Arial,sans-serif!important;margin:16px 0}.result-score small{color:#b6a1c6;font-size:10px;letter-spacing:.1em;margin-top:8px}.result .eyebrow,.success-stamp{display:none}.result-dolls{display:flex;justify-content:center;align-items:end;height:200px}.result-dolls svg{max-height:190px;max-width:29%}.result-dolls svg:nth-child(2){height:210px;max-height:none;transform:translateY(-10px)}.result-dolls{animation:result-arrive .4s ease-out}.menu-title{font-size:31px;margin:0 0 22px;font-style:italic}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu-grid button,.menu-grid a{min-height:96px;border:1px solid #786185;border-radius:5px;background:#221b32;color:#e9daf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:13px;font-weight:700}.menu-grid button:hover,.menu-grid a:hover{background:#503b64}.menu-grid svg{width:34px;height:34px;color:var(--mint)}.menu-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:24px 0 12px;padding-top:20px;border-top:1px solid #695176}.menu-settings label{display:flex;align-items:center;gap:7px;font-size:12px}.menu-settings input{accent-color:var(--mint);width:18px;height:18px}.menu-socials{display:flex;gap:17px;margin-top:24px;flex-wrap:wrap;font-size:13px}.menu-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:25px}.lightbox{background:none}.lightbox img{max-height:65dvh;object-fit:contain;margin:auto;border:1px solid #8f7c9a}.lightbox-caption h3{font-size:18px;color:#e6d5ed}.lightbox-buttons .small-button{min-height:42px}.copy-field{background:#161125;border:1px solid #8e6da5;color:#f1e5f5;width:100%;padding:14px;user-select:text}.craft-layout svg{height:auto}.craft-layout dl{color:#ddcdea}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);background:#ddd0e9;color:#281c37;border:1px solid #fff3fa;box-shadow:3px 4px 0 #08051499;max-width:min(520px,90vw);font-size:13px;padding:12px 17px;border-radius:5px;z-index:50}#toast.visible{transform:translate(-50%,0)}.game-header,.room-object,.material-tabs,.option,.stage-tools,.stamp-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.is-calm *, .is-calm *::before,.is-calm *::after{animation:none!important;transition:none!important}
@keyframes scene-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes material-arrive{0%{transform:scale(.97)}60%{transform:scale(1.015)}100%{transform:scale(1)}}@keyframes marker{0%,80%,100%{box-shadow:0 0 0 1px #adf1d188,0 0 10px #adf1d144}40%{box-shadow:0 0 0 4px #adf1d122,0 0 20px #adf1d18c}}@keyframes cookie-hello{0%,100%{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}@keyframes comic-flash{0%,100%{opacity:0;transform:rotate(20deg) scale(.8)}35%{opacity:.8;transform:rotate(20deg) scale(1)}}@keyframes result-arrive{from{transform:translateY(12px);opacity:.1}to{transform:none;opacity:1}}
@media(max-width:950px){.workbench{grid-template-columns:minmax(0,1fr) 292px;gap:15px}.materials{width:292px;padding:15px 12px}.option svg{height:112px}.stage-tools{left:-7px}.maker-page{padding-left:20px;padding-right:20px}.material-tabs button{height:49px}.challenge-bar{gap:10px}.round-heading strong{max-width:130px}.requirement{width:49px;height:49px}.requirement svg{width:47px;height:47px}.album-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.game-header{height:62px;padding:9px 15px}.wordmark{font-size:31px}.header-actions{gap:8px}.header-actions .icon-button{width:42px;height:42px;min-width:42px}.room-scene{width:min(100vw,66.6667dvh);height:min(100dvh,150vw)}.room-picture img{object-fit:fill}.object-make{left:5%;top:46%;width:24%;height:17%}.object-play{left:32%;top:72%;width:47%;height:17%}.object-album{left:62%;top:41%;width:36%;height:17%}.object-cookie{left:66%;top:25%;width:31%;height:15%}.object-shelf{left:25%;top:20%;width:28%;height:21%}.object-marker{width:10px;height:10px;border-width:2px}.object-play .object-marker{width:14px;height:14px}.room-object span{font-size:10px;padding:5px 9px;bottom:-13px}.page{padding:70px 17px 28px}.room-page{padding:0}.maker-page{padding:63px 10px 10px;gap:0}.workbench{display:flex;flex-direction:column;gap:3px;min-height:0}.doll-stage{flex:1;min-height:180px}.maker-figure{height:calc(100% - 40px);max-width:350px}.maker-doll{max-width:300px;height:100%}.name-tag{height:34px;width:65%}.name-tag input{font-size:16px;padding:5px 0}.stage-floor{bottom:26px}.stage-tools{left:0;bottom:5px;gap:6px}.stage-tools button,.stage-tools button:first-child,.stage-tools button:last-child{height:40px;width:40px;min-width:40px;min-height:40px;padding:8px}.stage-tools .ui-icon{width:25px;height:25px}.materials{width:100%;min-height:0;flex-shrink:0;padding:10px 9px 9px;display:grid;grid-template-columns:minmax(0,1fr) 53px;grid-template-rows:44px minmax(92px,auto);column-gap:8px;row-gap:7px;border-radius:5px 5px 17px 5px;box-shadow:3px 4px 0 #0a091a80}.material-tabs{grid-column:1/-1;margin:0;gap:8px}.material-tabs button{height:41px;padding:5px}.material-tabs .ui-icon{width:27px;height:27px}#material-panel{grid-column:1;grid-row:2;min-width:0;align-self:center}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.option{padding:2px;border-radius:4px}.option[aria-pressed=true]{padding:1px}.option svg{height:93px;width:100%}.option-grid.accessory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.accessory-grid .option svg{height:93px}.option[aria-pressed=true]::after{right:3px;top:3px;width:5px;height:5px}.fabric-grid{padding:0;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.fabric-grid .option{height:40px;padding:5px 3px}.fabric-swatch{border-radius:2px}.patterns{margin-top:8px}.pattern-row{gap:5px;grid-template-columns:repeat(4,1fr)}.pattern-row .option{height:41px;padding:6px}.workshop-action{grid-column:2;grid-row:2;margin:0;align-items:center;justify-content:center}.stamp-button{height:52px;min-width:47px;width:48px;border-radius:4px 4px 13px 4px;box-shadow:3px 4px 0 #0a071880}.stamp-button .ui-icon{width:28px;height:28px}#maker-message{position:absolute;bottom:100%;left:52px;right:5px;background:#342442f2;border:1px solid #976e94;padding:7px 10px;border-radius:4px;color:#ffe4da;font-size:11px;z-index:6;margin-bottom:6px;pointer-events:none}.challenge-bar{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 9px;padding:1px 4px 6px;min-height:91px}.round-heading{grid-column:1;grid-row:1;flex-direction:row;align-items:center;gap:10px}.round-heading span{font-size:12px}.round-heading strong{font-size:11px;max-width:220px}#requirements{grid-column:1;grid-row:2;justify-content:flex-start;gap:5px}.requirement{width:40px;height:40px;border-radius:5px}.requirement svg{width:38px;height:38px}.requirement .req-swatch{width:25px;height:25px}.timer-area{grid-column:2;grid-row:1/3;gap:6px;align-items:center}#timer{font-size:18px;min-width:43px}.timer-area .icon-button{width:40px;height:40px;min-width:40px;padding:8px}.maker-page:has(.challenge-bar:not([hidden])) .stage-tools #help-maker{display:none}.maker-page:has(.challenge-bar:not([hidden])) .name-tag{display:none}.maker-page:has(.challenge-bar:not([hidden])) .maker-figure{height:100%}.dash-page{padding-top:75px;padding-bottom:22px}.dash-title h1{font-size:64px}.dash-pair{height:min(40dvh,330px);margin:8px auto 0;width:96vw}.dash-pair>div:not(.dash-swap){width:44%}.dash-swap{width:30px}.play-stamp{width:147px;height:60px}.page-title{margin:11px 0 23px;gap:12px}.page-title h1{font-size:34px}.page-title .button{font-size:11px;padding:9px 14px;min-height:42px}.album-toolbar{gap:9px;flex-wrap:wrap}.segmented{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.segmented button{font-size:11px;padding:7px 4px}#album-count{font-size:11px;margin-left:auto}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.album-card img{height:195px}.album-caption{font-size:11px;line-height:1.4}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shelf-card{padding:9px}.shelf-card>div:first-of-type{height:194px}.shelf-card h3{font-size:16px}.shelf-buttons{flex-direction:column;gap:6px}.shelf-buttons button{font-size:11px;min-height:37px}.studio-layout{display:flex;flex-direction:column;gap:28px}.social-preview{width:min(88vw,330px);min-height:430px;margin:auto;padding:20px}.social-preview #studio-doll{height:290px;width:210px}.social-preview h2{font-size:23px}.studio-tools{padding:0;width:100%}.reel-plan>div{grid-template-columns:1fr}.reel-plan h3{font-size:19px}.cookie-page{padding-top:72px}.cookie-page h1{top:16%;font-size:80px}.cookie-character{height:53dvh;width:88vw}.cookie-reaction{left:75%;width:40px;height:40px}.cookie-actions{gap:22px}.cookie-actions .stamp-button{width:64px;height:56px}dialog#modal{width:calc(100vw - 24px);padding:28px 18px 24px;max-height:calc(100dvh - 26px)}#modal-content h2{font-size:27px}#modal-content p{font-size:13px}.dialog-doll{height:230px;width:200px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-grid button,.menu-grid a{min-height:77px;flex-direction:row;gap:11px;font-size:12px}.menu-grid svg{width:27px;height:27px}.menu-settings{margin-top:20px;gap:13px}.menu-title{font-size:27px;margin-bottom:18px}.menu-bottom{margin-top:17px}.lightbox img{max-height:62dvh}.lightbox-caption h3{font-size:16px}.result-dolls{height:180px}.result-dolls svg{height:150px}.result-dolls svg:nth-child(2){height:170px}.modal-buttons .button{padding:11px 14px;font-size:12px}.copy-field{font-size:12px}.craft-layout{grid-template-columns:115px 1fr}.craft-layout dl{font-size:12px}}
@media(max-height:600px) and (min-width:651px){.game-header{height:55px;padding-top:8px;padding-bottom:8px}.maker-page{padding-top:56px;padding-bottom:10px}.materials{min-height:0;padding:10px;width:292px}.option svg{height:84px}.accessory-grid .option svg{height:75px}.material-tabs{margin-bottom:8px}.material-tabs button{height:40px}.workshop-action{margin-top:10px}.challenge-bar{min-height:50px;padding-bottom:0}.requirement{width:38px;height:38px}.requirement svg{width:36px;height:36px}.stamp-button{height:46px}.name-tag{height:34px}.maker-figure{height:calc(100% - 34px)}.stage-tools{flex-direction:row;bottom:0}.stage-tools button{width:38px;min-width:38px;height:38px;padding:7px}.name-tag{margin-left:80px}.dash-title h1{font-size:49px}.dash-pair{height:34dvh}.dash-page{padding-top:65px}.cookie-page{padding-top:50px}.cookie-character{height:65dvh}.cookie-actions{position:absolute;right:12%;bottom:15%}.cookie-page h1{font-size:100px;left:20%}}
@media(max-width:650px) and (max-height:700px){.doll-stage{min-height:140px}.maker-page{padding-top:59px}.materials{grid-template-rows:37px 80px;padding:7px;row-gap:5px}.material-tabs button{height:36px}.material-tabs .ui-icon{height:23px;width:23px}.option svg,.accessory-grid .option svg{height:78px}.fabric-grid .option{height:33px}.pattern-row .option{height:34px}.patterns{margin-top:6px}.stage-tools button,.stage-tools button:first-child,.stage-tools button:last-child{height:35px;width:35px;min-height:35px;min-width:35px;padding:7px}.stage-tools{gap:5px}.challenge-bar{min-height:79px}.requirement{height:35px;width:35px}.requirement svg{height:33px;width:33px}.dash-title h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{dialog#modal{color:#21152e;background:white;max-height:none;border:0;padding:15px;box-shadow:none}#modal-content p,#modal-content li,.craft-layout dl{color:#21152e}.craft-layout svg{max-height:300px}.game-header{display:none!important}}
.maker-figure{display:block}.maker-doll{position:absolute;inset:0;min-height:0;min-width:0;max-width:none!important;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.maker-doll>svg{height:100%;width:auto;max-width:100%;min-height:0}.mismatch .requirement:not(.met){border-color:#efa8b6;background:#67304c;box-shadow:0 0 0 2px #b34f7633}
@media(max-width:650px){.fabric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.fabric-grid .option{height:44px;padding:5px}.pattern-row .option{height:44px}.option-grid.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.accessory-grid .option svg{height:48px}.accessory-grid .option{min-height:52px}.stage-tools button,.stage-tools button:first-child,.stage-tools button:last-child{width:44px;height:44px;min-width:44px;min-height:44px}.stage-tools{gap:5px}}
.stage-tools{right:auto;top:auto;width:auto;left:5px}.name-tag{position:relative;left:auto;right:auto;top:auto;bottom:auto}.doll-stage{border:0;border-radius:0;overflow:clip}.stage-orbit{width:min(470px,68%)}#workshop-kicker{display:none}

.creative-drawer{border-top:1px solid #695176;margin-top:20px;padding-top:16px}.creative-drawer summary{cursor:pointer;min-height:44px;font-weight:700;font-size:14px;color:#e9dcec}.creative-drawer[open] summary{margin-bottom:12px}.creative-drawer .reel-plan{margin:0;padding:0;border:0}.creative-drawer .reel-plan>div{grid-template-columns:1fr;gap:16px}.creative-drawer .reel-plan h3{margin:4px 0;font-size:18px}.studio-tools .tool-row{flex-wrap:wrap}.studio-tools textarea{width:100%}.room-page{position:relative;isolation:isolate}.room-page::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#15122388,#15122388),url(assets/room-wide.webp) center/cover;filter:blur(24px);opacity:.45}.room-scene{flex-shrink:0}
@media(max-width:650px){.maker-figure{width:calc(100% - 48px);margin-left:40px}.room-page::before{background-image:linear-gradient(#15122388,#15122388),url(assets/room-phone.webp)}.material-tabs button{min-height:44px}.materials{grid-template-rows:44px minmax(92px,auto)}.header-actions .icon-button{width:44px;height:44px;min-width:44px}.timer-area .icon-button{width:44px;height:44px;min-width:44px}}

button,.small-button,.text-button,.shelf-buttons button{min-height:44px}.wordmark{min-height:44px}.round-heading{align-items:center}.round-heading strong{font:700 12px Arial,sans-serif}#round-label{font:700 12px Arial,sans-serif}.requirement>.ui-icon{width:25px;height:25px}.requirement{display:flex;align-items:center;justify-content:center}

.name-tag input{min-height:44px}.name-tag{height:48px}@media(max-width:650px){.option{min-height:44px}.fabric-grid .option,.pattern-row .option{height:44px;min-height:44px}.name-tag{height:44px}.maker-figure{height:calc(100% - 44px)}}