.sphere-board{gap:1rem;min-width:0;display:grid}.sphere-board-stage{isolation:isolate;background:#cfe8ff;border:1.5px solid #c9a227;border-radius:20px;min-height:420px;max-height:76vh;position:relative;overflow:auto}.sphere-board-tools{z-index:2;gap:8px;display:flex;position:absolute;top:14px;right:14px}.sphere-board-tools button{color:#16324f;background:#f3fbffeb;border:1px solid #9db8d4;border-radius:8px;min-height:42px;padding:8px 12px}.sphere-board-legend{pointer-events:none;background:#f0f9ffeb;border:1px solid #b9d2e8;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:5px 14px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:42px;left:12px;right:12px}.legend-looking{color:#3f76c9}.legend-lenses{color:#2fb4dd}.legend-open{color:#c9a227}.legend-block{color:#b5661f}.sphere-board-help{text-align:center;color:#10243c;pointer-events:none;margin:0;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:16px;right:16px}.board-instruction{color:#10243c;margin:0;font-size:1rem;line-height:1.45}.vis-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sphere-board-toolbar h2{margin:.25rem 0 .5rem;font-family:Fraunces,Georgia,serif;font-weight:500}.sphere-board-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sphere-board-actions button,.sphere-board-list button{color:#16324f;background:#f3fbff;border:1px solid #1e3a5f33;border-radius:8px;min-height:44px;padding:.4rem .8rem}.sphere-board-list button[aria-pressed=true]{color:#eef7ff;background:#16324f}.sphere-board-list{gap:.75rem;padding:0;list-style:none;display:grid}.sphere-board-list.vis-hidden{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.sphere-board-list li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sphere-board-list a,.sphere-board-inspector a{align-items:center;min-height:44px;display:inline-flex}.sphere-board-inspector{background:#fff;border:1px solid #1e3a5f2e;border-radius:13px;padding:.9rem 1rem}.sphere-board-inspector p{margin:0 0 .4rem}.sphere-board-canvas{cursor:pointer;background:#cfe8ff;display:block}.hopf-drawing{gap:.75rem;min-width:0;display:grid}.hopf-drawing-stage{cursor:pointer;background:#fff;border:1px solid #1e3a5f2e;border-radius:13px;width:100%;height:min(62vh,560px);min-height:420px;display:block}.hopf-drawing-copy h2{margin:.25rem 0 .4rem;font-family:Fraunces,Georgia,serif;font-weight:500}.hopf-drawing-dots{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.hopf-drawing-dots button{color:#16324f;background:#f3fbff;border:1px solid #1e3a5f33;border-radius:8px;min-height:44px;padding:.4rem .8rem}.hopf-drawing-dots button[aria-pressed=true]{color:#eef7ff;background:#16324f}