:root{--ink:#2b2340;--paper:#fff7e6;--paper-2:#f6ecd6;--yellow:#ffd166;--pink:#ff8fb1;--mint:#6ec6b8;--lav:#b8c1ff;--red:#ff8a7a;--muted:#7a6f8f;--shadow:3px 3px 0 var(--ink);--r:16px;color:var(--ink);font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overflow:hidden;background:#e9e4ff;height:100%;margin:0}button,input{font:inherit;color:inherit}kbd{border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);background:#fff;border-radius:6px;padding:0 5px;font-family:inherit;font-size:.75em;font-weight:600}#app canvas{display:block;touch-action:none}.labels{position:fixed;pointer-events:none;inset:0}.card{background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow)}.btn{cursor:pointer;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:12px;padding:6px 12px;transition:transform 80ms,box-shadow 80ms;font-weight:600}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)rotate(-1deg)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.btn.yellow{background:var(--yellow)}.btn.red{background:var(--red)}.btn.round{border-radius:50%;width:40px;height:40px;padding:0}.btn[aria-pressed=true]{background:var(--lav)}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.hud{position:fixed;z-index:5}.hud-left{display:grid;gap:2px;padding:10px 14px;top:14px;left:14px;transform:rotate(-1deg)}.hud-left small{color:var(--muted);font-size:12px}.hud-left strong{font-size:18px}.chips{display:flex;gap:6px;margin-top:4px}.chip{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}span.chip{cursor:default;background:#d7f5dd}.hud-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:60vw;top:14px;right:14px}.emotes{display:grid;gap:8px;bottom:60px;right:14px}.hint{position:fixed;color:var(--ink);border:2px dashed var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fffc;border-radius:999px;max-width:calc(100vw - 32px);margin:0;padding:4px 14px;font-family:Patrick Hand,Fredoka,sans-serif;font-size:15px;bottom:10px;left:50%;transform:translate(-50%)}#prompt{position:fixed;animation:pop .2s;padding:8px 16px;font-weight:600;bottom:56px;left:50%;transform:translate(-50%)rotate(-1deg)}#toast{position:fixed;background:var(--yellow);border:2.5px solid var(--ink);box-shadow:var(--shadow);z-index:30;border-radius:999px;padding:8px 18px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);font-weight:600;top:16px;left:50%;transform:translate(-50%,-140%)}#toast{visibility:hidden;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s,visibility .2s;top:76px;transform:translate(-50%,-12px)scale(.9)}#toast.show{visibility:visible;opacity:1;transform:translate(-50%)}@keyframes pop{0%{transform:translate(-50%)scale(.6)}}.chatbox{position:fixed;z-index:5;width:min(320px,100vw - 90px);bottom:50px;left:14px}#chatlog{list-style:none;display:grid;gap:3px;margin:0 0 6px;padding:0;font-size:14px}#chatlog li{overflow-wrap:anywhere;background:#fffd;border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 9px}#chat input{border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fffe;border-radius:12px;width:100%;padding:7px 12px}.tag{display:grid;justify-items:center;gap:4px;transform:translateY(-50%)}.tag .name{border:2px solid var(--ink);white-space:nowrap;background:#fff;border-radius:999px;padding:0 9px;font-size:13px;font-weight:600}.tag.me .name{background:var(--yellow)}.labels .tag:has(.bubble:not([hidden])){z-index:99999!important}.tag .bubble{border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);position:relative;animation:bubble .25s cubic-bezier(.3,1.8,.5,1);overflow-wrap:anywhere;background:#fff;border-radius:14px;width:max-content;max-width:220px;padding:5px 10px;font-family:Patrick Hand,Fredoka,sans-serif;font-size:16px;line-height:1.2}.tag .bubble:after{content:"";position:absolute;border:solid var(--ink);background:#fff;border-width:0 2.5px 2.5px 0;width:12px;height:12px;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes bubble{0%{transform:scale(.3);opacity:0}}.marker{filter:drop-shadow(2px 2px 0 var(--ink));font-size:26px}.marker span{display:inline-block;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)rotate(6deg)}}.panel{position:fixed;z-index:10;overflow:auto;width:min(340px,100vw - 28px);padding:16px;top:14px;bottom:14px;right:14px}.panel.left{top:110px;left:14px;right:auto}.panel h2{margin:0 0 4px;font-size:20px}.muted{color:var(--muted);margin:0 0 10px}.small{margin:10px 0 0;font-size:13px}.row{display:grid;gap:6px;margin:12px 0}.row>span,.row>label{font-size:14px;font-weight:600}.row input,#sel-text{border:2.5px solid var(--ink);background:#fff;border-radius:12px;width:100%;padding:7px 12px}.opts,.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{border:2.5px solid var(--ink);cursor:pointer;box-shadow:1px 1px 0 var(--ink);border-radius:50%;width:30px;height:30px;padding:0}.swatch.on{outline:3px solid var(--pink);outline-offset:2px}.swatch.eraser{background:#fff;font-weight:700}.opts .chip{text-transform:capitalize;padding:4px 11px;font-size:13px}.opts .chip.on{background:var(--ink);color:#fff}.panel footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.panel footer .btn.yellow{flex:1}.panel header{display:flex;justify-content:space-between;align-items: center}.tools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 8px}.tabs button{cursor:pointer;border:2px solid var(--ink);background:#fff;border-radius:10px 10px 4px 4px;padding:3px 9px;font-size:13px;font-weight:600}.tabs button[aria-selected=true]{background:var(--yellow)}#catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}#catalog button{cursor:pointer;display:grid;border:2px solid var(--ink);background:#fff;border-radius:12px;justify-items:center;gap:2px;padding:8px 4px;font-size:12px;font-weight:600}#catalog button span{font-size:26px}#catalog button:hover{background:#fff1c2;transform:rotate(-2deg)}#selection{border-top:2px dashed var(--ink);display:grid;gap:6px;margin-top:12px;padding-top:10px}body.building .emotes,body.building .chatbox,body.building .hint{display:none}dialog#portfolio{overflow:auto;color:var(--ink);width:min(760px,100vw - 32px);max-height:calc(100vh - 48px);padding:22px}dialog::backdrop{backdrop-filter:blur(2px);background:#2b234066}dialog[open]{animation:dlg .28s cubic-bezier(.3,1.5,.5,1)}@keyframes dlg{0%{transform:scale(.85)rotate(-2deg);opacity:0}}dialog .close{position:absolute;background:var(--pink);top:12px;right:12px}dialog .tabs{margin-top:0;padding-right:48px}dialog#portfolio{margin:7vh auto auto}.linkbtn{cursor:pointer;text-decoration:underline;color:var(--muted);background:0 0;border:0;width:100%;margin-top:10px;padding:4px 0;font-family:Patrick Hand,Fredoka,sans-serif;font-size:16px}.linkbtn:hover{color:var(--ink)}#build footer{position:sticky;background:var(--paper);margin-bottom:-16px;padding:10px 0 12px;bottom:-16px}#build header span{display:flex;gap:6px}#build.collapsed>:not(header):not(#placing-bar){display:none!important}#build.collapsed #placing-bar:not([hidden]){margin-bottom:0}#placing-bar{border:2px dashed var(--ink);background:#fff1c2;border-radius:12px;align-items: center;padding:6px 8px}dialog h2{margin:0}dialog h3{margin:6px 0 4px}dialog small{color:var(--muted);font-weight:500}.about{display:flex;align-items: center;gap:16px;margin:10px 0}.avatar{display:grid;background:var(--lav);border:2.5px solid var(--ink);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items: center;width:90px;height:90px;font-size:54px}.role{color:var(--muted);margin:2px 0}.tagline{margin:4px 0 0;font-family:Patrick Hand,sans-serif;font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.tags span{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}article.card{border:2.5px solid var(--ink);box-shadow:var(--shadow);transform:rotate(var(--tilt,0deg));background:#fff;border-radius:14px;padding:12px}article.card:hover{transform:rotate(0)translateY(-3px)}.thumb{border:2px solid var(--ink);background:var(--c);display:grid;border-radius:10px;place-items: center;height:90px;font-size:42px}article.card p{margin:4px 0;font-size:14px}article.card a,.contacts a{color:var(--ink);font-weight:600}.timeline{list-style:none;display:grid;gap:14px;padding:0}.timeline>li{display:flex;gap:12px}.timeline ul{margin:4px 0;padding-left:18px}.dot{display:grid;background:var(--yellow);border:2.5px solid var(--ink);border-radius:50%;flex:none;place-items: center;width:44px;height:44px;font-size:22px}.contacts{display:flex;flex-wrap:wrap;gap:10px}.contacts a{text-decoration:none;background:var(--mint);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:12px;padding:8px 14px}.btn:disabled{opacity:.45;cursor:default;box-shadow:2px 2px 0 var(--ink);transform:none}#prompt{cursor:pointer;font:inherit;color:var(--ink);z-index:6;font-weight:600}.lot{border-top:2px dashed var(--ink);margin-top:12px;padding-top:10px}.lot summary{cursor:pointer;font-weight:600}.lot label{display:inline-flex;align-items: center;gap:6px;margin:8px 10px 0 0;font-size:14px}.lot input{border:2.5px solid var(--ink);background:#fff;border-radius:10px;width:64px;padding:4px 8px}#stick,.touch-only{display:none}@media (pointer:coarse){#stick{display:block;border:2.5px dashed var(--ink);touch-action:none;background:#fff8;border-radius:50%;width:120px;height:120px;bottom:76px;left:22px}#stick .knob{position:absolute;background:var(--yellow);border:2.5px solid var(--ink);box-shadow:var(--shadow);pointer-events:none;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;top:50%;left:50%}.touch-only{display:inline-block}.hint,#chatlog,body.building #stick{display:none}}@media (max-width:640px){.hud-left{padding:8px 10px}.hud-left strong{font-size:15px}.lbl{display:none}#btn-portfolio{width:auto!important;padding:0 12px!important;font-size:15px!important}#btn-portfolio .lbl{display:inline}.hud-right{align-items: flex-end}#creator{border-radius:18px 18px 0 0;width:100%;max-height:52vh;inset:auto 0 0}#creator .row{margin:8px 0}#build .tools{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}#build .tools .btn{flex:none}.hud-right{flex-direction:column;gap:6px;max-width:none;top:14px;right:14px}.hud-right .btn{width:42px;height:42px;padding:0;font-size:18px}.emotes{bottom:76px}.hint{display:none}.chatbox{width:calc(100vw - 28px);bottom:14px}#prompt{bottom:70px}#toast{text-align:center;max-width:calc(100vw - 150px);top:96px}.panel.left{border-radius:18px 18px 0 0;width:100%;max-height:46vh;inset:auto 0 0}#catalog{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}dialog#portfolio{margin-top:4vh;padding:16px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}