:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:transparent;color:#30392b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}main{width:100%;padding:0}.plate{max-width:900px;margin:0 auto}.visual{position:relative}#landscape{width:100%;height:auto;display:block}.visual-note{display:flex;justify-content:center;align-items:center;gap:25px;padding:8px 10px 20px;color:#505c48;font-size:12px;letter-spacing:.09em}.key{display:inline-block;width:18px;height:7px;vertical-align:middle;margin-left:9px}.ice-key{background:#abc9c3}.debris-key{background:#c17c54}.spacer{display:inline-block;width:22px}.loop-play{width:36px;height:36px;flex-shrink:0;border:0;background:transparent;color:#505c48;font-size:16px;cursor:pointer}.loop-play:hover{color:#30392b}.loop-play:focus-visible{outline:1px solid #aebaa0;outline-offset:3px}.loop-play:disabled{opacity:.4}@media(max-width:500px){main{padding:0}.visual-note{font-size:10px;gap:14px}.spacer{width:12px}.key{width:13px;margin-left:5px}}