/* ===== ฐานสไตล์สำหรับเนื้อหาที่ย้ายมาจากเว็บเก่า (data/legacy/*) — ใช้แทน bootstrap / semantic เดิม ===== */
.legacy{--mist-r:14px;--mist-shadow:0 8px 20px rgba(60,40,15,.10);font-size:15px;line-height:1.65;color:var(--ink)}
.legacy *{box-sizing:border-box}
.legacy img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}
.legacy a{color:var(--brown)}
.legacy a:hover{color:var(--red)}
.legacy h1,.legacy h2,.legacy h3,.legacy h4,.legacy h5{font-family:'Prompt',sans-serif;line-height:1.35}
.legacy p{margin:0 0 10px}
.legacy .text-center{text-align:center} .legacy .text-left{text-align:left} .legacy .text-right{text-align:right}
.legacy .pull-right{float:right}
.legacy .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.legacy .font-org{color:#d9721e;font-weight:600}
.legacy .font-org2{color:#b0531a;font-weight:600}

/* กริดแบบ bootstrap เดิม */
.legacy .row{display:flex;flex-wrap:wrap;margin:0 -8px}
.legacy .row>[class*="col-"]{padding:0 8px;width:100%}
@media (min-width:768px){
  .legacy .col-sm-4{width:33.333%} .legacy .col-sm-6{width:50%} .legacy .col-sm-12{width:100%}
}
@media (min-width:1100px){
  .legacy .col-lg-4{width:33.333%} .legacy .col-lg-6{width:50%} .legacy .col-lg-12{width:100%}
}

/* กล่องเนื้อหาเดิม */
.legacy .box-sv,.legacy .well,.legacy .box-donate{background:#fff;border:1px solid #efe2c8;border-radius:var(--mist-r);box-shadow:var(--mist-shadow);margin:0 0 18px;overflow:hidden}
.legacy .box-sv-body,.legacy .box-donate-body{padding:18px 20px}
.legacy .well{padding:18px}
.legacy .box-text-haeder{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:19px;font-weight:700;color:var(--brown-d);margin-bottom:6px}
.legacy .box-text-haeder i{color:var(--gold-d);margin-right:4px}
.legacy .box-text-haeder small{font-size:13px;font-weight:500;color:var(--muted)}
.legacy .line-box{height:0;border-top:2px solid #f0e2c4;margin:6px 0 14px}
.legacy .list-unstyled{list-style:none;margin:0;padding:0}
.legacy .list-haeder{font-weight:700;color:var(--brown-d);margin:10px 0 4px}
.legacy .list-text,.legacy .list-text2{padding:4px 0}
.legacy .img-thumbnail,.legacy .img-rounded{border:1px solid #efe2c8;border-radius:12px;padding:4px;background:#fff}

/* ตาราง */
.legacy .table{width:100%;max-width:100%;border-collapse:collapse;margin:0 0 16px;background:#fff;font-size:14.5px}
.legacy .table th,.legacy .table td{padding:9px 10px;border-top:1px solid #f1e6d0;vertical-align:middle}
.legacy .table thead th{background:var(--sand1);color:var(--ink2);font-weight:600;border-bottom:2px solid #eadbbd}
.legacy .table-bordered,.legacy .table-bordered th,.legacy .table-bordered td{border:1px solid #efe2c8}
.legacy .box-sv-body,.legacy .well,.legacy .gpage-scroll{overflow-x:auto}

/* ป้าย/กล่องแบบ semantic ui เดิม */
.legacy .ui.segment{background:#fff;border:1px solid #efe2c8;border-radius:12px;padding:14px 16px;margin:0 0 14px}
.legacy .ui.segments{border:1px solid #efe2c8;border-radius:12px;overflow:hidden}
.legacy .ui.tag.label,.legacy .ui.label,.legacy .label{display:inline-block;padding:3px 10px;border-radius:6px;background:var(--sand1);color:var(--ink2);font-size:12.5px;font-weight:600;margin:2px}
.legacy .eddga-alert{padding:12px 16px;border-radius:12px;margin:0 0 14px;background:#f4ecff;border:1px solid #d9c8f5;color:#4b2f7a}
.legacy .eddga-alert-purple{background:#f4ecff}
.legacy .divider{height:1px;background:#efe2c8;margin:12px 0}
.legacy .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:700;border:0}
.legacy .btn-block{display:flex;width:100%}
.legacy .btn-vote{background:#d04b3f;color:#fff}
.legacy .btn-vote:hover{color:#fff;filter:brightness(1.08)}

/* ลบพื้นหลังหน้าเต็มของหน้าเดิมให้เข้ากับกรอบใหม่ */
.legacy .bt-page,.legacy .et-page,.legacy .dl-page{margin:0!important;max-width:none!important}
/* กันกรณี JS ไม่ทำงาน: ให้เนื้อหา Endless ขึ้นเสมอ */
.legacy .et-reveal{opacity:1!important;transform:none!important}

/* =====================================================================
   จัดหน้าแนะนำผู้เล่นทุกหมวดให้เป็นแบบเดียวกัน: ฟอนต์ Prompt ทั้งหมด
   ขนาดตัวอักษรเท่ากัน สีเข้มอ่านง่าย (โทนน้ำตาล-ทอง ตามธีมเว็บ)
   ===================================================================== */
.gpanel .legacy,
.gpanel .legacy *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]):not(code):not(svg):not(path){
  font-family:'Prompt',sans-serif!important;letter-spacing:normal}
.gpanel .legacy{font-size:15px!important;line-height:1.75!important;color:#4a3622!important}
.gpanel .legacy p,.gpanel .legacy li,.gpanel .legacy td,.gpanel .legacy span,.gpanel .legacy div{line-height:1.75}

/* หัวข้อกล่อง */
.gpanel .legacy .box-text-haeder{font-size:20px!important;font-weight:700!important;color:#5d4129!important;align-items:center!important;gap:6px 10px!important;margin-bottom:4px!important}
.gpanel .legacy .box-text-haeder i{color:#c9962f!important;font-size:18px}
.gpanel .legacy .box-text-haeder small{font-size:13.5px!important;font-weight:400!important;color:#9b8266!important}
.gpanel .legacy .line-box{border:0!important;border-image:none!important;height:2px!important;margin:8px 0 16px!important;opacity:1!important;
  background:linear-gradient(90deg,#c9962f,rgba(201,150,47,.15))!important}
.gpanel .legacy h1,.gpanel .legacy h2,.gpanel .legacy h3,.gpanel .legacy h4{color:#5d4129!important;font-weight:700!important;line-height:1.35!important}
.gpanel .legacy h1{font-size:26px!important} .gpanel .legacy h2{font-size:22px!important}
.gpanel .legacy h3{font-size:18px!important} .gpanel .legacy h4{font-size:16px!important}

/* หัวข้อย่อย + รายการ */
.gpanel .legacy .list-haeder{font-size:16px!important;font-weight:700!important;color:#7a5a3c!important;margin:14px 0 8px!important}
.gpanel .legacy .list-text,.gpanel .legacy .list-text2{font-size:15px!important;color:#4a3622!important;line-height:1.7!important}
.gpanel .legacy .list-unstyled>li.list-text{background:#fffdf8!important;border:1px solid #efe2c8!important;border-radius:10px!important;padding:10px 14px!important;margin:0 0 8px!important;box-shadow:none!important}

/* ตัวเน้น (เดิมสีส้มอ่อน อ่านยาก) → ส้มน้ำตาลเข้ม ตัวหนา */
.gpanel .legacy .font-org,.gpanel .legacy .font-org2,.gpanel .legacy strong,.gpanel .legacy b{color:#a8581a!important;font-weight:600!important}

/* ข้อความเล็ก/จาง ให้เข้มขึ้น */
.gpanel .legacy small,.gpanel .legacy .text-muted,.gpanel .legacy .muted{color:#8a7458!important}

/* ตาราง */
.gpanel .legacy table{font-size:14.5px!important;color:#4a3622!important}
.gpanel .legacy table th,.gpanel .legacy .table>thead>tr>th{background:#5d4129!important;color:#fff3d6!important;font-weight:600!important;font-size:14px!important;border-color:#4a3220!important}
.gpanel .legacy table td{color:#4a3622!important;border-color:#efe2c8!important}
.gpanel .legacy table tbody tr:nth-child(even) td{background:#fbf5e8!important}

/* กล่องคำแนะนำ */
.gpanel .legacy .eddga-alert,.gpanel .legacy .eddga-alert-purple{background:#fff7e6!important;border:1px solid #ecd6a8!important;color:#6b4a22!important;font-size:14.5px!important}

/* ป้ายหน้า Endless / Boss / Costume ที่เคยใช้โทนฟ้า-เทา ให้หัวข้อเป็นสีน้ำตาลเหมือนกัน */
.gpanel .legacy [class*="-title"],.gpanel .legacy [class*="-head"] h2,.gpanel .legacy [class*="-head"] h3{color:#5d4129!important}

/* แยกหัวข้อ กับ ข้อความอธิบาย ให้ชัด */
.gpanel .legacy .list-haeder{position:relative;display:block;padding:4px 0 4px 14px!important;margin:22px 0 10px!important;font-size:17px!important;font-weight:700!important;color:#5d4129!important;background:none!important;border:0!important;list-style:none}
.gpanel .legacy .list-haeder::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:2px;background:#c9962f}
.gpanel .legacy .list-unstyled>.list-haeder:first-child,.gpanel .legacy .line-box+.list-unstyled>.list-haeder:first-child{margin-top:4px!important}
.gpanel .legacy .list-img{list-style:none;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important}
.gpanel .legacy .list-img img{border-radius:10px;border:1px solid #efe2c8;box-shadow:0 4px 12px rgba(84,55,30,.12)}
.gpanel .legacy .list-unstyled>li.list-text{color:#4a3622!important}
.gpanel .legacy .list-unstyled>li.list-text p{margin:0!important;font-size:15px!important}
.gpanel .legacy .list-unstyled hr{display:none}