/* OppPop's shared arcade room: player seats first, arena alongside. */
.opplobby{max-width:1440px;margin:22px auto 0;padding:0 28px}.oppheading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.oppheading h1{font-size:32px;margin:0;line-height:1.1;letter-spacing:-1px}.oppheading h1 em{font-style:normal;color:#b9f13d}.oppheading p{margin:7px 0 0;font-size:13px}.opptabs{display:flex;gap:6px;flex-wrap:wrap}.opptabs button,.oppbutton{border:1px solid #526174;color:#eaf1f9;background:#243145;border-radius:9px;padding:11px 15px;font-weight:800;font-size:12px;cursor:pointer}.opptabs button[aria-selected=true]{background:#b9f13d;border-color:#b9f13d;color:#152318}.opptabs button:focus-visible,.oppbutton:focus-visible{outline:3px solid #fff;outline-offset:3px}.oppworkspace{display:grid;grid-template-columns:270px 1fr;gap:18px;background:#111c2b;border:1px solid #415268;border-radius:18px;padding:18px;box-shadow:0 16px 35px #0003}.opproombrowser{border-right:1px solid #34465c;padding-right:18px}.opproombrowser h2,.oppseatheading{font-size:11px;letter-spacing:1.5px;color:#b6c8db;margin:0 0 12px}.oppactionrow{display:flex;gap:7px;flex-wrap:wrap}.oppactionrow .oppbutton{padding:9px 12px}.opprooms{display:grid;gap:8px;max-height:170px;overflow:auto;margin:12px 0}.opproom{display:flex;justify-content:space-between;align-items:center;padding:11px;background:#26364b;border:1px solid #52647d;color:#fff;border-radius:9px;cursor:pointer;text-align:left}.opproom small{color:#b9f13d}.oppempty{font-size:12px;line-height:1.6;color:#9aadc4;margin:12px 0}.oppjoin{display:flex;gap:6px;margin-top:13px}.oppjoin input{min-width:0;width:100%;border:1px solid #657990;border-radius:7px;background:#0a1422;color:#fff;padding:9px;font:700 12px monospace;text-transform:uppercase}.oppseatheading{display:flex;justify-content:space-between;gap:10px}.oppseatheading b{color:#b9f13d}.oppseats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.oppseat{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 35%,#4b5e7655,transparent 70%),#1b2b3e;border:1px solid #45586f;border-top:4px solid var(--hood,#4b5e76);border-radius:11px;text-align:center;padding:7px}.oppseat img{width:100%;height:100px;object-fit:contain;filter:drop-shadow(0 6px 5px #0007)}.oppseat b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oppseat small{display:block;font-size:10px;color:#9db2c9;margin:5px 0}.oppseat .oppready{display:inline-block;padding:4px 6px;border-radius:5px;background:#b9f13d;color:#17241b;font-size:9px;letter-spacing:.5px}.oppseat .oppwaiting{background:#314158;color:#b5c6da}.oppseat .oppvacant{height:100px;display:grid;place-items:center;font-size:34px;color:#65809f}.opproomfooter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.opproomfooter p{font-size:11px;line-height:1.6;margin:0}.oppbutton.readybutton{background:#b9f13d;color:#16231a;border-color:#b9f13d;min-width:126px}.oppbutton:disabled{opacity:.5;cursor:not-allowed}.oppnetworkstatus{font-size:11px;color:#bccbe0;margin:10px 0 0;min-height:18px}.oppnetworkstatus.error{color:#ffc18b}.opphidden{display:none!important}.oppcode{font:700 12px monospace;color:#faca69!important;letter-spacing:1px}.opp-active-online .arenatitle b{color:#b9f13d}.opp-active-online #pause{display:none}.brand{letter-spacing:-1.2px;color:#b9f13d;font-weight:1000}.brand span{letter-spacing:2px;color:#c5d1e3}.oppheader-pill{font-size:10px;letter-spacing:1px;color:#b9f13d;border:1px solid #536d35;border-radius:20px;padding:6px 10px}.opplobby~main{margin-top:18px}.opplobby~main .intro>h1{font-size:30px}.opplobby~main .intro>.eyebrow{display:none}.opplobby~main .intro>p:first-of-type{font-size:12px}
@media(max-width:1050px){.oppworkspace{grid-template-columns:220px 1fr}.oppseats{grid-template-columns:repeat(3,1fr)}.oppseat img,.oppseat .oppvacant{height:80px}.oppheading{align-items:flex-start}.opptabs{max-width:350px}}
@media(max-width:650px){.opplobby{padding:0 12px;margin-top:15px}.oppheading{display:block}.opptabs{margin-top:15px;max-width:none}.opptabs button{flex:1;padding:10px 6px;font-size:11px}.oppworkspace{grid-template-columns:1fr;padding:12px}.opproombrowser{border-right:0;border-bottom:1px solid #34465c;padding:0 0 12px}.opprooms{max-height:130px}.oppseat img,.oppseat .oppvacant{height:84px}.opproomfooter{align-items:flex-start}.oppseatheading{font-size:10px}.opproomfooter .oppactionrow{justify-content:flex-end}.opproomfooter p{max-width:55%}}
.opplobby~main{padding-top:12px;gap:24px;grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.opplobby~main .intro{padding-top:0;display:flex;flex-direction:column}.intro>h2{font-size:13px;letter-spacing:1.5px;color:#c5d6eb;margin:0}.intro>p:first-of-type{order:1;margin:8px 0}.intro>.crewchooser{order:2;margin:10px 0}.intro>.settings{order:3;margin:8px 0;gap:10px}.intro>#start{order:4;margin-top:12px}.intro>.gamelegend{order:5}.intro>.streetradio{order:6}.intro>.controls{order:7}.intro>.note{order:8}.crewchooser .crewgrid{max-height:310px;overflow-y:auto;padding:5px;scrollbar-color:#5d7799 #142236}.crewchooser .crewnote{font-size:10px;line-height:1.5}.gamelegend{max-height:390px;overflow:auto}.opp-active-online .intro>.settings:has(#mode),.opp-active-online .intro label:has(#character2){display:none}.game{scroll-margin-top:15px}
@media(max-width:650px){.opplobby~main .game{order:0}.opplobby~main .intro{order:1}.crewchooser .crewgrid{max-height:340px}}