.battle-room{margin-top:28px;border-block:1px solid #bdbdaf;padding:25px 0}.battle-room h2,.monthly-board h2{font:500 31px/1.08 Source,Georgia,serif;letter-spacing:-.03em;margin:0 0 9px}.battle-room p{font-size:12px;color:#626354}.battle-scoreboard{display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center;background:#170e11;color:#f4f1e8;border-radius:13px;padding:24px;margin-top:20px}.battle-scoreboard article>h3{font-size:12px;font-weight:500;margin:0 0 14px;color:#dfc8cb}.battle-scoreboard article>strong{font-size:34px;font-weight:500;font-variant-numeric:tabular-nums}.battle-scoreboard article>span{display:block;font-size:12px;color:#d6bec2}.battle-scoreboard .versus{text-align:center;font:italic 28px Source,Georgia,serif;color:#c59199}.battle-presence{font-size:10px!important;margin-top:10px}.battle-presence:before{content:'';display:inline-block;background:#807176;width:6px;height:6px;border-radius:50%;margin-right:6px}.battle-presence[data-online=true]:before{background:#aebd92}.battle-scoreboard article:last-child{text-align:right}.room-setup{display:flex;align-items:flex-end;gap:12px;margin-top:18px;flex-wrap:wrap}.room-setup label{font-size:11px;color:#5f6054;display:flex;flex-direction:column;gap:5px}.room-setup input{padding:10px 12px;border:1px solid #aaa999;border-radius:6px;font:inherit;background:#fffdf5;color:#2b2723;width:230px}.room-setup button,.room-chat button,.monthly-board button{background:#792130;color:#fff;border:0;font-size:12px}.room-status{min-height:18px}.room-note{font-size:11px!important;color:#747166!important;margin-top:5px}.room-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:20px}.room-chat h3{font:500 23px Source,Georgia,serif;margin:0 0 10px}.room-chat ul{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.room-chat li{background:#e9e4d8;padding:11px 13px;margin-bottom:7px;border-radius:6px;font-size:12px}.room-chat li strong{font-size:11px}.room-chat li time{float:right;font-size:10px;color:#75675f}.room-chat li span{display:block;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.room-chat form{display:flex;gap:8px;margin-top:11px;align-items:stretch}.room-chat textarea{resize:vertical;min-height:60px;max-height:150px;width:100%;background:#fffdf6;border:1px solid #aaa999;border-radius:6px;font:12px Jost,Arial,sans-serif;padding:10px}.room-chat button{align-self:flex-end;white-space:nowrap}.monthly-board{padding:0 0 10px}.monthly-board h2{font-size:25px}.monthly-board ol{padding:0;list-style:none;margin:13px 0 0}.monthly-board li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #c9c6b7;padding:11px 0;font-size:12px}.monthly-board li strong{font-weight:500}.monthly-board li span{white-space:nowrap;font-variant-numeric:tabular-nums}.monthly-board fieldset{border:0;margin:18px 0 0;padding:0}.monthly-board legend{font-size:13px;font-weight:500;margin-bottom:10px}.monthly-board label{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:9px 0}.monthly-board input{margin-top:4px;accent-color:#842333}.monthly-board button{margin-top:7px}.monthly-board label span{flex:1}.room-invite-output label{display:block;font-size:11px;margin:10px 0 5px}.room-invite-output input{width:100%;border:1px solid #aaa999;border-radius:5px;font:12px Jost,Arial,sans-serif;padding:10px;background:#fffcf3}.quick-invite{margin-top:20px;padding-top:16px;border-top:1px solid #c8c5b7;font-size:12px}.quick-invite summary{cursor:pointer}.quick-invite .friend-actions{margin-top:10px}
@media(max-width:700px){.battle-scoreboard{padding:18px;gap:8px;grid-template-columns:1fr 34px 1fr}.battle-scoreboard article>strong{font-size:26px}.battle-scoreboard article>h3{font-size:10px;overflow-wrap:anywhere}.battle-scoreboard article>span{font-size:11px}.battle-scoreboard .versus{font-size:22px}.room-columns{grid-template-columns:1fr;gap:25px}.room-setup{gap:8px}.room-setup label{width:100%}.room-setup input{width:100%}.room-setup button{padding:9px 12px;font-size:11px}.battle-room h2{font-size:28px}.monthly-board h2{font-size:25px}.room-chat form{display:block}.room-chat button{margin-top:7px}.monthly-board label{font-size:11px}}
.mini-battle-strip{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:13px 16px;margin:0 0 15px;background:linear-gradient(115deg,#2d171e,#351722 58%,#481e2d);border:1px solid #80505c;border-radius:9px}.mini-player{min-width:0}.mini-label{font-size:10px;letter-spacing:.07em;color:#e4c5ca}.mini-player>div{display:flex;align-items:baseline;gap:12px;font-variant-numeric:tabular-nums}.mini-player strong{font-size:19px;font-weight:500;color:#fff4ee;white-space:nowrap}.mini-player>div>span{font-size:14px;color:#e7c77e;white-space:nowrap}.mini-presence{display:block;font-size:9px;color:#cdb5bc;margin-top:2px}.mini-presence:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#867277}.mini-presence[data-online=true]:before{background:#b7c99e}.mini-room-actions{display:flex;flex-direction:column;gap:6px;align-items:center}.mini-room-actions a{font-size:10px;color:#e1c3ca;white-space:nowrap}.room-setup button,.room-chat button,.monthly-board button{background:#577e94;border:0;box-shadow:none;color:#fff;font-weight:500}.mini-room-actions button{background:#577e94;border:0;box-shadow:none;color:#fff;font-weight:500;min-height:37px;padding:8px 13px;font-size:12px;white-space:nowrap}.room-setup button:hover:not(:disabled),.room-chat button:hover:not(:disabled),.monthly-board button:hover:not(:disabled),.mini-room-actions button:hover:not(:disabled){background:#496b7d}.mini-room-actions a{color:#5f7fa0}.mini-chat-panel{border:0;margin:0;padding:0}.mini-chat-panel:not([open])>summary{display:none}.mini-chat-panel[open]{margin:12px 0 6px;padding:13px 16px 15px;background:#fbfaf7;border:1px solid #d9dedf;border-radius:8px}.mini-chat-panel>summary{cursor:pointer;color:#28343b;font-size:12px;font-weight:500;margin-bottom:9px}.mini-chat-panel .room-chat h3{display:none}.mini-chat-panel .room-chat p{color:#64737b;font-size:11px}.mini-chat-panel .room-chat ul{max-height:145px}.mini-chat-panel .room-chat li{background:#eaf0f3;color:#293a44;padding:9px 11px}.mini-chat-panel .room-chat li time{color:#75675f}.mini-chat-panel .room-chat form{display:flex;margin-top:10px}.mini-chat-panel .room-chat textarea{min-height:47px;max-height:100px;background:#fff;color:#243540;font-size:12px}.mini-chat-panel .room-chat button{margin-top:0}.room-meta{font-size:11px;color:#71685e;margin:9px 0}.room-meta summary{cursor:pointer;text-underline-offset:3px}.room-meta p{max-width:80ch;line-height:1.6}.mini-chat-panel .room-meta{color:#747166;font-size:10px;margin-bottom:0}.mini-chat-panel .room-meta p{font-size:10px}.room-columns{display:block}.monthly-board{max-width:790px}.battle-room{scroll-margin-top:20px}
@media(max-width:700px){.mini-battle-strip{gap:10px;padding:11px 12px}.mini-player>div{gap:6px;flex-wrap:wrap}.mini-player strong{font-size:16px}.mini-player>div>span{font-size:12px}.mini-room-actions button{font-size:10px;padding:7px 10px;min-height:36px}.mini-room-actions a{font-size:9px}.mini-chat-panel[open]{padding:11px 12px}.mini-chat-panel .room-chat form{gap:7px}.mini-chat-panel .room-chat button{padding:9px 10px;font-size:10px}}