:root{--gold: #f6c453;--gold-soft: rgba(246, 196, 83, .18);--ink: #0d0a06;--paper: #f3ece0}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#ar{position:fixed;inset:0;overflow:hidden}#ar canvas,#ar video{display:block}#intro{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:radial-gradient(120% 80% at 50% 0%,#2b1d0d,#0d0a06 55%),var(--ink);overflow-y:auto;transition:opacity .4s ease,visibility .4s}#intro.gone{opacity:0;visibility:hidden;pointer-events:none}.intro-card{width:min(560px,100%);background:#161009b8;border:1px solid var(--gold-soft);border-radius:22px;padding:26px 24px 24px;backdrop-filter:blur(12px);box-shadow:0 24px 60px #0000008c}.eyebrow{margin:0 0 8px;color:var(--gold);letter-spacing:.14em;font-size:12px;text-transform:uppercase}.intro-card h1{margin:0 0 12px;font-size:clamp(22px,5.6vw,30px);line-height:1.45;font-weight:700}.lead{margin:0 0 18px;font-size:15px;line-height:1.75;color:#d8cdbb}.target{padding:14px;border:1px dashed var(--gold-soft);border-radius:14px;margin-bottom:20px}.targets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.target-card{display:grid;gap:8px;justify-items:center;text-decoration:none;color:#c9bfae;font-size:12px;text-align:center}.target-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:top center;border-radius:10px;box-shadow:0 6px 20px #00000080}.target strong{color:var(--gold);font-size:14px}.target p{margin:6px 0 0;font-size:13px;line-height:1.7;color:#c9bfae}.target a{color:var(--gold);text-decoration:none}.target a:hover{text-decoration:underline}.actions{display:grid;gap:10px}button{font-family:inherit;font-size:16px;padding:15px 18px;border-radius:14px;border:1px solid var(--gold-soft);background:#ffffff0d;color:var(--paper);cursor:pointer;transition:transform .12s ease,background .2s}button:hover{background:#ffffff1a}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#f6c453,#d99a2b);color:#2a1a05;font-weight:700;border-color:transparent}.warn{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#ff78501f;border:1px solid rgba(255,120,80,.3);font-size:13px;line-height:1.7}code{font-family:ui-monospace,Menlo,monospace;font-size:.92em;color:var(--gold)}.ui{position:fixed;inset:0;z-index:20;pointer-events:none}.ui button,.ui .sheet{pointer-events:auto}.topbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;align-items:center}.status{flex:1;padding:10px 14px;border-radius:999px;background:#0d0a06b8;border:1px solid var(--gold-soft);font-size:13px;backdrop-filter:blur(10px)}.status.scanning{color:#ffd98a}.status.found{color:#b6f0a8;border-color:#96f0964d}.status.fade{opacity:0;transform:translateY(-8px);pointer-events:none}.status{transition:opacity .5s ease,transform .5s ease}#snap,#switch{flex:none;width:44px;height:44px;padding:0;border-radius:50%;background:#0d0a06b8;backdrop-filter:blur(10px)}.scan-hint{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;transition:opacity .3s}.scan-hint.hidden{opacity:0}.scan-hint p{margin:0;font-size:14px;color:#e4d9c6;text-shadow:0 2px 8px #000}.reticle{width:min(62vw,240px);aspect-ratio:3 / 4;border-radius:18px;border:2px solid rgba(246,196,83,.55);box-shadow:0 0 0 100vmax #00000047;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.03);opacity:1}}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:72vh;transform:translateY(calc(100% - 54px));transition:transform .34s cubic-bezier(.3,.8,.3,1);background:linear-gradient(180deg,#140e08f2,#0a0805fa);border-top:1px solid var(--gold-soft);border-radius:20px 20px 0 0;backdrop-filter:blur(16px);display:flex;flex-direction:column}.sheet.open{transform:translateY(0)}#sheet-handle{flex:none;height:54px;width:100%;background:none;border:none;display:grid;place-items:center;padding:0}#sheet-handle span{width:46px;height:5px;border-radius:99px;background:#f6c45373}.sheet-body{overflow-y:auto;padding:0 20px calc(26px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.sheet h2{margin:0 0 4px;font-size:21px;color:#ffe9b0}.sub{margin:0 0 14px;font-size:13px;color:var(--gold)}.desc{margin:16px 0;font-size:14.5px;line-height:2;color:#ddd3c3}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:13px;padding:8px 13px;border-radius:999px;background:#ffffff0f}.chip.on{background:var(--gold);color:#2a1a05;font-weight:700;border-color:transparent}.hotspot-detail{margin-top:14px;padding:14px 16px;border-radius:14px;background:#f6c45317;border:1px solid var(--gold-soft)}.hotspot-detail h3{margin:0 0 8px;font-size:15px;color:var(--gold)}.hotspot-detail p{margin:0;font-size:14px;line-height:2;color:#e6ddcd}.facts{margin:0;display:grid;gap:1px;background:var(--gold-soft);border-radius:12px;overflow:hidden}.fact{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:11px 13px;background:#15100a}.fact dt{margin:0;font-size:13px;color:var(--gold)}.fact dd{margin:0;font-size:13.5px;line-height:1.7;color:#e3d9c8}.credit{margin:16px 0 0;font-size:12px;color:#8a8071;line-height:1.8}.mindar-ui-overlay{z-index:10!important}