/* Trail Cams v2 (ui2 style) */
.tc2-card .row{flex-wrap:wrap}
.tc2-face input[type=range]{width:100%;accent-color:var(--blaze,#ff7a1a)}
.tc2-prog{position:relative;height:22px;background:#ffffff14;border-radius:11px;overflow:hidden;margin:10px 0}
.tc2-prog i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--blaze2,#ff9a3d),var(--blaze,#ff7a1a));transition:width .2s}
.tc2-prog span{position:relative;display:block;text-align:center;font:700 12px/22px var(--sans,system-ui);color:#fff;text-shadow:0 1px 2px #000}
.tc2-hero{width:100%;max-height:220px;object-fit:cover;border-radius:12px;border:2px solid var(--blaze,#ff7a1a);box-shadow:0 6px 18px #0008;margin:6px 0}
.tc2-rev{position:fixed;inset:0;z-index:5000;background:radial-gradient(circle at 50% 30%,#1f2a1c,#0b0e0b 75%);display:flex;flex-direction:column;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));color:var(--bone,#ece4d2);animation:ui2-fade .25s both}
.tc2-top{display:flex;align-items:center;gap:10px}.tc2-top b{font-family:var(--rug);font-size:20px;letter-spacing:.05em}.tc2-top .small{flex:1;opacity:.85}
.tc2-flag{background:#c62828;color:#fff;border-radius:4px;padding:0 5px;font-weight:800;font-size:11px}
.tc2-ph{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none}
.tc2-ph img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 0 0 2px #ff7a1a55,0 10px 30px #000c;animation:tc2-in .22s var(--ease,ease) both}
@keyframes tc2-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.tc2-hint{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:#000a;padding:2px 10px;border-radius:10px;font-size:12px;white-space:nowrap}
.tc2-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.tc2-tags .btn{padding:14px 8px;font-size:16px;font-weight:800;position:relative}
.tc2-tags small{position:absolute;top:3px;right:6px;font-size:10px;opacity:.6}
.tc2-bucks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#0008;border:1px solid #ff7a1a55;border-radius:10px;padding:8px}
.tc2-bucks .chip{background:#2a2219;color:var(--bone,#ece4d2);border:1px solid #ff7a1a88;border-radius:16px;padding:8px 12px;font-weight:700}
.tc2-bucks input{flex:1;min-width:120px}
.tc2-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.tc2-need{background:#f9a82522;border:1px solid #f9a825;border-radius:10px;padding:8px 10px}
.tc2-rose{display:block;width:200px;max-width:70%;margin:6px auto}.tc2-rose text{fill:var(--bone,#ece4d2);font:700 12px var(--sans,system-ui)}
.tc2-bar{display:grid;grid-template-columns:minmax(110px,40%) 1fr auto;gap:8px;align-items:center;font-size:13px;margin:4px 0}
.tc2-bar i{height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.tc2-bar i b{display:block;height:100%;background:linear-gradient(90deg,var(--blaze2,#ff9a3d),var(--blaze,#ff7a1a));animation:tc2-grow .6s var(--ease,ease) both}
.tc2-bar em{font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes tc2-grow{from{width:0!important}}
.tc2-win{border:1px solid #ffffff22;border-radius:10px;padding:8px 10px;margin:6px 0}.tc2-win.best{border-color:#2e7d32;box-shadow:0 0 0 1px #2e7d3288,0 0 18px #2e7d3233}
@media (prefers-reduced-motion:reduce){.tc2-bar i b,.tc2-ph img{animation:none}}
.tc2-bucks[hidden]{display:none}
.tc2-ph img{pointer-events:none;-webkit-user-drag:none}
