/* Shared parchment surfaces for account, download, community and content pages. */
body.comic-theme:not(.htr-home){
  --dragon-ink:#5d341c;
  --dragon-line:rgba(166,107,50,.32);
  --dragon-panel:#f8e8c2;
  background-color:#acd9c5;
  background-image:radial-gradient(rgba(34,104,68,.14) 1px,transparent 1px),linear-gradient(145deg,#91d4ca,#d0e9ca);
  background-size:12px 12px,cover;
  background-repeat:repeat,no-repeat;
  color:#5d341c;
}
body.comic-theme :is(.comic-container .manga-panel,.comic-container .comic-panel,.ranking-panel){
  background:radial-gradient(ellipse at 25% 15%,#fff7df88,transparent 60%),linear-gradient(105deg,#e9c88e,#fff1cf 13%,#f7e6be 80%,#e7c48a)!important;
  border:3px solid #9e682f!important;
  border-radius:18px 10px 23px 9px!important;
  box-shadow:inset 0 0 0 3px #e9c695,inset 0 0 34px #9d652a33,0 6px 0 #704621,0 14px 30px #1f5c5c20!important;
  color:#5d341c;
}
body.comic-theme .comic-container :is(.giftcode-card,.community-card,.requirement-group,.platform-card,.download-card,.event-card,.event-section,.guide-item,.player-card,.stat-card,.info-box,.profile-stat,.bank-card,.dragonball-note,.download-intro,.faq-item){
  background:linear-gradient(115deg,#f1d7a4,#fff1cf 45%,#f5dfb3)!important;
  border:1px solid #b88a4e!important;
  border-radius:10px!important;
  box-shadow:inset 0 0 18px #b17b2520,0 3px 10px #78502210!important;
  color:#68431f;
}
body.comic-theme .comic-container :is(.guide-item__body,.giftcode-content,.faq-answer){background:#f7e5be!important}
body.comic-theme .comic-container .platform-bg::after{background:linear-gradient(to bottom,transparent,#f5dfb3)}
body.comic-theme .comic-container :is(.comic-input,.form-control,.custom-amount-input,input[type="text"],input[type="password"],input[type="email"],input[type="number"],select,textarea){
  background:#fff7e4!important;
  color:#5d341c!important;
  border-color:#c6a16b!important;
}
body.comic-theme .comic-container :is(input,select,textarea):focus-visible{outline:2px solid #d88625;outline-offset:2px}
body.comic-theme:not(.htr-home) .site-disclaimer{color:#5d593b}
@media(max-width:768px){body.comic-theme:not(.htr-home){background-attachment:scroll}}

/* Gold parchment buttons for sign-in and registration only. */
.auth-page .comic-form:is([action="/Pages/Login"],[action="/Pages/Register"]) button[type="submit"]{
 background:linear-gradient(#ffc65e,#ed901f)!important;
 color:#6f3916!important;
 border:2px solid #a66728!important;
 border-radius:7px!important;
 box-shadow:inset 0 0 0 2px #ffe4a6,0 3px 0 #805224!important;
 text-shadow:0 1px 0 #ffe5ae;
 min-height:50px;
 transition:background .15s,box-shadow .15s;
}
.auth-page .comic-form:is([action="/Pages/Login"],[action="/Pages/Register"]) button[type="submit"]:hover{
 background:linear-gradient(#ffd581,#f5a63b)!important;
 box-shadow:inset 0 0 0 2px #ffedbe,0 3px 0 #805224!important;
}
.auth-page .comic-form:is([action="/Pages/Login"],[action="/Pages/Register"]) button[type="submit"]:active{
 transform:translateY(2px)!important;
 box-shadow:inset 0 0 0 2px #ffe4a6,0 1px 0 #805224!important;
}
.auth-page .comic-form:is([action="/Pages/Login"],[action="/Pages/Register"]) button[type="submit"]:focus-visible{outline:3px solid #85501f;outline-offset:4px}

/* Community: two cards per mobile row, with a third card centered beneath. */
@media(max-width:768px){
 .community-page :is(.community-grid,.requirements-container){grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 .community-page .community-grid>.community-card,.community-page .requirements-container>.requirement-group{grid-column:span 2;min-width:0;padding:18px 10px}
 .community-page .community-grid>.community-card:last-child:nth-child(3),.community-page .requirements-container>.requirement-group:last-child:nth-child(3){grid-column:2 / span 2}
 .community-page .community-card h3,.community-page .requirement-group h3{font-size:15px;overflow-wrap:anywhere}
 .community-page .community-card p,.community-page .requirement-group p{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
 .community-page .community-btn{max-width:100%;padding:10px 8px;font-size:10px;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:768px){.community-page .community-card .community-btn{display:flex!important;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;box-sizing:border-box;padding:10px 6px!important;font-size:9px!important;letter-spacing:0;white-space:normal;line-height:1.5}}

/* Community rules sit within their own padded parchment panel. */
.community-page .community-rules{margin:28px 0 18px;padding:24px;background:linear-gradient(115deg,#f3dbac,#fff1cf);border:1px solid #b88a4e;border-radius:12px;box-shadow:inset 0 0 18px #b17b2515;color:#68431f}
.community-page .community-rules-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #bd955c55}
.community-page .community-rules-heading>i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#e9bc7055;color:#9b591b;font-size:19px}
.community-page .community-rules-heading h2{margin:0;padding:0;font:900 clamp(18px,2vw,24px)/1.4 'Be Vietnam Pro',Arial,sans-serif;color:#76451f;text-transform:none;text-shadow:none}
.community-page .community-rules-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px}
.community-page .community-rules-list li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;font-size:13px;line-height:1.8;color:#79532d}
.community-page .community-rules-list li::before{content:'✓';display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:50%;background:#e8bf7355;color:#986022;font-size:12px;font-weight:900}
@media(max-width:768px){.community-page .community-rules{padding:18px;margin:24px 0 12px}.community-page .community-rules-heading{gap:10px;padding-bottom:14px}.community-page .community-rules-list li{font-size:12px;gap:8px}}

/* Temporary pause of the sign-in and registration submit controls. */
.auth-page .auth-paused-note{margin:16px 0 12px;padding:10px 14px;border:1px solid #bb965b;border-radius:6px;background:#ead3a566;color:#79532d;text-align:center;font-size:12px;line-height:1.7}
.auth-page .comic-form:is([action="/Pages/Login"],[action="/Pages/Register"]) button[type="submit"]:disabled{background:linear-gradient(#e3cfac,#cdb086)!important;color:#7b6242!important;border-color:#aa8a5b!important;box-shadow:inset 0 0 0 2px #eedfc3!important;text-shadow:none;cursor:not-allowed;transform:none!important;opacity:.8}

.profile-page .profile-stats{grid-template-columns:1fr}