:root{color-scheme:light;font:18px/1.55 system-ui,sans-serif;color:#243758;background:#fff8e9}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(16px,calc((100vw - 1040px)/2));background:#fffdf5;border-bottom:1px solid #e7dfd0}a{color:#6144b5;text-decoration:none}header a{font-weight:700}button,.primary{min-height:46px;border:2px solid #d6cbed;border-radius:16px;padding:10px 17px;background:#fffdf8;color:#29375c;font:700 17px/1.3 system-ui;cursor:pointer}button[aria-pressed=true],.primary{background:#6e4cc3;color:#fff;border-color:#6e4cc3}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d99716;outline-offset:4px}main{max-width:1040px;margin:auto;padding:24px 18px 40px}h1{font-size:clamp(30px,5vw,48px);line-height:1.13;margin:8px 0 14px}nav{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.stage{height:clamp(280px,54vh,580px);background:#091f32;border-radius:26px;overflow:hidden;border:3px solid #d8ccee}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.legend{font-size:17px;color:#50616e}.discovery{background:#dff5ee;padding:18px 22px;border-radius:20px;margin:22px 0}.discovery p{margin:7px 0}.primary{display:inline-flex;align-items:center;justify-content:center}.note{font-size:17px;color:#566371;max-width:700px}@media(max-width:400px){main{padding:18px 12px}nav{gap:7px}nav button{flex:1 1 44%;padding:10px 8px}.stage{height:340px}header{padding:12px}.primary{width:100%}}