:root{--bg:#050b08;--bg-deep:#08140e;--ink:#e7f6ea;--muted:#8eae96;--accent:#d4a84b;--leaf:#7cffb2;--panel:#08160eb8;--shadow:0 16px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100dvh;margin:0}body{background:radial-gradient(ellipse at 50% -10%, #163522 0%, transparent 52%), var(--bg);color:var(--ink);overscroll-behavior:none;font-family:Trebuchet MS,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.app{min-height:100dvh}.screen{max-width:430px;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.home{text-align:center;justify-content:center;align-items:center;gap:8px}.home-icon{border-radius:22px;width:96px;height:96px;margin-bottom:18px;box-shadow:0 18px 40px #00000073}.kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px}h1{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:42px}.tagline,.muted,.install-hint{color:var(--muted)}.tagline{max-width:280px;line-height:1.4}.home-actions{flex-direction:column;gap:10px;width:min(280px,100%);margin-top:28px;display:flex}.primary,.ghost-btn,.text-btn,.theme-card{border:0;border-radius:14px}.primary{background:var(--accent);color:#1a1204;box-shadow:var(--shadow);padding:14px 18px;font-weight:700}.ghost-btn{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);background:0 0;padding:12px 18px}.text-btn{color:var(--muted);background:0 0;padding:10px 0}.install-hint{max-width:300px;margin-top:28px;font-size:13px;line-height:1.45}.subhead{grid-template-columns:64px 1fr 64px;align-items:center;display:grid}.subhead h1{text-align:center;letter-spacing:.16em;font-size:20px}.intro{margin:8px 0 12px}.diff-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.diff-btn{background:var(--panel);border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:var(--ink);padding:10px 8px}.diff-btn.on{outline:2px solid var(--accent);color:var(--accent)}.diff-hint{margin:0 0 16px;font-size:13px}.theme-list{flex-direction:column;gap:12px;display:flex}.theme-card{text-align:left;min-height:108px;color:var(--ink);gap:4px;padding:18px 18px 16px;display:grid;position:relative;overflow:hidden}.theme-card strong{letter-spacing:.04em;font-size:26px}.theme-region,.theme-status{letter-spacing:.18em;text-transform:uppercase;font-size:11px}.theme-status{position:absolute;top:16px;right:16px}.theme-tagline{color:color-mix(in srgb, var(--ink) 78%, transparent);font-size:14px}.theme-amazon{background:linear-gradient(135deg,#04140a33,#08281259),linear-gradient(#14532d,#052e16)}.theme-desert{background:linear-gradient(#9a6b2f,#4a2e12)}.theme-arctic{background:linear-gradient(#6b8ea8,#1c3344)}.theme-ruins{background:linear-gradient(#6a5340,#2a2118)}.theme-card.locked{opacity:.55;filter:grayscale(.25)}.field-screen{color:var(--ink);isolation:isolate;background:#020805;position:fixed;inset:0;overflow:hidden}.field-video,.field-grade,.field-fog,.field-fallback,.vine-frame{width:100%;height:100%;position:absolute;inset:0}.field-video{object-fit:cover;transform:scale(1.04)}.field-grade{pointer-events:none;mix-blend-mode:color;opacity:.32;background:#14532d}.field-fog{pointer-events:none;background:var(--fog)}.field-fallback{background:radial-gradient(circle at 30% 20%,#2d6a3a 0%,#0000 36%),radial-gradient(circle at 80% 70%,#14532d 0%,#0000 40%),#06210f}.field-fallback[hidden],.field-grade[hidden]{display:none}.vine-frame{color:#14532d;filter:drop-shadow(0 0 8px #052e16);pointer-events:none;opacity:.92;z-index:3}.vine{stroke-linecap:round;animation:6s ease-in-out infinite sway}.vine-b,.vine-d{animation-delay:-2s}.leaf{fill:#166534;animation:3.4s ease-in-out infinite pulse}@keyframes sway{50%{transform:translateY(.6px)}}@keyframes pulse{50%{opacity:.65}}.visor,.visor-dirt,.visor-rain{pointer-events:none;z-index:3;position:absolute;inset:0}.visor-dirt{background:radial-gradient(circle at 18% 22%,#14281247,#0000 22%),radial-gradient(circle at 82% 18%,#08140a52,#0000 18%),radial-gradient(circle at 70% 84%,#0c1c0e38,#0000 24%),radial-gradient(#0000 52%,#00000047 100%)}.drop{background:linear-gradient(#0000,#d2ffe68c);border-radius:2px;width:2px;height:18px;animation:1.6s linear infinite rain;position:absolute}.drop-0{animation-duration:1.4s;left:8%}.drop-1{animation-delay:-.3s;left:16%}.drop-2{animation-duration:1.8s;left:24%}.drop-3{animation-delay:-.7s;left:33%}.drop-4{left:41%}.drop-5{animation-duration:1.3s;left:49%}.drop-6{animation-delay:-.2s;left:57%}.drop-7{animation-duration:1.9s;left:64%}.drop-8{animation-delay:-1s;left:71%}.drop-9{left:78%}.drop-10{animation-duration:1.5s;left:85%}.drop-11{animation-delay:-.5s;left:91%}.drop-12{animation-duration:1.7s;top:20%;left:12%}.drop-13{animation-delay:-.9s;left:68%}@keyframes rain{0%{opacity:0;transform:translateY(-20px)}15%{opacity:.8}to{opacity:0;transform:translateY(110dvh)}}.threat-pill{z-index:3;pointer-events:none;color:#ff5a3a;letter-spacing:.12em;text-shadow:0 1px 6px #000;background:#140404b8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff5a3a59}.radar{left:calc(16px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));z-index:5;border:1px solid color-mix(in srgb, var(--leaf) 45%, transparent);pointer-events:none;background:radial-gradient(circle,#14321c8c,#040c08d1);border-radius:50%;width:96px;height:96px;position:absolute;box-shadow:0 8px 24px #0006}.radar-rings{pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 11px,#9dff8a29 11px 12px);border-radius:50%;position:absolute;inset:8px}.radar-forward{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:8px solid var(--accent);width:0;height:0;position:absolute;top:8px;left:50%;transform:translate(-50%)}.radar-you{background:var(--leaf);width:7px;height:7px;box-shadow:0 0 8px var(--leaf);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-blip{background:#ff5a3a;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;box-shadow:0 0 8px #ff5a3a}.radar-blip.cryptid{background:#ffb020;width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 8px #ffb020}.radar-blip.lantern{background:#5cecff;width:10px;height:10px;margin:-5px 0 0 -5px;box-shadow:0 0 10px #5cecff}.radar-blip.totem{background:#ff5a3a;box-shadow:0 0 8px #ff5a3a}.radar-blip.nearest{outline:2px solid #fff4b0;box-shadow:0 0 12px}.radar-cue{color:var(--accent);text-shadow:0 0 8px #000;font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.radar-cue.left{left:6px}.radar-cue.right{right:6px}.field-screen.shutter:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle,#fffae66b,#0000 48%);position:absolute;inset:0}.field-screen.framed .field-fog{background:radial-gradient(ellipse at 50% 50%, transparent 42%, #fff4b41f 100%), var(--fog)}.field-canvas,.look-layer{width:100%;height:100%;position:absolute;inset:0}.field-canvas{z-index:1;pointer-events:none}.look-layer{z-index:2;touch-action:none}.crosshair{pointer-events:none;z-index:3;width:72px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bracket{border:2px solid color-mix(in srgb, var(--leaf) 70%, white);opacity:.55;width:12px;height:12px;position:absolute}.crosshair.locked .bracket{opacity:1;border-color:#ff5a3a}.bracket.tl{border-bottom:0;border-right:0;top:-6px;left:-6px}.bracket.tr{border-bottom:0;border-left:0;top:-6px;right:-6px}.bracket.bl{border-top:0;border-right:0;bottom:-6px;left:-6px}.bracket.br{border-top:0;border-left:0;bottom:-6px;right:-6px}.crosshair.locked:before,.crosshair.locked:after{opacity:1;background:#ff5a3a;box-shadow:0 0 12px #ff5a3a}.crosshair.locked.cryptid .bracket{border-color:#ffb020}.crosshair.locked.lantern .bracket{border-color:#5cecff}.range-read{letter-spacing:.16em;color:#ff5a3a;text-shadow:0 1px 6px #000;margin-top:8px;font-size:11px;font-style:normal;position:absolute;top:100%;left:50%;transform:translate(-50%)}.crosshair.locked.cryptid:before,.crosshair.locked.cryptid:after{background:#ffb020;box-shadow:0 0 12px #ffb020}.crosshair.locked.lantern:before,.crosshair.locked.lantern:after{background:#5cecff;box-shadow:0 0 12px #5cecff}.crosshair.locked.cryptid .range-read{color:#ffb020}.crosshair.locked.lantern .range-read{color:#5cecff}.crosshair:before,.crosshair:after{content:"";background:color-mix(in srgb, var(--leaf) 70%, white);opacity:.85;position:absolute}.crosshair:before{width:2px;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.crosshair:after{height:2px;top:50%;left:8px;right:8px;transform:translateY(-50%)}.field-hud,.field-footer,.combat-hud{z-index:4;padding-left:16px;padding-right:16px;position:absolute;left:0;right:0}.field-hud{padding-top:calc(10px + env(safe-area-inset-top));grid-template-columns:72px 1fr 72px;align-items:center;display:grid;top:0}.hud-btn{color:var(--ink);text-align:left}.hud-badge{text-shadow:0 1px 8px #000;flex-direction:column;align-items:center;display:flex}.hud-badge span{letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);font-size:10px}.hud-live{letter-spacing:.12em;text-align:right;color:var(--leaf);font-size:11px}.hud-live.fallback,.hud-live.asking{color:#f3c07a}.field-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;text-shadow:0 1px 10px #000;bottom:0}.field-hint,.cam-error{margin:0;font-size:13px}.cam-error{color:#f3c07a;margin-bottom:8px}.combat-hud{top:calc(58px + env(safe-area-inset-top));pointer-events:none}.hp-track{background:#00000073;border-radius:99px;height:8px;overflow:hidden}.hp-track span{background:linear-gradient(90deg,#7cffb2,#f3d27a);width:100%;height:100%;display:block}.combat-meta,.toast-wave{text-align:center;text-shadow:0 1px 8px #000;margin:8px 0 0}.combat-meta{letter-spacing:.04em;font-size:13px}.toast-wave{z-index:4;letter-spacing:.12em;text-transform:uppercase;text-align:center;text-shadow:0 2px 18px #000;pointer-events:none;font-size:34px;font-weight:700;position:absolute;top:42%;left:0;right:0}.fire-btn{right:calc(18px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));z-index:5;color:#1a1204;letter-spacing:.12em;background:radial-gradient(circle at 35% 30%,#f3d27a,#d4a84b 42%,#8a5a12);border:0;border-radius:50%;width:92px;height:92px;font-weight:800;position:absolute;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff59}.fire-btn.ready{box-shadow:0 10px 28px #00000073,0 0 22px #7cffb273,inset 0 1px #ffffff59}.fire-btn:disabled{opacity:.4}.overlay{z-index:10;background:#040a069e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;gap:10px;width:min(320px,100%);padding:24px;display:flex}.modal-score{margin:0;font-size:40px}.modal h2{margin:0}.modal .primary,.modal .ghost-btn{width:100%}.theme-amazon .vine-frame{color:#22c55e}.theme-amazon .field-grade{background:#14532d}.theme-desert .field-grade{background:#c4893a}.theme-arctic .field-grade{background:#7eb6d4}.theme-ruins .field-grade{background:#8a6a3c}