/* The quote tool. App-like on phones: one step on screen, the next action always in the same place (bottom bar). */
body.q{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}
.qbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;height:60px;padding:0 var(--gut);background:rgba(22,25,28,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.qbar .brand img{height:28px}
.qbar .qstep{text-align:center;line-height:1.15}
.qbar .qstep b{display:block;font:800 16px/1.2 var(--display)}
.qbar .qstep span{font:500 12.5px/1 var(--mono);color:var(--ink-3)}
.qx{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--ink-2)}
.qx:hover{background:var(--surface)}
.qprog{display:flex;gap:4px;padding:0 var(--gut) 10px;position:sticky;top:60px;z-index:20;background:rgba(22,25,28,.92)}
.qprog i{flex:1;height:4px;border-radius:2px;background:var(--surface-2);transition:background .4s var(--ease)}
.qprog i.done{background:var(--amber)}
.qprog i.on{background:linear-gradient(90deg,var(--amber) 50%,var(--surface-2) 50%)}
.qlayout{flex:1;display:grid;grid-template-columns:minmax(0,640px);justify-content:center;gap:48px;padding:12px var(--gut) calc(120px + var(--safe-b))}
@media (min-width:1080px){.qlayout{grid-template-columns:minmax(0,620px) 340px}}
.qs{display:none;padding:0;animation:qin .5s var(--ease)}
.qs.on{display:block}
@keyframes qin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qs h1{font-size:clamp(30px,5.4vw,42px);font-weight:900;margin-top:10px}
.qs .why{color:var(--ink-2);margin-top:10px;font-size:16.5px;max-width:52ch}

/* step 1: what */
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.opt{position:relative;display:flex;flex-direction:column;gap:10px;min-height:118px;padding:16px;border-radius:var(--r-card);background:var(--surface);border:1.5px solid transparent;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.opt:active{transform:scale(.98)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .ph{font-size:28px;color:var(--amber)}
.opt b{font:700 16.5px/1.25 var(--body)}
.opt small{color:var(--ink-3);font-size:13.5px;line-height:1.3}
.opt .tick{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;font-size:13px;color:transparent;transition:all .2s}
.opt:has(input:checked){border-color:var(--amber);background:var(--surface-2)}
.opt:has(input:checked) .tick{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}
.opt:has(input:focus-visible){outline:3px solid var(--amber-hi);outline-offset:2px}
.opt.wide{grid-column:span 2;min-height:0;flex-direction:row;align-items:center}

/* fields */
.field{margin-top:18px}
.field label,.lbl{display:block;font-weight:600;font-size:15px;margin-bottom:8px}
.field small.help{display:block;color:var(--ink-3);font-size:13.5px;margin-top:6px}
.inp{width:100%;min-height:54px;border-radius:var(--r-btn);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font:500 17px/1.3 var(--body);padding:14px 16px;outline:none;transition:border-color .2s,box-shadow .2s}
.inp::placeholder{color:var(--ink-3)}
.inp:focus{border-color:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}
.inp.bad{border-color:var(--bad)}
textarea.inp{min-height:110px;resize:vertical}
.err{display:none;color:#f0a39a;font-size:14px;margin-top:6px}
.err.on{display:block}
.row2{display:flex;gap:10px}
.row2 .inp{flex:1}

/* map + tracing */
.mapbox{position:relative;margin-top:18px;border-radius:var(--r-card);overflow:hidden;background:var(--surface);display:none}
.mapbox.on{display:block}
#map{height:min(58vh,440px);width:100%;background:#2a2f34;cursor:crosshair}
.maptools{position:absolute;left:10px;right:10px;bottom:10px;z-index:500;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mt{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 14px;border-radius:var(--r-btn);background:rgba(18,20,23,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font:700 14.5px/1 var(--body)}
.mt.go{background:var(--amber);color:var(--on-amber)}
.mt[disabled]{opacity:.45;pointer-events:none}
.mapnote{position:absolute;left:10px;right:10px;top:10px;z-index:500;padding:10px 14px;border-radius:var(--r-btn);background:rgba(18,20,23,.88);font-size:14.5px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.mapnote b{font:800 20px/1 var(--display);color:var(--amber)}
.areas{display:grid;gap:8px;margin-top:12px}
.area-it{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-btn);background:var(--surface)}
.area-it .ph{color:var(--amber);font-size:22px}
.area-it div{flex:1}
.area-it b{font-weight:700}
.area-it span{color:var(--ink-3);font-size:14px;display:block}
.area-it button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}
.area-it button:hover{color:var(--bad);background:var(--surface-2)}
.near{display:none;margin-top:14px;padding:14px 16px;border-radius:var(--r-btn);background:var(--amber-soft);border:1px solid rgba(217,151,47,.35);font-size:15.5px}
.near.on{display:flex;gap:12px;align-items:center}
.near .ph{font-size:24px;color:var(--amber)}
.linkbtn{color:var(--amber-hi);font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}

/* photos */
.shots{display:grid;gap:10px;margin-top:22px}
.shot{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:10px;border-radius:var(--r-card);background:var(--surface);border:1.5px solid transparent;transition:border-color .2s}
.shot.has{border-color:rgba(95,176,122,.5)}
.shot .pic{width:72px;height:72px;border-radius:12px;background:var(--surface-2) center/cover no-repeat;display:grid;place-items:center;color:var(--ink-3);font-size:26px;position:relative}
.shot.has .pic::after{content:"\2713";position:absolute;right:-6px;top:-6px;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#0e1a12;font:800 13px/24px var(--body);text-align:center}
.shot b{font-weight:700;font-size:16px;line-height:1.3}
.shot span{display:block;color:var(--ink-3);font-size:13.5px;margin-top:2px}
.shot .act{min-height:44px;padding:10px 14px;border-radius:var(--r-btn);background:var(--surface-2);font:700 14.5px/1 var(--body);display:inline-flex;gap:7px;align-items:center}
.shot.has .act{background:none;color:var(--ink-3)}
.bigcam{margin-top:20px}
.bigcam .btn{width:100%;min-height:62px;font-size:18px}
.camalt{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;justify-content:center}

/* live camera */
.cam{position:fixed;inset:0;z-index:90;background:#0d0f11;display:flex;flex-direction:column;color:#fff}
.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cam .top{position:relative;z-index:2;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 22px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);display:flex;gap:12px;align-items:flex-start}
.cam .top .x{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;font-size:20px;flex:none}
.cam .instr{flex:1;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.cam .instr small{font:600 12.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-hi)}
.cam .instr b{display:block;font:800 21px/1.2 var(--display);margin-top:6px}
.cam .frame{position:absolute;inset:18% 7% 26%;z-index:1;pointer-events:none}
.cam .frame i{position:absolute;width:34px;height:34px;border-color:rgba(255,255,255,.85);border-style:solid;border-width:0}
.cam .frame i:nth-child(1){left:0;top:0;border-left-width:3px;border-top-width:3px;border-top-left-radius:10px}
.cam .frame i:nth-child(2){right:0;top:0;border-right-width:3px;border-top-width:3px;border-top-right-radius:10px}
.cam .frame i:nth-child(3){left:0;bottom:0;border-left-width:3px;border-bottom-width:3px;border-bottom-left-radius:10px}
.cam .frame i:nth-child(4){right:0;bottom:0;border-right-width:3px;border-bottom-width:3px;border-bottom-right-radius:10px}
.cam .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:3}
.cam .flash.go{animation:fl .3s ease-out}
@keyframes fl{0%{opacity:.75}100%{opacity:0}}
.cam .bot{margin-top:auto;position:relative;z-index:2;padding:18px 16px calc(20px + var(--safe-b));background:linear-gradient(0deg,rgba(0,0,0,.8) 45%,transparent)}
.cam .strip{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
.cam .strip span{width:44px;height:44px;border-radius:10px;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08) center/cover;position:relative}
.cam .strip span.cur{border-color:var(--amber)}
.cam .strip span.has{border-color:var(--ok)}
.cam .ctl{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.cam .shut{width:80px;height:80px;border-radius:50%;border:5px solid #fff;display:grid;place-items:center}
.cam .shut::after{content:"";width:62px;height:62px;border-radius:50%;background:#fff;transition:transform .12s}
.cam .shut:active::after{transform:scale(.85)}
.cam .side{justify-self:start;min-height:46px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.16);font:700 15px/1 var(--body)}
.cam .done{justify-self:end;min-height:46px;padding:12px 18px;border-radius:999px;background:var(--amber);color:var(--on-amber);font:800 15px/1 var(--body)}
.cam .msg{position:relative;z-index:2;margin:auto 24px;text-align:center;font-size:16px}

/* voice */
.voice{margin-top:22px;padding:20px;border-radius:var(--r-card);background:var(--surface);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.mic{width:76px;height:76px;border-radius:50%;background:var(--amber);color:var(--on-amber);display:grid;place-items:center;font-size:32px;position:relative;transition:transform .2s var(--ease)}
.mic:active{transform:scale(.95)}
.voice.rec .mic{background:var(--bad);color:#fff}
.voice.rec .mic::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--bad);animation:pulse 1.4s ease-out infinite}
@keyframes pulse{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.25)}}
.voice b{display:block;font:800 19px/1.2 var(--display)}
.voice .vsub{color:var(--ink-2);font-size:14.5px;margin-top:4px}
.voice .vtime{font:600 15px/1 var(--mono);color:var(--amber-hi);margin-top:8px}
.voice audio{width:100%;margin-top:10px;height:40px}
.prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.prompts span{font-size:14px;color:var(--ink-2);background:var(--surface);border-radius:999px;padding:8px 13px}
.group{margin-top:24px}
.group .lbl{margin-bottom:10px}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick label{position:relative}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick span{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line-2);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}
.pick input:checked+span{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}
.pick input:focus-visible+span{outline:3px solid var(--amber-hi);outline-offset:2px}

/* visit times */
.days{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:22px calc(var(--gut) * -1) 0;padding:0 var(--gut) 6px;scrollbar-width:none}
.days::-webkit-scrollbar{display:none}
.day{flex:none;scroll-snap-align:start;width:76px;padding:12px 6px;border-radius:var(--r-card);background:var(--surface);text-align:center;border:1.5px solid transparent}
.day small{display:block;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.day b{display:block;font:800 26px/1.1 var(--display);margin-top:6px}
.day span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.day[aria-pressed="true"]{border-color:var(--amber);background:var(--surface-2)}
.day[aria-pressed="true"] small{color:var(--amber-hi)}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:14px}
.slot{min-height:52px;border-radius:var(--r-btn);border:1.5px solid var(--line-2);font:700 16px/1 var(--body);font-variant-numeric:tabular-nums;transition:all .2s}
.slot[aria-pressed="true"]{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}
.slotsk{height:52px;border-radius:var(--r-btn);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.picked{margin-top:16px;padding:14px 16px;border-radius:var(--r-btn);background:var(--surface);display:none;gap:12px;align-items:center;font-size:15.5px}
.picked.on{display:flex}
.picked .ph{color:var(--ok);font-size:24px}
.orline{display:flex;align-items:center;gap:12px;color:var(--ink-3);font-size:14px;margin-top:22px}
.orline::before,.orline::after{content:"";flex:1;height:1px;background:var(--line)}

/* review */
.rev{margin-top:22px;display:grid;gap:10px}
.rev .it{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:start;padding:14px;border-radius:var(--r-btn);background:var(--surface)}
.rev .it .ph{font-size:22px;color:var(--amber);margin-top:2px}
.rev .it b{display:block;font-weight:700}
.rev .it span{display:block;color:var(--ink-2);font-size:14.5px;margin-top:2px}
.rev .it .thumbs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.rev .it .thumbs i{width:44px;height:44px;border-radius:8px;background:center/cover var(--surface-2)}
.rev .it button{color:var(--amber-hi);font-weight:700;font-size:14.5px;min-height:40px;padding:0 6px}
.promise{margin-top:18px;display:flex;gap:12px;align-items:center;color:var(--ink-2);font-size:15px}
.promise .ph{font-size:26px;color:var(--amber)}
.formerr{display:none;margin-top:16px;padding:14px 16px;border-radius:var(--r-btn);background:rgba(226,104,92,.12);border:1px solid rgba(226,104,92,.4);font-size:15px}
.formerr.on{display:block}
.formerr a{text-decoration:underline}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}

/* bottom bar: Back + the one next action */
.qnav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(22,25,28,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px var(--gut) calc(12px + var(--safe-b))}
.qnav .in{max-width:640px;margin:0 auto;display:flex;gap:10px;align-items:center}
@media (min-width:1080px){.qnav .in{max-width:1008px}}
.qnav .btn-primary{flex:1;min-height:56px;font-size:17px}
.qnav .back{width:56px;min-height:56px;padding:0;border-radius:var(--r-btn);border:1.5px solid var(--line-2);display:grid;place-items:center;font-size:22px}
.qnav .back[hidden]{display:none}
.qhint{max-width:640px;margin:0 auto 8px;text-align:center;color:var(--ink-3);font-size:13.5px;min-height:18px}
.qhint.warn{color:#f0c47a}

/* side summary (desktop) */
.qside{display:none}
@media (min-width:1080px){.qside{display:block;position:sticky;top:96px;align-self:start}}
.card{background:var(--surface);border-radius:var(--r-card);padding:22px}
.card h2{font-size:19px}
.sumlist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.sumlist li{display:grid;grid-template-columns:24px 1fr;gap:10px;color:var(--ink-3);font-size:14.5px}
.sumlist li .ph{font-size:19px;margin-top:1px}
.sumlist li.ok{color:var(--ink)}
.sumlist li.ok .ph{color:var(--ok)}
.side-note{margin-top:14px;display:grid;gap:10px;color:var(--ink-3);font-size:14px}
.side-note div{display:flex;gap:10px}
.side-note .ph{color:var(--amber);font-size:19px}

/* done */
.done-wrap{text-align:left}
.done-wrap .big{width:72px;height:72px;border-radius:50%;background:rgba(95,176,122,.16);color:var(--ok);display:grid;place-items:center;font-size:36px}
.done-wrap .when{margin-top:20px;padding:18px;border-radius:var(--r-card);background:var(--surface);display:flex;gap:14px;align-items:center}
.done-wrap .when .ph{font-size:30px;color:var(--amber)}
.done-wrap .when b{display:block;font:800 20px/1.25 var(--display)}
.next{counter-reset:n;list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.next li{display:grid;grid-template-columns:34px 1fr;gap:12px;color:var(--ink-2)}
.next li::before{counter-increment:n;content:counter(n);width:34px;height:34px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font:700 14px/1 var(--mono);color:var(--amber)}
.next b{color:var(--ink);display:block}
.restore{display:none;margin-top:6px;padding:12px 14px;border-radius:var(--r-btn);background:var(--surface);font-size:14.5px;color:var(--ink-2);gap:10px;align-items:center}
.restore.on{display:flex}
.restore button{color:var(--amber-hi);font-weight:700;margin-left:auto}
.leaflet-container{font:inherit}
.leaflet-control-attribution{font-size:10px!important}
.qnav .btn-primary.soft{opacity:.55}

.pick.need{outline:2px solid #d9972f;outline-offset:6px;border-radius:12px;animation:needPulse .9s ease 2}
@keyframes needPulse{50%{outline-color:transparent}}
.lbl .req{color:#d9972f;font-weight:600;margin-left:6px;font-size:.85em}

/* ---- v4 walk-around: camera and voice in one experience ---- */
.say{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.say span{font-size:14px;color:var(--ink-2);background:var(--surface);border-radius:999px;padding:8px 13px}
.say span::before{content:"“";color:var(--amber);font-weight:800;margin-right:2px}
.walkbtn{gap:12px}
.walkbtn .dot{width:14px;height:14px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.25);animation:wdot 1.6s ease-in-out infinite;flex:none}
@keyframes wdot{50%{box-shadow:0 0 0 8px rgba(229,72,77,0)}}
.camalt{flex-direction:column;align-items:center;gap:0;margin-top:8px}
.walkres{margin-top:20px;padding:18px;border-radius:var(--r-card);background:var(--surface);border:1px solid rgba(95,176,122,.35)}
.wr-top{display:flex;gap:12px;align-items:center}
.wr-top>.ph{font-size:30px;color:var(--ok,#5fb07a)}
.wr-top b{display:block;font:800 19px/1.2 var(--display)}
.wr-top span{color:var(--ink-2);font-size:14.5px}
.walkres audio{width:100%;margin-top:14px;height:40px}
.wthumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.wthumbs:empty{display:none}
.wthumbs span{aspect-ratio:1;border-radius:10px;background:var(--surface-2) center/cover;position:relative}
.wthumbs button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;font-size:13px}
.wr-acts{display:flex;gap:14px;align-items:center;margin-top:16px;flex-wrap:wrap}
.alt{margin-top:18px;padding-top:18px;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.alt .altmsg{color:var(--amber-hi);margin:0 0 12px;font-size:15px}
.alt .voice{margin-top:14px}
/* the camera overlay itself */
.cam.walk .top{justify-content:space-between;align-items:center}
.cam.walk .rec{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.5);padding:9px 14px;border-radius:999px;font:600 15px/1 var(--mono)}
.cam.walk .rdot{width:10px;height:10px;border-radius:50%;background:#e5484d;animation:wblink 1.2s ease-in-out infinite}
@keyframes wblink{50%{opacity:.25}}
.cam.walk.nomic .rec{display:none}
.cam.walk .meter{display:flex;gap:3px;align-items:center;height:16px;margin-left:2px}
.cam.walk .meter i{width:3px;height:16px;border-radius:2px;background:#fff;transform:scaleY(.2);transform-origin:center;transition:transform .08s linear}
.cam.walk .count{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.5);padding:9px 14px;border-radius:999px;font:600 15px/1 var(--mono)}
.cam.walk .coach{position:absolute;left:0;right:0;bottom:calc(196px + var(--safe-b,0px));z-index:2;display:flex;justify-content:center;padding:0 20px;pointer-events:none}
.cam.walk .coach span{max-width:440px;text-align:center;background:rgba(10,12,14,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:13px 18px;border-radius:18px;font:800 19px/1.3 var(--display);opacity:0;transform:translateY(8px)}
.cam.walk .coach span.in{animation:wcoach .45s ease forwards}
@keyframes wcoach{to{opacity:1;transform:none}}
.cam.walk .strip{min-height:44px}
.cam.walk.full .shut{opacity:.35}

/* v4 details */
.permnote{margin:10px 0 0;text-align:center;color:var(--ink-3);font-size:13.5px}
.walkbtn:disabled{opacity:.85}
body.desk #walkStart .btn{background:transparent;color:var(--ink);border:1.5px solid var(--hair,rgba(255,255,255,.18))}
body.desk #walkStart .permnote,body.desk #altBtn{display:none}
.cam.walk .strip span:last-child{animation:wpop .35s cubic-bezier(.2,1.4,.4,1)}
@keyframes wpop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.btn.busy{opacity:1}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;display:inline-block;margin-right:10px;vertical-align:-3px;animation:wspin .8s linear infinite}
@keyframes wspin{to{transform:rotate(360deg)}}
.done-wrap.on .big{animation:wbig .5s cubic-bezier(.2,1.3,.4,1)}
.done-wrap.on .big .ph{animation:wtick .5s .2s both}
@keyframes wbig{from{transform:scale(.5);opacity:0}}
@keyframes wtick{from{transform:scale(0) rotate(-20deg)}}

.camalt[hidden],.walkres[hidden],.alt[hidden],.bigcam[hidden]{display:none!important}