@font-face{font-family:FYI;src:url("inter.ttf") format("truetype");font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#20212a;color:#efedf6;font-family:FYI,sans-serif;line-height:1.6}main{max-width:960px;margin:auto;padding:24px}h1,h2{line-height:1.15}a{color:#ff9b45}button,input,select,textarea{font:inherit;color:inherit;background:#282934;border:1px solid #777582;border-radius:6px;padding:10px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid #ff9b45;outline-offset:4px}label{display:block;margin-top:16px}button{margin:12px 8px 12px 0}p{max-width:70ch}.hint{color:#c7c3d2} [hidden]{display:none!important}.panel{padding:20px;border:1px solid #555361;border-radius:12px;background:#282934}img{max-width:100%;height:auto}code{overflow-wrap:anywhere}input,select,textarea{max-width:100%}a,button{touch-action:manipulation}
main{text-align:center;max-width:760px;padding-block:48px}p{margin-inline:auto}.answer{position:relative;display:inline-block;font-size:clamp(7rem,28vw,14rem);font-weight:850;line-height:1.1;color:#ff7700;text-shadow:6px 4px 0 #713900}.kicker{letter-spacing:.16em;font-size:.75rem}.orbit{position:absolute;left:-12%;top:45%;width:124%;height:25%;border:2px solid #f8c895;border-radius:50%;transform:rotate(-18deg);pointer-events:none}h1{font-size:clamp(1.8rem,5vw,3rem)}@media(prefers-reduced-motion:no-preference){.answer{animation:arrival 1.8s ease-out 1}.orbit{animation:orbit 2.4s ease-in-out 1}@keyframes arrival{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{0%{transform:rotate(-35deg);opacity:.2}100%{transform:rotate(-18deg);opacity:1}}}