*{box-sizing:border-box}html{color-scheme:dark}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:max(env(safe-area-inset-top),24px) 18px max(env(safe-area-inset-bottom),24px);background:radial-gradient(ellipse at 30% 0%,#123a2a66,transparent 60%),radial-gradient(ellipse at 80% 100%,#3a1f5a55,transparent 60%),#000;color:#f5f5f7;font:15px -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
main{width:100%;max-width:440px}
.rb{padding:2px;border-radius:30px;background:linear-gradient(115deg,#3EE0CF,#9BE35F,#FFD84D,#FFB547,#FF86A6,#D08BFF,#6AD0FF);box-shadow:0 30px 80px #000a;animation:rise .7s cubic-bezier(.32,.72,0,1)}
.card{background:#121214;border-radius:28px;padding:18px 18px 20px}
header{display:flex;align-items:center;gap:10px;margin-bottom:14px}header b{font-size:18px;font-weight:700;letter-spacing:-.3px}#mark{display:flex}
.dog{margin:0 0 16px;border-radius:20px;overflow:hidden;aspect-ratio:1/1;max-width:340px;margin-inline:auto;background:#1c1c1e}
.dog img{display:block;width:100%;height:100%;object-fit:cover}
.dog.missing{display:none}
.q{margin:0 0 16px;font-size:17px;line-height:1.4;font-weight:600}
#choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#choices button{font:inherit;font-weight:700;font-size:15px;color:#f5f5f7;background:#2c2c2e;border:0;border-radius:14px;padding:14px 6px;cursor:pointer;transition:transform .2s cubic-bezier(.32,.72,0,1),background .25s,color .25s}
#choices button:active{transform:scale(.95)}
#choices button.picked{background:#f5f5f7;color:#000}
#status{min-height:1em;margin:10px 0 0;color:#8e8e93;font-size:13px;text-align:center}
body.in .rb{transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .45s;transform:scale(1.04);opacity:0}
[hidden]{display:none!important}
#retry{font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:16px 19px;width:100%}
@keyframes rise{from{opacity:0;transform:translateY(16px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.rb{animation:none}}
#rejected{max-width:440px;margin:auto;outline:none}#rejected>img{display:block;width:100%;max-width:360px;height:auto;margin:auto;border-radius:12px 12px 0 0;box-shadow:0 14px 60px #0006}.marquee{overflow:hidden;max-width:360px;margin:auto;background:#080e12;border-top:1px solid #55708260;border-radius:0 0 12px 12px;padding:17px 0;position:relative;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}#marquee-track{display:flex;width:max-content;animation:marquee 14s linear infinite}.marquee-copy{white-space:nowrap;display:block;padding-right:35px;color:#c8d7db;font-size:16px;font-weight:550;letter-spacing:1px}.flicker-a{animation:flicker 2.7s infinite}.flicker-b{animation:flicker 3.9s -.8s infinite}.flicker-c{animation:flicker 3.3s -1.4s infinite}#retry{max-width:360px;margin:25px auto 0;background:#223029;color:#c5d5af;border:1px solid #42503e}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes flicker{0%,35%,55%,100%{opacity:1}41%,46%{opacity:.38}50%{opacity:.78}}@media(max-width:500px){body{padding:27px 19px}header{margin-bottom:27px}.mark{margin-bottom:23px}legend{font-size:14px}.answers{gap:6px}label>span{font-size:11.5px;padding:10px 7px;min-height:55px}fieldset{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.marquee-copy{font-size:13px;letter-spacing:0;padding:0 9px}.marquee-copy:not(:first-child){display:none}}