.opp-scene{height:460svh}.opp-grid{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}.opp-stage{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#121a3e,#070a1c 75%);box-shadow:0 0 0 1px var(--line),0 40px 120px rgba(70,90,255,.22);color:#e9edfb}.opp-board{display:grid;grid-template-columns:minmax(0,1fr) 1.25rem minmax(0,1fr) 1.25rem minmax(0,1.1fr);padding:1.1rem;min-height:30rem}.opp-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}.opp-col>.mono{color:#9ec1ff;font-size:.62rem;margin:0 0 .25rem}.opp-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.opp-card,.rank-card{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;padding:.6rem .65rem;border-radius:10px;background:rgba(20,28,64,.85);border:1px solid rgba(190,205,255,.16);font-size:.74rem;line-height:1.3}.opp-card strong,.rank-card strong{grid-column:1/-1;font-weight:500;font-size:.8rem;color:#f4f6fb}.opp-kind{justify-self:start;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:#d4c4ff}.opp-meta{grid-column:1/-1;color:#9aa4c2;font-size:.68rem}.opp-bar{grid-column:1/2;align-self:center;height:3px;border-radius:3px;background:rgba(190,205,255,.14);overflow:hidden}.opp-bar i{display:block;height:100%;background:linear-gradient(90deg,#9ec1ff,#d4c4ff);transform-origin:left}.opp-fit{font-family:var(--mono);font-size:.62rem;color:#c9d4f5}.opp-card.is-noise .opp-bar i{background:#5b6382}.opp-criteria{list-style:none;margin:0 0 .25rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}.opp-criteria li{font-size:.58rem;padding:.15rem .45rem;border-radius:999px;border:1px solid rgba(190,205,255,.24);color:#b7c0d6}.rank-card{border-color:rgba(158,193,255,.45)}.rank{font-family:var(--mono);font-size:.6rem;color:#9ec1ff}.opp-flow{align-self:center;justify-self:center;width:1px;height:60%;background:linear-gradient(180deg,transparent,#d4c4ff,transparent)}.opp-draft{position:relative}.draft-head{padding:.65rem;border-radius:10px;background:#f4f6fb;color:#12141c;display:grid;gap:.2rem}.draft-head strong{font-weight:500;font-size:.82rem}.draft-head span{font-size:.64rem;color:#3d465c}.draft-line{display:grid;gap:.2rem;padding:.55rem .65rem;border-radius:8px;background:rgba(244,246,251,.94);color:#12141c;font-size:.72rem}.draft-line em{justify-self:start;font-style:normal;font-family:var(--mono);font-size:.56rem;letter-spacing:.03em;color:#1d4ed8;background:rgba(29,78,216,.1);border-radius:4px;padding:.1rem .35rem}.opp-stamp{position:absolute;right:.25rem;bottom:-.25rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#071018;background:linear-gradient(120deg,#9ec1ff,#d4c4ff);padding:.4rem .7rem;border-radius:6px;box-shadow:0 10px 30px rgba(120,140,255,.45);rotate:-6deg}@media (max-width:860px){.opp-scene{height:420svh}.opp-stage{order:2;height:52svh}.opp-board{width:300%;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;min-height:0;height:100%}.opp-col{padding:.9rem;overflow:hidden}.opp-flow{display:none}.opp-stamp{right:1rem;bottom:1rem}}.opp-scene.is-static .opp-stage{height:auto}.opp-scene.is-static .opp-board{width:auto}@media (max-width:860px){.opp-scene.is-static .opp-board{grid-template-columns:minmax(0,1fr)}}