/* ARENA · Community content. Native GameCMS IDs and AJAX hooks are preserved. */
body.n-next .arena-chat-heading{align-items:center;gap:16px}
body.n-next .arena-chat-heading .n-chat-title{display:inline-flex;align-items:center;gap:11px;min-width:0;font-size:18px;font-weight:800;line-height:1.4;color:var(--n-text)}
body.n-next .arena-chat-heading .n-chat-title svg{flex:0 0 auto;color:var(--n-accent)}
body.n-next .n-chat-block>.arena-chat-heading .n-section-kicker{margin-left:auto;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;color:var(--n-muted)}
body.n-next #chat form{margin:0}
body.n-next #chat .arena-chat-feed{position:relative;min-width:0;border-radius:14px}
body.n-next .n-chat-block #chat_messages{height:360px;max-height:60vh;min-height:220px;width:100%;padding:0 7px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--n-line) transparent}
body.n-next #chat_messages .chat_message{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;margin:0;padding:15px 8px;border:0;border-radius:12px;min-width:0;min-height:74px;overflow:visible;background:transparent}
body.n-next #chat_messages .chat_message+.chat_message{border-top:0}
body.n-next #chat_messages .chat_message:hover{background:var(--n-surface-2)}
body.n-next #chat_messages .chat_message>a{display:block;grid-column:1;grid-row:1;width:42px;height:42px;flex:none;margin:0;line-height:1}
body.n-next #chat_messages .chat_message>a img{display:block;float:none;width:42px;height:42px;max-width:100%;margin:0;border-radius:14px;object-fit:cover}
body.n-next #chat_messages .chat_message .message{grid-column:2;position:static;min-width:0;padding:0;border:0;background:transparent;overflow:visible;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
body.n-next #chat_messages .chat_message .info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;position:static;height:auto;min-height:26px;margin:0 0 4px;line-height:1.5}
body.n-next #chat_messages .chat_message .author{position:static;float:none;flex:1;min-width:0;width:auto;margin:0;padding:0;font-family:inherit;font-size:14px;font-weight:750;line-height:1.5;cursor:pointer;overflow-wrap:anywhere;white-space:normal}
body.n-next #chat_messages .chat_message .date{position:static;float:none;flex:0 0 auto;margin:0;font-size:12px;line-height:1.5;white-space:nowrap;color:var(--n-muted)}
body.n-next #chat_messages .chat_message .arena-chat-actions{display:flex;flex:0 0 auto;align-items:center;gap:3px;margin:-3px 0}
body.n-next #chat_messages .chat_message .arena-chat-actions .edit_message,
body.n-next #chat_messages .chat_message .arena-chat-actions .dell_message{position:static;display:inline-grid;place-items:center;float:none;flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0;margin:0;border:0;border-radius:9px;background:transparent;color:var(--n-muted);font-family:inherit;font-size:12px;line-height:1;cursor:pointer}
body.n-next #chat_messages .chat_message .arena-chat-actions .edit_message::before,
body.n-next #chat_messages .chat_message .arena-chat-actions .edit_message::after,
body.n-next #chat_messages .chat_message .arena-chat-actions .dell_message::before,
body.n-next #chat_messages .chat_message .arena-chat-actions .dell_message::after{content:none!important;display:none!important}
body.n-next #chat_messages .chat_message .arena-chat-actions .edit_message:hover{color:var(--n-accent);background:var(--n-accent-soft)}
body.n-next #chat_messages .chat_message .arena-chat-actions .dell_message:hover{color:var(--n-danger);background:var(--n-danger-soft)}
body.n-next #chat_messages .chat_message .with_code{color:var(--n-text);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
body.n-next #chat_messages .chat_message .with_code>p{margin:0 0 7px}
body.n-next #chat_messages .chat_message .with_code>p:last-child{margin-bottom:0}
body.n-next #chat_messages .chat_message .message img{max-width:min(300px,100%);height:auto;object-fit:contain}
body.n-next #chat_messages .chat_message textarea{margin:8px 0 0;width:100%;min-height:100px;font-size:14px;line-height:1.6;resize:vertical}
body.n-next #chat .arena-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;flex-wrap:nowrap;width:100%;margin:18px 0 0;padding:0}
body.n-next #chat .arena-chat-composer .arena-chat-field{position:relative;display:flex;align-items:center;gap:2px;width:100%;min-width:0;padding:4px;border:1px solid var(--n-line);border-radius:15px;background:var(--n-surface-2);transition:border-color .15s,box-shadow .15s}
body.n-next #chat .arena-chat-composer .arena-chat-field:focus-within{border-color:var(--n-accent);box-shadow:0 0 0 3px var(--n-accent-soft)}
body.n-next #chat .arena-chat-composer #chat_message_input{flex:1;min-width:0;width:100%;height:42px;min-height:42px;margin:0;padding:9px 12px;border:0!important;border-radius:10px;background:transparent!important;color:var(--n-text);font-size:14px;line-height:1.5;box-shadow:none!important;outline:0}
body.n-next #chat .arena-chat-composer .input-group-btn{display:flex;align-items:center;position:static;margin:0;width:auto}
body.n-next #chat .arena-chat-composer #send_button{display:inline-flex;align-items:center;justify-content:center;position:static;width:auto;min-width:110px;height:52px;min-height:52px;margin:0;padding:13px 19px;border:0;border-radius:15px;background:var(--n-accent);color:var(--n-accent-ink,#082733)!important;font-size:14px;font-weight:800;line-height:1.5;box-shadow:none;cursor:pointer}
body.n-next #chat .arena-chat-composer #send_button:hover{filter:brightness(1.07)}
body.n-next .arena-chat-signin{margin:18px 0 0;padding:15px 18px;border-radius:13px;background:var(--n-surface-2);text-align:center;color:var(--n-muted);font-size:14px;line-height:1.7}
body.n-next .arena-chat-signin a{font-weight:700;color:var(--n-link);cursor:pointer}

/* One control, one icon. Legacy content from both pseudo-elements is suppressed. */
body.n-next #smile_btn,
body.n-next .smile_input_forum #smile_btn,
body.n-next #chat .input-group #smile_btn{position:static;display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;margin:0;border:0;border-radius:11px;background:var(--n-surface-2);background-image:none;color:var(--n-muted);font-family:inherit;font-size:16px;line-height:1;vertical-align:middle;cursor:pointer}
body.n-next #smile_btn::before,
body.n-next #smile_btn::after{content:none!important;display:none!important}
body.n-next #smile_btn>svg{display:block;flex:none;width:22px;height:22px;pointer-events:none}
body.n-next #smile_btn:hover,
body.n-next #smile_btn[aria-expanded="true"]{background:var(--n-accent-soft);color:var(--n-accent)}
body.n-next .arena-chat-composer #smile_btn{background:transparent}
body.n-next #smile_btn:focus-visible,
body.n-next [data-arena-click]:focus-visible,
body.n-next .arena-chat-actions button:focus-visible,
body.n-next .arena-smiles-popover [role="button"]:focus-visible{outline:2px solid var(--n-accent);outline-offset:3px}
body.n-next .g_smile{display:inline-block;width:25px;height:25px;vertical-align:middle;object-fit:contain}
body.n-next .g_sticker{display:inline-block;max-width:min(220px,100%);height:auto;vertical-align:middle;object-fit:contain}
body.n-next .arena-smiles-popover{width:336px;max-width:calc(100vw - 24px);padding:0;border:1px solid var(--n-line);border-radius:17px;background:var(--n-surface);color:var(--n-text);font-family:inherit;box-shadow:0 18px 55px rgba(0,0,0,.24)}
body.n-next .arena-smiles-popover .popover-body{padding:12px;color:var(--n-text);font-size:14px;line-height:1.5}
body.n-next .arena-smiles-popover .arrow::before{border-top-color:var(--n-line);border-bottom-color:var(--n-line)}
body.n-next .arena-smiles-popover .arrow::after{border-top-color:var(--n-surface);border-bottom-color:var(--n-surface)}
body.n-next .arena-smiles-popover .smiles_box{width:100%;height:276px;max-height:48vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--n-line) transparent;padding:0 3px 0 0;gap:5px;align-content:start;grid-template-columns:repeat(6,minmax(0,1fr))}
body.n-next .arena-smiles-popover .smiles_box.disp-b{display:grid}
body.n-next .arena-smiles-popover .smiles_box.disp-n{display:none}
body.n-next .arena-smiles-popover .smiles_box.arena-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.n-next .arena-smiles-popover .smiles_box .smile{float:none;display:block;width:100%;height:43px;padding:8px;margin:0;border-radius:10px;background:transparent;object-fit:contain;cursor:pointer}
body.n-next .arena-smiles-popover .smiles_box .sticker{float:none;display:block;width:100%;height:86px;padding:7px;margin:0;border-radius:12px;background:var(--n-surface-2);object-fit:contain;cursor:pointer}
body.n-next .arena-smiles-popover .smiles_box .smile:hover,
body.n-next .arena-smiles-popover .smiles_box .sticker:hover{background:var(--n-accent-soft)}
body.n-next .arena-smiles-popover .smiles_panel{display:flex;align-items:center;gap:6px;width:100%;max-width:100%;margin:11px 0 0;padding:11px 0 0;border-top:1px solid var(--n-line);overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:nowrap}
body.n-next .arena-smiles-popover .smiles_panel>.smilebtn{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:6px;margin:0;border:1px solid transparent;border-radius:11px;background:var(--n-surface-2);cursor:pointer}
body.n-next .arena-smiles-popover .smiles_panel>.smilebtn:hover,
body.n-next .arena-smiles-popover .smiles_panel>.smilebtn[aria-pressed="true"]{border-color:var(--n-accent);background:var(--n-accent-soft)}
body.n-next .arena-smiles-popover .smiles_panel>.smilebtn img{display:block;max-width:100%;max-height:32px;width:auto;height:auto;object-fit:contain}
body.n-next .arena-smiles-popover .smiles_panel>.btn{flex:1;width:auto;min-width:0;min-height:42px;margin:0;padding:10px 12px;border-radius:11px;font-size:13px;white-space:normal}

/* Personal messages use the same typography and controls as the public chat. */
body.n-next #place_for_messages .arena-personal-chat #messages{height:420px;min-height:250px;max-height:60vh;padding:10px 8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:14px;background:transparent;scrollbar-width:thin;scrollbar-color:var(--n-line) transparent}
body.n-next #place_for_messages .im_message{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;min-width:0;margin:0 0 18px;padding:0;border:0;background:none}
body.n-next #place_for_messages .im_message>img{float:none;display:block;width:40px;height:40px;min-width:40px;margin:3px 0 0;border-radius:13px;object-fit:cover}
body.n-next #place_for_messages .im_message>div{float:none;min-width:0;width:auto;margin:0;padding:14px 17px;border-radius:4px 16px 16px 16px;background:var(--n-surface-2)}
body.n-next #place_for_messages .im_message .info{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;height:auto;margin:0 0 6px;line-height:1.5}
body.n-next #place_for_messages .im_message .info>a{float:none;min-width:0;flex:1;font-size:14px;font-weight:750;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.n-next #place_for_messages .im_message .info .date{float:none;position:static;flex:0 0 auto;margin:0;font-size:12px;line-height:1.5;color:var(--n-muted)}
body.n-next #place_for_messages .im_message .with_code{color:var(--n-text);font-size:14px;line-height:1.75;overflow-wrap:anywhere}
body.n-next #place_for_messages .im_message .with_code img{max-width:100%;height:auto}
body.n-next #place_for_messages .arena-personal-composer{margin-top:18px;padding:6px;border:1px solid var(--n-line);border-radius:16px;background:var(--n-surface-2)}
body.n-next #place_for_messages .arena-personal-composer:focus-within{border-color:var(--n-accent)}
body.n-next #place_for_messages .arena-personal-composer #personal_message_input{width:100%;height:auto;min-height:104px!important;max-height:260px!important;margin:0!important;padding:11px 12px;border:0!important;border-radius:10px;background:transparent!important;color:var(--n-text);font-size:14px;line-height:1.7;box-shadow:none!important;resize:vertical;outline:0}
body.n-next #place_for_messages .arena-personal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:3px}
body.n-next #place_for_messages .arena-personal-actions #send_button{min-width:112px;width:auto;min-height:44px;height:auto;margin:0;padding:11px 18px;border:0;border-radius:12px;background:var(--n-accent);color:var(--n-accent-ink,#082733)!important;font-size:14px;font-weight:800;line-height:1.5}

/* Keep the native drag-and-drop state legible without changing its behaviour. */
body.n-next #chat #drop_zone.hover::after,
body.n-next #chat #drop_zone.error::after{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:24px;border:2px dashed var(--n-accent);border-radius:14px;background:var(--n-surface);color:var(--n-text);font-family:inherit;font-size:17px;font-weight:700;line-height:1.6;text-align:center;pointer-events:none}
body.n-next #chat #drop_zone.hover::after{content:"Перетащите изображение сюда"}
body.n-next #chat #drop_zone.error::after{content:"Не удалось добавить файл";border-color:var(--n-danger);color:var(--n-danger)}

@media(max-width:767.98px){
 body.n-next .n-chat-block>.arena-chat-heading .n-section-kicker{display:none}
 body.n-next .n-chat-block #chat_messages{height:350px;padding-right:2px}
 body.n-next #chat_messages .chat_message{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px 0}
 body.n-next #chat_messages .chat_message>a,body.n-next #chat_messages .chat_message>a img{width:36px;height:36px;border-radius:12px}
 body.n-next #chat_messages .chat_message .info{gap:5px 8px}
 body.n-next #chat_messages .chat_message .arena-chat-actions{flex-basis:100%;justify-content:flex-end;margin:0}
 body.n-next #chat_messages .chat_message .arena-chat-actions .edit_message,body.n-next #chat_messages .chat_message .arena-chat-actions .dell_message{width:36px;height:34px;flex-basis:36px}
 body.n-next #chat .arena-chat-composer{gap:8px;margin-top:14px}
 body.n-next #chat .arena-chat-composer #chat_message_input{font-size:16px;padding-left:9px}
 body.n-next #chat .arena-chat-composer #send_button{min-width:92px;padding-left:12px;padding-right:12px;font-size:13px}
 body.n-next #chat .arena-chat-composer #smile_btn{flex-basis:38px;width:38px;min-width:38px}
 body.n-next .arena-chat-signin{padding:13px;font-size:14px}
 body.n-next #place_for_messages .arena-personal-chat #messages{padding:7px 0;height:390px}
 body.n-next #place_for_messages .im_message{grid-template-columns:32px minmax(0,1fr);gap:9px}
 body.n-next #place_for_messages .im_message>img{width:32px;height:32px;min-width:32px;border-radius:11px}
 body.n-next #place_for_messages .im_message>div{padding:12px;border-radius:4px 14px 14px 14px}
 body.n-next #place_for_messages .arena-personal-composer #personal_message_input{font-size:16px}
}
@media(max-width:359.98px){
 body.n-next #chat .arena-chat-composer{grid-template-columns:minmax(0,1fr)}
 body.n-next #chat .arena-chat-composer .input-group-btn{justify-content:flex-end}
 body.n-next #chat .arena-chat-composer #send_button{height:44px;min-height:44px;padding:10px 17px}
 body.n-next #chat_messages .chat_message .date{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 body.n-next #chat .arena-chat-composer .arena-chat-field{transition:none}
}