@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111016;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#tiled-shadows-app{min-height:100%;margin:0}body{color:#f4efff;background:#111016;overflow-x:hidden}#tiled-shadows-app{isolation:isolate;background:radial-gradient(circle at 78% 17%,#be88ff33,#0000 27%),radial-gradient(circle at 78% 80%,#74ebc31f,#0000 30%),#111016;min-height:100svh;position:relative;overflow:hidden}#tiled-shadows-app:before{z-index:1;pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}#scene-shell{z-index:0;position:absolute;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.lab-hud{z-index:3;pointer-events:none;width:min(530px,100% - 42px);padding:clamp(30px,5vw,66px) 0 42px clamp(24px,5vw,68px);position:relative}.lab-hud>*{pointer-events:auto}.back-link,.lab-link{color:#c39bff;letter-spacing:.08em;text-transform:uppercase;font:500 11px/1 DM Mono,monospace;text-decoration:none}.back-link:hover,.lab-link:hover{color:#fff}.eyebrow,.panel-label,.signature{color:#a5a1bb;letter-spacing:.16em;text-transform:uppercase;font:500 10px/1.2 DM Mono,monospace}.eyebrow{margin-top:25px}h1{letter-spacing:-.09em;max-width:440px;margin:19px 0 12px;font-size:clamp(52px,7vw,92px);font-weight:600;line-height:.86}.intro{color:#c0bacd;max-width:470px;margin:0 0 24px;font-size:15px;line-height:1.55}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111016c7;border:1px solid #dabbff2b;border-radius:17px;grid-template-columns:1fr 1fr;gap:13px 14px;width:min(490px,100%);padding:15px;display:grid;box-shadow:0 22px 66px #0000004d}.control-panel label{color:#a69bbd;letter-spacing:.08em;text-transform:uppercase;gap:7px;font:10px/1.1 DM Mono,monospace;display:grid}.control-panel select{color:#f4efff;background:#21192c;border:1px solid #c39bff3d;border-radius:8px;min-height:33px;padding:0 9px;font:12px DM Mono,monospace}.control-panel select:disabled{opacity:.48}.check-row{align-items:center;min-height:33px;color:#d1c7de!important;letter-spacing:0!important;text-transform:none!important;gap:8px!important;display:flex!important}.check-row input{accent-color:#c39bff}.control-panel button{color:#f1e7ff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#2b1d3ae6;border:1px solid #c39bff5c;border-radius:999px;grid-column:1/-1;justify-self:start;min-height:32px;padding:0 11px;font:10px DM Mono,monospace}.control-panel button:hover{background:#3f2752f2;border-color:#c39bff}.metrics{grid-template-columns:repeat(3,1fr);gap:11px 15px;max-width:500px;margin:22px 0 13px;display:grid}.metrics div{min-width:0}.metrics dt{color:#827b9a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font:9px DM Mono,monospace}.metrics dd{color:#f6f0ff;text-overflow:ellipsis;white-space:nowrap;margin:0;font:12px DM Mono,monospace;overflow:hidden}.status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-pill{color:#d8baff;letter-spacing:.04em;text-transform:uppercase;background:#3e2c4bc2;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font:10px DM Mono,monospace;display:inline-flex}.status-pill i{background:#d0a6ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #d0a6ff}.status-pill.muted{color:#c4bdd2;background:#272534c7}.status-pill.muted i{display:none}.status-detail,.selection-detail{color:#b5adc2;max-width:500px;margin:10px 0 0;font:12px/1.45 DM Mono,monospace}.selection-detail{color:#d8baff}.hint{color:#888197;margin:15px 0 17px;font:10px DM Mono,monospace}kbd{color:#e9dfff;border:1px solid #c6bcdb47;border-radius:4px;padding:2px 5px}.tile-panel{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111016b3;border:1px solid #dabbff2e;border-radius:16px;width:min(290px,100% - 42px);padding:16px 17px;position:absolute;top:28px;right:5vw;box-shadow:0 18px 56px #0000003d}.legend-row{color:#d3cde0;align-items:center;gap:10px;margin-top:10px;font:11px DM Mono,monospace;display:flex}.tile-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px}.t1{color:#c39bff;background:#c39bff}.t2{color:#74ebc3;background:#74ebc3}.t3{color:#ffb574;background:#ffb574}.tile-panel p{color:#928ba2;margin:15px 0 0;font:10px/1.45 DM Mono,monospace}.error-panel{z-index:5;color:#ffc4d0;background:#391121e6;border:1px solid #ff7a8f61;border-radius:11px;width:min(420px,100% - 42px);padding:13px 15px;font:11px/1.45 DM Mono,monospace;position:absolute;bottom:32px;right:5vw}.error-panel[hidden]{display:none}.error-panel strong{color:#ff91aa;text-transform:uppercase;margin-bottom:5px;display:block}.signature{z-index:3;position:absolute;bottom:28px;right:5vw}@media (width<=800px){.lab-hud{padding-top:30px}.tile-panel{top:auto;bottom:30px;right:21px}.signature{display:none}}@media (width<=540px){.lab-hud{width:calc(100% - 28px);padding:24px 14px 230px}h1{font-size:clamp(49px,15vw,70px)}.intro{font-size:13px}.control-panel{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.tile-panel{width:calc(100% - 28px);bottom:14px;right:14px}}