.strategy-flow{background:#0a0f1e!important;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.strategy-flow .vue-flow__edge-path{stroke-linecap:round}.strategy-flow .vue-flow__controls{background:#111827!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000004d!important}.strategy-flow .vue-flow__controls-button{background:transparent!important;border:none!important;color:#94a3b8!important;fill:#94a3b8!important}.strategy-flow .vue-flow__controls-button:hover{background:#ffffff1a!important;color:#e2e8f0!important;fill:#e2e8f0!important}.card-node{background:#111827;border:2px solid #1e293b;border-radius:10px;width:140px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.card-node:hover{transform:scale(1.05);z-index:10}.card-node--center{width:170px;border-width:3px}.card-node__image{width:100%;aspect-ratio:5/7;background:#0a0f1e;overflow:hidden}.card-node__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-node__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#334155}.card-node__info{padding:6px 8px 8px}.card-node__name{font-size:11px;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-bottom:2px}.card-node--center .card-node__name{font-size:13px}.card-node__meta{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.card-node__number{font-size:9px;color:#475569;font-family:monospace}.card-node__stat{font-size:9px;color:#94a3b8;font-weight:600}.card-node__stat--ap{color:#f87171}.card-node__stat--hp{color:#4ade80}.card-node__type{font-size:9px;font-weight:700;letter-spacing:.05em;margin-top:2px}.group-label-node{background:#111827f2;border:2px solid #1e293b;border-radius:12px;padding:12px 16px;max-width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.group-label-node__title{font-size:13px;font-weight:800;color:#e2e8f0;margin-bottom:4px}.group-label-node__desc{font-size:10px;color:#94a3b8;line-height:1.4;margin-bottom:4px}.group-label-node__count{font-size:10px;color:#475569;font-weight:600}.canvas-legend{position:absolute;top:12px;left:12px;background:#111827eb;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.canvas-legend__title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.canvas-legend__item{display:flex;align-items:center;gap:8px;font-size:11px;color:#94a3b8;padding:2px 0}.canvas-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.card-flyout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:flex-end}.card-flyout{width:360px;max-width:90vw;height:100vh;background:#111827;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow-y:auto}.card-flyout__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.card-flyout__body{padding:20px;flex:1}.card-flyout__image{width:100%;border-radius:8px;margin-bottom:16px}.card-flyout__actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.05)}.flyout-enter-active{transition:all .25s ease-out}.flyout-leave-active{transition:all .2s ease-in}.flyout-enter-from .card-flyout,.flyout-leave-to .card-flyout{transform:translate(100%)}.flyout-enter-from,.flyout-leave-to{opacity:0}.canvas-container{position:relative;margin:0 16px 24px}@media(min-width:640px){.canvas-container{margin:0 24px 24px}}@media(min-width:1024px){.canvas-container{margin:0 32px 24px}}body.gcg-canvas-locked{overflow:hidden}.strategy-canvas-wrapper--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0a0f1e;display:flex;flex-direction:column;padding:14px 14px 0;overflow:hidden}.strategy-canvas-wrapper--fullscreen>div:not(.canvas-container){flex:0 0 auto}.strategy-canvas-wrapper--fullscreen>div:first-child{margin-bottom:10px!important}.strategy-canvas-wrapper--fullscreen .canvas-container{flex:1 1 auto;height:auto!important;min-height:0!important;margin:0 0 14px!important}.strategy-canvas-wrapper--fullscreen .strategy-flow{border-radius:12px}.canvas-exit-btn{position:absolute;top:12px;right:12px;z-index:30;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#111827eb;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,color .15s,border-color .15s}.canvas-exit-btn:hover{background:#ef44442e;border-color:#ef444473;color:#fca5a5}