*{box-sizing:border-box}html,body{margin:0;background:#000;color:#eeede9;font-family:Helvetica,Arial,sans-serif;height:100%;overflow:hidden}#stage{height:100dvh;position:relative;overflow:hidden}.viewport{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.viewport::-webkit-scrollbar{display:none}.canvas-wrap{position:relative;min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.board{flex:none;width:900px;height:440px;position:relative;transform-origin:center}svg{display:block;width:100%;height:100%;overflow:visible}.utterance{fill:#eeede9;font-size:16px;font-weight:400;transition:opacity .65s}.utterance.residue{opacity:.34}.utterance.current{opacity:1}.utterance.entering{animation:appear .65s both}.entrance{cursor:pointer;outline:none}.entrance:hover{fill:#aaa}.entrance:focus-visible{text-decoration:underline}.architecture{fill:none;stroke:#b5b4ad;stroke-width:1;pointer-events:none}.architecture.hidden{display:none}.review .architecture{opacity:.65}.review .utterance{opacity:.75}.review-panel{position:fixed;top:24px;left:24px;z-index:5;font:12px/1.6 Helvetica;color:#aaa}.review-panel button,.review-panel a{color:#ddd;background:none;border:1px solid #555;padding:7px 10px;text-decoration:none;margin-right:8px}.hint{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:11px;color:#555;pointer-events:none;transition:opacity .7s}@keyframes appear{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}