body{margin:0;background:#fff;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;-webkit-font-smoothing:antialiased}.page{padding:24px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}ul{padding:0;list-style:none}a{color:#000;text-decoration:underline;text-underline-offset:3px}a:hover{opacity:.5}.footer-link{margin-top:auto;margin-bottom:0}.play{position:fixed;right:24px;bottom:24px;text-decoration:none;opacity:.15}.play:hover{opacity:1}dialog{border:none;padding:0;background:transparent;width:90vw;max-width:720px}dialog::-webkit-backdrop{background:hsla(0,0%,100%,.95)}dialog::backdrop{background:hsla(0,0%,100%,.95)}dialog video{display:block;width:100%;height:auto}.close{display:block;text-align:right;margin-bottom:8px;text-decoration:none;font-size:14px}.linklike{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#000;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.linklike:hover{opacity:.5}.linklike.active{text-decoration:none;font-weight:700;cursor:default}.linklike.active:hover{opacity:1}.amount-input{font:inherit;letter-spacing:inherit;color:#000;background:#fff;border:none;border-bottom:1px solid #000;padding:0;width:160px}.amount-input:focus{outline:none}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.action{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#000;background:#fff;border:1px solid #000;padding:4px 16px;cursor:pointer;margin-top:16px}.action:hover{opacity:.5}.action:disabled{opacity:.3;cursor:default}.page>div[data-rk]{display:contents}[data-rk]{text-transform:none;letter-spacing:normal}.bridge{display:contents;text-transform:uppercase;letter-spacing:.08em}.tiles{display:flex;gap:48px;margin-top:24px}.tile{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1;min-width:0;max-width:140px}@media (max-width:480px){.tiles{gap:12px}}.tileArt svg{display:block;width:100%;height:auto;overflow:visible}.bondSlice,.stackNext,.swapA,.swapB{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.bondSlice{transform:translate(7px,-7px)}.tile:hover .swapA{transform:translateX(56px)}.tile:hover .swapB{transform:translateX(-56px)}.tile:hover .bondSlice{transform:translate(12px,-12px)}.tile:hover .stackNext{transform:translateY(14px)}