.flow-board-card{padding:0;overflow:hidden;position:relative}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #252b42}.flow-board-wrap{padding:12px;display:grid;place-items:center;position:relative}.flow-board{width:min(100%,720px);aspect-ratio:1;position:relative;touch-action:none;user-select:none}.flow-cells{position:absolute;inset:0;display:grid;gap:4px}.flow-cell{position:relative;border:1px solid #28304a;background:#151b30;border-radius:8px;min-width:0;min-height:0}.flow-cell:hover{background:#192138}.flow-endpoint{position:absolute;inset:23%;border-radius:50%;background:var(--flow);box-shadow:0 0 0 4px #0d1224,0 0 18px color-mix(in srgb,var(--flow) 45%,transparent);z-index:4}.flow-endpoint:after{content:'';position:absolute;inset:28%;border-radius:50%;background:#f7f8ffbb}.flow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.flow-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.flow-solution{opacity:.35;stroke-dasharray:.18 .18}.flow-hint{opacity:.78;stroke-dasharray:.12 .12}.flow-cell.selected{outline:2px solid #7657ff;outline-offset:-2px}.flow-result{position:absolute;inset:12px;display:grid;place-items:center;background:rgba(8,11,20,.95);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:.18s;z-index:20;border-radius:13px}.flow-result.show{opacity:1;pointer-events:auto}.flow-result-panel{width:min(600px,calc(100% - 30px));text-align:center;padding:24px}.flow-result-panel h2{font-size:34px;margin:0 0 6px}.flow-result-score{font-size:56px;font-weight:950;color:#46d6ff;letter-spacing:-2px}.flow-result-meta{color:#c2c9dc;margin:5px 0 14px}.flow-breakdown{max-width:520px;margin:0 auto 12px;border:1px solid #303650;background:#12182a;border-radius:14px;padding:12px}.flow-break-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.flow-break{background:#171d32;border-radius:9px;padding:9px}.flow-break b{display:block;font-size:17px}.flow-break small{color:#7f89a3;font-size:9px}.flow-result-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.flow-result-actions button{border:1px solid #303650;background:#171d32;color:#fff;border-radius:10px;padding:10px 14px}.flow-result-status{color:#9aa5ba;font-size:12px;margin-top:9px}.flow-rank-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.flow-rank-tabs button{border:1px solid #303650;background:#151a2d;color:#98a2b8;border-radius:9px;padding:7px;font-size:10px}.flow-rank-tabs button.active{border-color:#7657ff;color:#fff;background:#241d48}.flow-rank-list{display:grid;gap:5px}.flow-rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;align-items:center;background:#171d32;border-radius:9px;padding:8px}.flow-rank-row b{font-size:11px}.flow-rank-row small{display:block;color:#7f89a3;font-size:8px}.flow-empty{padding:20px 4px;text-align:center;color:#7f89a3;font-size:10px}.flow-account{display:flex;align-items:center;gap:8px}.flow-user{display:none;align-items:center;gap:8px;border:1px solid #303650;background:#12162a;border-radius:999px;padding:5px 9px 5px 5px}.flow-user.show{display:flex}.flow-user img{width:30px;height:30px;border-radius:50%;object-fit:cover}.flow-user button{border:0;background:transparent;color:#8792aa}.flow-user span{font-size:12px;font-weight:700}.flow-legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.flow-dot{width:10px;height:10px;border-radius:50%;background:var(--flow);box-shadow:0 0 8px color-mix(in srgb,var(--flow) 40%,transparent)}@media(max-width:600px){.flow-board-wrap{padding:7px}.flow-cells{gap:3px}.flow-cell{border-radius:6px}.flow-result{inset:7px}.flow-result-score{font-size:44px}.flow-break-grid{grid-template-columns:repeat(2,1fr)}}