/* Community arena: quiet slate, aged brass, and the city's architecture. */
.play-arena{--arena-ink:#14242b;--arena-paper:#eee7d4;--arena-brass:#cbb57a;--arena-line:#405358;background:#101b21;color:var(--arena-paper);margin:12px 0 60px;min-height:700px;box-shadow:0 24px 70px #0003}.play-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:56px 5%;background:linear-gradient(90deg,#10202733,#101d25ac),url('assets/arena-campus.jpg') center 58%/cover;min-height:240px;border-bottom:1px solid #a48b5260}.play-caption{color:#cbb57a;font-size:13px}.play-heading h1{font-size:clamp(32px,4.5vw,64px);margin:12px 0;letter-spacing:-1.5px;line-height:1.3;color:#f2ecda}.play-heading p{color:#b8c6c6;margin:0;max-width:45ch}.play-versus{direction:ltr;display:flex;align-items:center;gap:18px;flex-shrink:0;color:#e2d3a9}.play-versus b{font:100px Georgia,serif;font-weight:400;line-height:1}.play-versus span{font-size:14px;color:#c2c6b8;border-top:1px solid #8d805d;border-bottom:1px solid #8d805d;padding:8px 0}.play-tabs{display:flex;border-bottom:1px solid var(--arena-line);padding-inline:5%;gap:30px;background:#122128}.play-tabs button{display:flex;flex-direction:column;gap:4px;position:relative;background:none;border:0;border-radius:0;color:#94a7aa;padding:21px 0;box-shadow:none;min-width:135px;text-align:right;font-size:18px}.play-tabs button span{font-size:11px;font-weight:400;color:#7f969c}.play-tabs button[aria-selected=true]{color:#eee5c9}.play-tabs button[aria-selected=true]:after{content:'';position:absolute;height:3px;background:var(--arena-brass);bottom:-1px;inset-inline:0}.play-tabs button:hover{background:none;color:#fff2cd;filter:none}#play-content{padding:32px 5% 38px}.rooms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.rooms-toolbar h2{font-size:23px;margin:0 0 6px;color:#f2e9d2}.rooms-toolbar p{font-size:12px;color:#94a9ad;margin:0}.play-arena button,.play-arena a{touch-action:manipulation}.play-arena .room-primary,.play-arena .room-secondary,.play-arena .room-danger{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:11px 20px;border:1px solid #b5a16d;border-radius:2px;box-shadow:none;background:#d0bd83;color:#14212a;font-size:13px;line-height:1.5;font-weight:700;text-decoration:none}.play-arena .room-primary:hover{background:#e6d49b;filter:none}.play-arena .room-primary:disabled{opacity:.45;cursor:not-allowed}.play-arena .room-secondary{background:#1b2d35;color:#d9ded4;border-color:#4a6066}.play-arena .room-secondary:hover{background:#273e47;filter:none}.play-arena .room-danger{background:#34262a;border-color:#855b58;color:#e2b4a7}.room-session:empty,.room-notice:empty{display:none}.room-session{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#1e3036;border:1px solid #415958;padding:13px 18px;font-size:12px;margin-bottom:20px}.room-session a,.room-text-button{color:#decc91!important}.play-arena .room-text-button{background:none;border:0;font-size:12px;padding:4px;min-height:36px;box-shadow:none}.room-notice{padding:12px 0;color:#dfc98e;font-size:13px}.room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.room-empty,.room-loading{grid-column:1/-1;text-align:center;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #42555a;background:#14242b;padding:35px 20px}.room-empty>svg{width:55px;height:55px;color:#8f9b83;margin-bottom:12px}.room-empty h3{font-size:25px;color:#e6dfca;margin:5px 0 12px}.room-empty p{font-size:13px;color:#a0b2b5;margin:0 0 22px;max-width:44ch}.room-rules{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid #36494f;color:#9eafb1;font-size:12px}.room-rules b{font:15px Georgia;color:#bca970;margin-left:9px}.room-footnote{font-size:11px;color:#8ba2a6;margin-top:19px}.room-card{border:1px solid #3a5056;min-width:0;background:#17282f}.room-card-map{height:95px;background:linear-gradient(#12212833,#102028cc),url('assets/map-city-street.jpg') center/cover;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px;font:11px Georgia;color:#b7c1b3}.room-badge{font:10px inherit;background:#1b3632;color:#bed8bb;border:1px solid #526c5e;padding:5px 8px;white-space:nowrap}.is-full .room-badge{background:#352f23;color:#dfc88d;border-color:#766541}.room-card-body{padding:18px}.room-card-title{display:flex;gap:14px;justify-content:space-between;align-items:center}.room-card h3{font-size:18px;line-height:1.7;margin:0;overflow-wrap:anywhere;color:#eee6d1}.room-card-title>span{font:30px Georgia;color:#d2bd81;white-space:nowrap}.room-card-title small{font-size:15px;color:#718d92}.room-leader{font-size:11px;color:#a3b5b5;margin:8px 0 20px;overflow-wrap:anywhere}.room-seats{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;direction:ltr}.room-seats i{display:block;height:18px;background:#243840;border:1px solid #41565c}.room-seats i:nth-child(6){margin-right:3px}.room-seats i.filled{background:#a4b29a;border-color:#c0c5a0}.room-timer{font-size:11px;color:#a6b4b0;margin:16px 0;min-height:20px}.room-timer b{font:15px monospace;direction:ltr;display:inline-block;color:#dfcd91}.room-wide{width:100%;justify-content:space-between!important}.room-locked{color:#b9aa84;font-size:12px}.room-dialog{width:min(560px,calc(100vw - 30px));max-height:90vh;overflow:auto;background:#16272f;color:#eee5d0;border:1px solid #6a7462;border-top:3px solid #c3ad72;border-radius:3px;padding:28px;box-sizing:border-box;box-shadow:0 30px 100px #0009}.room-dialog::backdrop{background:#061016cf;backdrop-filter:blur(5px)}.room-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.room-dialog-head span{font-size:11px;color:#a1b5b5}.room-dialog-head h2{font-size:27px;line-height:1.6;color:#eee4c9;margin:6px 0 0;overflow-wrap:anywhere}.play-arena .room-dismiss{background:transparent;border:1px solid #40575d;color:#bed0ce;font-size:24px;padding:0;width:38px;height:38px;box-shadow:none;flex-shrink:0}.room-dialog label{display:grid;gap:9px;margin-bottom:20px;font-size:13px;color:#c5d0c9}.room-dialog input,.room-dialog select{background:#0d1d24;color:#e1e4d5;border:1px solid #41565d;min-height:48px;width:100%;box-sizing:border-box;padding:10px 12px;font:inherit}.room-dialog input:focus,.room-dialog select:focus{outline:2px solid #bcaa72;outline-offset:2px}.room-format{display:flex;gap:16px;align-items:center;border:1px solid #3d5359;padding:16px;margin-bottom:18px}.room-format svg{width:42px;height:42px;color:#b6ad7f}.room-format strong,.room-format small{display:block}.room-format small{font-size:11px;color:#8fa8ac;margin-top:7px}.room-dialog-note{font-size:12px;line-height:1.9;color:#9eb1b4}.room-form-error{color:#efb7a2;font-size:12px}.room-form-error:empty{display:none}.room-dialog form>.room-primary{width:100%;margin-top:12px}.room-detail{width:min(720px,calc(100vw - 30px))}.room-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #3b5158;padding-bottom:17px;margin-bottom:18px;color:#b4c2bd;font-size:13px}.room-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-player{display:flex;align-items:center;gap:12px;padding:12px;background:#102128;border:1px dashed #354b52;min-width:0}.room-player.occupied{border:1px solid #4b6262;background:#21383d}.room-player>span{font:17px Georgia;color:#627f87}.room-player>div{min-width:0;flex:1}.room-player strong{font-size:12px;display:block;color:#d7dfce;overflow-wrap:anywhere}.room-player small{display:block;font-size:10px;color:#839fa6;margin-top:3px}.room-player>b{color:#d6c07c;font-size:19px}.room-detail-actions{display:flex;justify-content:flex-end;border-top:1px solid #354c53;padding-top:18px}.room-close-confirm{background:#35272b;border:1px solid #805d56;padding:16px;margin-top:18px}.room-close-confirm[hidden]{display:none}.room-close-confirm p{font-size:13px;margin:0 0 13px}.championships-panel .tournament-banner,.championships-panel .tournament-rules{display:none}.championships-panel .ar-empty{background:#14242b;color:#c5cebf;border:1px dashed #485b5e}.championships-panel .ar-empty h2{color:#e9dfc4}.championships-panel .tournament-card{background:#1a2d34;color:#c6d1cb;border-color:#42595f}.championships-panel .tournament-card h2{color:#ede2c5}.championships-panel #tournament-create{background:#1a2d34;color:#d3ddcc;border:1px solid #4c6468;margin-top:30px}.championships-panel #tournament-create input,.championships-panel #tournament-create textarea,.championships-panel #tournament-create select,.championships-panel .tournament-join input{background:#0e2028;color:#e4e8db;border-color:#4b6269}.tournament-stream{margin:20px 0;background:#0e1e26;border:1px solid #486068}.tournament-stream>div{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;font-size:13px;color:#c8b987}.tournament-stream a{color:#d9c48b}.tournament-stream iframe{display:block;width:100%;aspect-ratio:16/9;border:0;min-height:300px}.tournament-stream>p{padding:0 16px 16px;font-size:12px;color:#a6b9bd}.play-arena button:focus-visible,.play-arena a:focus-visible{outline:2px solid #f2d995;outline-offset:4px}
@media(max-width:1100px){.room-list{grid-template-columns:repeat(2,minmax(0,1fr))}.play-versus b{font-size:76px}.room-card-map{height:100px}}
@media(max-width:600px){.play-arena{margin:0 -8px 35px}.play-heading{padding:32px 22px;min-height:200px;gap:16px}.play-heading h1{font-size:32px;letter-spacing:-.8px}.play-heading p{font-size:12px;line-height:1.9}.play-versus{gap:8px}.play-versus b{font-size:43px}.play-versus span{font-size:10px}.play-tabs{gap:26px;padding-inline:22px}.play-tabs button{font-size:16px;min-width:0;flex:1}.play-tabs button span{font-size:10px}#play-content{padding:24px 20px}.rooms-toolbar{gap:12px}.rooms-toolbar h2{font-size:20px}.rooms-toolbar p{font-size:10px}.play-arena .rooms-toolbar .room-primary{font-size:11px;gap:10px;padding:10px 13px}.room-list{grid-template-columns:1fr}.room-rules{flex-direction:column;gap:14px}.room-session{align-items:flex-start;font-size:11px;padding:12px}.room-session a{white-space:nowrap}.room-empty h3{font-size:23px}.room-dialog{padding:20px}.room-dialog-head h2{font-size:23px}.room-roster{gap:6px}.room-player{padding:10px 8px;gap:7px}.room-player>span{font-size:14px}.room-player strong{font-size:10px}.room-player small{font-size:9px}.room-detail-meta{font-size:11px}.room-detail-actions .room-primary{width:100%}.tournament-stream iframe{min-height:0}.room-close-confirm button{margin-top:5px}}

/* A separate full-viewport city scene for the arena route. */
body.arena-city{background:linear-gradient(90deg,#09131b99,#0b19236b 50%,#09131b99),url('assets/arena-city-full.jpg') center center/cover no-repeat fixed;background-attachment:fixed}body.arena-city .play-arena{background:#101b21eb;box-shadow:0 24px 70px #0007}body.arena-city>footer{background:#102028e8}
.room-privacy{border:1px solid #cbb78a55;border-radius:16px;padding:14px;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-privacy legend{padding:0 8px;color:#e5cea0}.room-privacy label{display:block!important;padding:12px;border-radius:12px;background:#ffffff07;cursor:pointer}.room-privacy input{width:auto!important;display:inline-block!important;accent-color:#dbbd83}.room-privacy small{display:block;font-size:11px;color:#c8cdd7;margin-top:5px}.room-owner-code{padding:16px;border:1px solid #d4bd8055;border-radius:14px;background:#ffffff06;display:grid;gap:10px;margin:16px 0}.room-owner-code code{font-size:16px;overflow-wrap:anywhere;user-select:all;color:#f0d6a3}.room-owner-code small{color:#cbd0d9}.room-code-form{margin-top:15px;padding:15px;background:#ffffff05;border:1px solid #c8b58b55;border-radius:14px}.room-code-form[hidden]{display:none}.room-code-form input{width:100%;margin:10px 0;padding:12px;background:#161e2b;color:#fff;border:1px solid #c8b58b66;border-radius:9px}.room-code-form button{min-height:44px}