:root{--text: #EDEDF0;--muted: #9B9BA4;--faint: #64646C;--line: #26262B;--panel: #151518;--raised: #1C1C20;--edge: #2A2A30}html,body{margin:0;background:#0a0a0b;color:var(--text);font-family:"Source Sans 3",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:3px}:focus:not(:focus-visible){outline:none}.todo{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--faint)}#root:has(.page){display:grid;justify-items:center;padding:56px 16px 80px}.page{display:grid;row-gap:32px;inline-size:min(100%,1280px)}header{display:grid;row-gap:6px}h1{margin:0;font-weight:600;font-size:28px;letter-spacing:-.01em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.tile{display:grid;grid-template-rows:240px max-content;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stage{display:grid;place-items:center;user-select:none;-webkit-user-select:none;overflow:hidden}.stage svg{overflow:visible}.tile footer{display:grid;grid-template-columns:1fr max-content;align-items:center;padding:12px 12px 12px 18px;border-top:1px solid var(--line)}.tile b{font-weight:600;font-size:15px}.view{display:grid;grid-auto-flow:column;align-items:center;column-gap:6px;padding:7px 12px 7px 14px;border-radius:999px;border:1px solid var(--edge);background:var(--raised);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:background .16s ease,border-color .16s ease}.view svg{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.view:hover{background:#24242a;border-color:#3a3a42}.view:hover svg,.view:focus-visible svg{transform:translate(3px)}html:has(.show),html:has(.show) body,#root:has(.show){block-size:100%;background:#08080a}.show{display:grid;grid-template-rows:1fr max-content;block-size:100%}.spot{display:grid;place-items:center;overflow:hidden;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse 46% 52% at 50% 46%,#1A1A1F 0%,#111114 45%,transparent 75%),#08080a}.piece{display:grid;place-items:center;transform-origin:50% 50%}.show--crt .spot{container:crt-stage / size}.show--crt .piece{transform:scale(1)}@container crt-stage (min-width: 498px) and (min-height: 321px){.show--crt .piece{transform:scale(1.5)}}@container crt-stage (min-width: 648px) and (min-height: 412px){.show--crt .piece{transform:scale(2)}}@container crt-stage (min-width: 798px) and (min-height: 503px){.show--crt .piece{transform:scale(2.5)}}@container crt-stage (min-width: 948px) and (min-height: 594px){.show--crt .piece{transform:scale(3)}}@supports (transform: scale(calc(1px/1px))){@container crt-stage (min-width: 768px) and (min-height: 480px){.show--crt .piece{transform:scale(min(3,calc(85cqw/300px),calc(60cqh/182px)))}}}.piece svg{overflow:visible}.spot :focus,.spot :focus-visible{outline:none}.bar{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center;column-gap:16px;padding:10px 16px;border-top:1px solid var(--line);background:#0c0c0e}.show.clean .bar{display:none}.back{display:grid;grid-auto-flow:column;align-items:center;column-gap:6px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid var(--edge);background:var(--raised);color:var(--text);font-size:13px;font-weight:600;text-decoration:none}.back svg{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.back:hover svg,.back:focus-visible svg{transform:translate(-3px)}.name{font-weight:600;font-size:15px}.hint{color:var(--faint);font-size:13px}.hint kbd{font:inherit;color:var(--muted);border:1px solid var(--edge);border-radius:5px;padding:0 5px}.options{display:inline-grid;grid-auto-flow:column;border:1px solid var(--edge);border-radius:999px;overflow:hidden}.options button{font-size:13px;font-weight:600;color:var(--muted);background:none;border:0;padding:7px 14px;cursor:pointer}.options button[aria-pressed=true]{color:var(--text);background:var(--raised)}