:root{--void:#04070d;--deep:#0a1526;--glass:#0816269e;--line-soft:#00e5ff52;--line-hard:#00e5ffbf;--cyan:#00e5ff;--cyan-dim:#6adfef;--magenta:#ff2ec4;--amber:#ffb300;--spring-green:#16f2b3;--ice:#eaf6ff;--dim:#7f97ad;--font-display:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--chamfer:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);--glow:0 0 18px #00e5ff40}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--ice);background:linear-gradient(#00e5ff0a 1px, transparent 1px), linear-gradient(90deg, #00e5ff0a 1px, transparent 1px), radial-gradient(1200px 800px at 50% 38%, #0d1d33 0%, var(--deep) 45%, var(--void) 100%);background-size:44px 44px,44px 44px,100% 100%}#stage{position:fixed;inset:0}#stage cesdk-canvas,#stage canvas{width:100%;height:100%;display:block}.holo-frame{z-index:16;pointer-events:none;position:fixed;inset:10px}.holo-frame span{border:2px solid var(--line-hard);filter:drop-shadow(0 0 6px #00e5ff80);width:26px;height:26px;position:absolute}.holo-frame span:first-child{border-bottom:0;border-right:0;top:0;left:0}.holo-frame span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.holo-frame span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.holo-frame span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.holo-readout{z-index:19;font-family:var(--font-display);letter-spacing:.34em;color:var(--cyan);text-shadow:0 0 10px #00e5ffb3;pointer-events:none;white-space:nowrap;opacity:0;font-size:10px;font-weight:700;transition:opacity .16s;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.holo-readout.is-live{opacity:1}.holo-clock{z-index:16;font-family:var(--font-display);letter-spacing:.22em;color:var(--dim);pointer-events:none;font-size:10px;position:fixed;bottom:16px;left:22px}.holo-clock b{color:var(--cyan);font-weight:700}#boot{z-index:100;background:radial-gradient(1000px 700px at 50% 40%, #0d1d33 0%, var(--void) 90%);place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}#boot.is-done{opacity:0;visibility:hidden}.boot-card{text-align:center}.boot-star{filter:drop-shadow(0 0 18px #00e5ff99);font-size:52px;animation:2.4s ease-in-out infinite boot-orbit}@keyframes boot-orbit{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-16px)rotate(6deg)}}.boot-title{font-family:var(--font-display);letter-spacing:.42em;color:var(--cyan);text-shadow:0 0 24px #00e5ffcc;margin-top:18px;padding-left:.42em;font-size:30px;font-weight:900}.boot-hint{letter-spacing:.18em;color:var(--dim);margin-top:10px;font-size:15px;font-weight:600;animation:1.6s ease-in-out infinite boot-pulse}@keyframes boot-pulse{50%{opacity:.4}}.tb-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-soft);clip-path:var(--chamfer);box-shadow:var(--glow);border-radius:0}.tb-btn{--btn-fg:var(--cyan);appearance:none;border:1px solid var(--line-soft);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);color:var(--btn-fg);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0816268c;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;transition:background .12s,box-shadow .12s,color .12s,filter 80ms;display:inline-flex}.tb-btn:hover{border-color:var(--line-hard);text-shadow:0 0 8px #00e5ffcc;background:#00e5ff24;box-shadow:0 0 16px #00e5ff59}.tb-btn:active{filter:brightness(1.7)}.tb-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.tb-btn:disabled{opacity:.3;pointer-events:none}.tb-btn--sun{color:#032027;border-color:var(--line-hard);text-shadow:none;background:linear-gradient(#00e5ffe6,#00a0bee6);animation:2.6s ease-in-out infinite export-pulse}.tb-btn--sun:hover{color:#01161b;text-shadow:none;background:linear-gradient(#4df0ff,#00b8d9)}@keyframes export-pulse{50%{box-shadow:0 0 22px #00e5ff8c}}.tb-btn--danger{--btn-fg:var(--magenta);border-color:#ff2ec466}.tb-btn--danger:hover{border-color:var(--magenta);text-shadow:0 0 8px #ff2ec4cc;background:#ff2ec426;box-shadow:0 0 16px #ff2ec459}.tb-btn--icon{padding:9px 12px;font-size:13px;line-height:1}.tb-btn .tb-btn__icon{font-size:13px;line-height:1}.tb-topbar{z-index:20;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;top:20px;left:22px;right:22px}.tb-topbar>*{pointer-events:auto}.tb-logo{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-soft);clip-path:var(--chamfer);font-family:var(--font-display);letter-spacing:.32em;color:var(--cyan);text-shadow:0 0 12px #00e5ffb3;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:900;display:inline-flex}.tb-logo__emoji{filter:drop-shadow(0 0 6px #00e5ff99);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:84px;font-family:var(--font-display);letter-spacing:.14em;color:var(--amber);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);cursor:pointer;background:#081626b3;border:1px solid #ffb30066;padding:9px 8px;font-size:10px;font-weight:700;transition:box-shadow .12s,border-color .12s}.tb-zoom__label:hover{border-color:var(--amber);box-shadow:0 0 14px #ffb30059}.tb-dock-wrap{z-index:20;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.tb-dock{align-items:flex-end;gap:9px;padding:11px 14px;display:flex}.tb-slot{border:1px solid var(--line-soft);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);cursor:pointer;background:#040c1699;border-radius:0;place-items:center;width:56px;height:56px;transition:background .13s,border-color .13s,box-shadow .13s,transform .13s ease-out;display:grid;position:relative}.tb-slot:hover{border-color:var(--line-hard);background:#00e5ff1a;transform:translateY(-5px);box-shadow:0 0 18px #00e5ff59,inset 0 0 12px #00e5ff1f}.tb-slot:hover .tb-slot__icon{text-shadow:0 0 12px #00e5ffe6}.tb-slot:active,.tb-slot.is-pressed{filter:brightness(1.8);transform:translateY(0)}.tb-slot:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.tb-slot__icon{pointer-events:none;font-size:24px;line-height:1}.tb-slot__icon--glyph{font-family:var(--font-body);color:var(--cyan);text-shadow:0 0 8px #00e5ff73;font-size:30px;font-weight:500}.tb-slot__key{background:var(--deep);min-width:16px;height:16px;color:var(--cyan-dim);border:1px solid var(--line-soft);font-family:var(--font-display);pointer-events:none;place-items:center;font-size:8px;font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.tb-slot__label{display:none}.tb-inspector{z-index:20;opacity:0;pointer-events:none;flex-direction:column;width:276px;transition:transform .22s ease-out,opacity .2s;display:flex;position:fixed;top:84px;bottom:108px;right:22px;transform:translate(40px)}.tb-inspector.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.tb-inspector__card{flex-direction:column;max-height:100%;display:flex;position:relative;overflow:hidden}.tb-inspector.is-open .tb-inspector__card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00e5ff38,#0000);height:60px;animation:.5s ease-out forwards sweep;position:absolute;left:0;right:0}@keyframes sweep{0%{top:-60px}to{top:110%}}.tb-inspector__head{border-bottom:1px solid var(--line-soft);background:#00e5ff0f;align-items:center;gap:10px;padding:13px 12px 11px 16px;display:flex}.tb-inspector__badge{font-family:var(--font-body);color:var(--cyan);text-shadow:0 0 10px #00e5ff99;font-size:20px;line-height:1}.tb-inspector__title{font-family:var(--font-display);letter-spacing:.24em;color:var(--ice);flex:1;font-size:13px;font-weight:700}.tb-inspector__title:before{content:"TARGET // ";color:var(--dim);letter-spacing:.2em;font-size:9px}.tb-inspector__body{scrollbar-width:thin;scrollbar-color:#00e5ff59 transparent;padding:4px 16px 16px;overflow-y:auto}.tb-section{padding-top:14px}.tb-section__eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid #00e5ff24;margin-bottom:9px;padding-bottom:5px;font-size:9px;font-weight:700}.tb-section__eyebrow:before{content:"▸ ";color:var(--magenta)}.tb-swatches{grid-template-columns:repeat(8,1fr);gap:8px;padding:4px 2px;display:grid}.tb-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #eaf6ff80;border-radius:0;width:82%;margin:auto;transition:transform .14s ease-out,box-shadow .14s;position:relative;transform:rotate(45deg)scale(1)}.tb-swatch:hover{z-index:1;transform:rotate(45deg)scale(1.25);box-shadow:0 0 12px}.tb-swatch:active{transform:rotate(45deg)scale(.9)}.tb-swatch.is-active{border-color:var(--ice);transform:rotate(45deg)scale(1.18);box-shadow:0 0 0 2px #eaf6ff59,0 0 14px #00e5ff80}.tb-swatch:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.tb-slider{align-items:center;gap:4px;margin-bottom:11px;display:grid}.tb-slider__top{justify-content:space-between;align-items:baseline;display:flex}.tb-slider__label{letter-spacing:.12em;text-transform:uppercase;color:var(--ice);font-size:14px;font-weight:700}.tb-slider__value{font-family:var(--font-display);letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 8px #00e5ff80;font-size:10px;font-weight:700}.tb-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}.tb-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--range-fill,var(--cyan)) 0 var(--fill,50%), #7f97ad40 var(--fill,50%));border-radius:0;height:4px;box-shadow:0 0 8px #00e5ff33}.tb-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--ice);background:var(--deep);width:14px;height:14px;box-shadow:0 0 10px var(--range-fill,var(--cyan));border-radius:0;margin-top:-5px;transition:transform .12s ease-out;transform:rotate(45deg)}.tb-range:hover::-webkit-slider-thumb{transform:rotate(45deg)scale(1.25)}.tb-range:active::-webkit-slider-thumb{background:var(--range-fill,var(--cyan))}.tb-range::-moz-range-track{background:#7f97ad40;height:4px}.tb-range::-moz-range-progress{background:var(--range-fill,var(--cyan));height:4px}.tb-range::-moz-range-thumb{border:1px solid var(--ice);background:var(--deep);border-radius:0;width:12px;height:12px}.tb-range:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.tb-toggle{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.tb-toggle__label{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.tb-toggle__track{border:1px solid var(--line-soft);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);cursor:pointer;background:#040c16b3;border-radius:0;width:52px;height:22px;transition:background .16s,border-color .16s,box-shadow .16s;position:relative}.tb-toggle__track.is-on{border-color:var(--spring-green);background:#16f2b32e;box-shadow:0 0 12px #16f2b359}.tb-toggle__knob{border:1px solid var(--ice);background:var(--dim);border-radius:0;width:14px;height:14px;transition:left .18s ease-out,background .18s,box-shadow .18s;position:absolute;top:3px;left:4px}.tb-toggle__track.is-on .tb-toggle__knob{background:var(--spring-green);left:32px;box-shadow:0 0 10px #16f2b3cc}.tb-toggle__track:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.tb-stepper{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.tb-stepper__label{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.tb-stepper__controls{align-items:center;gap:8px;display:flex}.tb-stepper__value{text-align:center;min-width:30px;font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 8px #00e5ff80;font-size:13px;font-weight:700}.tb-stepper .tb-btn{padding:5px 10px;font-size:12px}.tb-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tb-actions .tb-btn{padding:9px 0;font-size:12px}.tb-hint{z-index:19;font-family:var(--font-display);letter-spacing:.34em;color:var(--cyan);text-shadow:0 0 12px #00e5ffb3;pointer-events:none;background:0 0;border:0;align-items:center;gap:10px;padding:8px 4px;font-size:10px;font-weight:700;animation:2s ease-in-out 1.2s infinite hint-pulse;display:inline-flex;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}@keyframes hint-pulse{50%{opacity:.35}}.tb-hint__arrow{font-size:11px}.tb-hint.is-gone{opacity:0;transition:opacity .3s;animation:none}.tb-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;inset:84px 22px auto auto}.tb-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-right:2px solid var(--cyan);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px #00e5ff80;background:#040c16d9;align-items:center;gap:9px;padding:9px 14px;font-size:10px;font-weight:700;animation:.26s ease-out log-in;display:inline-flex}.tb-toast.is-leaving{opacity:0;transition:opacity .26s,transform .26s;transform:translate(24px)}@keyframes log-in{0%{opacity:0;transform:translate(40px)}}.tb-ghost{z-index:50;pointer-events:none;will-change:transform, opacity;filter:drop-shadow(0 0 10px #00e5ffcc);font-size:28px;position:fixed}.tb-ghost .tb-slot__icon--glyph{font-family:var(--font-body);color:var(--cyan);font-size:30px}.tb-enter-top{animation:.6s ease-out backwards enter-top}@keyframes enter-top{0%{opacity:0;transform:translateY(-30px)}}.tb-enter-bottom{animation:.65s ease-out backwards enter-bottom}@keyframes enter-bottom{0%{opacity:0;transform:translate(-50%)translateY(30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tb-slot.tb-enter-pop{animation:.42s ease-out backwards enter-pop}@keyframes enter-pop{0%{opacity:0;transform:translateY(14px)}}@media (width<=860px){.tb-inspector{width:244px;top:76px;bottom:102px}.tb-slot{width:46px;height:46px}.tb-slot__icon--glyph{font-size:24px}.tb-logo{letter-spacing:.2em;font-size:11px}.holo-clock{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
