:root{color-scheme:dark;--bg: #05060d;--accent: #ffd35c;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:#fff;overflow:hidden;overscroll-behavior:none}#cam{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;filter:brightness(.85)}#sky{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.hidden{display:none!important}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#131a3a,#05060d 70%)}#overlay h1{font-size:clamp(2rem,9vw,3.2rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#9fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}#overlay p{max-width:28ch;line-height:1.5;color:#aab3d6;font-size:1rem}#start{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:.95rem 2.4rem;font-size:1.05rem;font-weight:700;color:#06070f;background:linear-gradient(180deg,#ffe79a,var(--accent));box-shadow:0 8px 30px #ffd35c59}#start:disabled{opacity:.6}#hud{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;z-index:5;padding:6px 10px;font:11px/1.4 ui-monospace,monospace;color:#8fa0d0;background:#00000059}#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0) + 44px);transform:translate(-50%);z-index:8;max-width:min(90vw,420px);padding:12px 16px;font-size:13px;line-height:1.4;color:#fff;background:#b43c3ceb;border-radius:12px;box-shadow:0 8px 30px #0006}#info{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 76px);transform:translate(-50%);z-index:5;min-width:200px;padding:12px 18px;text-align:center;background:#080c1eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(150,180,255,.18);border-radius:16px}.info-name{font-size:1.25rem;font-weight:700}.info-con{color:var(--accent);font-size:.95rem;margin-top:2px}.info-meta{color:#8fa0d0;font-size:.8rem;margin-top:4px}#calib{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0);z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12px;color:#aab3d6;background:#0000004d}#calib input{flex:1}#layers-btn{position:fixed;right:12px;top:calc(env(safe-area-inset-top,0) + 30px);z-index:6;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(150,180,255,.25);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#cdd7f5;background:#080c1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#layers{position:fixed;right:12px;top:calc(env(safe-area-inset-top,0) + 70px);z-index:6;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#080c1ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(150,180,255,.18);border-radius:14px;font-size:14px}#layers label{display:flex;align-items:center;gap:9px}#layers input{width:17px;height:17px;accent-color:var(--accent)}#layers .soon{opacity:.5}#layers .soon span{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6c79a8}