:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d7dee8;background:#070a0f;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 20% -10%,#1a2738 0%,#0000 60%),radial-gradient(900px 500px at 90% 10%,#14221c 0%,#0000 55%),#070a0f;min-height:100vh;margin:0}.app{flex-direction:column;gap:.75rem;max-width:1200px;margin:0 auto;padding:1rem;display:flex}header{flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;display:flex}.brand{letter-spacing:.04em;color:#f0e6d2;font-family:Cormorant Garamond,Times New Roman,serif;font-size:2rem}.meta{opacity:.85;flex-wrap:wrap;gap:.75rem;font-size:.9rem;display:flex}.bar-wrap{align-items:center;gap:.4rem;display:inline-flex}.bar{background:#1f2a1f;border:1px solid #2e5a3b;border-radius:.2rem;width:5.5rem;height:.35rem;position:relative;overflow:hidden}.bar-fill{background:#3ddc84;height:100%;display:block}.bar-text{font-variant-numeric:tabular-nums}button{color:#e8eef6;cursor:pointer;background:#2a3544;border:1px solid #3d4d63;margin-left:auto;padding:.4rem .8rem}button:hover{background:#354556}.info-action{margin:0 0 .75rem;display:inline-block}.name-form{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .75rem;display:flex}.name-form input{color:#e8eef6;background:#121820;border:1px solid #3d4d63;flex:6rem;min-width:0;padding:.35rem .5rem}.name-form button{margin-left:0}.name-error{color:#c98989;flex:100%;font-size:.85rem}.stage{align-items:stretch;gap:.75rem;min-width:0;display:flex}.canvas-wrap{aspect-ratio:1;flex:0 auto;width:min(100%,100% - 260px - .75rem);max-width:896px;position:relative}canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;background:#0d1117;border:1px solid #243042;display:block}.info{background:#0d1117;border:1px solid #243042;flex:0 0 260px;width:260px;padding:.75rem 1rem;font-size:.9rem;overflow:auto}.info h2{color:#f0e6d2;margin:0 0 .75rem;font-family:Cormorant Garamond,Times New Roman,serif;font-size:1.35rem;font-weight:600}.info-block+.info-block{border-top:1px solid #243042;margin-top:1rem;padding-top:.85rem}.info-selection h2{font-size:1.15rem}.info-empty{opacity:.5;margin:0}.info dl{grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:0;display:grid}.info dt{opacity:.55}.info dd{word-break:break-word;margin:0}.hint{opacity:.55;margin:0;font-size:.85rem}.connect-popup{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.connect-panel{pointer-events:auto;text-align:center;background:#0d1117f0;border:1px solid #3d4d63;min-width:10rem;padding:1.5rem 2rem;box-shadow:0 10px 28px #00000073}.connect-spinner{border:2px solid #243042;border-top-color:#f0e6d2;border-radius:50%;width:1.35rem;height:1.35rem;margin:0 auto .55rem;animation:.9s linear infinite connect-spin}.connect-title{color:#f0e6d2;margin:0;font-size:.9rem}.connect-dots:after{text-align:left;content:"";width:1.25em;animation:1.2s steps(4,end) infinite connect-dots;display:inline-block}.connect-meta{opacity:.65;font-variant-numeric:tabular-nums;margin:.35rem 0 0;font-size:.75rem;animation:1.6s ease-in-out infinite connect-pulse}@keyframes connect-spin{to{transform:rotate(360deg)}}@keyframes connect-dots{0%,24%{content:""}25%,49%{content:"."}50%,74%{content:".."}75%,to{content:"..."}}@keyframes connect-pulse{0%,to{opacity:.45}50%{opacity:.85}}@media (width<=720px){.stage{flex-direction:column}.canvas-wrap,canvas{width:100%}.info{flex-basis:auto;width:100%;min-height:8rem}}