/* Settings: editorial fantasy layout shared by town and hunting. */
#panel-auto { --set-line:#445650; --set-soft:#34443f; --set-text:#edf0e8; --set-muted:#afbeb3; --set-quiet:#8fa397; --set-gold:#e1c99a; background:#152123; color:var(--set-text); }
#set-hero { flex:none; min-height:151px; padding:28px 31px; border-bottom:1px solid var(--set-line); background:linear-gradient(90deg,#142123 0%,#172426e8 60%,#14212385),url('../assets/background/background.png') center 44%/cover; }
#set-hero > span,.set-page-head span,.set-kicker { color:var(--set-gold); font-size:10px; font-weight:800; letter-spacing:.15em; }
#set-hero h1 { margin:10px 0 5px; font-size:28px; font-weight:700; letter-spacing:.07em; }
#set-hero p { margin:0; color:#b9c9bd; font-size:12px; }
#panel-auto #set-tabs { flex:none; display:flex; gap:0; min-height:51px; padding:0; border-bottom:1px solid var(--set-line); background:#182527; }
#panel-auto #set-tabs .seg { flex:0 0 auto; min-width:165px; min-height:50px; padding:0 22px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--set-muted); font-size:12px; font-weight:800; }
#panel-auto #set-tabs .seg.active { border-bottom-color:var(--set-gold); background:#21302e; color:var(--set-gold); }
#panel-auto #set-tabs .seg:hover { color:var(--set-gold); }
#panel-auto .scroll-fill { min-width:0; padding:22px 30px 30px; background:#172325; scrollbar-color:#56685e #172325; }
#panel-auto .scroll-fill.hidden { display:none; }
.set-page-head { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--set-line); }
.set-page-head h2 { margin:6px 0 0; font-size:18px; font-weight:700; }
.set-page-head small { color:var(--set-quiet); font-size:10px; white-space:nowrap; }
.set-intro { display:flex; align-items:center; gap:12px; margin:14px 0 17px; padding:11px 13px; border-left:2px solid #b9a070; background:#27332e; color:#c9d6ca; font-size:11px; line-height:1.5; }
.set-intro i { color:var(--set-gold); font-size:22px; font-style:normal; }
.set-intro b { color:var(--set-gold); }
.set-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:12px; }
.set-stack { min-width:0; display:grid; align-content:start; gap:12px; }
#panel-auto .sgrp { min-width:0; margin:0; overflow:hidden; border:1px solid var(--set-line); border-radius:0; background:#1c2a2b; }
#panel-auto .set-stack .sgrp { margin:0; }
#panel-auto .sgrp > .gh { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:11px 14px; border-bottom:1px solid var(--set-line); background:#26332f; color:#ead5ac; font-size:13px; font-weight:800; }
#panel-auto .sgrp > .gh small { display:block; margin:0; color:#a8b9aa; font-size:10px; font-weight:400; text-align:right; }
#panel-auto .sr,#panel-auto .sr2,#auto-buff-skills.autosk label { min-height:49px; padding:8px 13px; border-bottom:1px solid var(--set-soft); color:var(--set-text); font-size:11.5px; }
#panel-auto .sr .lb,#panel-auto .sr2 .lbl { color:var(--set-text); font-size:11.5px; font-weight:700; }
#panel-auto .sr .lb small,#panel-auto .sr2 .lbl small { color:var(--set-quiet); font-size:10px; font-weight:400; }
#panel-auto .sr2 { gap:6px; }
#panel-auto .sr2 .buy { min-width:0; gap:4px; padding:0; color:var(--set-muted); font-size:10px; }
#panel-auto .sr2 .buy.none { opacity:.57; }
#panel-auto .sr2.hidden { display:none; }
#panel-auto .slot { padding:10px 13px; border-bottom:1px solid var(--set-soft); background:#1c2a2b; }
#panel-auto .slot .st { margin-bottom:8px; }
#panel-auto .slot .st b { color:var(--set-text); font-size:11.5px; }
#panel-auto .slot .cond { color:var(--set-muted); font-size:11px; }
#panel-auto .ssel { min-height:35px; width:100%; padding:0 9px; border:1px solid #64756c; border-radius:0; background:#122022; color:var(--set-text); font-size:11.5px; }
#panel-auto .numin { width:46px; min-height:30px; padding:0 4px; border:1px solid #718172; border-radius:0; background:#132122; color:var(--set-gold); font-size:12px; font-weight:800; text-align:center; }
#panel-auto input[type=checkbox] { appearance:none; position:relative; width:18px; height:18px; flex:0 0 18px; margin:0; border:1px solid #687c6c; border-radius:0; background:#122022; cursor:pointer; }
#panel-auto input[type=checkbox]:checked { border-color:#b6a16c; background:#474737; }
#panel-auto input[type=checkbox]:checked::after { content:'✓'; position:absolute; inset:-1px 0 0; color:#eed6a0; font-size:13px; font-weight:900; line-height:18px; text-align:center; }
#panel-auto input[type=checkbox]:focus-visible { outline:2px solid var(--set-gold); outline-offset:2px; }
#panel-auto .sr2 .buy input[type=checkbox] { width:16px; height:16px; }
#panel-auto img.si { width:27px; height:27px; border-radius:0; background:#122022; image-rendering:pixelated; }
#auto-buff-skills.autosk { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
#auto-buff-skills.autosk label { gap:7px; min-width:0; min-height:48px; }
#auto-buff-skills.autosk label:nth-child(odd) { border-right:1px solid var(--set-soft); }
#auto-buff-skills.autosk label:last-child { border-bottom:1px solid var(--set-soft); }
#auto-buff-skills.autosk label span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--set-text); }
#auto-buff-skills:empty:after { color:var(--set-muted); }
#panel-auto .sgrp > .m-act { width:calc(100% - 26px); min-height:44px; margin:12px 13px; border-color:#617267; background:#24312e; color:var(--set-text); font-size:11px; }
#panel-auto .sgrp > .m-act.warn { border-color:#a6776c; background:#3a2827; color:#e9b9aa; }
#panel-auto #save-status { width:auto; margin:17px 0 12px; padding:11px 14px; border:1px solid #516a5b; border-radius:0; background:#1e302b; color:#b7ddbd; font-size:11px; text-align:left; }
#set-tab-auto > .sgrp { margin-top:12px; }
#set-tab-auto > .sgrp > .gh { padding:9px 14px; }
#set-tab-auto > .sgrp > .m-act { min-height:44px; }
#set-guide { min-width:0; padding:27px 20px; border-left:1px solid var(--set-line); background:#1b292a; overflow-y:auto; }
#set-guide h2 { margin:7px 0; font-size:18px; }
#set-guide p { margin:0; color:var(--set-muted); font-size:11px; line-height:1.65; }
.set-guide-card { margin-top:20px; padding:16px; border:1px solid var(--set-line); background:#22302f; }
.set-guide-card h3 { margin:8px 0 7px; font-size:14px; }
.set-guide-row { display:flex; justify-content:space-between; gap:8px; padding:11px 0; border-bottom:1px solid var(--set-soft); color:var(--set-muted); font-size:11px; }
.set-guide-row:last-child { border:0; }
.set-guide-row b { color:var(--set-gold); font-weight:700; text-align:right; }
.set-guide-tip { margin-top:20px; padding:13px; border-left:2px solid #a58d5e; background:#26302c; color:#c8d2c4; font-size:11px; line-height:1.65; }
.set-guide-tip strong { color:#e6d1a4; }
#panel-auto[data-set-view="auto"] .set-guide-junk,#panel-auto[data-set-view="junk"] .set-guide-auto { display:none; }
#set-tab-junk #junk-protect { margin:0; padding:0; }
#junk-protect .sr { min-height:58px; }
#junk-protect .sr:before { content:'◇'; display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border:1px solid #776f58; background:#2f362b; color:var(--set-gold); }
#junk-protect .sr input { order:3; margin-left:auto; }
#junk-protect .sr input[type=checkbox] { width:34px; height:19px; flex-basis:34px; padding:2px; border:1px solid #607167; border-radius:15px; background:#253431; }
#junk-protect .sr input[type=checkbox]::after { content:''; position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:#869a8d; }
#junk-protect .sr input[type=checkbox]:checked { border-color:#9eb48d; background:#405b49; }
#junk-protect .sr input[type=checkbox]:checked::after { left:17px; background:#cce4b5; }
#junk-protect .sr .lb { order:2; }
#junk-protect > .text-xs { padding:11px 14px; color:var(--set-muted); font-size:10px; line-height:1.5; }
#junk-list { min-width:0; }
#junk-list .sgrp { margin:0; }
#junk-list .jklist { border-top:0; }
#junk-list .jkrow { min-height:63px; padding:8px 7px 8px 13px; border-color:var(--set-soft); }
#junk-list .jkrow img { width:38px; height:38px; flex:0 0 38px; padding:2px; border:1px solid #6a7467; background:#27332d; image-rendering:pixelated; }
#junk-list .jkrow .jkn { font-size:12px; font-weight:700; }
#junk-list .jkrow .jkc { color:var(--set-quiet); font-size:10px; }
#junk-list .jkrow .m-act { min-height:36px; height:36px; padding:0 11px; border-color:#617267; background:#24312e; color:#c6d4c7; font-size:10px; }
#junk-list .jkempty { padding:18px 14px; color:var(--set-muted); font-size:11px; line-height:1.7; }
#junk-list .set-junk-lead { padding:12px 14px; border-bottom:1px solid var(--set-soft); color:var(--set-muted); font-size:10px; line-height:1.55; }
#junk-list .set-junk-lead b { color:var(--set-gold); }
#junk-list .set-junk-foot { padding:0 14px 13px; color:var(--set-quiet); font-size:10px; }
@media(min-width:768px){
  body[data-mpage="set"] #panel-auto { display:grid !important; grid-template-columns:minmax(0,1fr) 313px; grid-template-rows:151px 51px minmax(0,1fr); }
  #set-hero { grid-column:1; grid-row:1; }
  #set-tabs { grid-column:1; grid-row:2; }
  #panel-auto .scroll-fill { grid-column:1; grid-row:3; height:100%; }
  #set-guide { grid-column:2; grid-row:1/4; }
}
@media (min-width:768px) and (max-width:1199px){
  body[data-mpage="set"] #panel-auto { grid-template-columns:minmax(0,1fr); }
  #set-guide { display:none; }
}
@media (min-width:768px) and (max-width:949px){
  #panel-auto .set-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:767px){
  body[data-mpage="set"] #panel-auto { display:flex !important; flex-direction:column; min-height:0; }
  #set-hero { min-height:75px; padding:13px 15px; background:#1a2728; }
  #set-hero > span,#set-hero p { display:none; }
  #set-hero h1 { margin:7px 0 0; font-size:21px; }
  #panel-auto #set-tabs { min-height:49px; }
  #panel-auto #set-tabs .seg { flex:1 1 50%; min-width:0; min-height:49px; padding:0 4px; font-size:12px; }
  #panel-auto .scroll-fill { flex:1 1 0; min-height:0; padding:14px 13px 20px; }
  .set-page-head { padding-bottom:10px; }
  .set-page-head h2 { font-size:16px; }
  .set-page-head small { font-size:9px; }
  .set-intro { margin:11px 0 13px; padding:10px 11px; font-size:10px; }
  .set-intro i { font-size:19px; }
  .set-grid { display:block; }
  .set-stack { display:block; }
  #panel-auto .sgrp,#set-tab-junk #junk-protect { margin:13px 0 0; }
  #panel-auto .sgrp > .gh { padding:11px 12px; font-size:12px; }
  #panel-auto .sgrp > .gh small { font-size:9px; }
  #panel-auto .sr,#panel-auto .sr2,#auto-buff-skills.autosk label { min-height:48px; padding:9px 11px; font-size:11px; }
  #panel-auto .sr .lb,#panel-auto .sr2 .lbl { font-size:11px; }
  #panel-auto .slot { padding:10px 11px; }
  #panel-auto .slot .st b { font-size:11px; }
  #panel-auto .slot .cond { font-size:10px; }
  #panel-auto .ssel { min-height:44px; font-size:12px; }
  #panel-auto .numin { min-height:44px; font-size:12px; }
  #auto-buff-skills.autosk { grid-template-columns:minmax(0,1fr); }
  #auto-buff-skills.autosk label:nth-child(odd) { border-right:0; }
  #panel-auto #save-status { margin:13px 0 12px; font-size:10px; }
  #set-tab-auto > .sgrp { margin-top:12px; }
  #set-guide { display:none; }
  #junk-protect .sr { min-height:55px; }
  #junk-list .jkrow { min-height:63px; }
}