body.theme-pink {
  background-color: #0d0509;
  color: #f5e3ea;
}

body.theme-pink {
  background-image:
    radial-gradient(4px 4px at 40px 50px, rgba(232,145,178,0.3), transparent 70%),
    radial-gradient(3px 3px at 130px 90px, rgba(242,184,207,0.25), transparent 70%),
    radial-gradient(5px 5px at 80px 160px, rgba(232,145,178,0.2), transparent 70%),
    radial-gradient(3px 3px at 170px 40px, rgba(242,184,207,0.28), transparent 70%);
  background-repeat: repeat;
  background-size: 260px 260px;
}

body.theme-pink .game {
  background: linear-gradient(160deg, rgba(255, 0, 128, 0.08), rgba(20, 4, 16, 0.9) 60%);
  border: 1px solid rgba(255, 45, 149, 0.2);
  box-shadow: none;
}

body.theme-pink .top {
  background: linear-gradient(90deg, #ff2d95, #ff9ecb, #ff2d95);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 900;
  letter-spacing: 0.5px;
}

body.theme-pink .top::after {
  background: linear-gradient(to right, transparent, #ff2d95, transparent);
  height: 2px;
  box-shadow: 0 0 6px #ff2d95;
}

body.theme-pink #answer,
body.theme-pink #chat-input {
  background: rgba(35, 8, 24, 0.85);
  color: #ffffff;
  border: 1px solid rgba(255, 45, 149, 0.35);
}

body.theme-pink #answer:focus,
body.theme-pink #chat-input:focus {
  border-color: #ff2d95;
  box-shadow: 0 0 0 3px rgba(255, 45, 149, 0.2), 0 0 10px rgba(255, 45, 149, 0.25);
  outline: none;
}

body.theme-pink #answer-chat {
  color: #ff70b8;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(255, 45, 149, 0.4);
}

body.theme-pink #chat {
  background: linear-gradient(180deg, rgba(20, 4, 14, 0.95), rgba(10, 2, 7, 0.98));
  border: 1px solid rgba(255, 45, 149, 0.2);
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.6), 0 0 12px rgba(255, 45, 149, 0.06);
}

body.theme-pink #chat h4 {
  color: #b3607f;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.75rem;
}

body.theme-pink #chat-messages {
  color: #ffeaf3;
}

body.theme-pink .message-text {
  color: #f0c9db;
}

body.theme-pink #chat-messages::-webkit-scrollbar-track {
  background: #0d0509;
}

body.theme-pink #chat-messages::-webkit-scrollbar-thumb {
  background: linear-gradient(#ff2d95, #ff70b8);
  border-radius: 10px;
}

body.theme-pink #chat-messages::-webkit-scrollbar-thumb:hover {
  background: #ff70b8;
}

body.theme-pink .tp-tab {
  background: rgba(35, 8, 24, 0.8) !important;
  color: #ff70b8 !important;
  border: 1px solid rgba(255, 45, 149, 0.25) !important;
}
body.theme-pink .tp-tab.active-tab {
  background: linear-gradient(135deg, #ff2d95, #9b2c6f) !important;
  color: #fff !important;
  box-shadow: 0 0 8px rgba(255, 45, 149, 0.4) !important;
}

body.theme-pink #puzzle-btn,
body.theme-pink #top-players-btn,
body.theme-pink #game2048-btn,
body.theme-pink #draw-btn,
body.theme-pink #xo-btn,
body.theme-pink #main-gear-btn,
body.theme-pink #player-list-btn {
  clip-path: polygon(92.00% 50.00%, 95.90% 53.01%, 98.51% 56.39%, 99.04% 59.75%, 97.26% 62.66%, 93.56% 64.79%, 88.80% 66.07%, 84.08% 66.81%, 80.37% 67.54%, 78.27% 68.89%, 77.82% 71.35%, 78.57% 75.06%, 79.70% 79.70%, 80.33% 84.58%, 79.79% 88.82%, 77.78% 91.57%, 74.46% 92.37%, 70.35% 91.26%, 66.07% 88.80%, 62.21% 85.98%, 59.08% 83.88%, 56.63% 83.35%, 54.58% 84.77%, 52.49% 87.92%, 50.00% 92.00%, 46.99% 95.90%, 43.61% 98.51%, 40.25% 99.04%, 37.34% 97.26%, 35.21% 93.56%, 33.93% 88.80%, 33.19% 84.08%, 32.46% 80.37%, 31.11% 78.27%, 28.65% 77.82%, 24.94% 78.57%, 20.30% 79.70%, 15.42% 80.33%, 11.18% 79.79%, 8.43% 77.78%, 7.63% 74.46%, 8.74% 70.35%, 11.20% 66.07%, 14.02% 62.21%, 16.12% 59.08%, 16.65% 56.63%, 15.23% 54.58%, 12.08% 52.49%, 8.00% 50.00%, 4.10% 46.99%, 1.49% 43.61%, 0.96% 40.25%, 2.74% 37.34%, 6.44% 35.21%, 11.20% 33.93%, 15.92% 33.19%, 19.63% 32.46%, 21.73% 31.11%, 22.18% 28.65%, 21.43% 24.94%, 20.30% 20.30%, 19.67% 15.42%, 20.21% 11.18%, 22.22% 8.43%, 25.54% 7.63%, 29.65% 8.74%, 33.93% 11.20%, 37.79% 14.02%, 40.92% 16.12%, 43.37% 16.65%, 45.42% 15.23%, 47.51% 12.08%, 50.00% 8.00%, 53.01% 4.10%, 56.39% 1.49%, 59.75% 0.96%, 62.66% 2.74%, 64.79% 6.44%, 66.07% 11.20%, 66.81% 15.92%, 67.54% 19.63%, 68.89% 21.73%, 71.35% 22.18%, 75.06% 21.43%, 79.70% 20.30%, 84.58% 19.67%, 88.82% 20.21%, 91.57% 22.22%, 92.37% 25.54%, 91.26% 29.65%, 88.80% 33.93%, 85.98% 37.79%, 83.88% 40.92%, 83.35% 43.37%, 84.77% 45.42%, 87.92% 47.51%) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #f5e3ea !important;
  position: fixed !important;
  overflow: visible !important;
  isolation: isolate !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

body.theme-pink #puzzle-btn::before,
body.theme-pink #top-players-btn::before,
body.theme-pink #game2048-btn::before,
body.theme-pink #draw-btn::before,
body.theme-pink #xo-btn::before,
body.theme-pink #main-gear-btn::before,
body.theme-pink #player-list-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #e891b2 !important;
  clip-path: inherit;
  z-index: -2;
}

body.theme-pink #puzzle-btn::after,
body.theme-pink #top-players-btn::after,
body.theme-pink #game2048-btn::after,
body.theme-pink #draw-btn::after,
body.theme-pink #xo-btn::after,
body.theme-pink #main-gear-btn::after,
body.theme-pink #player-list-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #4a2b41;
  clip-path: inherit;
  transform: scale(0.9);
  z-index: -1;
}

body.theme-pink #puzzle-btn:hover::before,
body.theme-pink #top-players-btn:hover::before,
body.theme-pink #game2048-btn:hover::before,
body.theme-pink #draw-btn:hover::before,
body.theme-pink #xo-btn:hover::before,
body.theme-pink #main-gear-btn:hover::before,
body.theme-pink #player-list-btn:hover::before {
  background-color: #f2b8cf;
}

body.theme-pink #puzzle-btn:hover::after,
body.theme-pink #top-players-btn:hover::after,
body.theme-pink #game2048-btn:hover::after,
body.theme-pink #draw-btn:hover::after,
body.theme-pink #xo-btn:hover::after,
body.theme-pink #main-gear-btn:hover::after,
body.theme-pink #player-list-btn:hover::after {
  background-color: #331f2c;
}

body.theme-pink #change-name {
  background: linear-gradient(135deg, rgba(255,45,149,0.15), rgba(35,8,24,0.9)) !important;
  border: 1px solid #ff2d95 !important;
  color: #ff70b8 !important;
  box-shadow: 0 0 8px rgba(255, 45, 149, 0.18) !important;
}

body.theme-pink #change-name:hover {
  background: linear-gradient(135deg, #ff2d95, #9b2c6f) !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(255, 45, 149, 0.4) !important;
}

body.theme-pink #gear-menu {
  background: linear-gradient(160deg, rgba(35,8,24,0.98), rgba(13,5,9,0.98)) !important;
  border: 1px solid rgba(255, 45, 149, 0.4) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.7) !important;
}

body.theme-pink #gear-menu button {
  color: #ff70b8 !important;
  border-bottom-color: rgba(255, 45, 149, 0.2) !important;
}

body.theme-pink #gear-menu button:hover {
  background: linear-gradient(90deg, rgba(255,45,149,0.2), transparent) !important;
}

body.theme-pink #current-word .typed {
  background: linear-gradient(90deg, #ff2d95, #ff9ecb);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 6px rgba(255, 45, 149, 0.7));
  font-weight: 900;
}

body.theme-pink #puzzle-modal,
body.theme-pink #instructions-modal,
body.theme-pink #top-players-modal,
body.theme-pink #draw-modal,
body.theme-pink #gallery-modal,
body.theme-pink #top-drawings-modal,
body.theme-pink #pro-color-modal,
body.theme-pink #game2048-modal,
body.theme-pink #xo-modal {
  background: #170f14 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 45, 149, 0.35) !important;
  color: #ffeaf3 !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.7) !important;
}

body.theme-pink #puzzle-modal h3,
body.theme-pink #top-players-modal h3,
body.theme-pink #instructions-modal h3,
body.theme-pink #gallery-title,
body.theme-pink #top-drawings-title,
body.theme-pink #game2048-modal h3,
body.theme-pink #xo-modal h3,
body.theme-pink #puzzle-win-msg,
body.theme-pink #game2048-score {
  color: #ff70b8 !important;
  text-shadow: 0 0 6px rgba(255, 45, 149, 0.4) !important;
}

body.theme-pink .puzzle-tile {
  background: linear-gradient(135deg, rgba(255,45,149,0.15), rgba(35,8,24,0.9)) !important;
  color: #ff9ecb !important;
  border: 1px solid rgba(255, 45, 149, 0.4) !important;
}

body.theme-pink .puzzle-empty {
  background: transparent !important;
  border: 1px dashed rgba(255, 45, 149, 0.15) !important;
}

body.theme-pink .top-player-item,
body.theme-pink .gallery-item,
body.theme-pink .top-drawing-item {
  background: rgba(35, 8, 24, 0.85) !important;
  border: 1px solid rgba(255, 45, 149, 0.15) !important;
}

body.theme-pink .top-player-item span:last-child {
  color: #ff70b8 !important;
  background: rgba(255, 45, 149, 0.15) !important;
}

body.theme-pink .draw-btn,
body.theme-pink #open-rgb-picker {
  background: rgba(35, 8, 24, 0.85) !important;
  color: #ff70b8 !important;
  border-color: rgba(255, 45, 149, 0.4) !important;
}

body.theme-pink .color-option:hover,
body.theme-pink .color-option.active,
body.theme-pink .recent-color:hover {
  border-color: #ff2d95 !important;
  box-shadow: 0 0 6px rgba(255, 45, 149, 0.4) !important;
}

body.theme-pink .xo-cell {
  background: rgba(35, 8, 24, 0.85) !important;
  border-color: #ff2d95 !important;
}

body.theme-pink .xo-cell:hover {
  background: rgba(255, 45, 149, 0.12) !important;
  box-shadow: inset 0 0 8px rgba(255, 45, 149, 0.15) !important;
}