*{box-sizing:border-box}body{margin:0;background:#091421;color:#e8eef5;font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:#84d8ff;text-underline-offset:4px}h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.15}h2{line-height:1.3}h3{margin:0}.badge{display:inline-block;padding:6px 12px;border:1px solid #f4cc70;border-radius:8px;color:#f4cc70}label{display:block;font-weight:bold}select,button{font:inherit;max-width:100%;min-height:48px;border-radius:8px;border:1px solid #84d8ff;padding:10px;background:#132b40;color:#fff}select{width:100%;margin:8px 0 20px}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}:focus-visible{outline:3px solid #f4cc70;outline-offset:4px}.muted{color:#bdc9d6}blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid #84d8ff}#result,aside{border:1px solid #4d6275;padding:20px;border-radius:12px;margin-top:24px}#result[data-true="true"]{border-color:#81d6ab}#outcome{font-weight:600}.skip{position:absolute;left:10px;top:-100px;background:#091421;padding:10px}.skip:focus{top:10px}footer{padding-bottom:40px}@media(max-width:420px){header,main,footer{padding:18px}button{width:100%}}