.chain-toolbar{z-index:5;background:#fffdf4;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 0;display:grid;position:sticky;top:-1px}.chain-toolbar button{min-width:0;min-height:48px;font:inherit;color:#466179;cursor:pointer;background:#dfedf7;border:0;border-radius:14px;flex:1;padding:8px 4px;font-size:13px}.chain-toolbar button:disabled{opacity:.45;cursor:default}.chain-toolbar button:focus-visible{outline-offset:2px;outline:3px solid #238e94}.chain-step{font-weight:800}.chain-toolbar .chain-step{background:#fffdf4;grid-column:1/-1;margin:0;padding:2px 0;font-size:13px;line-height:20px}.chain-description{min-height:38px;font-size:12px!important;line-height:1.6!important}.chain-board{background:#edf5f8;border-radius:16px;flex-shrink:0;width:216px;height:360px;margin:0 auto;position:relative;overflow:visible;box-shadow:0 0 0 3px #d8e9ed}.chain-board .piece{pointer-events:none;position:absolute}.chain-board .piece svg{width:100%;height:100%;display:block}.chain-preview-target{pointer-events:none;box-sizing:border-box;z-index:3;border:2px dashed #466179;border-radius:38%;position:absolute}.chain-total{font-size:12px!important}dialog.chain-dialog{color:#466179;background:#fffdf4;border:0;border-radius:24px;width:min(400px,100% - 24px);max-height:calc(100dvh - 24px);padding:18px 20px;overflow:auto}dialog.chain-dialog::backdrop{background:#3757684f}.chain-dialog>div{text-align:center;flex-direction:column;gap:12px;display:flex}.chain-dialog h2{margin:0;font-size:20px}.chain-dialog p{margin:0}.chain-dialog .chain-toolbar{top:-18px}@media (width>=360px){.chain-board{width:240px;height:400px}}