#tanukade-chat-launcher {
 position:fixed;top:0;right:0;z-index:49;height:34px;min-width:118px;padding:0 14px;border:0;border-left:1px solid #354738;background:#142319;color:#d6ff62;cursor:pointer;font:800 11px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase
}
#tanukade-chat-launcher:hover,#tanukade-chat-launcher:focus-visible {background:#22351f;outline:2px solid #d6ff62;outline-offset:-2px}
#tanukade-chat-launcher {position:fixed}
#tanukade-chat-launcher.has-unread {box-shadow:0 0 0 2px #d6ff62,0 0 14px #d6ff6288;box-sizing:border-box;padding-left:8px;padding-right:34px}
.tchat-unread-badge {position:absolute;top:2px;right:3px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:1px solid #0b100d;border-radius:999px;background:#d6ff62;color:#0b100d;font:800 10px/1 Arial,sans-serif;letter-spacing:0;pointer-events:none}
.tchat-unread-badge[hidden] {display:none!important}
#tanukade-chat.has-unread {box-shadow:0 18px 50px #000b,0 0 0 2px #d6ff62,0 0 18px #d6ff6288}
#tanukade-chat.has-unread .tchat-header {border-bottom-color:#d6ff62;box-shadow:0 3px 12px #d6ff6244}
@media (prefers-reduced-motion: reduce) {
  #tanukade-chat-launcher.has-unread,#tanukade-chat.has-unread {box-shadow:0 0 0 2px #d6ff62}
}
#tanukade-chat {box-sizing:border-box;max-width:none;position:fixed;left:auto;z-index:49;margin:0;padding:0;overflow:hidden;border:1px solid #354738;border-radius:12px;background:#0d150f;color:#eef4e6;box-shadow:0 18px 50px #000b,0 0 0 1px #0008;font:15px/1.4 Arial,sans-serif}
#tanukade-chat .tchat-emoji-tooltip {position:absolute;z-index:40;max-width:min(190px,calc(100% - 10px));padding:5px 8px;border:1px solid #789847;border-radius:5px;background:#0b120c;color:#eef4e6;box-shadow:0 5px 18px #000b;font-size:11px;line-height:1.2;text-align:center;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
#tanukade-chat .tchat-emoji-tooltip[hidden] {display:none}
#tanukade-chat [hidden] {display:none !important}
#tanukade-chat::backdrop {background:transparent} #tanukade-chat[open] {display:flex;flex-direction:column} #tanukade-chat:not([open]) {display:none}
body.tanukade-chat-desktop > .arcade-shell,body.tanukade-chat-desktop > .tanukade-game-shell {margin-right:320px} body.tanukade-chat-desktop #tanukade-chat {top:34px;right:0;bottom:0;width:320px;height:auto;border-radius:12px 0 0 0} body.tanukade-chat-desktop #tanukade-chat-launcher {right:0}
.tchat-header {display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 16px 13px;border-bottom:1px solid #29362a}
.tchat-header h2 {margin:0;color:#d6ff62;font-size:19px;line-height:1.15}.tchat-header p {margin:4px 0 0;color:#9eae9f;font-size:12px}
.tchat-close {flex:0 0 auto;width:40px;height:40px;margin:-5px -4px 0 0;border:1px solid #455746;border-radius:8px;background:transparent;color:#eef4e6;cursor:pointer;font-size:25px;line-height:1}
.tchat-close:hover,.tchat-close:focus-visible,.tchat-delete:hover,.tchat-delete:focus-visible {border-color:#d6ff62;color:#d6ff62;outline:2px solid #d6ff62;outline-offset:1px}
.tchat-list {overflow-anchor:none;flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 14px 24px;overscroll-behavior:contain}.tchat-empty {margin:40px 10px;color:#9eae9f;text-align:center}
.tchat-message {position:relative;display:flow-root;margin:0 0 13px;padding:9px 11px;border:1px solid #26372a;border-radius:9px;background:#111d14}.tchat-message.is-mine {border-color:#526b38;background:#162319}
.tchat-meta {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;overflow-wrap:anywhere;color:#a8b6a7;font-size:11px}.tchat-meta a {color:#d6ff62;text-decoration:underline}.tchat-meta time {color:#718274}.tchat-you {color:#d6ff62;font-weight:700}.tchat-text {margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.tchat-author-id {color:#718274;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.tchat-admin-badge {display:inline-flex;align-items:center;gap:3px;color:#ffd76a;font-size:9px;font-weight:800;letter-spacing:.45px}.tchat-admin-mascot {display:block;width:24px;height:24px;object-fit:contain}.tchat-reply {display:flex;flex-direction:column;gap:2px;margin:0 0 7px;padding:6px 8px;border-left:2px solid #789847;background:#0c160e;color:#a8b6a7;font-size:11px}.tchat-reply strong {color:#d6ff62;font-size:10px}.tchat-reply span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tchat-reply.is-unavailable {border-color:#536156;color:#718274}.tchat-reactions {display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tchat-reaction,.tchat-action,.tchat-emoji-button,.tchat-compose-picker button,.tchat-emoji-picker button {border:1px solid #354738;border-radius:5px;background:transparent;color:#a8b6a7;cursor:pointer}.tchat-reaction {padding:3px 6px;font-size:11px}.tchat-reaction.is-mine {border-color:#d6ff62;background:#263a1f;color:#eef4e6}.tchat-actions {display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tchat-action {padding:4px 7px;font-size:10px}.tchat-action:hover,.tchat-action:focus-visible,.tchat-reaction:hover,.tchat-reaction:focus-visible {border-color:#d6ff62;color:#d6ff62;outline:1px solid #d6ff62}.tchat-emoji-picker,.tchat-compose-picker {display:flex;flex-wrap:wrap;gap:4px;padding:6px;margin-top:5px;border:1px solid #354738;border-radius:6px;background:#101a12}.tchat-emoji-picker button,.tchat-compose-picker button {width:30px;height:30px;font-size:16px}.tchat-compose-row .tchat-emoji-button {min-width:38px;height:36px;font-size:17px}.tchat-reply-composer {display:flex;align-items:center;gap:8px;margin:0 0 7px;padding:7px 8px;border:1px solid #526b38;border-radius:6px;background:#162319;color:#c7d8bd;font-size:11px}.tchat-reply-composer span {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tchat-reply-composer button,.tchat-confirm button,.tchat-ban-row button {padding:4px 7px;border:1px solid #455746;border-radius:5px;background:transparent;color:#d6ff62;cursor:pointer;font-size:10px}.tchat-ban-list {margin-top:7px;border-top:1px solid #29362a;color:#a8b6a7;font-size:11px}.tchat-ban-list summary {padding:7px 0;cursor:pointer;color:#d6ff62}.tchat-ban-row {display:flex;justify-content:space-between;gap:8px;padding:4px 0}.tchat-confirm {position:absolute;z-index:3;left:12px;right:12px;bottom:120px;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #c98f4e;border-radius:7px;background:#24190f;color:#ffe1ba;font-size:11px;box-shadow:0 8px 25px #000b}.tchat-confirm span {flex:1}.tchat-admin-link {display:block;margin-top:7px;color:#718274;font-size:10px;text-align:right}.tchat-admin-link:hover,.tchat-admin-link:focus-visible {color:#d6ff62}
.tchat-delete {float:right;margin:5px 0 0 8px;padding:3px 6px;border:1px solid #455746;border-radius:5px;background:transparent;color:#9eae9f;cursor:pointer;font-size:11px}.tchat-new {position:absolute;z-index:1;top:82px;right:16px;padding:7px 11px;border:1px solid #789847;border-radius:20px;background:#d6ff62;color:#0b100d;cursor:pointer;font-weight:700}
.tchat-form {flex:0 0 auto;padding:12px 14px 13px;border-top:1px solid #29362a;background:#0d150f}.tchat-modes {display:flex;gap:5px;margin-bottom:8px}.tchat-modes label {position:relative;flex:1;padding:8px 4px;border:1px solid #354738;border-radius:6px;color:#a8b6a7;cursor:pointer;text-align:center;font-size:12px}.tchat-modes label:has(input:checked) {border-color:#b8df55;background:#202f1d;color:#eef4e6}.tchat-modes label:focus-within {outline:2px solid #d6ff62;outline-offset:1px}#tanukade-chat .tchat-modes input {position:absolute;top:0;left:0;width:1px;min-width:0;max-width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.tchat-identity,.tchat-compose textarea {display:block;box-sizing:border-box;width:100%;border:1px solid #455746;border-radius:7px;background:#101a12;color:#eef4e6;font:16px/1.3 Arial,sans-serif}.tchat-identity {height:38px;margin-bottom:6px;padding:7px 9px}.tchat-identity[hidden],.tchat-hint[hidden] {display:none}.tchat-hint {margin:0 0 6px;color:#91a18f;font-size:11px}.tchat-compose textarea {min-height:58px;max-height:105px;padding:8px 9px;resize:vertical}.tchat-identity:focus,.tchat-compose textarea:focus {border-color:#d6ff62;outline:2px solid #d6ff62;outline-offset:1px}
.tchat-compose-row {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.tchat-counter {color:#718274;font-size:11px;font-variant-numeric:tabular-nums}.tchat-counter.is-full {color:#ffb36b}.tchat-send {min-width:72px;min-height:40px;padding:7px 13px;border:0;border-radius:7px;background:#d6ff62;color:#0b100d;cursor:pointer;font-weight:800}.tchat-send:disabled {cursor:wait;opacity:.55}.tchat-status {min-height:17px;margin:5px 0 0;color:#9eae9f;font-size:11px}.tchat-status[data-kind=error] {color:#ffb36b}.tchat-retention {margin:0;color:#718274;font-size:10px}
@media (max-width:1099px) {
 body.tanukade-chat-mobile {padding-top:52px} body.tanukade-chat-mobile > .tanukade-game-shell {height:calc(100vh - 52px);height:calc(100dvh - 52px)}
 #tanukade-chat-launcher {top:0;left:0;right:auto;width:160px;height:52px;min-width:0;padding:0 16px;border:0;border-bottom:1px solid #354738;background:#142319;text-align:left}#tanukade-chat-launcher[aria-expanded=true] {background:#1d3020}
 #tanukade-chat {top:calc(52px + var(--tchat-vv-top,0px));right:8px;bottom:8px;width:calc(100% - 16px);height:auto;max-height:calc(var(--tchat-vh,100dvh) - 60px);border-radius:10px}.tchat-modes label,.tchat-close,.tchat-send,.tchat-delete {min-height:44px;min-width:44px}.tchat-modes label {box-sizing:border-box;display:flex;align-items:center;justify-content:center}
}
@media (max-height:580px) {.tchat-header {padding:8px 14px}.tchat-header p {display:none}.tchat-form {max-height:calc(var(--tchat-vh,100dvh) - 130px);overflow-y:auto}.tchat-list {padding-top:6px;padding-bottom:6px}}
@supports not (height:100dvh) {#tanukade-chat {max-height:calc(100vh - 60px)}}
/* The dialog clips anything wider than itself: focus can never slide it sideways (desktop only; phones keep overflow:hidden for scroll containment). */
@supports (overflow:clip) {body.tanukade-chat-desktop #tanukade-chat {overflow:clip}}

/* The original player is a modal. Chat joins its focus scope and keeps its own rail. */
body.tchat-native-player .player-dialog {
  translate: none !important; transform: none !important; animation: none !important;
  top: 50px !important; left: 16px !important; right: 16px !important;
  margin-inline: auto; width: min(1120px, calc(100% - 32px)) !important;
  max-height: calc(100dvh - 66px) !important;
}
/* The game owns the viewport while its native player is open. Chat can overlay it when requested. */
body.tchat-native-player .player-dialog {
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100vw !important; max-width: none !important; height: 100dvh !important;
  max-height: none !important; border-radius: 0 !important; overflow: hidden !important;
  display: flex !important; flex-direction: column !important;
}
body.tchat-native-player .player-dialog .player-title { flex: 0 0 auto; min-height: 48px; padding: 7px 12px; }
body.tchat-native-player .player-dialog .player-container { flex: 1 1 auto; min-height: 0; height: auto; }
body.tchat-native-player .player-dialog .player-toolbar { flex: 0 0 auto; min-height: 44px; padding: 4px 12px; }
body.tchat-native-player .player-dialog .player-details,
body.tchat-native-player .player-dialog .next-game { display: none; }
body.tchat-native-player .player-dialog .player-title > button,
body.tchat-native-player .player-dialog .player-toolbar button { min-width: 44px; min-height: 44px; }
body.tchat-gaming.tanukade-chat-desktop > .arcade-shell,
body.tchat-gaming.tanukade-chat-desktop > .tanukade-game-shell { margin-right: 0; width: 100%; }
body.tchat-gaming #tanukade-chat { z-index: 100; }
body.tchat-gaming.tanukade-chat-desktop #tanukade-chat { top: 0; bottom: 0; right: 0; width: min(360px, 100vw); border-radius: 0; }
body.tchat-gaming.tanukade-chat-mobile #tanukade-chat { top: calc(8px + var(--tchat-vv-top,0px)); right: 8px; bottom: 8px; width: calc(100% - 16px); max-height: calc(var(--tchat-vh,100dvh) - 16px); }
body.tchat-gaming #tanukade-chat-launcher { z-index: 101; }
body.tchat-gaming .player-dialog .player-container iframe { width: 100%; height: 100%; }
body.tchat-gaming .game-shell-header { padding-right: 180px; }
html.tanukade-fallback-fullscreen .tanukade-game-shell { position: fixed; inset: 0; z-index: 200; }
@media (min-width: 1100px) {
  body.tchat-native-player.tanukade-chat-desktop .player-dialog {
    right: 336px !important; width: auto !important; max-width: none !important;
  }
}
@media (max-width: 1099px) {
  body.tchat-native-player .player-dialog {
    top: 60px !important; left: 8px !important; right: 8px !important;
    width: calc(100% - 16px) !important; max-height: calc(100dvh - 68px) !important;
  }
}

/* Categorized emoji pickers stay compact while keeping touch targets comfortable. */
.tchat-emoji-picker,.tchat-compose-picker {display:flex;flex-direction:column;flex-wrap:nowrap;min-height:0;max-height:270px;overflow:hidden;overscroll-behavior:contain}
.tchat-emoji-search {box-sizing:border-box;width:100%;height:36px;flex:0 0 auto;margin-bottom:5px;padding:6px 8px;border:1px solid #455746;border-radius:6px;background:#0d150f;color:#eef4e6;font:13px Arial,sans-serif}
.tchat-emoji-search:focus {border-color:#d6ff62;outline:2px solid #d6ff62;outline-offset:1px}
.tchat-emoji-tabs {display:flex;flex:0 0 auto;gap:3px;margin-bottom:5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}
.tchat-emoji-tab {min-height:44px;padding:5px 9px;border:1px solid #354738;border-radius:6px;background:transparent;color:#a8b6a7;cursor:pointer;font-size:11px;white-space:nowrap}
.tchat-emoji-tab[aria-selected="true"],.tchat-emoji-tab:hover,.tchat-emoji-tab:focus-visible {border-color:#d6ff62;background:#263a1f;color:#eef4e6;outline:1px solid #d6ff62}
.tchat-emoji-category {margin:7px 2px 3px;color:#9eae9f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.tchat-emoji-options {display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px}
.tchat-emoji-picker button,.tchat-compose-picker button {box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:19px}
.tchat-emoji-picker button:hover,.tchat-emoji-picker button:focus-visible,.tchat-compose-picker button:hover,.tchat-compose-picker button:focus-visible {border-color:#d6ff62;background:#263a1f;outline:1px solid #d6ff62}
.tchat-emoji-grid {flex:1 1 auto;width:100%;min-height:0;max-height:none;padding-bottom:2px;overflow-y:auto;overscroll-behavior:contain}
.tchat-emoji-tabs .tchat-emoji-tab {width:auto;height:44px;min-width:0;min-height:44px;padding:5px 9px;font-size:11px}
.tchat-tanuki-emote {--emote-size:28px;display:inline-flex;width:var(--emote-size);height:calc(var(--emote-size) * var(--tanuki-row-scale));flex:0 0 var(--emote-size);background-image:url('/_tanukade/emotes/tanuki-v1.webp');background-repeat:no-repeat;background-size:calc(var(--emote-size) * 4.18) auto;background-position:calc(var(--emote-size) * var(--tanuki-x-scale)) calc(var(--emote-size) * var(--tanuki-y-scale));vertical-align:-.3em}
.tchat-tanuki-emote.is-picker {--emote-size:36px;vertical-align:middle}
.tchat-tanuki-emote.tanuki-blush {--tanuki-x-scale:-.053333;--tanuki-y-scale:-.373333;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-laugh {--tanuki-x-scale:-1.08;--tanuki-y-scale:-.373333;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-hype {--tanuki-x-scale:-2.106667;--tanuki-y-scale:-.373333;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-smug {--tanuki-x-scale:-3.133333;--tanuki-y-scale:-.373333;--tanuki-row-scale:.826667}
.tchat-tanuki-emote.tanuki-side_eye {--tanuki-x-scale:-.053333;--tanuki-y-scale:-1.34;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-rage {--tanuki-x-scale:-1.08;--tanuki-y-scale:-1.34;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-love {--tanuki-x-scale:-2.106667;--tanuki-y-scale:-1.34;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-sob {--tanuki-x-scale:-3.133333;--tanuki-y-scale:-1.34;--tanuki-row-scale:.826667}
.tchat-tanuki-emote.tanuki-bonk {--tanuki-x-scale:-.053333;--tanuki-y-scale:-2.266667;--tanuki-row-scale:.8}.tchat-tanuki-emote.tanuki-sweat {--tanuki-x-scale:-1.08;--tanuki-y-scale:-2.266667;--tanuki-row-scale:.8}.tchat-tanuki-emote.tanuki-gg {--tanuki-x-scale:-2.106667;--tanuki-y-scale:-2.266667;--tanuki-row-scale:.8}.tchat-tanuki-emote.tanuki-lurk {--tanuki-x-scale:-3.133333;--tanuki-y-scale:-2.266667;--tanuki-row-scale:.8}
.tchat-tanuki-emote.tanuki-locked_in {--tanuki-x-scale:-.053333;--tanuki-y-scale:-3.193333;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-gasp {--tanuki-x-scale:-1.08;--tanuki-y-scale:-3.193333;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-sleepy {--tanuki-x-scale:-2.106667;--tanuki-y-scale:-3.193333;--tanuki-row-scale:.826667}.tchat-tanuki-emote.tanuki-chaos {--tanuki-x-scale:-3.133333;--tanuki-y-scale:-3.193333;--tanuki-row-scale:.826667}
.tchat-emoji-none {margin:10px 4px;color:#718274;font-size:11px}
@media (max-height:580px) {.tchat-compose-picker {max-height:180px}}
.tchat-compact .tchat-header {padding:8px 14px}.tchat-compact .tchat-header p {display:none}.tchat-compact .tchat-form {max-height:calc(var(--tchat-vh,100dvh) - 130px);overflow-y:auto}.tchat-compact .tchat-list {padding-top:6px;padding-bottom:6px}

/* On narrow screens the picker owns the chat surface so the keyboard cannot
   resize and crowd the composer underneath it. */
.tchat-picker-sheet {position:absolute;z-index:30;inset:0;display:flex;flex-direction:column;min-height:0;background:#0d150f}
.tchat-picker-header {display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #29362a;background:#101a12}
.tchat-picker-title {margin:0;color:#d6ff62;font-size:17px;line-height:1.2}
.tchat-picker-close {min-width:44px;min-height:44px;padding:7px 10px;border:1px solid #455746;border-radius:7px;background:transparent;color:#eef4e6;cursor:pointer;font-size:12px;font-weight:700}
.tchat-picker-close:hover,.tchat-picker-close:focus-visible {border-color:#d6ff62;color:#d6ff62;outline:2px solid #d6ff62;outline-offset:1px}
.tchat-picker-sheet > .tchat-emoji-picker,.tchat-picker-sheet > .tchat-compose-picker {flex:1 1 auto;width:auto;max-height:none;margin:0;padding:10px 12px;border:0;border-radius:0;background:#0d150f}
@media (max-width:1099px) {
  .tchat-picker-sheet .tchat-emoji-search {height:44px;font-size:16px}
  .tchat-picker-sheet .tchat-emoji-grid {padding-bottom:12px}
}

/* Keep chat and presence readable as a single top bar. */
#tanukade-live-players { padding-right: 170px; }
#tanukade-chat-launcher { width: 160px; }
body.tanukade-chat-desktop > .arcade-shell,
body.tanukade-chat-desktop > .tanukade-game-shell { width: calc(100% - 320px); min-width: 0; }
@media (min-width: 1100px) and (max-width: 1500px) {
  body.tanukade-chat-desktop .arcade-shell .header-inner { gap: 20px; padding-inline: 24px; flex-wrap: wrap; }
  body.tanukade-chat-desktop .arcade-shell .header-actions { gap: 12px; }
  body.tanukade-chat-desktop .arcade-shell .alpha-label { display: none; }
  body.tanukade-chat-desktop .arcade-shell .main-nav { gap: 18px !important; }
  body.tanukade-chat-desktop .arcade-shell .feature-grid { grid-template-columns: minmax(0, 1fr); }
  body.tanukade-chat-desktop .arcade-shell .game-grid,
  body.tanukade-chat-desktop .arcade-shell .community-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1099px) {
  #tanukade-live-players { height: 52px; padding: 0 12px 0 172px; justify-content: flex-end; gap: 5px; letter-spacing: 1px; }
  #tanukade-chat-launcher { top: 4px; left: 8px; width: 152px; height: 44px; border: 1px solid #d6ff62; border-radius: 8px; background: #d6ff62; color: #10190e; font-size: 12px; text-align: center; }
  #tanukade-chat-launcher:hover, #tanukade-chat-launcher:focus-visible { background: #e4ff99; }
  #tanukade-chat::backdrop { background: #050c08b3; }
  body.tchat-gaming .game-shell-header { padding-right: 172px; }
}

/* Keep the final player geometry stable after the responsive rules above. */
body.tchat-native-player .player-dialog {
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100vw !important; max-width: none !important; height: 100dvh !important;
  max-height: none !important; margin: 0 !important; border-radius: 0 !important;
}
body.tchat-native-player.tanukade-chat-desktop .player-dialog { right: 0 !important; width: 100vw !important; }
body.tchat-gaming { padding-top: 0 !important; overflow: hidden; }
body.tchat-gaming #tanukade-live-players { display: none; }
body.tchat-gaming .game-shell-header { padding-right: 108px; }
body.tchat-gaming #tanukade-chat-launcher { top: 4px; right: 8px; left: auto; width: auto; min-width: 44px; height: 40px; padding: 0 10px; border: 1px solid #d6ff62; border-radius: 8px; }
body.tchat-gaming #tanukade-chat-launcher.has-unread {padding-right:34px}
body.tchat-gaming .player-dialog .player-title { position: relative; padding-right: 282px; overflow: hidden; }
body.tchat-gaming .player-dialog .player-title > span { min-width: 0; max-width: calc(100% - 282px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.tchat-native-player .player-dialog .player-title > button { position: absolute; top: 7px; right: 228px; margin: 0; }
body.tchat-gaming .player-dialog .player-toolbar { position: absolute; z-index: 3; top: 0; right: 0; border: 0; background: transparent; }
body.tchat-gaming .player-dialog .player-toolbar > span { display: none; }
body.tchat-native-player #tanukade-chat-launcher { top: 4px; right: 168px; bottom: auto; left: auto; width: 58px; min-width: 58px; height: 40px; padding: 0 8px; border: 1px solid #d6ff62; border-radius: 8px; }
body.tchat-native-player #tanukade-chat-launcher[aria-expanded="true"] { bottom: auto; top: 8px; }
body.tchat-native-player #tanukade-chat-launcher.has-unread {padding:12px 4px 0}
body.tchat-native-player .player-dialog .player-details,
body.tchat-native-player .player-dialog .next-game { display: none !important; }
body.tchat-native-player .player-dialog.tanukade-native-fallback-fullscreen .player-title { position: absolute; z-index: 4; inset: 0 0 auto; min-height: 0; height: 0; padding: 0; border: 0; background: transparent; }
body.tchat-native-player .player-dialog.tanukade-native-fallback-fullscreen .player-title > span { display: none; }
body.tchat-native-player .player-dialog.tanukade-native-fallback-fullscreen .player-title > button { position: absolute; top: 8px; left: 8px; }
body.tchat-native-player .player-dialog.tanukade-native-fallback-fullscreen .player-container { position: absolute; inset: 0; height: 100%; }
body.tchat-native-player .player-container:fullscreen,
body.tchat-native-player .player-container:-webkit-full-screen {
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  background: #070b0b;
}
body.tchat-native-player .player-container:fullscreen .game-frame,
body.tchat-native-player .player-container:-webkit-full-screen .game-frame {
  width: 100% !important;
  height: 100% !important;
}

/* While playing, keep the desktop game viewport beside the chat rail so the
   chat remains reachable without covering the active game surface. */
@media (min-width: 1100px) {
  body.tchat-gaming.tanukade-chat-desktop > .tanukade-game-shell {
    width: calc(100% - 360px);
    margin-right: 360px;
  }
  body.tchat-native-player.tanukade-chat-desktop .player-dialog {
    right: 360px !important;
    width: auto !important;
  }
}

@media(min-width:1100px){
 body.tchat-gaming.tanukade-chat-desktop .player-container:fullscreen{box-sizing:border-box;padding-right:360px!important;}
 body.tchat-gaming.tanukade-chat-desktop .player-container:fullscreen .game-frame{width:100%!important;}
}

/* Desktop lobby has a persistent collapse toggle; modal chat still needs its close button. */
body.tanukade-chat-desktop #tanukade-chat > .tchat-header > .tchat-close{display:none}

.tchat-history{display:flex;gap:8px;padding:6px 14px;flex:0 0 auto}.tchat-history:has(button:not([hidden])){border-bottom:1px solid #29362a}.tchat-history:not(:has(button:not([hidden]))){display:none}.tchat-history button{min-height:28px}

.tchat-afterglow-badge{display:inline-flex;align-items:center;color:#d5ff69;font-size:9px;font-weight:700;white-space:nowrap;letter-spacing:.03em}
body.tanukade-chat-mobile #tanukade-chat{box-sizing:border-box;top:calc(var(--tchat-vv-top,0px) + 8px);bottom:auto;height:calc(var(--tchat-vh,100dvh) - 16px);max-height:calc(var(--tchat-vh,100dvh) - 16px);overscroll-behavior:contain}
body.tanukade-chat-mobile #tanukade-chat .tchat-list{min-height:48px}
body.tanukade-chat-mobile #tanukade-chat .tchat-form{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
body.tanukade-chat-mobile #tanukade-chat textarea{font-size:16px}
@media(max-height:480px){body.tanukade-chat-mobile #tanukade-chat .tchat-retention,body.tanukade-chat-mobile #tanukade-chat .tchat-admin-link{display:none}body.tanukade-chat-mobile #tanukade-chat .tchat-header{padding:6px 12px}body.tanukade-chat-mobile #tanukade-chat .tchat-header p{display:none}}

/* Smoked glass: layered gradients and highlights keep the surface lightweight. */
#tanukade-chat {
 --chat-line:rgba(218,232,247,.16);
 --chat-muted:#acb9c6;
 border-color:var(--chat-line);
 background:
  radial-gradient(ellipse at 5% 0%,rgba(185,229,157,.17),transparent 42%),
  radial-gradient(ellipse at 100% 52%,rgba(136,119,211,.13),transparent 52%),
  linear-gradient(155deg,rgba(28,38,45,.92),rgba(14,19,28,.94));
 color:#f2f6f9;
 box-shadow:inset 0 1px 0 #ffffff26,inset 1px 0 0 #ffffff0d,-12px 0 45px #0004,0 18px 50px #0006;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;
}
body.tanukade-chat-desktop #tanukade-chat {border-radius:22px 0 0 0}
body.tchat-gaming.tanukade-chat-desktop #tanukade-chat {border-radius:22px 0 0 22px}
body.tanukade-chat-mobile #tanukade-chat {border-radius:22px}
#tanukade-chat::backdrop {background:#050912b8}
#tanukade-chat .tchat-header {
 align-items:center;padding:20px 18px 17px;border-bottom-color:var(--chat-line);
 background:linear-gradient(125deg,#ffffff0a,transparent);
}
#tanukade-chat .tchat-header h2 {color:#f6f9f3;font-size:22px;font-weight:750;letter-spacing:-.035em}
#tanukade-chat .tchat-header p {margin-top:6px;color:#bccbc8;font-size:12px;letter-spacing:.01em}
body.tanukade-chat-desktop #tanukade-chat > .tchat-header > .tchat-close {display:block}
#tanukade-chat .tchat-close {
 width:34px;height:34px;margin:0;min-width:34px;min-height:34px;
 border:1px solid #ffffff21;border-radius:50%;background:#ffffff0b;color:#dce5e9;
 box-shadow:inset 0 1px 0 #ffffff12;font-size:23px;
}
/* The panel's close control takes over while playing, avoiding two stacked controls. */
body.tchat-gaming.tanukade-chat-desktop #tanukade-chat-launcher[aria-expanded="true"] {display:none}
#tanukade-chat .tchat-list {padding:16px 14px 24px;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
#tanukade-chat .tchat-list:focus-visible {outline:2px solid #d6ff62;outline-offset:-3px}
#tanukade-chat .tchat-empty {
 margin:30px 2px;padding:30px 16px;border:1px dashed #ffffff20;border-radius:18px;
 background:linear-gradient(140deg,#ffffff06,transparent);color:#b7c5cf;font-size:14px;
}
#tanukade-chat .tchat-message {
 margin-bottom:12px;padding:12px;border:1px solid #ffffff15;border-radius:16px 16px 16px 5px;
 background:linear-gradient(135deg,#ffffff0c,#ffffff04);
 box-shadow:inset 0 1px 0 #ffffff08,0 3px 10px #0000000a;
}
#tanukade-chat .tchat-message.is-mine {
 border-color:#cafa8b30;border-radius:16px 16px 5px 16px;
 background:linear-gradient(125deg,#ceef8819,#9bd0b20c);
}
#tanukade-chat .tchat-meta {gap:5px 8px;margin-bottom:7px;color:#cad4dd}
#tanukade-chat .tchat-meta time,#tanukade-chat .tchat-author-id {color:#a0acb9}
#tanukade-chat .tchat-text {font-size:14px;line-height:1.55;letter-spacing:.005em}
#tanukade-chat .tchat-afterglow-badge {
 padding:3px 6px;border:1px solid #d5ff692b;border-radius:20px;
 background:#d5ff690b;color:#d9ff94;font-size:8px;letter-spacing:.07em;
}
#tanukade-chat .tchat-reply {border-left-color:#b9dd8b;border-radius:0 8px 8px 0;background:#00000020;color:#bfcbd6}
#tanukade-chat .tchat-actions {gap:5px}
#tanukade-chat .tchat-action,#tanukade-chat .tchat-reaction,
#tanukade-chat .tanukade-translate-message,#tanukade-chat .tchat-delete {
 min-height:24px;border-color:#ffffff19;border-radius:7px;background:#ffffff05;color:#b9c7d1;
 font-family:inherit;
}
#tanukade-chat .tchat-action:hover,#tanukade-chat .tchat-reaction:hover,
#tanukade-chat .tanukade-translate-message:hover {border-color:#d5ff6970;background:#d5ff6912;color:#e3ffa9}
#tanukade-chat .tchat-reaction.is-mine {border-color:#d5ff6966;background:#d5ff6917;color:#e3ffa9}
#tanukade-chat .tanukade-translated-message {border-left-color:#cafa8b}
#tanukade-chat .tanukade-translated-message small {color:#b3c7b9}
#tanukade-chat .tchat-form {
 padding:14px 16px 13px;border-top-color:var(--chat-line);
 background:linear-gradient(160deg,#ffffff07,#ffffff02);
 box-shadow:0 -10px 30px #0710181a;
}
#tanukade-chat .tchat-modes {gap:3px;padding:4px;margin-bottom:10px;border:1px solid #ffffff10;border-radius:12px;background:#060b1238}
#tanukade-chat .tchat-modes label {padding:8px 3px;border:1px solid transparent;border-radius:8px;color:#b9c6d1;font-size:11px}
#tanukade-chat .tchat-modes label:has(input:checked) {
 border-color:#e4f2e52e;background:linear-gradient(#ffffff17,#ffffff09);color:#f0f9e7;
 box-shadow:0 2px 5px #0003,inset 0 1px 0 #ffffff12;
}
#tanukade-chat .tchat-identity,#tanukade-chat .tchat-compose textarea {
 border-color:#ffffff24;border-radius:12px;background:#070e1738;color:#f2f6f9;font-family:inherit;
 box-shadow:inset 0 1px 3px #0002;
}
#tanukade-chat .tchat-compose textarea {padding:11px 12px;min-height:66px}
#tanukade-chat .tchat-identity::placeholder,#tanukade-chat textarea::placeholder {color:#a2b1c0;opacity:1}
#tanukade-chat .tchat-compose-row {gap:8px;margin-top:9px}
#tanukade-chat .tchat-compose-row .tchat-emoji-button {border-color:#ffffff24;border-radius:10px;background:#ffffff08}
#tanukade-chat .tchat-counter {margin-right:auto;color:#a1afbd}
#tanukade-chat .tchat-send {
 min-width:82px;border:1px solid #edffcaa1;border-radius:11px;background:linear-gradient(145deg,#e4ff9b,#c3ee68);
 color:#17230c;box-shadow:inset 0 1px 0 #ffffff8c,0 3px 12px #c8ef6915;font-family:inherit;
}
#tanukade-chat .tchat-send:hover:enabled {background:linear-gradient(145deg,#efffc0,#d7ff87)}
#tanukade-chat .tchat-send:focus-visible {outline:2px solid #efffce;outline-offset:3px}
#tanukade-chat .tchat-status,#tanukade-chat .tchat-hint {color:#b2beca}
#tanukade-chat .tchat-status[data-kind=error] {color:#ffc291}
#tanukade-chat .tchat-retention,#tanukade-chat .tchat-admin-link {color:#9daab8}
#tanukade-chat .tchat-history:has(button:not([hidden])) {border-bottom-color:var(--chat-line)}
#tanukade-chat .tchat-emoji-picker,#tanukade-chat .tchat-compose-picker,
#tanukade-chat .tchat-picker-sheet {border-color:#ffffff24;border-radius:12px;background:#18232d}
#tanukade-chat .tchat-picker-sheet {border-radius:0}
#tanukade-chat .tchat-picker-header {border-color:#ffffff24;background:#ffffff05}
#tanukade-chat .tchat-emoji-search {border-color:#ffffff2b;border-radius:9px;background:#0f1822;color:#f2f6f9;font-family:inherit}
#tanukade-chat .tchat-emoji-tab,#tanukade-chat .tchat-picker-close,
#tanukade-chat .tchat-emoji-options button {border-color:#ffffff24;border-radius:8px;color:#c8d3dd}
#tanukade-chat .tchat-emoji-category {color:#b7c5d0}
#tanukade-chat .tchat-reply-composer {border-color:#cafa8b30;border-radius:10px;background:#cafa8b0d;color:#d8e6d4}
body #tanukade-chat-launcher {
 border-color:#ffffff30;background:linear-gradient(145deg,#344539e8,#18282bea);color:#e3ffa9;
 box-shadow:inset 0 1px 0 #ffffff1f;
}
body #tanukade-chat-launcher:hover {background:linear-gradient(145deg,#40563ae8,#253a3aea);color:#f0ffcd}
body #tanukade-chat-launcher[aria-expanded="true"] {background:#344b39;color:#e3ffa9}
@media(max-width:1099px) {
 #tanukade-chat .tchat-close {min-width:44px;min-height:44px}
 #tanukade-chat .tchat-header {padding:15px 16px}
 #tanukade-chat .tchat-modes label {min-height:44px}
}
@media(max-height:580px) {
 #tanukade-chat .tchat-header,body.tanukade-chat-mobile #tanukade-chat .tchat-header {padding:7px 14px}
 #tanukade-chat .tchat-header h2 {font-size:19px}
 #tanukade-chat .tchat-list {padding-block:8px}
 #tanukade-chat .tchat-form {padding:8px 12px}
 body.tanukade-chat-mobile #tanukade-chat .tchat-form {flex:0 0 auto;max-height:calc(var(--tchat-vh,100dvh) - 130px)}
 #tanukade-chat .tchat-modes {margin-bottom:6px;padding:2px}
 #tanukade-chat .tchat-modes label {min-height:36px}
 #tanukade-chat .tchat-compose textarea {min-height:48px;padding:8px 10px}
 #tanukade-chat .tchat-compose-row {margin-top:6px}
}
@media(prefers-reduced-transparency:reduce) {
 #tanukade-chat {background:#18222b}
 body #tanukade-chat-launcher {background:#24362e}
}
@media(forced-colors:active) {
 #tanukade-chat,#tanukade-chat .tchat-message,#tanukade-chat .tchat-form {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 #tanukade-chat .tchat-modes label:has(input:checked) {outline:2px solid Highlight}
}

/* Floating desktop chat. Device capability, rather than a wide-screen-only
   breakpoint, decides modality in chat.js. On desktop the chat never covers a
   game: an open chat takes its own column beside it (2026-09-26). */
body.tanukade-chat-desktop {--tchat-dock:352px;--tchat-panel:320px}
body.tanukade-chat-desktop #tanukade-chat,
body.tchat-gaming.tanukade-chat-desktop #tanukade-chat {
 top:auto;right:16px;bottom:16px;width:var(--tchat-panel);
 height:min(660px,calc(100dvh - 88px));max-height:calc(100dvh - 88px);
 border-radius:26px;
}
body.tanukade-chat-desktop > .arcade-shell,
body.tanukade-chat-desktop > .tanukade-game-shell,
body.tchat-gaming.tanukade-chat-desktop > .tanukade-game-shell {
 width:calc(100% - var(--tchat-dock));margin-right:var(--tchat-dock);
}
body.tchat-native-player.tanukade-chat-desktop .player-dialog {
 right:var(--tchat-dock)!important;width:auto!important;
}
body.tchat-gaming.tanukade-chat-desktop .player-container:fullscreen {padding-right:var(--tchat-dock)!important}
body.tchat-gaming.tanukade-chat-desktop > .tanukade-game-shell:fullscreen,
body.tchat-gaming.tanukade-chat-desktop > .tanukade-game-shell:-webkit-full-screen {
 box-sizing:border-box;width:100vw!important;margin-right:0!important;padding-right:var(--tchat-dock);
}
body.tchat-gaming.tanukade-chat-desktop .game-shell-header {padding-right:12px}
html.tanukade-pool-maximized body.tanukade-chat-desktop .game-shell-frame,
html.tanukade-fallback-fullscreen body.tanukade-chat-desktop .tanukade-game-shell .game-shell-frame {right:var(--tchat-dock)}
/* Beside a game the open chat fills its column from top to bottom. */
body.tchat-gaming.tanukade-chat-desktop #tanukade-chat {top:16px;bottom:16px;height:auto;max-height:none}
/* A collapsed desktop chat waits in the game's top bar, clear of the game. */
body.tchat-gaming:not(.tanukade-chat-mobile) #tanukade-chat-launcher {
 top:max(7px,env(safe-area-inset-top));bottom:auto;right:14px;left:auto;width:auto;min-width:84px;height:40px;
 padding:0 16px;border-radius:8px;border-color:#d4f4bd66;
 background:linear-gradient(135deg,#344a3ae8,#15252dee);box-shadow:inset 0 1px 0 #effff02b;
}
body.tchat-gaming:not(.tanukade-chat-mobile) #tanukade-chat-launcher.has-unread {padding-right:36px}
body.tchat-gaming:not(.tanukade-chat-mobile):not(.tanukade-chat-desktop) .game-shell-header {padding-right:118px}
@media(max-width:1099px) {
 body.tanukade-chat-desktop {--tchat-dock:312px;--tchat-panel:288px}
 body.tanukade-chat-desktop #tanukade-chat {right:12px;bottom:12px;height:min(620px,calc(100dvh - 76px));max-height:calc(100dvh - 76px)}
 body.tanukade-chat-desktop > .arcade-shell {margin-top:0}
}
#tanukade-chat {
 border:1px solid #d1e4ff42;
 background:
  radial-gradient(ellipse at 0% 0%,#dcffe52b,transparent 38%),
  radial-gradient(ellipse at 100% 75%,#b496ff26,transparent 50%),
  linear-gradient(150deg,#16282ae8,#101520ed 58%,#121723e8);
 box-shadow:inset 0 1px 0 #f5ffff66,inset 1px 0 0 #ffffff12,inset -1px 0 0 #cec1ff14,0 24px 80px #0009,0 4px 16px #0005;
 isolation:isolate;
}
#tanukade-chat::before {
 content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 background:linear-gradient(122deg,#ffffff0f,transparent 22%,transparent 65%,#c9b8ff07 85%,transparent);
}
#tanukade-chat .tchat-header {gap:11px;padding:18px 14px 15px;background:transparent;border-bottom-color:#ffffff12}
#tanukade-chat .tchat-mark {
 display:grid;place-items:center;flex:0 0 44px;width:44px;height:48px;border:1px solid #eaffd83a;border-radius:15px;
 background:linear-gradient(145deg,#eaffbb22,#c9eddd09);box-shadow:inset 0 1px 0 #ffffff38,0 4px 15px #0003;
}
#tanukade-chat .tchat-mark img {object-fit:contain;filter:drop-shadow(0 3px 5px #0005)}
#tanukade-chat .tchat-heading {flex:1;min-width:0}
#tanukade-chat .tchat-brand {display:block;margin-bottom:5px;color:#d4f4bd;font-size:8px;font-weight:700;letter-spacing:.24em}
#tanukade-chat .tchat-header h2 {font-size:20px;font-weight:650;letter-spacing:-.04em;line-height:1.15}
#tanukade-chat .tchat-header p {display:none}
#tanukade-chat .tchat-close {align-self:flex-start;margin-top:2px;background:linear-gradient(145deg,#ffffff16,#ffffff05);border-color:#ffffff2a;color:#dbe6eb}
#tanukade-chat .tchat-list {padding:12px 12px 20px}
#tanukade-chat .tchat-message {
 padding:12px;margin-bottom:11px;border-color:#d7eaff1c;
 background:linear-gradient(125deg,#d9f5ff0d,#e2dbff06);
 box-shadow:inset 0 1px 0 #ffffff0b,0 4px 14px #0000000d;
}
#tanukade-chat .tchat-message.is-mine {border-color:#d7ffa830;background:linear-gradient(125deg,#d5ff8b16,#bcf9df08)}
#tanukade-chat .tchat-meta > span:first-child {color:#e0edf1;font-weight:650}
#tanukade-chat .tchat-meta time {margin-left:auto;font-size:10px;color:#acb8c7}
#tanukade-chat .tchat-author-id {font-size:8px;letter-spacing:.02em;color:#a1b2c3}
#tanukade-chat .tchat-text {font-size:13px;line-height:1.6;font-weight:400}
#tanukade-chat .tchat-actions {margin-top:10px;gap:6px}
#tanukade-chat .tchat-action,#tanukade-chat .tanukade-translate-message {
 border-color:transparent;background:#e1eeff07;border-radius:7px;color:#bdc9d3;
}
#tanukade-chat .tchat-form {padding:12px;border-top-color:#ffffff12;background:linear-gradient(130deg,#def1ff07,#e3d9ff03);box-shadow:0 -6px 24px #00000012}
#tanukade-chat .tchat-modes {margin-bottom:9px;border-color:#ffffff10;background:#03081330;padding:3px;border-radius:11px}
#tanukade-chat .tchat-modes label {font-size:10px;padding:7px 2px}
#tanukade-chat .tchat-modes label:has(input:checked) {border-color:#edfff62e;background:linear-gradient(125deg,#e4fff125,#ffffff0a)}
#tanukade-chat .tchat-compose {
 padding:3px 8px 8px;border:1px solid #dfebff2e;border-radius:16px;
 background:linear-gradient(145deg,#07101e4d,#050c162e);box-shadow:inset 0 1px 4px #00000020;
}
#tanukade-chat .tchat-compose:focus-within {border-color:#d8ffa785;box-shadow:0 0 0 2px #d8ffa710,inset 0 1px 4px #00000020}
#tanukade-chat .tchat-compose textarea {
 padding:10px 3px;min-height:56px;max-height:85px;border:0;border-radius:8px;background:transparent;box-shadow:none;resize:none;
}
#tanukade-chat .tchat-compose textarea:focus {outline:none}
#tanukade-chat .tchat-compose-row {margin-top:3px;gap:8px}
#tanukade-chat .tchat-send {min-height:34px;min-width:64px;padding:6px 12px;border-radius:10px;font-size:12px;background:linear-gradient(135deg,#eaffbc,#c5f77c);box-shadow:inset 0 1px 0 #ffffffb0,0 3px 16px #d4ff7921}
#tanukade-chat .tchat-compose-row .tchat-emoji-button {height:32px;min-width:32px;border:0;background:#ffffff09}
#tanukade-chat .tchat-counter {font-size:9px}
#tanukade-chat .tchat-status:empty {min-height:0;margin:0}
#tanukade-chat .tchat-retention {margin-top:9px;font-size:9px;line-height:1.45;color:#a1afbf}
#tanukade-chat .tchat-admin-link {margin-top:4px;font-size:9px}
#tanukade-chat .tchat-empty {margin:18px 0;padding:24px 14px;font-size:13px;border-color:#dfeaff1b}
/* Desktop density: give the conversation more room without reducing body text. */
body.tanukade-chat-desktop #tanukade-chat .tchat-header {padding:11px 12px;gap:9px}
body.tanukade-chat-desktop #tanukade-chat .tchat-mark {width:36px;height:36px;flex-basis:36px;border-radius:12px}
body.tanukade-chat-desktop #tanukade-chat .tchat-mark img {width:31px;height:31px}
body.tanukade-chat-desktop #tanukade-chat .tchat-brand {font-size:7px;margin-bottom:3px}
body.tanukade-chat-desktop #tanukade-chat .tchat-header h2 {font-size:18px}
body.tanukade-chat-desktop #tanukade-chat .tchat-list {padding:10px 10px 14px}
body.tanukade-chat-desktop #tanukade-chat .tchat-message {padding:8px 10px;margin-bottom:7px;border-radius:12px 12px 12px 4px}
body.tanukade-chat-desktop #tanukade-chat .tchat-message.is-mine {border-radius:12px 12px 4px 12px}
body.tanukade-chat-desktop #tanukade-chat .tchat-meta {margin-bottom:4px;gap:3px 6px;font-size:10px}
body.tanukade-chat-desktop #tanukade-chat .tchat-afterglow-badge {padding:1px 5px}
body.tanukade-chat-desktop #tanukade-chat .tchat-text {font-size:13px;line-height:1.45}
body.tanukade-chat-desktop #tanukade-chat .tchat-actions {margin-top:5px;gap:4px}
body.tanukade-chat-desktop #tanukade-chat .tchat-reactions {margin-top:5px}
body.tanukade-chat-desktop #tanukade-chat .tchat-reactions:empty,
body.tanukade-chat-desktop #tanukade-chat .tanukade-chat-translation:empty {display:none}
body.tanukade-chat-desktop #tanukade-chat .tchat-form {padding:9px 10px}
body.tanukade-chat-desktop #tanukade-chat .tchat-modes {padding:2px;margin-bottom:6px}
body.tanukade-chat-desktop #tanukade-chat .tchat-modes label {padding:5px 2px;min-height:26px;box-sizing:border-box}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose {display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px;padding:5px 6px;position:relative;border-radius:13px}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose-picker {flex-basis:100%;min-width:0;box-sizing:border-box}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose textarea {flex:1;min-width:0;height:36px;min-height:36px;max-height:72px;padding:8px 2px;font-size:14px;line-height:20px}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose:focus-within textarea {height:56px}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose-row {flex:0 0 auto;gap:4px;margin:0 0 2px}
body.tanukade-chat-desktop #tanukade-chat .tchat-counter {position:absolute;top:100%;left:2px;line-height:14px;font-size:8px}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose-row .tchat-emoji-button {height:30px;min-width:28px;font-size:15px}
body.tanukade-chat-desktop #tanukade-chat .tchat-send {min-width:48px;min-height:30px;padding:5px 8px;font-size:11px}
body.tanukade-chat-desktop #tanukade-chat .tchat-compose {margin-bottom:13px}
body.tanukade-chat-desktop #tanukade-chat .tchat-retention {margin-top:5px;font-size:9px}
body.tanukade-chat-desktop #tanukade-chat .tchat-admin-link {margin-top:3px}
@media(max-width:1099px) {
 body.tanukade-chat-mobile #tanukade-chat .tchat-send,
 body.tanukade-chat-mobile #tanukade-chat .tchat-compose-row .tchat-emoji-button {min-height:44px;min-width:44px}
}
@media(max-height:580px) {
 #tanukade-chat .tchat-header,body.tanukade-chat-mobile #tanukade-chat .tchat-header {padding:8px 12px}
 #tanukade-chat .tchat-mark {height:36px;width:36px;flex-basis:36px;border-radius:11px}
 #tanukade-chat .tchat-mark img {width:30px;height:30px}
 #tanukade-chat .tchat-brand {font-size:7px;margin-bottom:3px}
 #tanukade-chat .tchat-header h2 {font-size:17px}
 #tanukade-chat .tchat-form {padding:8px 10px}
 #tanukade-chat .tchat-modes {margin-bottom:6px}
 #tanukade-chat .tchat-compose textarea {min-height:44px;max-height:60px;padding-block:7px}
}
@media(prefers-reduced-transparency:reduce) {
 #tanukade-chat {background:#18222b}
}
@media(forced-colors:active) {
 #tanukade-chat,#tanukade-chat .tchat-message,#tanukade-chat .tchat-form {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 #tanukade-chat .tchat-compose textarea:focus {outline:2px solid Highlight}
}

/* Chat safety: report chooser, owner review marks and the safety line */
#tanukade-chat .tchat-confirm.tchat-report-box {flex-direction:column;align-items:stretch;gap:8px;bottom:auto;top:50%;transform:translateY(-50%);padding:12px}
#tanukade-chat .tchat-report-box > span {flex:none;font-size:12px;line-height:1.4}
#tanukade-chat .tchat-report-choices {display:grid;grid-template-columns:1fr 1fr;gap:6px}
#tanukade-chat .tchat-report-choices button,#tanukade-chat .tchat-report-cancel {min-height:36px;padding:6px 8px;font-size:12px;text-align:center}
#tanukade-chat .tchat-report-cancel {color:#c9b8a4;border-color:#5b4a3a}
#tanukade-chat .tchat-flag {display:inline-flex;align-items:center;padding:1px 6px;border:1px solid #c98f4e;border-radius:999px;color:#ffc291;font-size:9px;font-weight:800;letter-spacing:.3px}
#tanukade-chat .tchat-message.is-hidden {opacity:.62;outline:1px dashed #c98f4e;outline-offset:-1px}
#tanukade-chat .tchat-keep {color:#d6ff62}
#tanukade-chat .tchat-report {color:#b6a797}
#tanukade-chat .tchat-review-link {display:block;margin-top:7px;color:#d6ff62;font-size:11px;font-weight:700;text-decoration:none}
#tanukade-chat .tchat-review-link.has-pending {color:#ffcf6b}
#tanukade-chat .tchat-review-link:hover,#tanukade-chat .tchat-review-link:focus-visible {text-decoration:underline}
#tanukade-chat .tchat-safety {margin:6px 0 0;color:#9daab8;font-size:10px;line-height:1.4}
body.tanukade-chat-desktop #tanukade-chat .tchat-safety {margin-top:4px;font-size:9px}
@media(max-width:1099px){#tanukade-chat .tchat-report-choices button,#tanukade-chat .tchat-report-cancel{min-height:44px}}
@media(max-height:480px){body.tanukade-chat-mobile #tanukade-chat .tchat-safety{display:none}}