/* v54.12 final-state theme bundle: cp; generated from the consolidated visual state. */
:root{
  --rsf-bg:#070a0e;
  --rsf-bg-2:#0d1117;
  --rsf-panel:rgba(15,16,16,.94);
  --rsf-panel-2:rgba(24,21,17,.96);
  --rsf-panel-soft:rgba(24,23,21,.86);
  --rsf-panel-glass:rgba(10,14,18,.84);
  --rsf-gold:#c99b42;
  --rsf-gold-2:#f0d584;
  --rsf-gold-3:#7f591d;
  --rsf-gold-soft:rgba(218,173,80,.34);
  --rsf-line:rgba(217,171,76,.58);
  --rsf-line-soft:rgba(217,171,76,.25);
  --rsf-text:#f5edd8;
  --rsf-text-strong:#fff8e8;
  --rsf-muted:#bdb39d;
  --rsf-muted-2:#968d7b;
  --rsf-danger:#d4584d;
  --rsf-ok:#4fb67a;
  --rsf-radius:13px;
  --rsf-radius-lg:17px;
  --rsf-shadow:0 14px 34px rgba(0,0,0,.40), inset 0 0 0 1px rgba(255,232,164,.035);
  --rsf-shadow-tight:0 7px 18px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,232,164,.035);
  --rsf-font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;
  --rsf-font-display:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
}
body.cp-page{ --rsf-accent:#9c2d27; --rsf-accent-2:#d65b42; --rsf-accent-deep:#4d1214; --rsf-accent-glow:rgba(200,64,48,.24); }
body.cp-page{
  color:var(--rsf-text) !important;
  font-family:var(--rsf-font-ui) !important;
  background-color:var(--rsf-bg) !important;
  min-height:100vh;
}
body.cp-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
body.cp-page *{
  scrollbar-color:rgba(202,158,69,.55) rgba(8,10,12,.55);
}
body.cp-page ::selection{
  background:rgba(218,173,80,.28);
  color:#fff;
}
body.cp-page .card,
body.cp-page .cp-box,
body.cp-page .equip-item,
body.cp-page .listitem,
body.cp-page .party-tile,
body.cp-page .character-link-panel{
  color:var(--rsf-text) !important;
  border:1px solid var(--rsf-line) !important;
  background:
    linear-gradient(180deg,rgba(29,26,20,.96),rgba(13,14,14,.96)) !important;
  box-shadow:var(--rsf-shadow) !important;
  backdrop-filter:blur(9px) saturate(.92) !important;
  -webkit-backdrop-filter:blur(9px) saturate(.92) !important;
}
body.cp-page .card{
  outline:1px solid rgba(255,223,143,.055);
  outline-offset:-4px;
}
body.cp-page h1,
body.cp-page h2,
body.cp-page h3,
body.cp-page .modal-title{
  color:var(--rsf-text-strong) !important;
  font-family:var(--rsf-font-display) !important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(231,188,91,.06);
}
body.cp-page .muted{
  color:var(--rsf-muted) !important;
}
body.cp-page input,
body.cp-page select{
  color:var(--rsf-text-strong) !important;
  background:linear-gradient(180deg,rgba(4,7,10,.86),rgba(15,15,14,.92)) !important;
  border:1px solid rgba(211,168,76,.46) !important;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.62),0 0 0 1px rgba(255,234,170,.025) !important;
}
body.cp-page input::placeholder{
  color:#847c6e !important;
}
body.cp-page input:focus,
body.cp-page select:focus{
  border-color:var(--rsf-gold-2) !important;
  box-shadow:0 0 0 2px var(--rsf-accent-glow), inset 0 1px 5px rgba(0,0,0,.62) !important;
  outline:none !important;
}
body.cp-page option{
  color:#f6eedb;
  background:#141414;
}
body.cp-page .btn:not(.btn-danger){
  color:var(--rsf-text-strong) !important;
  border:1px solid rgba(218,173,80,.58) !important;
  background:linear-gradient(180deg,rgba(40,34,24,.96),rgba(18,17,15,.97)) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,177,.10),0 5px 14px rgba(0,0,0,.24) !important;
  text-shadow:0 1px 1px #000;
}
body.cp-page .btn-primary{
  background:linear-gradient(135deg,var(--rsf-accent-deep),var(--rsf-accent),var(--rsf-accent-2)) !important;
  border-color:var(--rsf-gold) !important;
  box-shadow:inset 0 1px 0 rgba(255,244,200,.16),0 7px 18px var(--rsf-accent-glow) !important;
}
body.cp-page .btn-danger{
  background:linear-gradient(180deg,#6d2421,#401414) !important;
  border:1px solid #b95a4e !important;
  color:#ffe5da !important;
}
body.cp-page .btn:disabled{
  opacity:.46 !important;
  filter:saturate(.55);
}
body.cp-page .switchbtn{
  border:1px solid rgba(211,168,76,.50) !important;
  background:linear-gradient(180deg,rgba(24,24,22,.86),rgba(9,11,13,.90)) !important;
  color:#e9ddc4 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,177,.08),0 5px 14px rgba(0,0,0,.28) !important;
}
body.cp-page .hdr-subtitle{
  border:1px solid var(--rsf-gold) !important;
  background:linear-gradient(135deg,var(--rsf-accent-deep),var(--rsf-accent)) !important;
  color:#fff4dc !important;
  box-shadow:inset 0 1px 0 rgba(255,236,177,.16),0 7px 18px var(--rsf-accent-glow) !important;
  -webkit-text-stroke:0 !important;
  text-shadow:0 2px 3px rgba(0,0,0,.66) !important;
  font-family:var(--rsf-font-display) !important;
}
body.cp-page .hdr-desc{
  border:1px solid rgba(211,168,76,.42) !important;
  background:rgba(10,12,14,.78) !important;
  color:#d8ceb9 !important;
  box-shadow:inset 0 1px 0 rgba(255,235,170,.05) !important;
  -webkit-text-stroke:0 !important;
  text-shadow:none !important;
}
body.cp-page .cp-toolbar-band{
  border-top:1px solid rgba(235,197,109,.12) !important;
  border-bottom:1px solid var(--rsf-line) !important;
  background:linear-gradient(180deg,rgba(12,15,18,.98),rgba(8,10,13,.98)) !important;
  box-shadow:0 9px 20px rgba(0,0,0,.32) !important;
}
body.cp-page .toolbtn{
  border:1px solid rgba(211,168,76,.42) !important;
  background:linear-gradient(180deg,rgba(31,29,24,.96),rgba(13,14,15,.96)) !important;
  color:#f0e4ca !important;
  box-shadow:inset 0 1px 0 rgba(255,234,172,.07),0 4px 12px rgba(0,0,0,.26) !important;
}
body.cp-page .toolbtn svg path{ stroke:#ead9af !important; }
body.cp-page .cp-base-panel{
  background:rgba(9,11,13,.90) !important;
  border-bottom:1px solid rgba(211,168,76,.28) !important;
}
body.cp-page .cp-base-panel-inner{
  background:linear-gradient(180deg,rgba(27,24,19,.92),rgba(12,13,14,.94)) !important;
  border:1px solid rgba(211,168,76,.40) !important;
  color:#e9ddc5 !important;
}
body.cp-page .cp-base-value{ color:var(--rsf-gold-2) !important; }
body.cp-page .cp-base-source{ color:#bfb49d !important; }
body.cp-page .bottom-nav{
  border-top:1px solid rgba(211,168,76,.42) !important;
  background:linear-gradient(180deg,rgba(8,10,13,.90),rgba(5,7,10,.96)) !important;
  box-shadow:0 -10px 24px rgba(0,0,0,.42) !important;
}
body.cp-page .navbtn{
  border:1px solid rgba(211,168,76,.38) !important;
  background:linear-gradient(180deg,rgba(28,26,22,.94),rgba(11,12,14,.96)) !important;
  color:#d9ccb1 !important;
}
body.cp-page .navbtn.active{
  color:#fff2d9 !important;
  border-color:#d9b35e !important;
  background:linear-gradient(135deg,#4e1215,#942924,#c04d3c) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,177,.12),0 5px 14px rgba(143,39,34,.24) !important;
}
body.cp-page .card,
body.cp-page .equip-item,
body.cp-page .listitem,
body.cp-page .party-tile,
body.cp-page .pt-mini,
body.cp-page .pt-eq,
body.cp-page .pt-actions,
body.cp-page .pshot-total,
body.cp-page .pshot-row{
  border-color:rgba(211,168,76,.40) !important;
  background:linear-gradient(180deg,rgba(24,22,19,.95),rgba(9,11,13,.96)) !important;
  color:#eee3cc !important;
}
body.cp-page .card.cp-hero.cp-main,
body.cp-page .cp-box.cp-main{
  border:1px solid rgba(230,189,91,.74) !important;
  background:
    radial-gradient(circle at 78% 20%,rgba(178,52,40,.24),transparent 42%),
    linear-gradient(135deg,rgba(66,19,20,.97),rgba(16,17,18,.97) 54%,rgba(37,27,20,.97)) !important;
  box-shadow:0 15px 38px rgba(0,0,0,.42),0 0 22px rgba(163,48,38,.12),inset 0 0 0 1px rgba(255,231,165,.05) !important;
}
body.cp-page .cp-box.cp-main::after,
body.cp-page .card.cp-hero.cp-main::after{
  background:
    radial-gradient(circle at 18% 18%,rgba(191,61,46,.20),transparent 56%),
    radial-gradient(circle at 78% 30%,rgba(214,168,72,.10),transparent 58%) !important;
}
body.cp-page .cp-box .cp-title{
  color:#eadfc5 !important;
  border:1px solid rgba(211,168,76,.30) !important;
  background:rgba(12,14,15,.58) !important;
}
body.cp-page .cp-box .cp-value,
body.cp-page #partyTotal{
  color:#ffe19a !important;
  border-color:rgba(231,193,101,.42) !important;
  background:linear-gradient(180deg,rgba(73,32,23,.76),rgba(25,16,14,.78)) !important;
  text-shadow:0 0 18px rgba(255,194,78,.15),0 2px 2px #000 !important;
}
body.cp-page .equip-item,
body.cp-page .listitem{
  box-shadow:var(--rsf-shadow-tight) !important;
}
body.cp-page .equip-item:hover,
body.cp-page .listitem:hover{
  border-color:rgba(236,203,122,.70) !important;
  background:linear-gradient(180deg,rgba(30,27,22,.98),rgba(12,13,14,.98)) !important;
}
body.cp-page .equip-cp,
body.cp-page .pill,
body.cp-page .tag,
body.cp-page .seg{
  border-color:rgba(211,168,76,.32) !important;
  background:rgba(8,10,12,.70) !important;
  color:#e2d5bb !important;
}
body.cp-page .pill > strong,
body.cp-page .pill > span:last-child,
body.cp-page .pt-kv .v,
body.cp-page .pt-mini .v,
body.cp-page .pshot-stat .v{
  color:#fff1d7 !important;
  border-color:rgba(211,168,76,.24) !important;
  background:rgba(8,10,12,.72) !important;
}
body.cp-page table{
  color:#ebdfc8 !important;
  background:rgba(8,10,12,.90) !important;
}
body.cp-page th{
  color:#e7d8b9 !important;
  border-color:rgba(211,168,76,.34) !important;
  background:linear-gradient(180deg,rgba(37,31,22,.96),rgba(16,17,17,.96)) !important;
}
body.cp-page td{ border-color:rgba(211,168,76,.16) !important; }
body.cp-page .loadtable tbody tr:hover{ background:rgba(124,49,31,.18) !important; }
body.cp-page .modal-back::before{ background:rgba(2,4,7,.74) !important; }
body.cp-page .modal,
body.cp-page .modal-head{
  color:#efe3cc !important;
  border-color:rgba(211,168,76,.50) !important;
  background:linear-gradient(180deg,rgba(23,22,19,.98),rgba(9,11,13,.99)) !important;
}
body.cp-page .modal-head{ border-bottom-color:rgba(211,168,76,.34) !important; }
body.cp-page .modal-close{
  color:#efe1c5 !important;
  border-color:rgba(211,168,76,.40) !important;
  background:rgba(9,11,13,.76) !important;
}
body.cp-page .character-link-panel{
  border:1px solid rgba(211,168,76,.35) !important;
  background:linear-gradient(90deg,rgba(93,37,26,.18),rgba(12,14,15,.84)) !important;
}
body.cp-page .character-link-title{ color:#eadfc6 !important; }
body.cp-page .character-link-state{ color:#bfb59f !important; }
body.cp-page .character-link-state.is-linked{ color:#80c99b !important; }
@media(max-width:640px){
body.cp-page{
    background-attachment:scroll !important;
    background-size:auto 36vh, auto 32vh, auto, cover !important;
  }
}
@media(prefers-reduced-motion:reduce){
body.cp-page *{
    transition:none !important;
    animation:none !important;
  }
}
body.cp-page{
  --bg:transparent;
  --card:rgba(14,16,17,.95);
  --border:rgba(211,168,76,.36);
  --text:var(--rsf-text);
  --muted:var(--rsf-muted);
  --primary:#8f2824;
  --primary2:#c4513d;
  --glass:rgba(14,16,17,.94);
  --glass-soft:rgba(16,17,17,.86);
  --glass-strong:rgba(25,22,18,.96);
  --glass-line:rgba(211,168,76,.38);
  --glass-line-soft:rgba(211,168,76,.18);
  --glass-input:rgba(7,9,11,.82);
}
html{ background:#070a0e !important; }
body.cp-page{
  background:
    linear-gradient(180deg,rgba(6,10,14,.58) 0,rgba(7,10,13,.91) 32vh,rgba(7,9,11,.985) 64vh),
    radial-gradient(circle at 15% 12%,rgba(44,96,137,.17),transparent 29%),
    radial-gradient(circle at 86% 18%,rgba(145,98,35,.12),transparent 27%),
    #070a0e !important;
}
body.cp-page::before{
  background:
    linear-gradient(180deg,rgba(3,7,10,.10),rgba(5,7,9,.30)),
    radial-gradient(ellipse at center,transparent 22%,rgba(0,0,0,.48) 100%) !important;
}
body.cp-page .card{
  position:relative;
  overflow:hidden;
}
body.cp-page .card::after{
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  border:1px solid rgba(241,210,132,.055);
  border-radius:calc(var(--rsf-radius-lg) - 5px);
  background:
    linear-gradient(135deg,rgba(242,207,121,.26) 0 1px,transparent 1px 12px) left top/18px 18px no-repeat,
    linear-gradient(225deg,rgba(242,207,121,.26) 0 1px,transparent 1px 12px) right top/18px 18px no-repeat,
    linear-gradient(45deg,rgba(242,207,121,.20) 0 1px,transparent 1px 12px) left bottom/18px 18px no-repeat,
    linear-gradient(315deg,rgba(242,207,121,.20) 0 1px,transparent 1px 12px) right bottom/18px 18px no-repeat;
  opacity:.72;
}
body.cp-page .btn,
body.cp-page .navbtn{
  position:relative;
  overflow:hidden;
}
body.cp-page .btn::after{
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(255,233,167,.055);
  border-radius:inherit;
  pointer-events:none;
}
body.cp-page .cp-hero,
body.cp-page .hero,
body.cp-page .card:first-of-type{
  background:
    radial-gradient(circle at 9% 15%,rgba(150,48,38,.15),transparent 34%),
    linear-gradient(180deg,rgba(27,23,20,.98),rgba(8,10,12,.99)) !important;
}
body.cp-page .cp-value{
  font-family:var(--rsf-font-display) !important;
  color:#ffe19b !important;
  text-shadow:0 0 18px rgba(202,74,46,.12),0 2px 3px #000 !important;
}
body.cp-page .equip-item img{
  border-color:#cba34e !important;
  box-shadow:0 3px 10px rgba(0,0,0,.36) !important;
}
body.cp-page .bottom-nav .navbtn.active::after{
  content:"";
  position:absolute;
  left:50%;
  top:-5px;
  width:8px;
  height:8px;
  transform:translateX(-50%) rotate(45deg);
  border:1px solid #dfbb64;
  background:#b43a2f;
  box-shadow:0 0 8px rgba(193,67,48,.42);
}
:root{
  --rsf-gold-hi:#f6dea0;
  --rsf-gold-mid:#d0a34d;
  --rsf-gold-low:#6c4917;
  --rsf-ink:#050708;
  --rsf-plate:linear-gradient(180deg,rgba(31,27,21,.985),rgba(10,11,12,.995));
  --rsf-plate-deep:linear-gradient(180deg,rgba(17,18,18,.985),rgba(5,7,9,.995));
}
body.cp-page .rs-section-title{
  position:relative;
  letter-spacing:.035em !important;
}
body.cp-page .rs-section-title::before{
  content:"◆";
  display:inline-block;
  margin-right:7px;
  color:var(--rsf-gold-2);
  font-size:.58em;
  vertical-align:2px;
  text-shadow:0 0 9px var(--rsf-accent-glow);
}
body.cp-page .rs-section-title::after{
  content:"";
  display:inline-block;
  width:46px;
  height:1px;
  margin:0 0 4px 9px;
  background:linear-gradient(90deg,rgba(226,187,94,.58),transparent);
  vertical-align:middle;
}
body.cp-page input,
body.cp-page select{
  border-radius:10px !important;
  min-height:44px;
}
body.cp-page input[readonly]{
  background:linear-gradient(180deg,rgba(21,20,17,.86),rgba(7,9,10,.94)) !important;
  border-color:rgba(211,168,76,.28) !important;
}
@media(hover:hover){
body.cp-page .btn:not(:disabled):hover{
    border-color:var(--rsf-gold-hi) !important;
    filter:brightness(1.07);
  }
}
body.cp-page #screenSingle,
body.cp-page #screenParty,
body.cp-page #screenRank,
body.cp-page #screenStone{
  max-width:980px;
  margin-inline:auto;
}
body.cp-page .single-list-head-card{
  border-left:3px solid #b43a31 !important;
}
body.cp-page .single-list-controls{
  margin-top:12px !important;
  padding-top:11px !important;
  border-top:1px solid rgba(211,168,76,.18);
}
body.cp-page .single-list-search-wrap,
body.cp-page .single-list-sort-wrap{
  color:#cfc2a8 !important;
}
body.cp-page .single-list-card{
  display:grid;
  gap:8px;
}
body.cp-page .single-char-row{
  position:relative;
  min-height:76px !important;
  border:1px solid rgba(211,168,76,.32) !important;
  border-radius:11px !important;
  color:#eee2ca !important;
  box-shadow:inset 0 1px 0 rgba(255,231,164,.035),0 4px 12px rgba(0,0,0,.22) !important;
  overflow:hidden;
}
body.cp-page .single-char-row::before{
  content:"";
  position:absolute;
  left:0;
}
body.cp-page .single-char-row:hover{
  border-color:rgba(233,198,113,.68) !important;
  background:
    linear-gradient(90deg,rgba(154,49,38,.18),transparent 45%),
    linear-gradient(180deg,rgba(27,24,21,.99),rgba(10,12,14,.99)) !important;
}
body.cp-page .single-list-avatar{
  width:54px !important;
  height:54px !important;
  border:2px solid #c99a43 !important;
  border-radius:50% !important;
  outline:1px solid rgba(238,204,121,.20);
  outline-offset:2px;
  background:#111 !important;
  box-shadow:0 4px 11px rgba(0,0,0,.42) !important;
}
body.cp-page .single-char-name{
  color:#f4e7cf !important;
  font-family:var(--rsf-font-display) !important;
  font-weight:850 !important;
  letter-spacing:.02em;
}
body.cp-page .single-char-sub{ color:#aaa08e !important; }
body.cp-page .single-char-tags span{
  border:1px solid rgba(211,168,76,.24);
  border-radius:999px;
  padding:2px 7px;
  color:#d2c3a5 !important;
  background:rgba(6,8,10,.64);
}
body.cp-page .single-char-power{
  min-width:105px;
  padding:7px 10px !important;
  border:1px solid rgba(220,176,77,.40);
  border-radius:9px;
}
body.cp-page .single-char-power small{ color:#bcae93 !important; }
body.cp-page .single-char-power strong{
  font-family:var(--rsf-font-display) !important;
  font-size:1.05rem !important;
}
body.cp-page .single-list-pager > span{
  min-width:70px;
  padding:6px 11px;
  border:1px solid rgba(211,168,76,.26);
  border-radius:999px;
  background:rgba(7,9,11,.66);
  color:#e2d5bb;
  text-align:center;
}
body.cp-page .master-source-card{
  border-left:3px solid #b74135 !important;
  background:
    radial-gradient(circle at 6% 20%,rgba(176,53,41,.17),transparent 31%),
    var(--rsf-plate) !important;
}
body.cp-page .master-char-name{
  color:#f6e9d0 !important;
  font-family:var(--rsf-font-display) !important;
  letter-spacing:.025em;
}
body.cp-page .master-readonly-note{
  border:1px solid rgba(211,168,76,.22) !important;
  border-left:3px solid rgba(188,67,52,.62) !important;
  border-radius:8px;
  background:rgba(8,10,12,.62) !important;
  color:#bdb19b !important;
}
body.cp-page .imgwrap{
  padding:10px !important;
  border-radius:12px !important;
  background:rgba(5,7,9,.62) !important;
  border:1px solid rgba(211,168,76,.20) !important;
}
body.cp-page .imgbox{
  border:2px solid #c99a43 !important;
  border-radius:50% !important;
  overflow:hidden;
  box-shadow:0 0 0 3px rgba(86,56,17,.56),0 6px 17px rgba(0,0,0,.44) !important;
}
body.cp-page .cp-box{
  border:1px solid rgba(226,181,77,.56) !important;
  border-radius:12px !important;
}
body.cp-page .cp-box .cp-value{
  font-size:clamp(38px,9vw,58px) !important;
  letter-spacing:.045em;
}
body.cp-page .hpgrid .hpcell{
  border:1px solid rgba(211,168,76,.24) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(20,19,17,.84),rgba(6,8,10,.92)) !important;
}
body.cp-page .stat-edit-wrap{
  border:1px solid rgba(211,168,76,.26) !important;
  border-radius:11px !important;
  overflow:auto !important;
  background:rgba(5,7,9,.70) !important;
}
body.cp-page .stat-edit-table th{
  background:linear-gradient(180deg,rgba(50,38,22,.97),rgba(18,17,15,.99)) !important;
}
body.cp-page .stat-edit-table tbody tr:nth-child(even) td{
  background:rgba(17,16,15,.75) !important;
}
body.cp-page .master-summary-grid{
  gap:8px !important;
}
body.cp-page .master-summary-grid > *{
  border:1px solid rgba(211,168,76,.24) !important;
  border-radius:9px !important;
}
body.cp-page .equip-grid{
  gap:9px !important;
}
body.cp-page .equip-item{
  min-height:88px;
  border-radius:11px !important;
}
body.cp-page .single-detail-actions{
  position:sticky;
  bottom:72px;
  z-index:8;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:8px !important;
  padding:9px !important;
  border:1px solid rgba(211,168,76,.40);
  border-radius:12px;
  background:rgba(6,8,10,.90);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.38);
}
body.cp-page .single-detail-action{
  min-height:46px !important;
  border-radius:9px !important;
  font-family:var(--rsf-font-display) !important;
  font-weight:850 !important;
}
body.cp-page .single-detail-save{
  color:#fff1d5 !important;
  border:1px solid #d6ad53 !important;
  background:linear-gradient(135deg,#5e1718,#9a2c27,#c34c39) !important;
}
body.cp-page .single-detail-back{
  color:#e4d8c0 !important;
  border:1px solid rgba(211,168,76,.36) !important;
  background:linear-gradient(180deg,rgba(33,29,23,.96),rgba(11,12,14,.98)) !important;
}
body.cp-page .party-tile,
body.cp-page .pshot-row{
  overflow:hidden;
  border-radius:12px !important;
}
body.cp-page .party-tile::before,
body.cp-page .pshot-row::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:2px;
  background:linear-gradient(180deg,transparent,#a83a31,transparent);
}
@media(max-width:640px){
body.cp-page .single-char-row{ min-height:72px !important; }
body.cp-page .single-list-avatar{ width:50px !important; height:50px !important; }
body.cp-page .single-char-power{ min-width:90px; padding:6px 8px !important; }
body.cp-page .single-detail-actions{ bottom:68px; }
}
body.cp-page .party-tile,
body.cp-page .pshot-row{ position:relative; }
:root{
  --rsf-frame-outer:#1a1510;
  --rsf-frame-mid:#2b2116;
  --rsf-tray-warm:#342618;
  --rsf-tray-cool:#17212a;
  --rsf-slot:#090b0e;
  --rsf-bronze:#8f602c;
  --rsf-bronze-hi:#cf9a4e;
  --rsf-steel:#54758d;
  --rsf-teal:#377f76;
  --rsf-violet:#71517f;
}
body.cp-page .card{
  border-width:1px !important;
  border-color:rgba(214,168,72,.62) !important;
  box-shadow:
    0 13px 30px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,225,151,.045),
    inset 0 0 24px rgba(155,105,39,.035) !important;
}
body.cp-page .single-list-head-card,
body.cp-page .single-list-card{
  background:
    linear-gradient(180deg,rgba(52,42,27,.97),rgba(20,17,13,.98)) !important;
}
body.cp-page .single-list-head-card{
  border-color:rgba(221,174,75,.66) !important;
  background:
    linear-gradient(180deg,rgba(63,45,27,.98),rgba(21,17,14,.99)) !important;
}
body.cp-page .single-char-row:nth-child(even){
  background:
    linear-gradient(90deg,rgba(48,58,65,.28),transparent 42%),
    linear-gradient(180deg,rgba(28,29,27,.98),rgba(9,11,13,.99)) !important;
}
body.cp-page .single-char-row::before{
  width:4px;
  top:0;
  bottom:0;
  background:linear-gradient(180deg,#d18142,#9a3329 58%,#5b171a) !important;
}
body.cp-page .single-char-power{
  border-color:rgba(229,181,77,.62) !important;
  background:
    linear-gradient(180deg,rgba(111,70,29,.88),rgba(41,26,16,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,238,185,.13) !important;
}
body.cp-page .single-char-power strong{
  color:#ffe3a1 !important;
}
body.cp-page .master-source-card,
body.cp-page .cp-box{
  border-color:rgba(223,175,74,.70) !important;
  background:
    linear-gradient(180deg,rgba(63,43,26,.98),rgba(12,13,14,.99)) !important;
}
body.cp-page .cp-box{
  border-width:2px !important;
  background:
    radial-gradient(circle at 74% 20%,rgba(182,55,40,.24),transparent 36%),
    linear-gradient(180deg,rgba(79,42,24,.98),rgba(12,12,13,.99)) !important;
}
body.cp-page .equip-grid{
  padding:9px !important;
  border:1px solid rgba(215,168,71,.34) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(82,54,29,.30),rgba(5,8,10,.70)) !important;
}
body.cp-page .equip-item{
  position:relative;
  border-width:1px !important;
  border-color:rgba(217,169,70,.54) !important;
  background:linear-gradient(180deg,rgba(36,30,24,.98),rgba(8,10,12,.99)) !important;
  box-shadow:inset 0 1px 0 rgba(255,229,158,.05),0 4px 11px rgba(0,0,0,.24) !important;
}
body.cp-page .equip-item:nth-child(1){
  border-top:3px solid #b74c2d !important;
  background:linear-gradient(180deg,rgba(75,38,27,.94),rgba(10,11,12,.99)) !important;
}
body.cp-page .equip-item:nth-child(2){
  border-top:3px solid #567a93 !important;
  background:linear-gradient(180deg,rgba(37,54,66,.94),rgba(9,11,13,.99)) !important;
}
body.cp-page .equip-item:nth-child(3){
  border-top:3px solid #3c8075 !important;
  background:linear-gradient(180deg,rgba(32,62,58,.94),rgba(9,11,13,.99)) !important;
}
body.cp-page .equip-item:nth-child(4){
  border-top:3px solid #765281 !important;
  background:linear-gradient(180deg,rgba(58,40,65,.94),rgba(10,10,13,.99)) !important;
}
body.cp-page .master-summary-grid{
  padding:8px !important;
  border:1px solid rgba(210,164,68,.24) !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,rgba(78,52,28,.28),rgba(5,8,10,.68)) !important;
}
body.cp-page .master-summary-grid > *{
  border-color:rgba(216,169,72,.40) !important;
  background:linear-gradient(180deg,rgba(28,29,27,.96),rgba(7,9,11,.99)) !important;
}
body.cp-page .party-tile,
body.cp-page .pshot-row{
  border-color:rgba(214,166,69,.50) !important;
  background:
    linear-gradient(90deg,rgba(79,43,27,.31),transparent 42%),
    linear-gradient(180deg,rgba(34,29,23,.98),rgba(9,11,13,.99)) !important;
}
@media(max-width:640px){
body.cp-page .single-list-card{ padding:7px !important; }
body.cp-page .equip-grid{ padding:7px !important; }
}
body.cp-page .single-list-card{
  position:relative;
  padding:14px !important;
  border:1px solid rgba(98,136,178,.40) !important;
  border-radius:18px !important;
  box-shadow:
    inset 0 1px 0 rgba(196,227,255,.08),
    inset 0 0 0 1px rgba(9,14,21,.72),
    0 12px 28px rgba(0,0,0,.34) !important;
}
body.cp-page .single-list-card::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:14px;
  border:1px solid rgba(118,161,210,.15);
  box-shadow:inset 0 0 18px rgba(40,90,150,.14);
  pointer-events:none;
}
body.cp-page .single-list-card > *{
  position:relative;
  z-index:1;
}
body.cp-page .single-list-pager{
  margin-top:10px;
  padding-top:14px;
  border-top:1px solid rgba(120,156,194,.22);
}
body.cp-page .single-list-card{
  background:
    radial-gradient(circle at 18% 14%,rgba(178,72,56,.18),transparent 27%),
    linear-gradient(180deg,rgba(78,31,27,.94) 0%,rgba(31,21,17,.96) 20%,rgba(11,14,18,.99) 21%,rgba(11,14,18,.99) 100%) !important;
  border-color:rgba(191,91,76,.42) !important;
}
body.cp-page .single-char-row{
  padding:10px 12px !important;
  border-color:rgba(198,112,92,.52) !important;
  background:
    linear-gradient(180deg,rgba(58,24,20,.26),rgba(9,11,14,.96) 32%),
    linear-gradient(180deg,rgba(20,20,18,.98),rgba(8,10,12,.99)) !important;
}
body.cp-page .single-char-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-width:0;
  padding:8px 10px !important;
  border:1px solid rgba(166,95,76,.34);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(32,14,12,.42),rgba(11,10,12,.56));
  box-shadow:inset 0 1px 0 rgba(255,221,203,.04);
}
body.cp-page .single-char-power{
  border-color:rgba(230,184,89,.55);
  background:linear-gradient(180deg,rgba(108,62,27,.86),rgba(39,24,15,.88));
}
body.cp-page #btnHeaderStones.toolbtn-stones{
  gap:4px;
}
body.cp-page #btnHeaderStones .toolbtn-custom-icon{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
body.cp-page #btnHeaderStones .toolbtn-custom-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.50));
}
body.cp-page .equip-left{
  flex-direction:row !important;
  align-items:center;
  gap:9px !important;
  min-width:0;
}
body.cp-page .cp-equip-slot-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.cp-page .cp-equip-slot-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.46));
}
body.cp-page .cp-equip-slot-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.cp-page .cp-equip-modal-tab{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
}
body.cp-page .cp-equip-tab-icon{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 22px;
}
body.cp-page .cp-equip-tab-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
@media (max-width:560px){
body.cp-page #btnHeaderStones .toolbtn-custom-icon{ width:31px; height:31px; }
body.cp-page .cp-equip-slot-icon{ width:30px; height:30px; flex-basis:30px; }
body.cp-page .cp-equip-modal-tab{ gap:4px; padding-inline:6px !important; }
body.cp-page .cp-equip-tab-icon{ width:19px; height:19px; flex-basis:19px; }
}
body.cp-page .cp-top-shell header{
  background:transparent !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
body.cp-page .cp-top-shell header::before{
  content:none !important;
  display:none !important;
  background:none !important;
}
body.cp-page .hdr-hideable{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
}
body.cp-page .hdr-top{
  position:relative !important;
  z-index:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important;
  margin:0 !important;
  padding:0 0 18px !important;
  transform:none !important;
}
body.cp-page .rs-title-art{
  position:relative !important;
  z-index:auto !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:6px !important;
  clear:both !important;
  border:1px solid rgba(211,168,76,.52) !important;
  border-radius:18px !important;
  background:rgba(5,7,9,.94) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,236,177,.08) !important;
  overflow:hidden !important;
}
body.cp-page .rs-title-art img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border-radius:13px !important;
  object-fit:cover !important;
  object-position:center !important;
}
body.cp-page .hdr-brand{
  position:relative !important;
  z-index:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  width:100% !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  transform:none !important;
}
@media(max-width:520px){
body.cp-page .hdr-top{
    padding-bottom:16px !important;
  }
body.cp-page .rs-title-art{
    padding:5px !important;
    border-radius:15px !important;
  }
body.cp-page .rs-title-art img{
    border-radius:11px !important;
  }
body.cp-page .hdr-brand{
    margin-top:12px !important;
  }
}
.backup-inline-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.34em;
  vertical-align:middle;
  white-space:nowrap;
}
.backup-inline-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.18em;
  height:1.18em;
  flex:0 0 1.18em;
  vertical-align:-.12em;
}
.backup-inline-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:.22em;
}
body.cp-page #btnHeaderBackup .backup-inline-icon{
  width:1.15em;
  height:1.15em;
  flex-basis:1.15em;
}
body.cp-page #btnHeaderBackup .backup-toolbar-icon img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  border-radius:20% !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.46));
}
body.cp-page #btnHeaderBackup .backup-toolbar-icon{
  overflow:visible !important;
}
body.cp-page input::placeholder{
  color:#b8ae99 !important;
  opacity:1 !important;
}
body.cp-page .btn:disabled{
  opacity:.74 !important;
  filter:saturate(.58) brightness(.94) !important;
}
body.cp-page .cp-base-label{
  color:#e4dac4 !important;
}
body.cp-page .master-summary-grid > .muted{
  color:#d5cbb7 !important;
}
body.cp-page .master-summary-grid > div:not(.muted) > span{
  color:#d8cdb8 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.72) !important;
}
body.cp-page .master-summary-grid > div:not(.muted) > strong{
  color:#f7f1e5 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.78),0 0 8px rgba(218,176,83,.10) !important;
}
body.cp-page .master-summary-grid > div:not(.muted):nth-child(1) > strong,
body.cp-page .master-summary-grid > div:not(.muted):nth-child(2) > strong,
body.cp-page .master-summary-grid > div:not(.muted):nth-child(3) > strong,
body.cp-page .master-summary-grid > div:not(.muted):nth-child(4) > strong,
body.cp-page .master-summary-grid > div:not(.muted):nth-child(6) > strong{
  color:#d8ecff !important;
}
body.cp-page .master-summary-grid > div:not(.muted):nth-child(5) > strong{
  color:#f5dfaa !important;
}