.v3d{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px;align-items:stretch;margin-top:16px}
.v3d-stage{position:relative;min-height:440px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#16314d 0%,#0B1F33 60%,#071522 100%)}
.v3d-stage canvas{display:block;width:100%!important;height:100%!important;touch-action:none;cursor:grab}
.v3d-stage canvas:active{cursor:grabbing}
.v3d-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9fb2c4;font-size:.92rem}
.v3d-hint{position:absolute;left:12px;bottom:10px;font-size:.75rem;color:#9fb2c4;background:rgba(7,21,34,.7);padding:4px 10px;border-radius:999px;pointer-events:none}
.v3d-leg{position:absolute;right:10px;top:10px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;pointer-events:none}
.v3d-leg span{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(7,21,34,.75);border:1px solid var(--line)}
.v3d-leg .lg{color:#4cd28a;border-color:#4cd28a}.v3d-leg .ly{color:#f5c542;border-color:#f5c542}.v3d-leg .lr{color:#ff7a6b;border-color:#ff7a6b}
.v3d-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.v3d-chip{background:var(--navy-mid,#11283f);color:var(--text,#fff);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font:600 .84rem Inter,sans-serif;cursor:pointer;transition:.15s}
.v3d-chip:hover{border-color:var(--orange,#F37021)}.v3d-chip.on{background:var(--orange,#F37021);border-color:var(--orange,#F37021);color:#fff}
.v3d-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px;font-size:.85rem;color:var(--muted,#9fb2c4)}
.v3d-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.v3d-seg button{background:transparent;color:var(--text,#fff);border:0;padding:5px 12px;font:700 .8rem Inter,sans-serif;cursor:pointer}
.v3d-seg button.on{background:var(--orange,#F37021);color:#fff}
.v3d-panel{background:var(--navy-mid,#11283f);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}
.v3d-panel h3{margin:0;font-size:1.25rem}.v3d-panel p{margin:.2em 0;color:#c4d0dc;font-size:.93rem}
.v3d-panel .row{font-size:.86rem;color:var(--muted,#9fb2c4)}
.v3d-panel .zi{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--navy-deep,#071522);border:1px solid var(--line);font-size:.88rem}
.v3d-cta{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.v3d-cta b{display:block;margin-bottom:8px}.v3d-cta .ctas{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.v3d-fb{display:none;position:absolute;inset:0;padding:22px;align-items:center;justify-content:center;flex-direction:column;gap:10px}
.v3d-stage.nogl .v3d-fb{display:flex}.v3d-stage.nogl .v3d-load,.v3d-stage.nogl .v3d-hint{display:none}
.v3d-fbg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,340px);aspect-ratio:1}
.v3d-fbg div{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#1b3a5a;font-weight:800;color:#fff;border:2px solid transparent;transition:.25s;text-align:center;font-size:.85rem}
.v3d-fbg .g{background:#1f6b48;border-color:#4cd28a}.v3d-fbg .y{background:#6b5a1a;border-color:#f5c542}.v3d-fbg .r{background:#6e2a22;border-color:#ff7a6b}
@media(max-width:860px){.v3d{grid-template-columns:1fr}.v3d-stage{min-height:340px;height:62vw;max-height:440px}}
.v3d-seg[hidden]{display:none}
.v3d-chip.placed::after{content:' ✓';color:#2ea05a;font-weight:800}