/* SX_WORD: Kelime Oyunu görünümü (koyu + açık tema) */
.sx_kw_badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:8px;background:linear-gradient(90deg,#ffb020,#2bb673);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;vertical-align:middle;line-height:16px}
li.message.sx_kw_bot .send_by .sx_lv,li.message.sx_kw_bot .sx_lv{display:none!important}
li.message.sx_kw_bot .message_content{white-space:pre-line;line-height:1.45}
li.message.sx_kw_bot .sx_kw_cardbox>div:first-child{background:transparent!important;color:inherit!important;box-shadow:none!important}
li.message.sx_kw_bot .sx_kw_cardbox .message_content{color:inherit!important}
li.message.sx_kw_bot .sx_kw_cardbox{display:inline-block;max-width:100%;padding:2px 4px;border-radius:18px!important;border:1px solid rgba(43,182,115,.45)!important;background:linear-gradient(150deg,#1f1150,#2a0f55)!important;color:#fff!important;box-shadow:0 6px 22px rgba(43,182,115,.18)}
body.light_mode li.message.sx_kw_bot .sx_kw_cardbox{background:linear-gradient(150deg,#fff,#effbf4)!important;color:#2a0f55!important;border-color:#bfe8d2!important}
li.message.sx_kw_q .sx_kw_cardbox{border-left:4px solid #ff4fa3!important}
li.message.sx_kw_ok .sx_kw_cardbox{border-left:4px solid #2ecc71!important}
li.message.sx_kw_hint .sx_kw_cardbox{border-left:4px solid #ffc83d!important}
li.message.sx_kw_chain .sx_kw_cardbox{border-left:4px solid #8e2de2!important}
li.message.sx_kw_late .sx_kw_cardbox,li.message.sx_kw_stop .sx_kw_cardbox,li.message.sx_kw_idle .sx_kw_cardbox{border-left:4px solid #9b8cc2!important}
li.message.sx_kw_end .sx_kw_cardbox{border-left:4px solid #ffd54a!important}
li.message.sx_kw_start .sx_kw_cardbox{background:linear-gradient(135deg,#2bb673,#5b1aa8)!important;color:#fff!important}
.sx_kw_bar{--b1:#1f1150;--b2:#2a0f55;--tx:#fff;--mut:#d9c6f5;--line:rgba(255,255,255,.14);position:relative;z-index:3;margin:6px 10px 4px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,var(--b1),var(--b2));color:var(--tx);border:1px solid rgba(43,182,115,.5);box-shadow:0 8px 24px rgba(43,182,115,.2);font-size:14px;line-height:1.35}
body.light_mode .sx_kw_bar{--b1:#fff;--b2:#effbf4;--tx:#2a0f55;--mut:#6a5a89;--line:#d6efe2}
.sx_kw_row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sx_kw_ico{font-size:20px}.sx_kw_mut{color:var(--mut);font-size:13px}
.sx_kw_pill{background:linear-gradient(90deg,#ff4fa3,#d81b7a);color:#fff;border-radius:20px;padding:2px 10px;font-weight:800;font-size:13px}
.sx_kw_time{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums;color:#7ef0b0}
body.light_mode .sx_kw_time{color:#14894f}
.sx_kw_time.hot{color:#ff4d6d;animation:sxkwp .5s ease-in-out infinite alternate}
@keyframes sxkwp{to{transform:scale(1.12)}}
.sx_kw_track{height:7px;border-radius:6px;background:var(--line);overflow:hidden;margin:8px 0 6px}
.sx_kw_track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#2bb673,#ffc83d,#ff4fa3);transition:width .25s linear}
.sx_kw_q{font-weight:700;font-size:14.5px;margin:2px 0 4px}
.sx_kw_hl{color:#ff7ab8}.sx_kw_big{font-size:20px;color:#ffc83d}
body.light_mode .sx_kw_big{color:#c27a00}
.sx_kw_tiles{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.sx_kw_tiles i{font-style:normal;width:26px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;background:#d81b7a;color:#fff;border:2px solid #d81b7a}
.sx_kw_tiles i.e{background:transparent;color:transparent}
.sx_kw_tiles i.sp{width:10px;border:0;background:transparent}
.sx_kw_foot{justify-content:space-between}
.sx_kw_tries{font-size:12px;color:var(--mut);margin-left:auto}
li.message.sx_kw_private .right>.content{opacity:.72;filter:saturate(.6)}
.sx_kw_priv{font-size:11px;color:#c9b6ea;margin:3px 0 0 4px}
body.light_mode .sx_kw_priv{color:#8a6aa8}
.sx_kw_attr{font-size:11.5px;color:var(--sx-mut);margin-top:12px;border-top:1px solid var(--sx-line);padding-top:8px;line-height:1.5}
.sx_kw_attr a{color:#ff7ab8}
.sx_kw_warn{background:rgba(255,77,109,.15);border:1px solid rgba(255,77,109,.5);color:#ff7a8f;border-radius:12px;padding:8px 10px;margin-bottom:10px;font-size:13px;font-weight:700}
.sx_kw_ok{background:rgba(46,204,113,.13);border:1px solid rgba(46,204,113,.45);color:#2ecc71;border-radius:12px;padding:8px 10px;margin-bottom:10px;font-size:13px;font-weight:700}
body.light_mode .sx_kw_ok{color:#14894f}
@media (max-width:520px){.sx_kw_tiles i{width:23px;height:27px;font-size:13px}}
.sx_kw_modal h4{font-size:15px;font-weight:700;margin:16px 0 6px;line-height:1.3}
