.play-queue-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.queue-card{display:flex;gap:18px;padding:24px;border:1px solid #719b9f;border-radius:18px;background:linear-gradient(140deg,#204c5bf5,#102f40f5);box-shadow:0 5px 0 #092834aa}.queue-card>div{flex:1;min-width:0}.queue-card h2{margin:5px 0 15px;font-size:28px}.queue-card p{color:#c5d9dc;font-size:14px}.queue-emblem{align-self:start;border-radius:14px;background:#315a64;padding:12px;color:#ffda77}.queue-emblem svg{width:28px;height:28px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#f6ce74}.queue-tiers{display:flex;gap:8px;margin:8px 0 18px}.queue-tiers button{flex:1;display:grid;justify-items:center;gap:2px;border:1px solid #739493;border-radius:10px;padding:9px;background:#153845;color:#fef0c9;box-shadow:0 3px 0 #092b36;transition:transform .15s,background .15s}.queue-tiers button strong{font-size:26px;line-height:1.1}.queue-tiers button span{font-size:11px}.queue-tiers button small{font-size:12px;color:#bcd6d7}.queue-tiers button[aria-pressed=true]{background:#f5cf70;color:#453918;border-color:#ffe9a5;box-shadow:0 3px 0 #b08532}.queue-tiers button[aria-pressed=true] small{color:#675428}.queue-tiers button:hover{transform:translateY(-2px)}.menu-extras{display:flex;gap:12px;margin-top:16px}.private-menu-button{display:flex;align-items:center;gap:12px;flex:1;padding:16px 18px;border:1px solid #8caaa5;border-radius:12px;background:#153c4ee8;color:#fff0c7;text-align:left;box-shadow:0 3px 0 #102f3b}.private-menu-button svg{width:24px;height:24px}.private-menu-button span{display:grid;gap:4px;flex:1}.private-menu-button small{color:#c3d6d6;font-size:11px}.save-account-nudge{background:#11384bdf;border:0;border-radius:8px;color:#edd79c;padding:9px 13px;margin:14px auto 0;display:block;font-size:12px}.rotation-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.rotation-map{padding:0;overflow:hidden}.rotation-map #rotation-map-art{aspect-ratio:1.7;background:#205667;overflow:hidden}.rotation-map #rotation-map-art svg{width:100%;height:100%;display:block}.rotation-map-copy{padding:24px}.rotation-map-copy h2{font-size:36px;margin:4px 0}.rotation-map-copy>span{font-weight:800;font-size:11px;letter-spacing:1.3px;color:#e5c67e}.rotation-next{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:17px;margin-top:22px;font-size:11px;align-items:center;color:#abc8ce}.rotation-next strong{font-size:16px;color:#ffe6a3}.rotation-status{display:flex;align-items:center;justify-content:space-between;color:#ffdb81;font-size:12px;font-weight:900;letter-spacing:1px}.rotation-status strong{font-size:38px;font-family:'Lilita One',sans-serif;font-weight:400}.rotation-seats p{line-height:1.6;color:#c0d6db}.rotation-ready{min-height:54px}.rotation-ready[aria-pressed=true]{background:#7fccaa;color:#123e34;border-color:#b3efd1;box-shadow:0 4px 0 #43836c}.rotation-roster-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff24;margin-top:12px;padding-top:12px}.rotation-roster-heading h2{font-size:18px}.rotation-roster-heading span{font-size:13px;color:#b9d1d9}.rotation-seats ul{list-style:none;padding:0;margin:10px 0;max-height:300px;overflow:auto}.rotation-seats li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff12;font-size:14px}.rotation-seats li strong{font-size:12px;color:#b5cbd1}.rotation-seats li .is-ready{color:#9ae0b7}.rotation-seats li small{color:#ffdb81}.rotation-seats .empty-seat{color:#b2c9ce}.rotation-browser-tools{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.rotation-browser-tools label{display:grid;gap:5px;max-width:350px;flex:1}.practice-room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.practice-room{min-width:0;display:grid;gap:8px;text-align:left;padding:0 0 18px;overflow:hidden;background:#194859;border:1px solid #6e919b;border-radius:12px;color:#fff1c5}.practice-room svg{width:100%;height:150px}.practice-room>strong,.practice-room>span,.practice-room>b{padding:0 15px}.practice-room>strong{font-size:20px}.practice-room>span{font-size:12px;color:#bbd7df}.practice-room>b{font-size:13px;color:#ffda72}.save-account-check{display:flex;align-items:flex-start;gap:10px;padding:14px 0;font-size:13px;line-height:1.6}.save-account-check input{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:#e9c65f}.matchmaking-admin{margin-bottom:20px}.matchmaking-admin select{max-width:500px}.rotation-room .page-heading{margin-bottom:20px}
#pause-button[hidden]{display:none!important}
@media(max-width:900px){.battle-menu{width:min(760px,100%)!important}.queue-card{padding:18px;gap:12px}.queue-emblem{display:none}.queue-card h2{font-size:24px}.rotation-grid{gap:16px;grid-template-columns:1fr 1fr}.arena-header .arena-tools{gap:5px}.arena-header .arena-tools button{font-size:11px;padding:7px 9px;min-height:36px}.practice-room-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body[data-screen=play] main{height:auto;min-height:calc(var(--app-height,100dvh) - 90px)}.game-lobby{display:flex;flex-direction:column;gap:16px;height:auto;min-height:0;padding-bottom:100px}.game-lobby .lobby-side-buttons{position:static;display:flex;flex-direction:row;justify-content:flex-end;align-self:stretch;gap:8px;margin:0 4px}.lobby-side-buttons .round-game-button{height:39px;width:auto;min-width:78px;flex-direction:row;padding:6px 9px;gap:6px;border-radius:8px}.lobby-side-buttons .round-game-button svg{height:15px;width:15px}.lobby-side-buttons .round-game-button span{font-size:10px}.play-queue-grid,.rotation-grid{grid-template-columns:1fr}.queue-card{padding:18px}.queue-practice p{margin:0 0 14px}.menu-extras{flex-direction:column}.battle-menu{padding:0 4px!important;margin:0!important}.battle-menu-heading h1{font-size:29px}.queue-tiers button{min-height:70px}.rotation-map #rotation-map-art{aspect-ratio:2.5}.rotation-map-copy{padding:16px}.rotation-map-copy h2{font-size:28px}.rotation-map-copy p{font-size:13px;margin:6px 0}.rotation-next{margin-top:12px;padding-top:12px}.rotation-room .page-heading h1{font-size:30px}.rotation-room .page-heading button{padding:10px;font-size:12px}.rotation-seats{padding:18px}.rotation-seats ul{max-height:240px}.rotation-browser-tools{flex-direction:column}.practice-room-grid{gap:10px}.practice-room svg{height:105px}.practice-room>strong{font-size:18px}.practice-room>span{font-size:11px}.arena-header .arena-tools{flex-wrap:wrap;max-width:185px;justify-content:flex-end}.save-account-nudge{font-size:11px}}
.summary-row .pot-rate{display:block;margin-top:2px;font-size:10px;font-weight:600;color:#b8ccce}