:root{--bg:#5a4a48;--card:#e5e2de;--card-edge:#cec9c2;--card-shadow:#00000040;--ink:#2a2220;--ink-muted:#eae4de99}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:48px;min-height:100%;padding:48px 64px;display:flex}header h1{color:var(--ink-muted);letter-spacing:.04em;text-transform:lowercase;margin:0 0 6px;font-size:14px;font-weight:500}header .sub{color:var(--ink-muted);margin:0;font-size:13px}header code{background:#00000026;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}main{flex:1}.sequence{flex-flow:wrap;align-items:flex-start;row-gap:40px;display:flex}.reorder-item{cursor:grab;list-style:none}.reorder-item:active{cursor:grabbing}.stack{perspective:800px;outline:none;position:relative}.stack:focus-visible{border-radius:10px;box-shadow:0 0 0 2px #fff6}.card{background:var(--card);-webkit-user-select:none;user-select:none;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute}.card .label{color:#00000073;letter-spacing:.02em;font-size:14px;font-weight:500}