*{box-sizing:border-box;margin:0;padding:0}html,body{background:#17140f;width:100%;height:100%;overflow:hidden}#app{background:#17140f;gap:2px;width:100vw;height:100vh;display:grid}.cell{cursor:pointer;position:relative;overflow:hidden}.cell canvas{width:100%;height:100%;display:block}.cell .seed-label{color:#1e1a1273;pointer-events:none;font:10px/1 monospace;position:absolute;bottom:4px;left:6px}.cell.bookmarked{outline-offset:-3px;z-index:1;outline:3px solid #c9a13b}.cell.bookmarked .seed-label{color:#c9a13b;font-weight:700}.cell .open-link{color:#efe8d8;background:#c9a13b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font:700 13px/1 system-ui,sans-serif;text-decoration:none;display:none;position:absolute;top:6px;right:6px}.cell .open-link:hover{background:#b98f2c}.cell.bookmarked .open-link{display:flex}.hint{z-index:10;color:#ffffff8c;font:12px system-ui,sans-serif;position:fixed;bottom:16px;left:16px}.home-link{z-index:10;color:#fff9;font:13px system-ui,sans-serif;text-decoration:none;transition:color .15s;position:fixed;top:16px;left:16px}.home-link:hover{color:#fff}