.db-desk{position:absolute;inset:0;background:radial-gradient(ellipse 36% 6% at 50% 92%,rgba(91,62,222,.16),transparent 70%),radial-gradient(circle at 12px 12px,rgba(255,255,255,.9) 0 2.5px,transparent 3.5px) 0 0 /30px 30px,linear-gradient(180deg,#EDE8FF,#F6F1FF 52%,#FDEAC4 52.4%,#F9DDA8)}.db-desk:before{right:6%;bottom:9%;width:18%;max-width:9rem;background:linear-gradient(90deg,#E8453C 0 82%,#FFC7C2 82% 86%,#E8453C 86%);transform:rotate(-8deg)}.db-desk:after,.db-desk:before{content:"";position:absolute;height:.9rem;border-radius:.2rem .6rem .6rem .2rem;box-shadow:0 3px 0 rgba(31,26,56,.15);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.db-desk:after{left:7%;bottom:13%;width:14%;max-width:7rem;background:linear-gradient(90deg,#16B6CE 0 82%,#B5F0F8 82% 86%,#16B6CE 86%);transform:rotate(12deg)}.db-stage.is-alive .db-desk:after,.db-stage.is-alive .db-desk:before{opacity:.85}.db-scene{-o-object-position:center bottom;object-position:center bottom}.db-paper{position:absolute;left:50%;top:50%;z-index:2;width:min(90cqh,88cqw);aspect-ratio:1;border-radius:6px;background:linear-gradient(transparent 0 96%,rgba(122,96,236,.07) 96%) 0 0 /100% 8.33%,#fff;box-shadow:0 2px 0 #E2DCFD,0 18px 30px -18px rgba(31,26,56,.45);transform:translate(-50%,-50%) rotate(-.8deg)}.db-paper:after,.db-paper:before{content:"";position:absolute;top:-.7rem;width:4.5rem;height:1.4rem;background:rgba(255,216,77,.6);box-shadow:0 1px 2px rgba(31,26,56,.12);pointer-events:none;z-index:3}.db-paper:before{left:10%;transform:rotate(-6deg)}.db-paper:after{right:10%;transform:rotate(5deg)}.db-paper.is-put-away{display:none}.db-ink{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.db-ink.db-tool-bucket{cursor:cell}.db-paper-hint{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;font-family:var(--font-fredoka),system-ui,sans-serif;font-size:clamp(1rem,4cqh,1.6rem);font-weight:600;color:#C6BAFB;pointer-events:none}.db-parts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.db-part{pointer-events:all;cursor:grab;touch-action:none;transition:filter .2s ease}.db-part:active{cursor:grabbing}.db-part.is-selected{filter:drop-shadow(0 0 5px #FFD84D) drop-shadow(0 0 10px #F7A81E)}.db-leg-preview path{fill:none;stroke:#2B1F4A;stroke-width:9;stroke-linecap:round;stroke-dasharray:1 16;opacity:.3}.db-leg-preview ellipse{fill:#2B1F4A;opacity:.1}.db-stage.is-alive{cursor:pointer;touch-action:none}.db-critter{position:absolute;left:0;top:0;z-index:3;pointer-events:none;will-change:transform}.db-critter-body{width:100%;height:100%;will-change:transform}.db-critter-body svg{display:block;overflow:visible;pointer-events:none}.db-critter-body svg [data-eye],.db-critter-body svg [data-leg],.db-critter-body svg [data-mouth],.db-critter-body svg image{pointer-events:visiblePainted;cursor:grab}.db-shadow{position:absolute;left:0;top:0;z-index:2;aspect-ratio:4/1;border-radius:50%;background:radial-gradient(closest-side,rgba(31,26,56,.3),rgba(31,26,56,.08) 75%,transparent);pointer-events:none}.db-place-cave .db-shadow,.db-place-moon .db-shadow{background:radial-gradient(closest-side,rgba(0,0,0,.42),rgba(0,0,0,.1) 75%,transparent)}.db-puff{position:absolute;z-index:4;pointer-events:none;animation:db-puff 1.8s ease-out forwards}.db-puff.is-note svg{width:2rem;height:2rem}.db-puff.is-z b{font-family:var(--font-fredoka),system-ui,sans-serif;font-size:1.8rem;font-weight:700;color:#7A60EC;-webkit-text-stroke:1px #fff}.db-puff.is-z1 b{font-size:1.4rem}.db-puff.is-z2 b{font-size:2.2rem}@keyframes db-puff{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-12px) scale(1) rotate(6deg)}to{opacity:0;transform:translate(calc(-50% + 22px),-90px) scale(1.1) rotate(-8deg)}}.db-drawbar,.db-tool{align-items:center}.db-tool{display:flex;flex-direction:column;justify-content:center;width:4.6rem;height:5.2rem;border-radius:1.2rem;background:#fff;box-shadow:inset 0 0 0 3px #E2DCFD,0 4px 0 #E2DCFD;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s ease}.db-tool:hover:not(:disabled){transform:translateY(-3px) rotate(-2deg)}.db-tool:disabled{opacity:.45;cursor:default}.db-tool[aria-pressed=true]{transform:translateY(-3px) scale(1.06);background:#FFFBEA;box-shadow:inset 0 0 0 3px #FBD387,0 0 0 4px rgba(255,216,77,.45),0 0 18px 4px rgba(255,216,77,.55)}.db-tool-name{margin-top:.15rem;font-family:var(--font-fredoka),system-ui,sans-serif;font-size:.8125rem;font-weight:600;line-height:1.1;color:#463F6B}.db-sizes{display:flex;flex-direction:column;gap:.25rem}.db-size{display:grid;place-items:center;width:2.6rem;height:1.6rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px #E2DCFD;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.db-size span{display:block;max-height:1.3rem;max-width:1.3rem;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(43,31,74,.35)}.db-size[aria-pressed=true]{transform:scale(1.12);box-shadow:inset 0 0 0 2px #FBD387,0 0 12px 3px rgba(255,216,77,.6)}.db-colors{display:grid;grid-template-columns:repeat(6,2.15rem);gap:.4rem;padding:0 .2rem}.db-color{width:2.15rem;height:2.15rem;border-radius:999px;background:var(--swatch);box-shadow:inset 0 0 0 2.5px rgba(43,31,74,.28),0 2px 0 rgba(43,31,74,.12);cursor:pointer;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s ease}.db-color:hover{transform:scale(1.08)}.db-color[aria-pressed=true]{transform:scale(1.22);box-shadow:inset 0 0 0 2.5px rgba(43,31,74,.35),0 0 0 3px #fff,0 0 14px 5px rgba(255,216,77,.8)}.db-color:focus-visible,.db-size:focus-visible,.db-tool:focus-visible{outline:3px solid #4429C9;outline-offset:3px}.db-tile-size .builder-tile-art{width:3.4rem;height:3.4rem}.db-desk-thumb{width:5.8rem;height:4.4rem;margin-bottom:.2rem;border-radius:.9rem}.db-life.is-ready{animation:db-ready 1.8s ease-in-out infinite}@keyframes db-ready{0%,to{box-shadow:0 4px 0 #2A1880,0 0 0 0 rgba(255,216,77,0)}50%{box-shadow:0 4px 0 #2A1880,0 0 0 6px rgba(255,216,77,.55)}}.db-finale{background:#F1EEFE}.db-finale .db-desk:after,.db-finale .db-desk:before{display:none}.db-finale-critter{position:absolute;left:50%;bottom:6%;height:78%;max-width:90%;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;transform:translateX(-50%)}@container (max-aspect-ratio: 13 / 10){.db-stage.is-drawing .db-buddy{display:none}.db-paper{width:min(86cqh,94cqw);top:52%}}@container (max-width: 34rem){.db-stage.is-alive .db-buddy{display:none}}@media (max-width:639px){.db-tool{width:4rem;height:4.6rem}.db-colors{grid-template-columns:repeat(6,1.9rem);gap:.35rem}.db-color{width:1.9rem;height:1.9rem}}@media (prefers-reduced-motion:reduce){.db-life.is-ready,.db-puff{animation:none}.db-puff{display:none}}