.FlowGrid_container__yeD17{display:flex;flex-direction:column;align-items:center;height:100dvh;max-width:430px;margin:0 auto;padding:12px 16px 20px;user-select:none;-webkit-user-select:none}.FlowGrid_header__RJbOD{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;animation:FlowGrid_fadeUp__HREcL .4s ease-out}.FlowGrid_title__CWv4r{font-family:var(--font-dm-serif),serif;font-size:1.5rem;color:#22c55e;letter-spacing:-.5px}.FlowGrid_headerRight__VYucx{display:flex;gap:4px}.FlowGrid_iconBtn__ZQPvt{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s;opacity:.6}.FlowGrid_iconBtn__ZQPvt:hover{background:rgba(255,255,255,.08);opacity:1}.FlowGrid_sizeRow__WxHD7{display:flex;gap:6px;width:100%;margin-bottom:8px;animation:FlowGrid_fadeUp__HREcL .45s ease-out}.FlowGrid_sizeBtn__ZkB6b{flex:1 1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);padding:5px 0;border-radius:8px;font-family:var(--font-outfit),sans-serif;font-size:.75rem;cursor:pointer;transition:all .2s;text-align:center}.FlowGrid_sizeBtn__ZkB6b:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}.FlowGrid_sizeBtn__ZkB6b.FlowGrid_active__ePuAM{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#22c55e}.FlowGrid_info__3ArLR{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px;animation:FlowGrid_fadeUp__HREcL .5s ease-out}.FlowGrid_modeLabel__mJgYm{font-size:.8rem;color:rgba(255,255,255,.45);cursor:pointer;transition:color .2s}.FlowGrid_modeLabel__mJgYm:hover{color:rgba(255,255,255,.8)}.FlowGrid_infoRight__H02tc{display:flex;align-items:center;gap:10px}.FlowGrid_timer__ofk36{font-size:.8rem;color:rgba(255,255,255,.35);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-outfit),sans-serif}.FlowGrid_flowCount__MScHr{display:flex;gap:4px}.FlowGrid_flowDot__yw3ck{width:8px;height:8px;border-radius:50%;transition:background .3s ease}.FlowGrid_gridWrapper__4xSQg{flex:1 1;display:flex;align-items:center;justify-content:center;width:100%;animation:FlowGrid_fadeUp__HREcL .6s ease-out}.FlowGrid_grid__a0XI8{display:grid;width:min(85vw,380px);height:min(85vw,380px);background:rgba(255,255,255,.03);border-radius:12px;border:2px solid rgba(255,255,255,.08);overflow:hidden;touch-action:none;-webkit-touch-callout:none}.FlowGrid_cell__AlF_X{position:relative;border:1px solid rgba(255,255,255,.05)}.FlowGrid_cell__AlF_X,.FlowGrid_pipe__4IJDs{display:flex;align-items:center;justify-content:center}.FlowGrid_pipe__4IJDs{position:absolute;inset:0}.FlowGrid_segment__dWaZn{position:absolute;background:var(--flow-color);opacity:.7;transition:opacity .1s ease}.FlowGrid_segTop__CN7lC{top:0}.FlowGrid_segBottom__rGfLr,.FlowGrid_segTop__CN7lC{left:50%;transform:translateX(-50%);width:40%;height:50%}.FlowGrid_segBottom__rGfLr{bottom:0}.FlowGrid_segLeft__fxqj0{left:0}.FlowGrid_segLeft__fxqj0,.FlowGrid_segRight__rrP2V{top:50%;transform:translateY(-50%);width:50%;height:40%}.FlowGrid_segRight__rrP2V{right:0}.FlowGrid_center__Kjlgm{width:40%;height:40%;border-radius:4px;background:var(--flow-color);opacity:.7;z-index:1;transition:transform .12s ease,opacity .12s ease}.FlowGrid_endpoint__YHvN3{width:60%;height:60%;border-radius:50%;opacity:1;box-shadow:0 0 8px var(--flow-color)}.FlowGrid_footer__gLxlh{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;animation:FlowGrid_fadeUp__HREcL .7s ease-out}.FlowGrid_footerLeft__rz3pJ{display:flex;align-items:center;gap:12px}.FlowGrid_moveCount__1_uwK{font-size:.85rem;color:rgba(255,255,255,.35);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.FlowGrid_xpBadge__mMO3a{font-size:.75rem;color:#22c55e;background:rgba(34,197,94,.1);padding:2px 8px;border-radius:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.FlowGrid_actions__1qL6u{display:flex;gap:6px}.FlowGrid_btn__IElsE{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);padding:7px 16px;border-radius:10px;font-family:var(--font-outfit),sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s}.FlowGrid_btn__IElsE:hover{background:rgba(255,255,255,.1);color:#fff}.FlowGrid_btn__IElsE:active{transform:scale(.96)}.FlowGrid_btnPrimary__C2mrv{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.FlowGrid_btnPrimary__C2mrv:hover{background:rgba(34,197,94,.25);color:#4ade80}.FlowGrid_overlay__StMMb{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;animation:FlowGrid_fadeIn__yFTpB .25s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.FlowGrid_modal__idhUm{background:#12121a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 32px;text-align:center;animation:FlowGrid_popIn__KQ092 .35s ease-out;max-width:340px;width:90%}.FlowGrid_modalTitle__A99e6{font-family:var(--font-dm-serif),serif;font-size:1.6rem;color:#22c55e;margin-bottom:6px}.FlowGrid_modalSub__vHH_5{font-size:.85rem;color:rgba(255,255,255,.45);margin-bottom:8px}.FlowGrid_modalActions__DsLWP{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}.FlowGrid_winStars__vPALN{font-size:2rem;margin-bottom:8px;display:flex;justify-content:center;gap:4px;animation:FlowGrid_popIn__KQ092 .5s ease-out}.FlowGrid_starFilled___eH3b{animation:FlowGrid_starPop__3ZfZ9 .4s ease-out backwards}.FlowGrid_starFilled___eH3b:nth-child(2){animation-delay:.1s}.FlowGrid_starFilled___eH3b:nth-child(3){animation-delay:.2s}.FlowGrid_starEmpty__vvpJv{opacity:.2;font-size:2rem}.FlowGrid_xpGain__HC3gn{font-size:1rem;color:#22c55e;font-weight:600;margin-bottom:4px;animation:FlowGrid_popIn__KQ092 .5s ease-out .2s backwards}.FlowGrid_statsGrid__aL0R7{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.FlowGrid_statItem__pZibC{text-align:center}.FlowGrid_statValue__ashOc{font-family:var(--font-dm-serif),serif;font-size:1.4rem;color:#e8e8f0}.FlowGrid_statLabel__sIgBD{font-size:.65rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.FlowGrid_xpTotal__AN7gQ{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(34,197,94,.08);border-radius:10px;border:1px solid rgba(34,197,94,.15)}.FlowGrid_xpTotalLabel__fxdxA{font-size:.8rem;color:rgba(255,255,255,.5)}.FlowGrid_xpTotalValue__Aa5O_{font-family:var(--font-dm-serif),serif;font-size:1.2rem;color:#22c55e}.FlowGrid_demoGrid__16M9g{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:140px;height:140px;margin:0 auto;border-radius:10px;border:1.5px solid rgba(255,255,255,.08);overflow:hidden;background:rgba(255,255,255,.02)}.FlowGrid_demoCell__THNFj{border:1px solid rgba(255,255,255,.05);position:relative;display:flex;align-items:center;justify-content:center}.FlowGrid_demoDot__iumYT{width:55%;height:55%;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444}.FlowGrid_demoDotBlue__zISGU{width:55%;height:55%;border-radius:50%;background:#3b82f6;box-shadow:0 0 8px #3b82f6}.FlowGrid_demoCellEndpoint__kfY5k{background:rgba(239,68,68,.15)}.FlowGrid_demoCellEndpointBlue__9E4mh{background:rgba(59,130,246,.15)}.FlowGrid_demoCellPathRed1__GGHuZ{animation:FlowGrid_demoFillRed__rCwtz 5s ease-in-out infinite;animation-delay:.5s}.FlowGrid_demoCellPathRed2__sbZ1u{animation:FlowGrid_demoFillRed__rCwtz 5s ease-in-out infinite;animation-delay:1s}.FlowGrid_demoCellPathRed3__aGiP4{animation:FlowGrid_demoFillRed__rCwtz 5s ease-in-out infinite;animation-delay:1.5s}@keyframes FlowGrid_demoFillRed__rCwtz{0%,8%{background:transparent}12%,70%{background:rgba(239,68,68,.35)}80%,to{background:transparent}}@keyframes FlowGrid_fadeUp__HREcL{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes FlowGrid_fadeIn__yFTpB{0%{opacity:0}to{opacity:1}}@keyframes FlowGrid_popIn__KQ092{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes FlowGrid_starPop__3ZfZ9{0%{opacity:0;transform:scale(.3) rotate(-20deg)}50%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}