*{box-sizing:border-box}html,body,#viewport{width:100%;height:100%;margin:0;overflow:hidden}body{font:14px Arial,"Malgun Gothic",sans-serif;color:#e7efff;background:radial-gradient(ellipse at 53% 40%,#202e42 0,#111c2d 45%,#0b1321 85%)}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}canvas:focus-visible{outline:2px solid #83c8ff;outline-offset:-3px}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #8dc7ff;outline-offset:3px}#status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center;background:#0c1523e8;z-index:5}#status[hidden],#standalone[hidden],[hidden]{display:none!important}#message{font-size:15px;line-height:1.7}#progress{width:210px;height:5px;accent-color:#69ddb5}#progressText{color:#97aac6;font-size:12px}#retry{background:#a5f0cb;color:#10251b;border:0;padding:10px 17px;border-radius:8px}.loader{width:30px;height:30px;border:2px solid #5c769340;border-top-color:#a5f0cb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hotspot{position:absolute;pointer-events:auto;display:flex;gap:6px;align-items:center;transform:translate(-50%,-50%);border:1px solid #ffffff30;background:#111e30e8;color:#dfebfc;padding:7px 10px;border-radius:8px;font-size:11px;white-space:nowrap;backdrop-filter:blur(8px);box-shadow:0 3px 14px #0003}.hotspot b{color:#8cdab8;font-size:10px}.hotspot[aria-pressed=true]{border-color:#a5f0cb;color:#d4ffe9;background:#13372eee}#instructions{position:absolute;left:18px;bottom:14px;color:#9bafc9;font-size:11px;pointer-events:none}#standalone{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}#standalone button{border:1px solid #4c607c;color:#d3e2f4;background:#17263b;border-radius:6px;padding:8px}body[data-single=true] #instructions{bottom:auto;top:14px}@media(prefers-reduced-motion:reduce){.loader{animation:none}}@media(max-width:500px){.hotspot{font-size:10px;padding:6px}.hotspot b{font-size:9px}#instructions{font-size:10px;left:12px;bottom:10px}}
body[data-lesson=true]{background:radial-gradient(ellipse at 50% 43%,#23343b 0,#14252e 50%,#101c24 90%)}body[data-lesson=true] #instructions{display:none}body[data-lesson=true][data-single=true] #instructions{display:block;color:#8fa6a6;font-size:10px}body[data-lesson=true] .hotspot{background:#172c32ed;border-color:#6f8c844f;color:#d5e5df}body[data-lesson=true] .hotspot[aria-pressed=true]{border-color:#e9b777;background:#463c2bee;color:#ffe2ba}body[data-lesson=true] .hotspot b{color:#dfb87b}body[data-lesson=true] #standalone button{background:#1e343a;border-color:#405853}