/* ParityQA P0 quick fixes (mock + platform) */
/* Hide DebugBoard watermark that overlaps Intermediate on Casual rooms */
[class*="DebugBoard"],
[class*="debug-board"],
[class*="debugBoard"],
div[class*="Debug"][class*="Board"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* SIP Game V4 loading shell: applies before the runtime boot script so every
 * parameterized mini-game starts with the same branded surface. */
.mtt-loading-box,
#mtt-loading-box {
  background:
    radial-gradient(circle at 50% 38%, rgba(29, 214, 241, 0.14), transparent 38%),
    linear-gradient(180deg, #071a36 0%, #061126 100%) !important;
}
.mtt-global-loading__body {
  background: url('/brand/sip-symbol.png') center / contain no-repeat !important;
  filter: drop-shadow(0 0 18px rgba(29, 214, 241, 0.42)) !important;
}
.mtt-global-loading__wing_l,
.mtt-global-loading__wing_r {
  display: none !important;
}
.mtt-global-loading__txt {
  position: relative !important;
  background: none !important;
}
.mtt-global-loading__txt::after {
  content: 'SIP GAME';
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #effbff;
  font: 800 14px/20px system-ui, sans-serif;
  letter-spacing: 0.18em;
  text-shadow: 0 0 16px rgba(29, 214, 241, 0.42);
}
.mtt-router-loading {
  color: #1dd6f1 !important;
  filter: drop-shadow(0 0 10px rgba(29, 214, 241, 0.32)) !important;
}
.mtt-router-loading::before {
  content: 'SIP GAME';
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  color: #effbff;
  font: 800 12px/16px system-ui, sans-serif;
  letter-spacing: 0.16em;
  white-space: nowrap;
  text-shadow: 0 0 14px rgba(29, 214, 241, 0.42);
}
.mtt-splash-reload-tip__btn {
  color: #effbff !important;
  background: linear-gradient(135deg, #1dd6f1, #197fc8) !important;
  border: 1px solid rgba(124, 236, 255, 0.36) !important;
}
.mtt-splash-reload-tip__btn:hover {
  background: #16466b !important;
  border-color: #20e6ff !important;
  box-shadow: 0 0 16px rgba(29, 214, 241, 0.34) !important;
}

/* SIP page shell */
html,
html.notranslate,
.router-loading.local-loading-external,
.game-html,
.game-html body,
.game-box,
.game-pc-root,
#game-box-container,
#game-box-container > div,
#pixi-game,
#pixi-swiper,
#swiper-dom,
#swiper-dom > div,
#swiper-dom > div > div,
.swiper-wrapper,
.swiper-slide {
  background: #07162f !important;
}
.pixi-game-box__bg,
.pixi-game-box__bg-img {
  background-color: #07162f !important;
  background-image: radial-gradient(circle at 50% 18%, rgba(29, 214, 241, .16), transparent 42%), linear-gradient(180deg, #0d2b52 0%, #07162f 68%, #061126 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.pixi-game-box__bg-shadow {
  background: linear-gradient(180deg, rgba(7, 22, 47, .08), rgba(3, 12, 30, .48)) !important;
}
.mines-game,
.plinko-game-page {
  background: linear-gradient(180deg, #0d2b52 0%, #07162f 72%, #061126 100%) !important;
  background-image: none !important;
}
.mines-game [class*='tw-bg-[#0F0F0F]'],
.mines-game [class*='tw-bg-[#202020]'],
.mines-game [class*='tw-bg-[#181818]'],
.plinko-game-panel,
.plinko-game-input-row,
.plinko-game-risk,
.plinko-game-rows,
.plinko-game-balls,
.slot-machine-pc-control-panel,
.slot-machine-pc-control-panel__info-card {
  background: linear-gradient(145deg, #102f56, #0b1d3a) !important;
  border-color: rgba(29, 214, 241, .22) !important;
}
.plinko-game-board-shell {
  background: radial-gradient(circle at 50% 12%, rgba(29, 214, 241, .18), transparent 54%), linear-gradient(180deg, #102f56, #07162f) !important;
  border-color: rgba(29, 214, 241, .24) !important;
}
.plinko-game-drop,
.slot-machine-pc-control-panel__spin,
.slot-machine-pc-control-panel__button {
  background: linear-gradient(135deg, #1dd6f1, #197fc8) !important;
  color: #effbff !important;
  border-color: rgba(124, 236, 255, .36) !important;
}
.slot-machine-pc-control-panel__indicator {
  background: linear-gradient(180deg, #16466b, #0d2b52) !important;
}
.slot-machine-pc-control-panel__divider {
  background: rgba(124, 236, 255, .18) !important;
}
.mines-play-prompt,
.game-more-info__menu,
.mtt-tc-panel,
.mtt-tc-bubble {
  background: rgba(13, 35, 68, .96) !important;
  border-color: rgba(29, 214, 241, .24) !important;
}
.in-game .mtt-tc-send {
  background: linear-gradient(135deg, #1dd6f1, #197fc8) !important;
  color: #effbff !important;
}
.game-more-button,
.multi-table__item__wrap,
.show-match-list-btn {
  background: #0d2b52 !important;
  border-color: rgba(29, 214, 241, .24) !important;
}
.in-game [class*='tw-bg-[#1a1a1a]'],
.in-game [class*='tw-bg-[#181818]'],
.in-game [class*='tw-bg-[#0F0F0F80]'],
.in-game [class*='tw-bg-[#252525]'],
.in-game [class*='tw-bg-[#272727]'],
.in-game .post-pc-details-comment-left {
  background: linear-gradient(145deg, #102f56, #0b1d3a) !important;
  border-color: rgba(29, 214, 241, .22) !important;
}
.in-game [class*='tw-bg-[#16B68240]'] {
  background: rgba(29, 214, 241, .16) !important;
  border-color: rgba(29, 214, 241, .28) !important;
}
.in-game [class*='tw-bg-[linear-gradient(180deg,transparent_0%,rgba(21,21,21'] {
  background: linear-gradient(180deg, transparent 0%, rgba(13, 43, 82, .42) 25%, rgba(7, 22, 47, .92) 58%, #07162f 100%) !important;
}
.in-game [class*='tw-text-[#16b682]'],
.in-game [class*='tw-text-[#48ffc3]'],
.in-game [class*='hover:tw-text-[#48ffc3]'] {
  color: #20e6ff !important;
}
.in-game [class*='tw-bg-[#272727]'] button:not([class*='tw-bg-[rgba']):not([class*='tw-bg-[#48FFC3]']):not([class*='tw-bg-[#FF']):not([class*='tw-bg-[#ff']),
.in-game [class*='tw-bg-[#1A1A1A]'] button:not([class*='tw-bg-[rgba']):not([class*='tw-bg-[#48FFC3]']):not([class*='tw-bg-[#FF']):not([class*='tw-bg-[#ff']) {
  background: #0d2b52 !important;
  color: #effbff !important;
}

/* SIP theme: Mall */
.mall-product-price-item {
  background: rgba(32, 230, 255, .12) !important;
  border: 1px solid rgba(32, 230, 255, .18) !important;
}
.box-bottom [class*='tw-bg-[#3E3E3E]'][class*='tw-rounded-8'] {
  background: rgba(32, 230, 255, .12) !important;
  border-color: rgba(32, 230, 255, .2) !important;
}
.voice-pc-list .voice-pc-list-item > div:last-child > div:nth-child(2) > span {
  background: rgba(32, 230, 255, .12) !important;
  border: 1px solid rgba(32, 230, 255, .18);
  color: #c7e8f0 !important;
}
.gift-list-item-content {
  background: linear-gradient(145deg, #102f56, #0b1d3a) !important;
}

/* SIP theme: Beginner's Guide */
.box-bottom .mtt-input-wrap,
.box-bottom .mtt-input-wrap input {
  background: #0d2344 !important;
  color: #effbff !important;
}
.box-bottom .mtt-input-wrap {
  border-color: rgba(32, 230, 255, .24) !important;
}
.box-bottom .mtt-input-wrap:hover,
.box-bottom .mtt-input-wrap:focus-within {
  border-color: #20e6ff !important;
}
.box-bottom .mtt-input-wrap input::placeholder {
  color: rgba(199, 232, 240, .55) !important;
}
.box-bottom a[class*='tw-text-[#16B682]'] {
  color: #20e6ff !important;
}

/* Futures: keep the navy page, flatten only the large game card. */
.mini-rollbit-game-embed,
.keep-pc-unit.mini-rollbit-game-embed,
.keep-pc-unit.tw-bg-\[\#0f0f0f\],
.keep-pc-unit[class*='tw-bg-[#0f0f0f]'],
.keep-pc-unit[class*='tw-bg-[#0F0F0F]'] {
  background: #0f0f0f !important;
  background-image: none !important;
}
.mini-rollbit-game-embed [class*='tw-px-unit'][class*='tw-bg-[#0b0b0c]'] {
  background: #0a1c38 !important;
}
#mtt-table-chat-root button {
  background: rgba(13, 35, 68, .92) !important;
  border-color: rgba(32, 230, 255, .2) !important;
  color: #effbff !important;
}
