.online-menu button{color:#61e6ff!important;border:1px solid #36c8e77a;background:#082d48cc!important}.menu-actions{gap:clamp(6px,1vh,12px)}.court-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:36vh;overflow:auto;padding:3px}.court-card{position:relative;background:#0c2840;color:#fff;border:2px solid #315d79;text-align:left;padding:0 0 10px;cursor:pointer}.court-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.court-card b,.court-card small{display:block;margin:5px 12px 0}.court-card small{color:#9dc9d8;font-size:12px}.court-card.selected{border-color:#ffc43c;box-shadow:0 0 15px #ffa80033}.court-picker{display:block;width:100%;background:#123a51;color:#bcefff;border:1px solid #4388a3;padding:12px;margin:12px 0;cursor:pointer}.friend-form{display:grid;gap:18px}.friend-form label{display:grid;gap:8px;color:#91c8dc}.friend-form select,.join-row input{background:#071e32;color:#fff;border:1px solid #396b88;padding:12px;font:inherit;min-width:0}.join-row{display:flex;gap:12px}.join-row input{width:60%;text-transform:uppercase;letter-spacing:3px}.join-row button,#copy-invite{background:#17425c;color:#b9f7ff;border:1px solid #44b8cf;padding:12px;cursor:pointer}.join-row button{flex:1}button:disabled{opacity:.5;cursor:wait}#friend-room{text-align:center}#invite-code{display:block;font-size:clamp(30px,5vw,64px);letter-spacing:8px;color:#ffca40;margin:18px 0;font-variant-numeric:tabular-nums}#friend-room>small{color:#9cc8df}#lobby-status{min-height:2em;font-size:14px;color:#b5e5f4}#online-status{position:absolute;z-index:12;top:15%;left:50%;transform:translateX(-50%);background:#041a30dc;color:#aeeaff;padding:6px 14px;font-size:12px;white-space:nowrap;border:1px solid #38bcdb70;border-radius:20px}#court-label{position:absolute;z-index:4;right:3%;top:18%;font-size:12px;letter-spacing:2px;color:#e4f7ff;text-shadow:0 2px 6px #000}#modal-body{max-height:74vh;overflow:auto}.online-menu{margin-top:0}.menu-footer{font-size:clamp(8px,.8vw,12px)}
@media(max-height:600px){.court-grid{grid-template-columns:repeat(3,1fr);max-height:38vh;gap:7px}.court-card b,.court-card small{margin:3px 6px;font-size:11px}.friend-form{gap:8px}.friend-form select,.join-row input,.join-row button{padding:7px}.friend-form label{gap:4px}#invite-code{margin:6px 0;font-size:32px}#friend-room p{margin:9px 0}.online-menu button{padding:6px!important}.menu-actions .slash-button{min-height:0}.menu-actions{gap:6px}#online-status{top:19%;font-size:10px;padding:3px 8px}#court-label{top:26%;font-size:10px}}
@media(max-width:550px) and (orientation:portrait){.court-grid{grid-template-columns:repeat(2,1fr)}.menu-actions{bottom:10%}#online-status{top:17%}}
#modal-body{min-width:0;overflow-x:hidden;padding:0 .65cqw .65cqw}
.modal-panel .slash-button{width:calc(100% - 1.2cqw);margin-left:.6cqw;margin-right:.6cqw;max-width:100%}
.modal-panel .slash-button:hover{translate:0 0}
.opponent-label select,.friend-form select{min-width:0;max-width:100%}
#kofi-support{position:absolute;right:4%;top:14%;width:23%;display:block;z-index:3;transition:filter .15s,transform .15s}
#kofi-support img{display:block;width:100%;height:auto;filter:drop-shadow(0 .3cqw .5cqw #001126)}
#kofi-support:hover{filter:brightness(1.13);transform:translateY(-2px)}
#kofi-support:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:12px}
@media(pointer:coarse){#kofi-support{width:25%;right:3%;top:14%;min-height:44px}}
.court-default{display:flex;align-items:center;gap:12px;padding:8px 0;color:#ffd58c}.court-default input{width:24px;height:24px;accent-color:#ffac24;flex-shrink:0}.controls button.active{outline:2px solid #fff;outline-offset:4px}
@media(pointer:coarse){.modal-panel:has(.court-grid) .court-grid{max-height:29vh}.modal-panel:has(.court-grid) #court-confirm{position:sticky;bottom:0;z-index:2;box-shadow:0 -4px 8px #03172d}.court-default{font-size:12px!important}}