:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#070808;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 18%,#b727272e,#0000 34%),linear-gradient(145deg,#090b0b 0%,#121515 54%,#09090a 100%);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.app-shell{min-height:100vh;padding:0;display:grid}.experience{width:100%;min-height:100vh;display:block}.video-frame{background-color:#101414;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000008c}.camera-video,.camera-canvas,.laser-stage,.scanlines,.camera-placeholder{position:absolute;inset:0}.camera-video{object-fit:cover;opacity:0;width:100%;height:100%;transform:scaleX(-1)}.camera-canvas{opacity:0;width:100%;height:100%;display:block}.camera-canvas.visible{opacity:.92}.laser-stage{pointer-events:none}.laser-stage canvas{width:100%;height:100%;display:block}.scanlines{pointer-events:none;mix-blend-mode:screen;opacity:.2;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 5px)}.score-hud,.debug-toggle,.capture-button{z-index:4;position:absolute}.score-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0a9e;border:1px solid #ffffff29;border-radius:8px;align-items:baseline;gap:10px;padding:9px 12px;display:flex;top:16px;left:16px}.score-hud span{color:#c6cfca;font-size:13px;font-weight:800}.score-hud strong{color:#fff;font-size:28px;line-height:1}.debug-toggle{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#080a0a9e;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;top:16px;right:16px}.debug-toggle.active{color:#ff6877;background:#ff495e29;border-color:#ff495e9e}.capture-button{color:#111;cursor:pointer;background:radial-gradient(circle,#fff 0 34%,#0000 35%),linear-gradient(#ff495e,#b41224);border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .12s,box-shadow .12s;display:inline-flex;bottom:18px;right:18px;box-shadow:0 0 0 5px #080a0ab8,0 12px 32px #0000006b,0 0 26px #ff2b3a5c}.capture-button:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 0 0 5px #080a0ab8,0 16px 38px #0000007a,0 0 34px #ff2b3a80}.capture-button:active{transform:translateY(0)scale(.96)}.camera-placeholder{text-align:center;background:linear-gradient(#05080859,#05080859),radial-gradient(circle at 50% 44%,#e8203529,#0000 30%);align-content:center;place-items:center;gap:16px;padding:24px;transition:opacity .18s;display:grid}.camera-placeholder.hidden{opacity:0;pointer-events:none}.placeholder-mark{color:#ff495e;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:96px;height:96px;transition:transform .12s,border-color .12s,background .12s;display:grid;position:relative}.placeholder-mark:disabled{cursor:wait}.placeholder-mark:hover{background:#ff495e1f;border-color:#ff495e9e;transform:translateY(-1px)}.placeholder-mark.loading{color:#ffb0b8;background:#ff495e1a;border-color:#ff495e85}.placeholder-mark.loading:before{content:"";border:2px solid #ffffff1f;border-top-color:#ff495ee6;border-radius:999px;width:118px;height:118px;animation:.9s linear infinite spin;position:absolute}.placeholder-copy{justify-items:center;gap:8px;display:grid}.placeholder-copy h2{color:#fff;text-align:center;text-shadow:0 0 18px #ff293c57,0 10px 38px #0000009e;max-width:min(720px,100vw - 48px);margin:0;font-size:clamp(42px,8vw,88px);line-height:.98}.placeholder-copy p{color:#d7ddd9;max-width:320px;margin:0;font-size:16px;font-weight:700;line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}.control-panel{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1111f0;border-left:1px solid #ffffff24;border-radius:0;flex-direction:column;gap:18px;width:min(360px,100vw - 24px);min-width:0;padding:18px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:0 24px 80px #00000061}.control-panel:not(.open){display:none}.panel-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .12s,border-color .12s,background .12s;display:inline-flex;position:absolute;top:16px;right:16px}.panel-close:hover{background:#ff495e24;border-color:#ff495e9e;transform:translateY(-1px)}.brand-row{gap:12px;padding-right:54px;display:grid}.eyebrow{color:#ff6877;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1{margin:0;font-size:34px;line-height:1.04}.status-pill{color:#d8e0dc;background:#ffffff0e;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 10px;font-size:13px;font-weight:700;display:inline-flex}.status-pill.danger{color:#fff;background:#dc202e3d;border-color:#ff45528a;box-shadow:0 0 26px #ff002038}.primary-button,.icon-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.primary-button{background:linear-gradient(#ff4055,#ad1724);border-color:#ff5a68b8;font-weight:800}.primary-button:hover,.icon-button:hover{transform:translateY(-1px)}.icon-button.active{color:#ffdc82;background:#ffc8571f;border-color:#ffc857b8}.meters{gap:14px;display:grid}.meter{gap:7px;display:grid}.meter-label{color:#c4ccc8;justify-content:space-between;align-items:center;font-size:13px;display:flex}.meter-label strong{color:#fff}.meter-track{background:#ffffff14;border-radius:8px;height:9px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,#ff495e,#ff001f);height:100%;transition:width .12s linear;box-shadow:0 0 16px #ff002073}.meter-fill.amber{background:linear-gradient(90deg,#ffd166,#ff8a3d);box-shadow:0 0 16px #ffb84d57}.readout-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.readout-grid div{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;min-width:0;padding:12px}.readout-grid span{color:#a9b3af;margin-bottom:6px;font-size:12px;display:block}.readout-grid strong{font-size:24px}.condition-stack{gap:8px;margin-top:auto;display:grid}.condition-stack div{color:#8e9a95;background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:10px;font-size:13px;font-weight:700;display:flex}.condition-stack div.ready{color:#f7f7f2;background:#ff495e1a;border-color:#ff535f5c}.condition-stack div.hot{box-shadow:inset 0 0 24px #ff00201f}@media (width<=980px){.app-shell{padding:0}.video-frame{aspect-ratio:auto;min-height:100vh}.control-panel{min-height:100vh}}@media (width<=520px){h1{font-size:28px}.readout-grid strong{font-size:20px}}