*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0e1714;color:#eff4e9;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}#ar-app{position:relative;height:100dvh;overflow:hidden}#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#projection{position:absolute;left:0;top:0;width:1400px;height:750px;transform-origin:0 0;opacity:0;pointer-events:none;overflow:hidden}#creature{display:block;width:1400px;height:750px}.camera-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(#06130c77,transparent 20%,transparent 75%,#06130c77)}header{position:absolute;z-index:3;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 18px) 22px 18px;gap:14px}header a{color:#eef4e8;text-decoration:none;font-size:25px;font-weight:600;white-space:nowrap}header a span{font-size:9px;margin-left:8px}#tracking{display:flex;gap:7px;align-items:center;font-size:10px;color:#c0cec1}#tracking b{width:5px;height:5px;border-radius:50%;background:#98a999}body.locked #tracking b{background:#b8e394}body.locked #tracking{color:#e2f0d8}.round{width:42px;height:42px;border:1px solid #d4e3d326;border-radius:50%;background:#1d302775;color:#e3eddd;display:grid;place-items:center;backdrop-filter:blur(12px)}svg{width:18px;height:18px;stroke-width:1.6}button:focus-visible,a:focus-visible{outline:2px solid #d6efbf;outline-offset:4px}.panel{position:absolute;left:24px;right:24px;top:50%;transform:translateY(-43%);text-align:center}.symbol{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;border:1px solid #e1ebd526;background:#c6d9b80b;margin:0 auto 25px}.symbol svg{width:27px;height:27px;color:#b6cfad}h1{font-size:27px;font-weight:500;margin:0 0 14px}.panel p{font-size:12px;line-height:1.9;color:#acbcae;max-width:300px;margin:0 auto 26px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:6px;background:#c6ddba;color:#234331;height:51px;width:220px;max-width:100%;margin:auto;font-weight:600;font-size:14px}.primary:disabled{opacity:.55;cursor:wait}.panel .privacy{font-size:10px;color:#728d78;margin-top:20px;margin-bottom:0}.reticle{position:absolute;width:min(78vw,620px);height:min(36vw,300px);left:50%;top:48%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .2s}.reticle span{position:absolute;width:24px;height:24px;border-color:#e0eddab0;border-style:solid}.reticle span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.reticle span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.reticle span:nth-child(3){bottom:0;right:0;border-width:0 1px 1px 0}.reticle span:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}body.scanning:not(.locked) .reticle{opacity:.6}#scan-hint{position:absolute;top:calc(48% + min(18vw,150px) + 25px);left:20px;right:20px;text-align:center;font-size:11px;color:#e5ecdf;text-shadow:0 1px 4px #000}body.locked #scan-hint{opacity:0}footer{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:18px 23px calc(env(safe-area-inset-bottom) + 25px);display:flex;align-items:center;justify-content:space-between}#scan-count{font-size:10px;font-variant-numeric:tabular-nums;color:#d4e3cd;background:#15251d80;padding:7px 11px;border-radius:4px}[hidden]{display:none!important}dialog{border:1px solid #5e7763;background:#14251d;color:#e1eadb;border-radius:8px;padding:30px;width:min(340px,88vw)}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font-size:20px;font-weight:500;margin:6px 0 25px}dialog p{font-size:12px;color:#b9c9b7;line-height:1.9}.close{position:absolute;right:12px;top:12px;width:30px;height:30px}.screen-guide{height:130px;margin:10px 0 24px;border:1px solid #779173;position:relative;display:grid;place-items:center}.screen-guide b{position:absolute;width:18px;height:18px;background:repeating-conic-gradient(#dbe7d3 0 25%,#304d38 0 50%) 0/8px 8px;border:3px solid #e5eddf}.screen-guide b:nth-child(1){left:-6px;top:-6px}.screen-guide b:nth-child(2){right:-6px;top:-6px}.screen-guide b:nth-child(3){right:-6px;bottom:-6px}.screen-guide b:nth-child(4){left:-6px;bottom:-6px}.screen-guide svg{width:45px;height:45px;color:#8ba67e}@media(orientation:landscape) and (max-height:500px){header{padding-top:12px;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}footer{padding-bottom:12px}.symbol{display:none}.panel{transform:translateY(-35%)}h1{font-size:23px}.panel p{margin-bottom:16px}.panel .privacy{margin-top:12px}.reticle{height:42vh;width:60vw}#scan-hint{top:73%}}