/* MONSTARICA v47 community UI */
.community-screen{background:radial-gradient(ellipse at 80% 0,#162c47 0,transparent 50%),#0b1320;padding:22px 28px;overflow:hidden;display:flex!important;flex-direction:column;gap:10px}
.community-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-shrink:0}
.community-heading h2{font-size:clamp(23px,2vw,32px);margin:2px 0 1px}.community-heading p{font-size:12px;color:#8da4ba;margin:0}
.community-myid{font-size:10px;color:#8ca7c3;padding:10px 14px;border:1px solid #355170;border-radius:7px}.community-myid b{color:#f3f6ff;letter-spacing:.05em;margin-left:9px}
.community-tabs{display:flex;gap:4px;flex-shrink:0;border-bottom:1px solid #2f4560}.community-tabs button{border:0;background:none;color:#9cb3ca;font-weight:850;padding:13px 22px}.community-tabs button.active{color:#fff;border-bottom:3px solid #459bf5;background:#182942}
.comm-notice{font-size:11px;color:#d9b681;min-height:14px;flex-shrink:0}.community-body{flex:1;min-height:0;overflow:auto;padding:3px 0 15px}
.comm-grid{display:grid;grid-template-columns:minmax(270px,2fr) minmax(250px,3fr);gap:14px;min-height:100%}
.comm-panel{min-width:0;background:#0e1c2d;border:1px solid #314967;border-radius:10px;padding:17px;overflow:auto}
.comm-panel h3{font-size:15px;margin:5px 0 16px;color:#e5eef8}.comm-panel h3:not(:first-child){margin-top:24px}
.comm-panel label{display:block;font-size:11px;color:#a8c0d7;margin-bottom:7px}.comm-panel input,.comm-panel textarea{width:100%;min-width:0;border:1px solid #39526d;border-radius:5px;background:#101d2d;color:#fff;padding:11px;font-size:12px;resize:vertical}
.comm-panel button:not(.comm-thread-link){padding:9px 13px;border:1px solid #527eb0;background:#21518e;color:#fff;border-radius:5px;font-size:11px;cursor:pointer}.comm-panel button.quiet{background:#16283c;color:#abc2d9;border-color:#374d66}
.comm-inline{display:flex;gap:8px}.comm-inline input{flex:1}.comm-inline button{white-space:nowrap}
.comm-self{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:#14283e;border-radius:6px;margin:0 0 20px;font-size:11px}.comm-self b{font-size:14px;letter-spacing:.05em}
.comm-small,.comm-meta{font-size:11px;color:#8fa7bd;line-height:1.65}.comm-empty{font-size:12px;color:#91a9c2;padding:15px 4px}.comm-person{display:flex;align-items:center;gap:7px;margin:9px 0;padding:10px;background:#15273a;border:1px solid #2b4058;border-radius:7px}.comm-person span{flex:1;font-size:12px;min-width:0}.comm-person small{display:block;color:#819db9;font-size:10px;margin-top:3px}
.comm-chat-layout{height:100%;display:grid;grid-template-columns:195px 1fr;gap:10px;min-height:390px}.comm-chat-people{background:#0c1a29;border:1px solid #314967;border-radius:9px;padding:10px;overflow:auto;display:flex;flex-direction:column;gap:5px}.comm-chat-people button{padding:13px;border:0;background:#15263b;text-align:left;color:#a7bfd9;cursor:pointer}.comm-chat-people button.selected{background:#245083;color:#fff;border-left:3px solid #72b2ff}
.comm-conversation{display:flex;flex-direction:column;min-height:0}.comm-convo-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.comm-convo-head h3{margin:3px 0 10px}.comm-messages{flex:1;min-height:180px;overflow:auto;background:#0b1725;border:1px solid #243952;border-radius:6px;padding:11px;margin-bottom:9px}.comm-message{max-width:82%;margin:0 0 12px;padding:11px;background:#1a2a3e;border-radius:9px}.comm-message.own{margin-left:auto;background:#194067}.comm-message div,.comm-reply div{display:flex;gap:12px;align-items:center;font-size:11px}.comm-message time,.comm-reply time{font-size:9px;color:#8fa6bb}.comm-message p,.comm-reply p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin:6px 0 0}.comm-composer{display:flex;gap:9px;align-items:stretch}.comm-composer textarea{flex:1}.comm-thread-list{max-height:65vh;overflow-y:auto}.comm-thread-link{display:block;width:100%;border:0;border-bottom:1px solid #2c4156;background:transparent;text-align:left;padding:14px 7px;color:#fff;cursor:pointer}.comm-thread-link:hover{background:#172a40}.comm-thread-link b{font-size:12px;display:block;line-height:1.5}.comm-thread-link small{display:block;margin-top:4px;color:#8ca9c8}.comm-board-detail{max-width:900px;margin:auto}.comm-board-detail h3{margin-top:14px}.comm-thread-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;padding:17px;background:#11273b;margin-bottom:18px}.comm-replies{max-height:40vh;overflow:auto}.comm-reply{border-bottom:1px solid #344761;padding:14px 7px}.comm-board-detail form,.comm-grid form{display:flex;flex-direction:column;gap:8px}.comm-board-detail form button,.comm-grid form button{align-self:flex-start}.comm-disconnected{margin-top:12px}
.online-battle-screen{background:radial-gradient(ellipse at center,#193456,#09111d 75%);overflow:auto;padding:18px 24px}.online-battle-header{display:flex;justify-content:space-between;align-items:center}.online-battle-header h2{font-size:20px}.online-battle-header small{font-size:10px;color:#9fbee0;margin-left:9px}.online-battle-header button{border:1px solid #ad6465;color:#ffcfd0;background:#2e1924;padding:9px 13px}.online-task{max-width:1100px;margin:auto}.online-task h3{font-size:19px}.online-task p{font-size:12px;color:#c0cde0}.online-monster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.online-monster-grid button{position:relative;background:#142942;border:1px solid #47688c;border-radius:9px;color:#fff;cursor:pointer;padding:10px 5px}.online-monster-grid button:disabled{opacity:.45;cursor:default}.online-monster-grid button.picked{border-color:#84c8ff;background:#23517a}.online-monster-grid img{width:100%;height:clamp(95px,16vh,180px);object-fit:contain}.online-monster-grid b{display:block;font-size:12px}.online-monster-grid em{position:absolute;top:7px;right:7px;background:#286db2;padding:5px;font-style:normal;font-size:10px}.online-small-roster{display:flex;gap:8px;flex-wrap:wrap}.online-small-roster span{padding:9px 12px;background:#1a344e}.online-small-roster .banned{opacity:.3;text-decoration:line-through}.online-task .btn{margin:15px 0}.online-stage{max-width:1160px;margin:auto}.online-combatants{display:flex;gap:10px;align-items:center;justify-content:center}.online-combatant{flex:1;text-align:center;max-width:420px}.online-combatant img{width:100%;height:clamp(180px,40vh,390px);object-fit:contain}.online-hp{display:flex;justify-content:space-between;font-size:12px;color:#dbe7f6}.online-progress{height:8px;margin-top:9px;background:#182635;border-radius:20px;overflow:hidden}.online-progress i{display:block;height:100%;background:#54a5ed}.online-versus{font-size:24px;font-weight:900;text-align:center}.online-versus small{display:block;font-size:11px;color:#94adc8}.online-clock{text-align:center;padding:12px;font-size:12px;color:#a5bfd7}.online-clock b{color:white;font-size:19px;margin:0 9px}.online-warning{color:#ffbd87;font-weight:800}.online-moves{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:14px}.online-moves button{border:1px solid #477cbd;background:#183457;color:#fff;padding:10px 15px;min-width:130px}.online-moves button:disabled{opacity:.45}.online-moves b,.online-moves small{display:block;margin-top:4px}.online-attr{font-size:10px;color:#8ecbff}.online-battle-log{max-width:900px;max-height:140px;overflow:auto;margin:12px auto;padding:10px;background:#0b1523;border:1px solid #30465d;font-size:11px;color:#a9c0d5}.online-battle-log div{padding:5px 0;border-bottom:1px solid #263a52}.online-result{text-align:center}.online-result h3{font-size:27px}.online-result button{background:#2878c4;border:0;color:#fff;padding:12px 25px}
@media(max-width:850px){.comm-grid{grid-template-columns:1fr}.comm-chat-layout{grid-template-columns:115px 1fr}.community-screen{padding:12px}.online-monster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-monster-grid img{height:110px}}
@media(max-width:500px){.community-myid{font-size:9px}.community-tabs button{flex:1;padding:11px 6px}.community-heading h2{font-size:25px}.comm-chat-layout{grid-template-columns:92px 1fr}.comm-chat-people button{font-size:10px;padding:12px 5px}.comm-panel{padding:10px}.online-battle-screen{padding:8px}.online-combatant img{height:210px}.online-versus{font-size:17px}}