/* ROBLPANG v4.12.21 — sitewide cohesive sky-to-blue theme */
:root{
  --rp-sky:#abd2f3;
  --rp-sky-hi:#c4e2f6;
  --rp-stage:#77abc9;
  --rp-panel:#315f7b;
  --rp-panel-2:#294f69;
  --rp-panel-3:#23475f;
  --rp-line:#79aac5;
  --rp-line-soft:rgba(151,196,221,.38);
  --rp-text:#f5fbff;
  --rp-muted:#bdd3e2;
  --rp-accent:#69c9f5;
  --rp-ink:#17384d;
}
html,body{background:var(--rp-sky)!important;color:var(--rp-text)!important}
body{
  background:
    radial-gradient(circle at 18% -2%,rgba(255,255,255,.30),transparent 28%),
    radial-gradient(circle at 82% 6%,rgba(255,255,255,.15),transparent 24%),
    linear-gradient(180deg,#b9dcf5 0%,#abd2f3 48%,#a4cae9 100%) fixed!important;
}

/* header */
.topbar{
  background:linear-gradient(180deg,rgba(49,96,124,.97),rgba(39,78,103,.97))!important;
  border-bottom:1px solid rgba(147,194,220,.58)!important;
  box-shadow:0 9px 26px rgba(40,87,117,.16)!important;
  backdrop-filter:blur(16px)!important;
}
.topnav a{color:#dbeaf3!important}
.topnav a:hover,.topnav a.active{color:#8edcff!important}
.top-login{color:#dceaf3!important}
.mobile-menu{color:#fff!important}
.search input{
  background:rgba(25,62,83,.78)!important;
  border-color:#6f9fb9!important;
  color:#f6fbff!important;
}
.search:before{color:#a8c7d9!important}
.search input::placeholder{color:#a9c3d2!important}

/* page staging */
.site,.page.with-side,.page:not(.auth-page){
  position:relative!important;
}
.site::before,.page.with-side::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-12px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(89,151,188,.18),rgba(62,123,161,.09));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 22px 56px rgba(45,93,123,.09),inset 0 1px 0 rgba(255,255,255,.18);
  pointer-events:none;
}

/* shared surfaces */
.panel,.sidebar,.board-shell,.post-card,.comments-box,.editor,.auth-card,.legal,
.mypage-head,.tab-panel,.admin-grid,.chat-shell,.writer-document,.writer-toolbar-shell{
  background:linear-gradient(180deg,var(--rp-panel) 0%,var(--rp-panel-2) 100%)!important;
  border:1px solid var(--rp-line-soft)!important;
  box-shadow:0 12px 26px rgba(34,79,108,.14),inset 0 1px 0 rgba(255,255,255,.045)!important;
  color:var(--rp-text)!important;
}
.sidebar{background:linear-gradient(180deg,#376a85 0%,#2d5973 100%)!important}
.side-head{border-bottom-color:rgba(160,199,221,.28)!important}
.side-head b,.section-title h2,.board-title-row h1,.post-head h1,.auth-card h1,
.mypage-head h1,.legal h1,.legal h2,.comments-title-row h2{
  color:#f7fcff!important;
}
.side-head small,.section-title p,.board-title-row p,.post-meta,.comment-top,.auth-card>p,
.auth-bottom,.profile-id p,.muted,.feature-body p,.comments-title-row>span{
  color:var(--rp-muted)!important;
}

/* sidebar */
.side-nav a{color:#dbeaf3!important}
.side-nav a:hover,.side-nav a.selected,.side-nav .side-game-finder{
  background:linear-gradient(135deg,#214a64,#1d425a)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(122,198,236,.16)!important;
}
.side-nav .ico{
  background:#254f68!important;
  border-color:#76a5bf!important;
  color:#9cddff!important;
}
.write-main{
  background:linear-gradient(135deg,#61c2ee,#3b9fd5)!important;
  color:#103247!important;
  box-shadow:0 8px 20px rgba(33,108,151,.20)!important;
}
.side-brand-banner{
  background:linear-gradient(180deg,#3a6e89,#315f79)!important;
  border-color:#7baac4!important;
}

/* standard inputs */
.board-search,.field input,.field textarea,.field select,.profile-form input,.comment-form textarea,
.board-bottom-select,.board-bottom-search,.writer-document input,.writer-document textarea,.writer-document select{
  background:#234a62!important;
  border-color:#6f9db7!important;
  color:#f4fbff!important;
}
.board-search:focus,.field input:focus,.field textarea:focus,.field select:focus,.profile-form input:focus,
.comment-form textarea:focus,.board-bottom-search:focus,.board-bottom-select:focus,
.writer-document input:focus,.writer-document textarea:focus,.writer-document select:focus{
  border-color:#85d0f3!important;
  box-shadow:0 0 0 3px rgba(101,196,239,.13)!important;
}
input::placeholder,textarea::placeholder{color:#9fbdcf!important}

/* buttons */
.chip,.btn,.login-buttons a+a,.text-tool,.board-pagination button,.board-bottom-search-btn{
  background:#244c64!important;
  border-color:#72a2bc!important;
  color:#e7f4fb!important;
}
.chip:hover,.chip.on,.btn:hover,.text-tool:hover,.board-pagination button:hover,
.board-pagination button.is-active,.board-pagination button.active,.board-bottom-search-btn:hover{
  background:#32627d!important;
  border-color:#9ad4ef!important;
  color:#fff!important;
}
.btn.primary,.login-buttons a:first-child{
  background:linear-gradient(135deg,#6dcaf2,#49a9dd)!important;
  border-color:#70cdf4!important;
  color:#103044!important;
}

/* board */
.board-shell{overflow:hidden!important}
.board-toolbar{border-color:rgba(155,196,219,.18)!important}
.board-head-v7,.latest-head{
  background:rgba(26,65,87,.34)!important;
  color:#b7cfde!important;
  border-color:rgba(161,199,220,.22)!important;
}
.board-row,.latest-row{
  color:#edf8fe!important;
  border-color:rgba(161,199,220,.20)!important;
}
.board-row:hover,.latest-row:hover{background:rgba(147,212,246,.08)!important}
.title-link{color:#f4fbff!important}
.title-link small{color:#8ddcff!important}
.board-bottom-tools{
  border-top-color:rgba(158,198,220,.22)!important;
  background:rgba(30,70,94,.25)!important;
}
.board-search-panel{border-color:rgba(151,193,216,.22)!important}
.board-page-size-label{color:#bdd3e2!important}

/* post detail */
.post-breadcrumb{color:#a8c7d9!important}
.post-breadcrumb a{color:#9fddff!important}
.post-head{border-bottom-color:rgba(161,199,220,.22)!important}
.post-content,.comment-body{color:#f1f8fc!important}
.post-actions{border-top-color:rgba(161,199,220,.22)!important}
.post-avatar{
  background:linear-gradient(145deg,#6fa9ca,#3f718f)!important;
  border-color:#9bcce5!important;
  color:#fff!important;
}
.level-badge,.role-badge,.tier-badge{
  border-color:rgba(150,196,220,.35)!important;
}
.cafe-comments,.cafe-post{background:linear-gradient(180deg,#315f7b,#294f69)!important}
.cafe-comment-form textarea{background:#234a62!important;color:#f4fbff!important}

/* writing */
.writer-toolbar-shell,.writer-toolbar{
  background:linear-gradient(180deg,#315f7b,#294f69)!important;
  border-color:#78a8c3!important;
}
.write-tool{color:#dcebf4!important}
.write-tool:hover{background:#244c64!important;color:#fff!important}
.writer-document{
  background:linear-gradient(180deg,#315f7b,#294f69)!important;
  color:#f5fbff!important;
}

/* generic cards */
.feature-card{
  background:linear-gradient(180deg,#2d5872,#274e67)!important;
  border-color:#6f9fba!important;
}
.feature-card:hover{background:#335f79!important;border-color:#91c5df!important}
.feature-body h3,.comment-body{color:#f4fbff!important}
.feature-foot,.comment-item,.my-row,.rank-row{border-color:rgba(161,199,220,.22)!important}

/* profile/info */
.avatar,.rank-avatar,.profile-big{
  background:linear-gradient(145deg,#6fa9ca,#3f718f)!important;
  border-color:#a0cde5!important;
  color:#fff!important;
}
.toast{background:#294f69!important;border-color:#79aac5!important;color:#f4fbff!important}

/* chat */
.chat-shell{border-color:#79a9c4!important}
.chat-people-wrap,.chat-main,.chat-side-head,.chat-head{
  background:#2b5570!important;
  border-color:rgba(154,197,220,.24)!important;
}
.chat-mode-tabs{background:#244c64!important;border-color:#6b99b3!important}
.chat-mode-tabs button{color:#bed4e2!important}
.chat-mode-tabs button.on{background:#376a86!important;color:#fff!important}
.chat-create-room,.chat-room-search input,.chat-compose textarea{
  background:#234a62!important;
  border-color:#709db7!important;
  color:#f4fbff!important;
}

/* home neutral blocks */
.home-profile-card-v41142{
  background:radial-gradient(circle at 100% 0,rgba(116,204,246,.13),transparent 38%),
    linear-gradient(155deg,#376b86 0%,#2e5b75 54%,#284f68 100%)!important;
  border-color:#78aac6!important;color:#fff!important;
}
.home-profile-card-v41142 b,.home-profile-card-v41142 strong,
.home-profile-card-v41142 .home-profile-copy-v41142>b{color:#fff!important}
.home-profile-card-v41142 small,.home-profile-card-v41142 .home-profile-copy-v41142>small{color:#c5dbe8!important}
.home-profile-point-v41142{
  background:linear-gradient(135deg,#264f69,#21465e)!important;
  border-color:#6fa7c5!important;
}
.visitor-card,.news-card,.rank-card,.feedback-mini-card,.login-card{
  background:linear-gradient(180deg,#315f7b,#294f69)!important;
  border-color:#75a6c0!important;
  color:#f5fbff!important;
}
.visitor-grid{background:#23485f!important;border-color:#628da6!important}
.visitor-grid>div{border-color:#527991!important}
.visitor-head b,.news-item b,.rank-row b,.login-card h3{color:#f4fbff!important}
.visitor-head span{color:#8edcff!important}
.visitor-grid span,.news-item span,.rank-row small,.login-card p,.visitor-note{color:#b8cfdd!important}
.visitor-grid b{color:#f4fbff!important}

.home-creator-partners-v41189{
  background:radial-gradient(circle at 92% 8%,rgba(115,124,255,.10),transparent 30%),
    linear-gradient(115deg,#315f7b,#294f69 60%,#2b506b)!important;
  border-color:#79a9c5!important;
  color:#f5fbff!important;
}
.home-creator-intro-v41189 h2,.home-creator-intro-copy-v41203 h2{color:#f5fbff!important}
.home-creator-intro-v41189 p,.home-creator-intro-copy-v41203 p{color:#bdd2df!important}
.home-creator-card-v41189,body .home-creator-track-v41189 .home-creator-card-v41189{
  background:linear-gradient(180deg,#294f68,#23465e)!important;
  border-color:#709fba!important;
}

/* preserve focal promo colors */
.home-side-event-v41130{
  background:radial-gradient(circle at 92% 4%,rgba(255,182,54,.24),transparent 26%),
    linear-gradient(145deg,#3b176d,#311b74 52%,#172657)!important;
  border-color:rgba(255,170,59,.54)!important;
}
.home-point-banner-v41142{
  background:radial-gradient(circle at 92% 20%,rgba(28,214,255,.28),transparent 26%),
    radial-gradient(circle at 70% 78%,rgba(48,102,255,.27),transparent 34%),
    linear-gradient(145deg,#072842 0%,#064978 48%,#07305a 100%)!important;
  border-color:rgba(40,204,255,.58)!important;
  color:#fff!important;
}
.home-point-banner-copy-v41142 h2{color:#fff!important}
.home-point-banner-copy-v41142 p{color:#c2dded!important}
.home-wow-v41132{border-color:#4c84a5!important;box-shadow:0 15px 34px rgba(33,77,105,.18)!important}

footer{border-top-color:rgba(60,112,145,.34)!important;color:#3d6780!important}

@media(max-width:860px){
  .site::before,.page.with-side::before{inset:-7px;border-radius:20px}
}