:root{--fg:#fff;--fg-dim:rgba(255,255,255,.55);--glass:rgba(18,18,20,.38);--glass-brd:rgba(255,255,255,.14);--accent:#fff;--radius:28px;--swatch:46px;--font:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#000;color:var(--fg);font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#stream{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#stream>*{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}#stream video{width:100%!important;height:100%!important;object-fit:cover}#gestures{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;transition:opacity .8s}#ui.hidden{opacity:0}#ui>*{pointer-events:auto}.top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(env(safe-area-inset-top) + 22px) calc(env(safe-area-inset-right) + 26px) 0 calc(env(safe-area-inset-left) + 28px);pointer-events:none}.top>*{pointer-events:auto}.logo{height:34px;display:block}.subtitle{margin-top:10px;font-size:11px;letter-spacing:.32em;color:var(--fg-dim);font-weight:500}.icons{display:flex;gap:12px}.icon{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-brd);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .15s}.icon svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.icon:active{transform:scale(.94)}.icon.off svg,.icon.muted .wave{opacity:.35}.icon .mute{display:none}.icon.muted .mute{display:block}.icon.muted .wave{display:none}.panel{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 26px);transform:translate(-50%);min-width:420px;padding:18px 28px 12px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);text-align:center}.option-name{font-size:17px;font-weight:600;letter-spacing:.01em;margin-bottom:14px;min-height:22px}.swatches{display:flex;gap:12px;justify-content:center}.swatch{width:var(--swatch);height:var(--swatch);border-radius:50%;border:none;background:none;cursor:pointer;position:relative;padding:0}.swatch span{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffff8c,#fff0 38%),radial-gradient(circle at 70% 80%,#00000059,#0000 55%),var(--c);box-shadow:inset 0 0 0 1px #00000073}.swatch.matte span{background:radial-gradient(circle at 70% 80%,#00000040,#0000 60%),var(--c)}.swatch.tex-carbon span{background:radial-gradient(circle at 32% 28%,#ffffff59,#fff0 40%),repeating-linear-gradient(45deg,#2a2a2a 0,#2a2a2a 4px,#111 4px,#111 8px),var(--c)}.swatch.tex-forged span{background:radial-gradient(circle at 32% 28%,#ffffff59,#fff0 40%),url(../assets/forged.png) center/cover,var(--c)}.swatch.tex-wheel span{background:radial-gradient(circle at 32% 28%,#ffffff80,#fff0 40%),repeating-conic-gradient(from 0deg,#00000040 0,#00000040 6deg,#ffffff14 6deg,#ffffff14 15deg),var(--c)}.swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid #fff;opacity:0;transform:scale(.9);transition:.2s}.swatch.selected:after{opacity:1;transform:scale(1)}.divider{height:1px;background:var(--glass-brd);margin:14px -10px 6px}.tabs{display:flex;gap:6px;justify-content:center}.tab{background:none;border:none;color:var(--fg-dim);font:600 11px/1 var(--font);letter-spacing:.2em;padding:12px 16px;cursor:pointer;position:relative}.tab.active{color:#fff}.tab.active:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;background:#fff;border-radius:2px}#start{cursor:pointer;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transition:opacity 1s}#start.gone{opacity:0;pointer-events:none}#intro{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.start-cta{position:absolute;bottom:22%;opacity:0!important}#start.ready.intro-done .start-cta{opacity:1!important}.start-cta{z-index:1;font-size:13px;letter-spacing:.42em;font-weight:500;opacity:.25;transition:opacity .6s}#start.ready .start-cta{animation:pulse 2.4s ease-in-out infinite}.start-status{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 28px);font-size:11px;letter-spacing:.2em;color:var(--fg-dim)}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (max-width:820px){:root{--swatch:40px}.panel{min-width:0;width:calc(100% - 32px);padding:14px 12px 8px}.swatches{gap:8px;flex-wrap:wrap}.tab{padding:12px 10px}}