:root{--p8-black:#000;--p8-navy:#1d2b53;--p8-purple:#7e2553;--p8-gray:#5f574f;--p8-lightgray:#c2c3c7;--p8-white:#fff1e8;--p8-red:#ff004d;--p8-orange:#ffa300;--p8-yellow:#ffec27;--p8-green:#00e436;--p8-blue:#29adff;--p8-lavender:#83769c;--p8-pink:#ff77a8;--font-display:"Press Start 2P", monospace;--font-body:"VT323", monospace;--snap:steps(2, end)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--p8-white);background:radial-gradient(1100px 700px at 50% 40%, #232c5c 0%, #101530 60%, var(--p8-black) 100%)}body:after{content:"";z-index:15;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000029 2px 4px),radial-gradient(120% 90%,#0000 55%,#00000059 100%);position:fixed;inset:0}#stage{position:fixed;inset:0}#stage cesdk-canvas,#stage canvas{width:100%;height:100%;display:block}#boot{z-index:100;background:var(--p8-black);place-items:center;transition:opacity .3s steps(3,end),visibility .3s;display:grid;position:fixed;inset:0}#boot.is-done{opacity:0;visibility:hidden}.boot-card{text-align:center}.boot-star{animation:boot-hop .7s var(--snap) infinite alternate;font-size:56px}@keyframes boot-hop{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.boot-title{font-family:var(--font-display);color:var(--p8-white);text-shadow:4px 4px 0 var(--p8-purple);margin-top:20px;font-size:26px}.boot-hint{font-family:var(--font-display);color:var(--p8-yellow);margin-top:16px;font-size:10px;animation:.9s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.tb-card{background:var(--p8-navy);border:4px solid var(--p8-white);border-radius:0;box-shadow:6px 6px #000c}.tb-btn{--btn-bg:var(--p8-navy);--btn-fg:var(--p8-white);appearance:none;border:3px solid var(--p8-white);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:4px 4px 0 var(--p8-black);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:10px;transition:none;display:inline-flex}.tb-btn:hover{background:var(--p8-white);color:var(--p8-navy)}.tb-btn:active{box-shadow:1px 1px 0 var(--p8-black);transform:translate(3px,3px)}.tb-btn:focus-visible{outline:3px dashed var(--p8-yellow);outline-offset:2px}.tb-btn:disabled{opacity:.35;pointer-events:none}.tb-btn--sun{--btn-bg:var(--p8-yellow);--btn-fg:var(--p8-navy)}.tb-btn--sun:hover{background:var(--p8-orange);color:var(--p8-black)}.tb-btn--danger{--btn-fg:var(--p8-red);border-color:var(--p8-red)}.tb-btn--danger:hover{background:var(--p8-red);color:var(--p8-white)}.tb-btn--icon{padding:9px 11px;font-size:12px;line-height:1}.tb-btn .tb-btn__icon{font-size:12px;line-height:1}.tb-topbar{z-index:20;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;top:14px;left:14px;right:14px}.tb-topbar>*{pointer-events:auto}.tb-logo{background:var(--p8-navy);border:4px solid var(--p8-white);box-shadow:4px 4px 0 var(--p8-black);font-family:var(--font-display);color:var(--p8-white);text-shadow:2px 2px 0 var(--p8-purple);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:inline-flex}.tb-logo__emoji{font-size:16px}.tb-topbar__spacer{flex:1}.tb-zoom{align-items:center;gap:6px;display:inline-flex}.tb-zoom__label{text-align:center;min-width:62px;font-family:var(--font-display);color:var(--p8-yellow);background:var(--p8-black);border:3px solid var(--p8-white);cursor:pointer;padding:9px 6px;font-size:9px}.tb-zoom__label:hover{color:var(--p8-black);background:var(--p8-yellow)}.tb-dock-wrap{z-index:20;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.tb-dock{align-items:flex-end;gap:9px;padding:12px 13px;display:flex}.tb-slot{border:3px solid var(--p8-white);background:var(--p8-black);cursor:pointer;border-radius:0;place-items:center;width:58px;height:58px;transition:none;display:grid;position:relative}.tb-slot:hover{border-color:var(--p8-yellow);background:#101530;transform:translateY(-4px)}.tb-slot:hover .tb-slot__icon{animation:sprite-hop .3s var(--snap) infinite alternate}@keyframes sprite-hop{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.tb-slot:active,.tb-slot.is-pressed{background:var(--p8-white);transform:translateY(2px)}.tb-slot:active .tb-slot__icon,.tb-slot.is-pressed .tb-slot__icon{filter:invert()}.tb-slot:focus-visible{outline:3px dashed var(--p8-yellow);outline-offset:2px}.tb-slot__icon{pointer-events:none;font-size:26px;line-height:1}.tb-slot__icon--glyph{font-family:var(--font-body);color:var(--p8-white);font-size:38px}.tb-slot:first-child .tb-slot__icon--glyph{color:var(--p8-white);font-family:var(--font-display);font-size:22px}.tb-slot:nth-child(2) .tb-slot__icon--glyph{color:var(--p8-red)}.tb-slot:nth-child(3) .tb-slot__icon--glyph{color:var(--p8-blue)}.tb-slot:nth-child(4) .tb-slot__icon--glyph{color:var(--p8-yellow)}.tb-slot:nth-child(5) .tb-slot__icon--glyph{color:var(--p8-green)}.tb-slot:nth-child(6) .tb-slot__icon--glyph{color:var(--p8-lavender)}.tb-slot:nth-child(7) .tb-slot__icon--glyph{color:var(--p8-pink)}.tb-slot__key{background:var(--p8-yellow);width:18px;height:18px;color:var(--p8-black);border:2px solid var(--p8-black);font-family:var(--font-display);pointer-events:none;place-items:center;font-size:8px;display:grid;position:absolute;top:-10px;right:-10px}.tb-slot__label{font-family:var(--font-display);color:var(--p8-yellow);opacity:0;pointer-events:none;white-space:nowrap;font-size:7px;position:absolute;bottom:-22px;left:50%;translate:-50%}.tb-slot:hover .tb-slot__label{opacity:1;animation:.7s steps(2,end) infinite blink}.tb-inspector{z-index:20;pointer-events:none;flex-direction:column;width:272px;transition:transform .22s steps(4,end);display:flex;position:fixed;top:76px;bottom:106px;right:14px;transform:translate(120%)}.tb-inspector.is-open{pointer-events:auto;transform:translate(0)}.tb-inspector__card{flex-direction:column;max-height:100%;display:flex;overflow:hidden}.tb-inspector__head{background:var(--p8-white);color:var(--p8-navy);border-bottom:4px solid var(--p8-white);align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.tb-inspector__head .tb-btn{box-shadow:none;border-color:var(--p8-navy);background:var(--p8-white);color:var(--p8-navy)}.tb-inspector__head .tb-btn:hover{background:var(--p8-navy);color:var(--p8-white)}.tb-inspector__badge{font-family:var(--font-body);font-size:24px;line-height:1}.tb-inspector__title{font-family:var(--font-display);flex:1;font-size:12px}.tb-inspector__body{scrollbar-width:thin;scrollbar-color:var(--p8-gray) transparent;padding:4px 14px 14px;overflow-y:auto}.tb-section{padding-top:13px}.tb-section__eyebrow{font-family:var(--font-display);color:var(--p8-yellow);margin-bottom:9px;font-size:8px}.tb-section__eyebrow:before{content:"▶ ";color:var(--p8-pink)}.tb-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.tb-swatch{aspect-ratio:1;border:3px solid var(--p8-white);cursor:pointer;width:100%;box-shadow:2px 2px 0 var(--p8-black);border-radius:0;position:relative}.tb-swatch:hover{box-shadow:3px 4px 0 var(--p8-black);transform:translate(-1px,-2px)}.tb-swatch:active{box-shadow:none;transform:translate(1px,1px)}.tb-swatch.is-active{border-color:var(--p8-yellow);animation:.8s steps(2,end) infinite blink-border}@keyframes blink-border{50%{border-color:var(--p8-white)}}.tb-swatch:focus-visible{outline:3px dashed var(--p8-yellow);outline-offset:2px}.tb-slider{align-items:center;gap:6px;margin-bottom:12px;display:grid}.tb-slider__top{justify-content:space-between;align-items:baseline;display:flex}.tb-slider__label{font-family:var(--font-display);color:var(--p8-white);font-size:9px}.tb-slider__value{font-family:var(--font-body);color:var(--p8-yellow);font-size:18px;line-height:1}.tb-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px}.tb-range::-webkit-slider-runnable-track{border:3px solid var(--p8-white);background:linear-gradient(90deg, var(--range-fill,var(--p8-red)) 0 var(--fill,50%), var(--p8-black) var(--fill,50%));height:14px}.tb-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--p8-black);background:var(--p8-white);border-radius:0;width:18px;height:18px;margin-top:-5px}.tb-range:active::-webkit-slider-thumb{background:var(--p8-yellow)}.tb-range::-moz-range-track{border:3px solid var(--p8-white);background:var(--p8-black);height:14px}.tb-range::-moz-range-progress{background:var(--range-fill,var(--p8-red));height:14px}.tb-range::-moz-range-thumb{border:3px solid var(--p8-black);background:var(--p8-white);border-radius:0;width:14px;height:14px}.tb-range:focus-visible{outline:3px dashed var(--p8-yellow);outline-offset:2px}.tb-toggle{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.tb-toggle__label{font-family:var(--font-display);font-size:9px}.tb-toggle__track{border:3px solid var(--p8-white);background:var(--p8-black);cursor:pointer;border-radius:0;width:54px;height:26px;position:relative}.tb-toggle__track.is-on{background:var(--p8-green)}.tb-toggle__knob{border:3px solid var(--p8-black);background:var(--p8-white);border-radius:0;width:14px;height:14px;transition:left .14s steps(3,end);position:absolute;top:2px;left:3px}.tb-toggle__track.is-on .tb-toggle__knob{left:28px}.tb-toggle__track:focus-visible{outline:3px dashed var(--p8-yellow);outline-offset:2px}.tb-stepper{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.tb-stepper__label{font-family:var(--font-display);font-size:9px}.tb-stepper__controls{align-items:center;gap:8px;display:flex}.tb-stepper__value{text-align:center;min-width:30px;font-family:var(--font-body);color:var(--p8-yellow);font-size:22px;line-height:1}.tb-stepper .tb-btn{box-shadow:3px 3px 0 var(--p8-black);padding:6px 9px;font-size:10px}.tb-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tb-actions .tb-btn{padding:9px 0;font-size:11px}.tb-hint{z-index:19;background:var(--p8-black);border:3px solid var(--p8-yellow);font-family:var(--font-display);color:var(--p8-yellow);pointer-events:none;align-items:center;gap:10px;padding:11px 16px;font-size:9px;animation:1s steps(2,end) 1.2s infinite hint-blink;display:inline-flex;position:fixed;bottom:126px;left:50%;transform:translate(-50%)}@keyframes hint-blink{50%{border-color:var(--p8-white);color:var(--p8-white)}}.tb-hint__arrow{font-size:10px}.tb-hint.is-gone{opacity:0;transition:opacity .2s steps(2,end);animation:none}.tb-toasts{z-index:40;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:16px;left:16px}.tb-toast{background:var(--p8-navy);border:4px solid var(--p8-white);font-family:var(--font-display);color:var(--p8-white);align-items:center;gap:10px;padding:12px 16px;font-size:10px;animation:.24s steps(3,end) toast-drop;display:inline-flex;box-shadow:6px 6px #000c}.tb-toast.is-leaving{opacity:0;transition:opacity .18s steps(2,end)}@keyframes toast-drop{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tb-ghost{z-index:50;pointer-events:none;will-change:transform, opacity;font-size:30px;position:fixed}.tb-ghost .tb-slot__icon--glyph{font-family:var(--font-body);color:var(--p8-yellow);font-size:38px}.tb-enter-top{animation:.35s steps(4,end) backwards enter-top}@keyframes enter-top{0%{opacity:0;transform:translateY(-80px)}}.tb-enter-bottom{animation:.4s steps(4,end) backwards enter-bottom}@keyframes enter-bottom{0%{opacity:0;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tb-slot.tb-enter-pop{animation:.26s steps(3,end) backwards enter-pop}@keyframes enter-pop{0%{opacity:0;transform:translateY(20px)}}@media (width<=860px){.tb-inspector{width:240px;top:70px;bottom:100px}.tb-slot{width:48px;height:48px}.tb-slot__icon--glyph{font-size:30px}.tb-logo{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}