:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090e1a;color:#eef5ff;font:17px/1.5 system-ui}main{max-width:1050px;margin:auto;padding:18px}nav,.entry{display:flex;gap:10px;justify-content:space-between}a{color:#cafa70}h1{font-size:clamp(28px,5vw,46px);margin:18px 0 4px}button{background:#cafa70;color:#14251b;border:0;border-radius:9px;padding:12px;min-height:44px;font:700 16px system-ui;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffce6c;outline-offset:3px}button:disabled{opacity:.5}canvas{width:100%;max-height:48vh;object-fit:contain;background:#101b30;border:1px solid #314766;border-radius:18px;margin-top:16px;display:block}section{padding:20px;background:#16243a;border:1px solid #3d5272;border-radius:16px;margin:16px 0}input{min-width:0;flex:1;background:#09111d;border:1px solid #8296ae;border-radius:8px;color:white;padding:12px;font:18px system-ui}label{display:block}#pad{display:flex;gap:8px;flex-wrap:wrap}#choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}#hint{background:#d1bbff}#feedback{min-height:28px;color:#e4f9b0}progress{accent-color:#cafa70;width:50%}small{color:#acbbcf}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 4px;border-bottom:1px solid #526278}[hidden]{display:none!important}@media(max-width:500px){.entry{flex-wrap:wrap}.entry input{flex-basis:100%}canvas{max-height:34vh}section{padding:14px}main{padding:12px}}