:root{--bg: #0c1210;--bg-elevated: rgba(22, 32, 27, .72);--bg-card: rgba(28, 40, 34, .88);--ink: #f2f5f3;--ink-soft: #b8c4bd;--ink-mute: #7d8a83;--line: rgba(255, 255, 255, .1);--line-strong: rgba(225, 184, 75, .45);--gold: #e1b84b;--gold-deep: #c9a03a;--green: #2f6b52;--green-bright: #5fc08a;--radius: 14px;--radius-sm: 10px;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;letter-spacing:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden],.hidden{display:none!important}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body{min-height:100svh;background:var(--bg)}button,a{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid rgba(225,184,75,.7);outline-offset:3px}#camera-feed{position:fixed;inset:0;width:100%;height:100%;display:block;background:var(--bg)}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(to bottom,rgba(8,12,10,.96),rgba(8,12,10,.45),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:11px;min-width:0;color:#fff;text-decoration:none;pointer-events:auto}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#2f7a58,#1d4d38);box-shadow:inset 0 1px #ffffff2e,0 4px 12px #00000040;font-family:var(--serif);font-size:15px;font-weight:600}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-text strong{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text em{font-style:normal;font-size:10px;color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase}.engine-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#0c120f8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-soft);font-size:10px;font-weight:600;white-space:nowrap}.engine-badge i,#tracking-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #e1b84b24}.engine-badge.ready i{background:var(--green-bright);box-shadow:0 0 0 4px #5fc08a29}.splash,.error-panel{position:fixed;z-index:15;inset:0;display:grid;place-items:center;padding:76px 18px 72px;background:var(--bg);overflow:auto}.splash:before{content:"";position:absolute;inset:0;opacity:.22;background:radial-gradient(ellipse 70% 50% at 70% 20%,rgba(47,107,82,.35),transparent 55%),url(../assets/plaque-brunel-demo-board-v2.png) center / cover no-repeat;filter:grayscale(.35) contrast(1.08) saturate(.85);transition:opacity .5s ease,filter .5s ease}.splash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080c0a8c,#080c0ac7 45%,#080c0aeb);transition:background .5s ease,opacity .5s ease}.splash-inner{position:relative;z-index:1;width:min(100%,440px);display:flex;flex-direction:column;gap:18px}.splash-copy{padding:22px 20px 20px;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:linear-gradient(165deg,#2838308c,#101814d1);box-shadow:var(--shadow),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);transition:opacity .45s ease,filter .45s ease,transform .45s ease}.splash-copy>*+*{margin-top:0}.splash.demo-playing:before{opacity:.04;filter:grayscale(1) blur(4px)}.splash.demo-playing:after{background:radial-gradient(ellipse 55% 42% at 50% 52%,rgba(48,110,78,.42) 0%,transparent 62%),radial-gradient(ellipse 90% 50% at 50% 88%,rgba(225,184,75,.1) 0%,transparent 55%),radial-gradient(ellipse 120% 90% at 50% 40%,#1a2c24,#0c1410 58%,#080c0a)}.splash.demo-playing .splash-copy{opacity:0;pointer-events:none;filter:blur(3px);transform:scale(.98)}body.demo-playing .topbar,body.demo-playing .debug-bar{opacity:.28;transition:opacity .45s ease}body.demo-playing .topbar .brand,body.demo-playing .debug-bar button{pointer-events:none}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}.pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#e1b84b24;border:1px solid rgba(225,184,75,.35);color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow-meta{color:var(--ink-mute);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}h1{margin:0;max-width:12ch;font:500 clamp(36px,9vw,54px)/1.02 var(--serif);letter-spacing:-.025em;color:#fff;text-wrap:balance}.intro{margin:12px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.55;max-width:34em}.intro strong{color:#e8efe9;font-weight:650}.path-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}.path-chips li{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:#0000002e;color:var(--ink-soft);font-size:11px;font-weight:600}.chip-dot{width:7px;height:7px;border-radius:50%}.chip-dot.kids{background:#7dd3a8;box-shadow:0 0 0 3px #7dd3a826}.chip-dot.adults{background:var(--gold);box-shadow:0 0 0 3px #e1b84b26}.board-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-card);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .12s ease}.board-card:hover,.board-card:focus-visible{border-color:var(--line-strong);background:#24322af2;transform:translateY(-1px)}.board-thumb{width:72px;height:52px;border-radius:8px;overflow:hidden;background:#1a221e;box-shadow:inset 0 0 0 1px #ffffff0f}.board-thumb img{width:100%;height:100%;object-fit:cover;display:block}.board-meta strong,.board-meta span{display:block}.board-meta strong{font-size:13px;font-weight:700;color:#fff}.board-meta span{margin-top:4px;color:var(--ink-mute);font-size:11px;line-height:1.35}.board-go{color:var(--gold);font-size:16px;font-weight:700;padding-right:4px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.primary,.secondary,.ghost{width:100%;min-height:52px;margin:0;border-radius:12px;font-size:14px;font-weight:700;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .1s ease,box-shadow .15s ease}.primary{border:1px solid var(--gold);color:#141a14;background:linear-gradient(180deg,#f0cd6a 0%,var(--gold) 55%,var(--gold-deep) 100%);box-shadow:0 8px 22px #e1b84b38,inset 0 1px #ffffff59}.primary:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 10px 26px #e1b84b47,inset 0 1px #fff6}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.55;cursor:wait;filter:none;box-shadow:none}.secondary{border:1px solid #4a5650;color:#d5ddd8;background:#ffffff0a}.secondary:hover:not(:disabled){border-color:#6a7870;background:#ffffff12;color:#fff}.secondary:disabled{opacity:.5;cursor:wait}.ghost{border:1px solid transparent;color:var(--ink-soft);background:transparent;font-size:13px;font-weight:650;min-height:44px;text-decoration:underline;text-decoration-color:#e1b84b59;text-underline-offset:4px}.ghost:hover:not(:disabled){color:#fff;text-decoration-color:var(--gold);background:#ffffff08;border-color:var(--line)}.ghost:disabled{opacity:.5;cursor:wait}.privacy{margin:14px 0 0;color:var(--ink-mute);font-size:11px;line-height:1.45}.demo-anchor{position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.splash.demo-playing .demo-anchor .ghost{border-color:#e1b84b73;background:#0e16128c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px #00000059;color:#fff;text-decoration:none}.demo-stage{position:fixed;z-index:24;width:min(92vw,340px);height:min(58vh,480px);margin:0;border:none;border-radius:0;background:transparent;overflow:visible;pointer-events:none;transform:translate(-50%);opacity:0;transition:none}.demo-stage:before{content:"";position:absolute;left:50%;bottom:6%;width:78%;height:22%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(225,184,75,.22) 0%,rgba(45,110,78,.12) 40%,transparent 72%);filter:blur(6px);opacity:0;transition:opacity .5s ease;pointer-events:none}.demo-stage.live:before{opacity:1}#demo-canvas{display:block;width:100%;height:100%;background:transparent;position:relative;z-index:1}.demo-caption{position:absolute;left:0;right:0;bottom:10%;margin:0;text-align:center;color:#c9d0cc;font-size:11px;font-weight:600;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.5);z-index:2}.demo-stage.live .demo-caption{color:#e8ede9}.scan-ui{position:fixed;z-index:10;inset:0;pointer-events:none}.reticle{position:absolute;width:min(70vw,350px);aspect-ratio:3 / 4;top:50%;left:50%;transform:translate(-50%,-54%)}.reticle i{position:absolute;width:40px;height:40px;border-color:#ffffffe6;border-style:solid}.reticle i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.reticle i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.reticle i:nth-child(3){right:0;bottom:0;border-width:0 2px 2px 0}.reticle i:nth-child(4){left:0;bottom:0;border-width:0 0 2px 2px}.scan-ui.found .reticle i{border-color:#68d196}.scan-message{position:absolute;left:12px;right:12px;bottom:calc(48px + env(safe-area-inset-bottom));min-height:58px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#0d120fe0;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scan-message strong,.scan-message small{display:block}.scan-message strong{font-size:12px}.scan-message small{color:#9ca7a1;font-size:10px;margin-top:4px}.scan-ui.found #tracking-dot{background:#68d196;box-shadow:0 0 0 4px #68d19624}.error-panel{z-index:25;text-align:left}.error-panel>*{width:min(100%,460px)}.error-panel h1{margin-bottom:10px}.error-panel p:not(.eyebrow){color:var(--ink-soft);font-size:14px;line-height:1.55}.error-panel .secondary{margin-top:16px;max-width:220px}.debug-bar{position:fixed;z-index:22;left:0;right:0;bottom:0;min-height:calc(36px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);display:flex;align-items:center;gap:16px;background:#0c120feb;border-top:1px solid #303a35;color:#77847d;font-size:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.debug-bar strong{color:#c7d0cb;font-weight:600}.debug-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.debug-bar button{min-width:60px;height:25px;border:1px solid #435048;border-radius:6px;background:transparent;color:#b6c0ba;font-size:9px;padding:0 8px}.debug-bar button:disabled{opacity:.35;cursor:default}.debug-bar #flip-button,.debug-bar #orient-button{border-color:#5a6b62;color:#d5ddd8}@media(min-width:720px){.splash{justify-items:start;padding-left:max(7vw,64px)}.splash:after{background:linear-gradient(90deg,#080c0aeb,#080c0ac7 42%,#080c0a59)}.splash.demo-playing:after{background:radial-gradient(ellipse 50% 48% at 28% 52%,rgba(48,110,78,.4) 0%,transparent 62%),radial-gradient(ellipse 80% 45% at 28% 90%,rgba(225,184,75,.1) 0%,transparent 50%),radial-gradient(ellipse 110% 90% at 30% 40%,#1a2c24,#0c1410 58%,#080c0a)}.splash.demo-playing{justify-items:start}.splash-inner{width:min(100%,420px)}.demo-stage{width:min(36vw,320px);height:min(62vh,500px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}