:root{--ink:#2a2140;--ink-soft:#4a3f6b;--paper:#fff7ec;--paper-dim:#f4e9d8;--night:#221a3f;--night-deep:#1b1433;--night-glow:#2b2150;--pink:#ff5c8a;--tangerine:#ff8a4c;--sun:#ffc83d;--mint:#3edc97;--sky:#4cc9f0;--grape:#9b7bff;--white:#fff;--font-display:"Baloo 2", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--press:cubic-bezier(.3, .7, .4, 1);--line:3px;--shadow-drop:5px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1.5px 1.5px at 12px 12px, #ffffff12 50%, transparent 51%), radial-gradient(1200px 700px at 50% 38%, var(--night-glow) 0%, var(--night) 55%, var(--night-deep) 100%);background-size:24px 24px,100% 100%}#stage{position:fixed;inset:0}#stage cesdk-canvas,#stage canvas{width:100%;height:100%;display:block}#boot{z-index:100;background:radial-gradient(1200px 700px at 50% 38%, var(--night-glow) 0%, var(--night) 55%, var(--night-deep) 100%);place-items:center;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}#boot.is-done{opacity:0;visibility:hidden}.boot-card{text-align:center}.boot-star{animation:boot-bounce .9s var(--spring) infinite alternate;font-size:64px}@keyframes boot-bounce{0%{transform:translateY(0)rotate(-8deg)scale(1)}to{transform:translateY(-22px)rotate(8deg)scale(1.1)}}.boot-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--paper);margin-top:10px;font-size:40px;font-weight:800}.boot-hint{color:#fff7ec8c;margin-top:4px;font-size:14px;font-weight:700}.tb-card{background:var(--paper);border:var(--line) solid var(--ink);border-radius:22px;box-shadow:0 6px #0f0a22d9}.tb-btn{--btn-bg:var(--paper);--btn-fg:var(--ink);appearance:none;border:var(--line) solid var(--ink);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 var(--shadow-drop) 0 var(--ink);transition:transform 90ms var(--press), box-shadow 90ms var(--press), filter 90ms;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:700;display:inline-flex;transform:translateY(0)}.tb-btn:hover{box-shadow:0 7px 0 var(--ink);filter:brightness(1.03);transform:translateY(-2px)}.tb-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.tb-btn:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.tb-btn:disabled{opacity:.45;pointer-events:none;box-shadow:0 var(--shadow-drop) 0 var(--ink)}.tb-btn--pink{--btn-bg:var(--pink);--btn-fg:var(--white)}.tb-btn--sun{--btn-bg:var(--sun);--btn-fg:var(--ink)}.tb-btn--mint{--btn-bg:var(--mint);--btn-fg:var(--ink)}.tb-btn--danger{--btn-bg:var(--paper);--btn-fg:#d63757}.tb-btn--icon{border-radius:13px;padding:8px 11px;font-size:18px;line-height:1}.tb-btn .tb-btn__icon{font-size:18px;line-height:1}.tb-topbar{z-index:20;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;top:16px;left:16px;right:16px}.tb-topbar>*{pointer-events:auto}.tb-logo{background:var(--paper);border:var(--line) solid var(--ink);font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:18px;font-weight:800;display:inline-flex;transform:rotate(-1.5deg);box-shadow:0 5px #0f0a22d9}.tb-logo__emoji{font-size:20px}.tb-topbar__spacer{flex:1}.tb-zoom{align-items:center;gap:6px;display:inline-flex}.tb-zoom__label{text-align:center;min-width:58px;font-family:var(--font-display);color:var(--paper);border:2px solid var(--ink);cursor:pointer;transition:background .12s, transform .12s var(--spring);background:#2a2140e0;border-radius:10px;padding:5px 8px;font-size:13px;font-weight:700}.tb-zoom__label:hover{background:var(--ink);transform:scale(1.06)}.tb-dock-wrap{z-index:20;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.tb-dock{align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.tb-slot{--slot-bg:var(--paper-dim);border:var(--line) solid var(--ink);background:var(--slot-bg);cursor:pointer;width:62px;height:62px;box-shadow:0 4px 0 var(--ink);transition:transform .14s var(--spring), box-shadow .14s var(--press);border-radius:17px;place-items:center;display:grid;position:relative;transform:translateY(0)scale(1)}.tb-slot:hover{box-shadow:0 9px 0 var(--ink);transform:translateY(-7px)scale(1.07)}.tb-slot:hover .tb-slot__icon{animation:.4s ease-in-out slot-wiggle}.tb-slot:active,.tb-slot.is-pressed{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)scale(.94)}.tb-slot:focus-visible{outline:3px solid var(--sky);outline-offset:2px}@keyframes slot-wiggle{0%,to{transform:rotate(0)scale(1)}30%{transform:rotate(-9deg)scale(1.12)}65%{transform:rotate(7deg)scale(1.08)}}.tb-slot__icon{pointer-events:none;font-size:26px;line-height:1}.tb-slot__icon--glyph{font-family:var(--font-display);color:var(--ink);font-size:30px;font-weight:800}.tb-slot__icon--hex{color:var(--mint);-webkit-text-stroke:2px var(--ink);font-size:34px}.tb-slot__chip{border:2.5px solid var(--ink);pointer-events:none;width:26px;height:26px}.tb-slot__chip--rect{background:var(--pink);border-radius:8px;rotate:-6deg}.tb-slot__chip--ellipse{background:var(--sun);border-radius:50%}.tb-slot__key{background:var(--ink);width:20px;height:20px;color:var(--paper);font-family:var(--font-display);pointer-events:none;border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.tb-slot__label{font-family:var(--font-display);color:var(--paper);opacity:0;transition:opacity .12s, translate .14s var(--spring);pointer-events:none;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;bottom:-22px;left:50%;translate:-50%}.tb-slot:hover .tb-slot__label{opacity:.9;translate:-50% 3px}.tb-inspector{z-index:20;width:268px;transition:transform .26s var(--spring);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:78px;bottom:110px;right:16px;transform:translate(120%)rotate(2deg)}.tb-inspector.is-open{pointer-events:auto;transform:translate(0)rotate(0)}.tb-inspector__card{flex-direction:column;max-height:100%;display:flex;overflow:hidden}.tb-inspector__head{border-bottom:2px dashed #2a21402e;align-items:center;gap:9px;padding:13px 14px 10px;display:flex}.tb-inspector__badge{font-size:22px}.tb-inspector__title{font-family:var(--font-display);flex:1;font-size:17px;font-weight:800}.tb-inspector__body{scrollbar-width:thin;scrollbar-color:#2a214059 transparent;padding:6px 14px 14px;overflow-y:auto}.tb-section{padding-top:11px}.tb-section__eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px;font-size:11px;font-weight:700}.tb-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.tb-swatch{aspect-ratio:1;border:2.5px solid var(--ink);cursor:pointer;width:100%;transition:transform .14s var(--spring), box-shadow .14s;border-radius:50%;position:relative;transform:scale(1);box-shadow:0 2px #2a214099}.tb-swatch:hover{z-index:1;transform:scale(1.22)rotate(-6deg)}.tb-swatch:active{transform:scale(.9)}.tb-swatch.is-active{box-shadow:0 0 0 3px var(--paper), 0 0 0 5.5px var(--ink);transform:scale(1.15)}.tb-swatch:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.tb-slider{grid-template-columns:1fr 44px;align-items:center;gap:8px;margin-bottom:9px;display:grid}.tb-slider__top{grid-column:1/-1;justify-content:space-between;align-items:baseline;display:flex}.tb-slider__label{font-size:13px;font-weight:800}.tb-slider__value{font-family:var(--font-display);color:var(--ink-soft);background:#2a214014;border-radius:7px;padding:1px 7px;font-size:12px;font-weight:700}.tb-range{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:26px}.tb-range::-webkit-slider-runnable-track{border:2.5px solid var(--ink);background:linear-gradient(90deg, var(--range-fill,var(--pink)) 0 var(--fill,50%), var(--paper-dim) var(--fill,50%));border-radius:6px;height:11px}.tb-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);background:var(--white);width:24px;height:24px;box-shadow:0 2.5px 0 var(--ink);transition:transform .12s var(--spring);border-radius:50%;margin-top:-9px}.tb-range:hover::-webkit-slider-thumb{transform:scale(1.15)}.tb-range:active::-webkit-slider-thumb{box-shadow:0 1px 0 var(--ink);transform:scale(1.3)translateY(1px)}.tb-range::-moz-range-track{border:2.5px solid var(--ink);background:var(--paper-dim);border-radius:6px;height:11px}.tb-range::-moz-range-progress{background:var(--range-fill,var(--pink));border-radius:6px;height:11px}.tb-range::-moz-range-thumb{border:3px solid var(--ink);background:var(--white);width:18px;height:18px;box-shadow:0 2.5px 0 var(--ink);border-radius:50%}.tb-range:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:8px}.tb-toggle{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.tb-toggle__label{font-size:13px;font-weight:800}.tb-toggle__track{border:2.5px solid var(--ink);background:var(--paper-dim);cursor:pointer;border-radius:15px;width:52px;height:28px;transition:background .16s;position:relative;box-shadow:inset 0 2px #2a214026}.tb-toggle__track.is-on{background:var(--mint)}.tb-toggle__knob{border:2.5px solid var(--ink);background:var(--white);width:20px;height:20px;transition:left .18s var(--spring), transform .18s var(--spring);border-radius:50%;position:absolute;top:1.5px;left:2px}.tb-toggle__track.is-on .tb-toggle__knob{left:24px;transform:rotate(180deg)}.tb-toggle__track:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.tb-stepper{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.tb-stepper__label{font-size:13px;font-weight:800}.tb-stepper__controls{align-items:center;gap:7px;display:flex}.tb-stepper__value{text-align:center;min-width:30px;font-family:var(--font-display);font-size:15px;font-weight:800}.tb-stepper .tb-btn{box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:3px 10px;font-size:16px}.tb-stepper .tb-btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.tb-actions{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.tb-actions .tb-btn{border-radius:12px;padding:8px 0;font-size:17px}.tb-hint{z-index:19;background:var(--sun);border:var(--line) solid var(--ink);font-family:var(--font-display);color:var(--ink);pointer-events:none;animation:hint-in .5s var(--spring) 1.1s backwards, hint-bob 1.6s ease-in-out 1.6s infinite;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;display:inline-flex;position:fixed;bottom:128px;left:50%;box-shadow:0 5px #0f0a22d9}.tb-hint__arrow{font-size:16px}.tb-hint.is-gone{transition:opacity .3s, transform .35s var(--press);opacity:0;animation:none;transform:translate(-50%)translateY(16px)scale(.85)!important}@keyframes hint-in{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.7)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes hint-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}.tb-toasts{z-index:40;pointer-events:none;flex-direction:column;gap:9px;display:flex;position:fixed;bottom:18px;left:18px}.tb-toast{background:var(--paper);border:var(--line) solid var(--ink);font-family:var(--font-display);transform-origin:0 100%;animation:toast-slap .32s var(--spring);border-radius:14px;align-items:center;gap:8px;padding:9px 15px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 5px #0f0a22d9}.tb-toast.is-leaving{transition:opacity .25s, transform .25s var(--press);opacity:0;transform:translateY(12px)rotate(-4deg)scale(.9)}@keyframes toast-slap{0%{opacity:0;transform:translateY(24px)rotate(-8deg)scale(.7)}to{opacity:1;transform:translateY(0)rotate(-1.5deg)scale(1)}}.tb-ghost{z-index:50;pointer-events:none;will-change:transform, opacity;font-size:30px;position:fixed}.tb-ghost .tb-slot__icon--glyph{color:var(--paper)}.tb-ghost .tb-slot__chip{display:block}.tb-enter-top{animation:enter-top .5s var(--spring) backwards}@keyframes enter-top{0%{opacity:0;transform:translateY(-90px)}}.tb-enter-bottom{animation:enter-bottom .55s var(--spring) backwards}@keyframes enter-bottom{0%{opacity:0;transform:translate(-50%)translateY(120px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tb-slot.tb-enter-pop{animation:enter-pop .38s var(--spring) backwards}@keyframes enter-pop{0%{opacity:0;transform:translateY(24px)scale(.3)}}@media (width<=860px){.tb-inspector{width:232px;top:70px;bottom:104px}.tb-slot{width:52px;height:52px}.tb-slot__icon{font-size:22px}.tb-logo{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}