/* Scoped addition: the site's original layout and animations stay intact. */
.yesno-widget{margin:0 0 34px;padding:28px;border:1px solid rgba(231,200,115,.3);border-radius:22px;background:radial-gradient(ellipse at 12% 30%,rgba(231,200,115,.1),transparent 65%),linear-gradient(145deg,#100e22,#090813);color:#ece9f5}
.yesno-widget h2{font-family:var(--serif,Georgia,serif);font-size:clamp(27px,4.8vw,36px);font-weight:600;line-height:1.15;color:#f3dc9a;margin:0 0 20px}
.yesno-widget .yesno-kicker{color:#e7c873;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}
.yesno-layout{display:grid;grid-template-columns:minmax(120px,174px) minmax(0,1fr);gap:28px;align-items:start}
.yesno-card{width:100%;max-width:174px;margin:0 auto;align-self:center;filter:drop-shadow(0 10px 25px rgba(0,0,0,.35));transition:transform .3s}
.yesno-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:12px}
.yesno-copy{min-width:0}
.yesno-widget p{margin:0 0 14px;color:#cdc9df;font-size:15px;line-height:1.65}
.yesno-widget .yesno-note{font-size:12.5px;color:#a7a2c0;line-height:1.65}
.yesno-widget #yesno-method{margin:22px 0 0;padding-top:17px;border-top:1px solid rgba(231,200,115,.14)}
.yesno-widget #yesno-draw{display:inline-block;max-width:100%;border:1px solid transparent;border-radius:999px;padding:13px 22px;background:linear-gradient(135deg,#f3dc9a,#c2a049);color:#17121d;font:600 14px/1.4 var(--sans,system-ui,sans-serif);cursor:pointer;box-shadow:0 7px 24px rgba(231,200,115,.14);transition:transform .15s;white-space:normal}
.yesno-widget #yesno-draw:hover:enabled{transform:translateY(-2px)}
.yesno-widget #yesno-draw:disabled{opacity:.65;cursor:wait}
.yesno-widget #yesno-draw:focus-visible,.yesno-widget a:focus-visible{outline:2px solid #f3dc9a;outline-offset:5px}
.yesno-widget #yesno-status{min-height:1.65em;margin:10px 0;color:#a7a2c0;font-size:12px}
.yesno-widget #yesno-result[hidden]{display:none}
.yesno-widget #yesno-result{padding-top:16px;border-top:1px solid rgba(231,200,115,.18)}
.yesno-widget .yesno-answer{color:#f3dc9a;font-size:14px;font-weight:700;letter-spacing:.03em;margin-bottom:5px}
.yesno-widget h3{font:600 29px/1.2 var(--serif,Georgia,serif);margin:0 0 12px;color:#ece9f5}
.yesno-widget #yesno-detail{display:inline-block;color:#f3dc9a;text-decoration:underline;text-underline-offset:4px;font-size:14px;line-height:1.5}
.yesno-widget.is-drawing .yesno-card{animation:yesno-shimmer .45s ease-in-out}
.yesno-reference{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.yesno-reference table{table-layout:fixed;min-width:0}
.yesno-reference th:first-child,.yesno-reference td:first-child{width:23%}
.yesno-reference th:nth-child(2),.yesno-reference td:nth-child(2){width:23%}
.yesno-reference td,.yesno-reference th{overflow-wrap:anywhere}
@keyframes yesno-shimmer{50%{transform:translateY(-6px) rotate(-2deg);filter:drop-shadow(0 4px 20px rgba(231,200,115,.35))}}
@media(max-width:580px){.yesno-widget{padding:22px 18px}.yesno-layout{grid-template-columns:1fr;gap:20px}.yesno-card{max-width:132px}.yesno-widget h2{text-align:center}.yesno-widget #yesno-draw{width:100%}.yesno-reference th,.yesno-reference td{padding:9px 7px;font-size:12.5px}.yesno-reference th:first-child,.yesno-reference td:first-child{width:25%}.yesno-reference th:nth-child(2),.yesno-reference td:nth-child(2){width:24%}}
@media(prefers-reduced-motion:reduce){.yesno-widget.is-drawing .yesno-card{animation:none}.yesno-card,.yesno-widget #yesno-draw{transition:none}.yesno-widget #yesno-draw:hover:enabled{transform:none}}