:root{--ro-blue:#255f98;--ro-blue2:#174773;--ro-line:#a8b8c7;--ro-paper:#fffdf7;--ro-cream:#f6efe2;--ro-ink:#26384a;--ro-gold:#d49a35;--ro-red:#d94a48}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0!important;font-family:Tahoma,'Noto Sans Thai',Arial,sans-serif!important;color:var(--ro-ink)!important;background:#eaf5fb url('images/bg_page.jpg') center top/cover fixed no-repeat!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(235,247,252,.60)}
a{color:#1d568b}.ro-topbar{position:sticky;top:0;z-index:9999;background:linear-gradient(#fffefb,#efe8dc);border-bottom:1px solid #9daebd;box-shadow:0 3px 12px #27435b35}.ro-nav{max-width:1220px;margin:auto;min-height:62px;display:flex;align-items:center;gap:8px;padding:6px 12px}.ro-logo{font-weight:1000;font-size:24px;color:#215d96!important;text-shadow:0 1px #fff;white-space:nowrap;margin-right:18px}.ro-logo span{color:#e65354}.ro-links{display:flex;align-items:center;gap:3px;flex:1;flex-wrap:wrap}.ro-links a{padding:10px 11px;border-radius:5px;color:#33485c!important;text-decoration:none!important;font-weight:700;font-size:13px;border:1px solid transparent}.ro-links a:hover{background:#e3f1fb;border-color:#a9c3d7;color:#174e7e!important}.ro-actions{display:flex;gap:7px}.ro-actions a{padding:10px 15px;border-radius:5px;font-weight:900;text-decoration:none!important}.ro-login{background:linear-gradient(#438bd0,#2466a7);color:#fff!important;border:1px solid #174e82}.ro-register{background:linear-gradient(#ff7773,#d94646);color:#fff!important;border:1px solid #ae3131}
.ro-page-head{max-width:1200px;margin:18px auto 0;padding:18px 22px;background:linear-gradient(180deg,#fffef9,#f2ebde);border:1px solid #9fb1c1;border-radius:8px 8px 0 0;box-shadow:0 5px 18px #31506a26}.ro-page-head b{display:block;font-size:25px;color:#225d92}.ro-page-head span{font-size:12px;color:#748493}
/* force legacy pages into classic RO palette */
.ui.message.piled.segment,.ui.segment,.well,.section,.ro-panel,.bossCard,.box,.bossArt,.sec,.table-wrap,.page-card,.member-card{background:linear-gradient(180deg,#fffefb,#f6f0e5)!important;border:1px solid #9fb2c2!important;box-shadow:0 5px 18px #294a6528!important;color:#2b3c4d!important;border-radius:7px!important}.breadcrumb,.crumb,.download-breadcrumb,.badge,.chip,.pill,.kvRow,.dropItem,.eddga-alert{background:#e8f2f9!important;border:1px solid #aec3d3!important;color:#315775!important}.main-header span,.heroTitle,.hero-title,.sectionHead h2,.bossName,.box-text-haeder,.sec h4,.boxTitle{color:#235e93!important;text-shadow:0 1px #fff!important}.form-control,.search,select,textarea,input[type=text],input[type=password],input[type=email]{background:#fff!important;border:1px solid #9eb4c5!important;color:#26384a!important;border-radius:5px!important}.btn-ro,.btn-register,.ui.button,.btn-primary{background:linear-gradient(#4c94d5,#2769aa)!important;border:1px solid #1a558b!important;color:#fff!important;text-shadow:0 1px #164a77!important}.btn-close,.btn-danger{background:linear-gradient(#ef7772,#cc4442)!important;color:#fff!important}.table thead th,.bossTop{background:linear-gradient(#3d7fb9,#245e91)!important;color:#fff!important;border-color:#174e7e!important}.table tbody td{background:#fffdf8!important;color:#34485a!important;border-color:#d4dce2!important}.table tbody tr:nth-child(even) td{background:#f4f8fa!important}label,.help-block,.smallNote,small{color:#61798c!important}
.header_table{max-width:1200px!important;width:calc(100% - 24px)!important;margin:20px auto!important;background:transparent!important}.header_table>table{width:100%!important;max-width:1200px!important}.header_table td[height="500"]{height:90px!important}.header_table td[height="1130"]{height:auto!important}.wrapper{background:transparent!important}#particles-js{display:none!important}
@media(max-width:900px){.ro-nav{align-items:flex-start;flex-wrap:wrap}.ro-links{order:3;width:100%}.ro-links a{padding:8px}.ro-actions{margin-left:auto}.header_table td[width="20"]{display:none}.header_table td[width="1160"]{width:100%!important}.header_table{width:calc(100% - 14px)!important}}

/* HE HE HE RO unified production skin 2026-09-28 */
:root{--he-blue:#2266a6;--he-blue2:#153f70;--he-sky:#dff4ff;--he-paper:#fffdf6;--he-line:#91b5cf;--he-ink:#253c51;--he-gold:#e7aa38;--he-red:#e95355}
html,body{background:#dff3fc url('images/bg_page.jpg') center top/cover fixed no-repeat!important;color:var(--he-ink)!important}
body:before{background:rgba(235,248,255,.74)!important}
/* kill legacy full-page art and dark/red skins */
.wrapper,.header_table,.change,#loadPage,main,.content,.container,.ui.container{background-color:transparent!important;background-image:none!important}
.header_table{height:auto!important;min-height:0!important;margin:18px auto!important;padding:0!important;border:0!important}
.header_table>table,.header_table>tbody,.header_table>table>tbody,.header_table>table>tbody>tr{height:auto!important;min-height:0!important;background:transparent!important}
.header_table td{height:auto!important;min-height:0!important;background-image:none!important}
/* universal readable content surface */
.ui.segment,.ui.message,.segment,.well,.section,.ro-panel,.bossCard,.box,.bossArt,.sec,.table-wrap,.page-card,.member-card,.panel,.card,[class*="content-box"],[class*="info-box"]{background:linear-gradient(180deg,rgba(255,255,252,.98),rgba(244,249,252,.98))!important;border:1px solid var(--he-line)!important;color:var(--he-ink)!important;box-shadow:0 7px 22px rgba(38,82,116,.16)!important}
/* override old maroon/red section blocks */
[style*="#8b0000"],[style*="#800000"],[style*="#900"],[style*="rgb(128, 0, 0)"],[style*="rgb(139, 0, 0)"]{background:#fffdf7!important;color:var(--he-ink)!important}
section,article{color:var(--he-ink)}
.table,.ui.table,table.table{background:#fff!important;color:var(--he-ink)!important;border-color:#b9cfdd!important}.table thead th,.ui.table thead th{background:linear-gradient(#3f86c2,#28679d)!important;color:#fff!important}.table td,.ui.table td{background:#fffdf8!important;color:#30485c!important;border-color:#d7e2e9!important}
/* headings and old gold text */
h1,h2,h3,h4,h5,.main-header span,.heroTitle,.hero-title,.sectionHead h2,.bossName,.box-text-haeder,.sec h4,.boxTitle{color:#225f96!important;text-shadow:0 1px #fff!important}
/* unified shell */
.ro-topbar{position:sticky!important;top:0!important;z-index:99999!important;background:rgba(255,253,247,.97)!important;backdrop-filter:blur(10px);border-bottom:1px solid #a9bfce!important}.ro-nav{max-width:1180px!important}.ro-logo{font-size:23px!important;letter-spacing:.5px}.ro-page-head{max-width:1180px!important}
/* no legacy hero/banner bleeding through internal pages */
body:not(.he-home) .hero,body:not(.he-home) .banner,body:not(.he-home) [class*="main_visual"],body:not(.he-home) [class*="visual-bg"]{background-image:none!important}
@media(max-width:900px){.ro-nav{padding:8px 10px!important}.ro-logo{font-size:19px!important}.ro-links{overflow-x:auto!important;flex-wrap:nowrap!important}.ro-links a{white-space:nowrap!important}.header_table{margin:10px auto!important}}

/* FINAL CLASSIC RAGNAROK RESET — loaded after every legacy page skin */
html,body{margin:0!important;background:#e8f6fd url('images/bg_page.jpg') center top/cover fixed no-repeat!important;color:#29455c!important}
body:before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;background:rgba(238,249,255,.82)!important;pointer-events:none!important}
.ro-topbar{position:sticky!important;top:0!important;z-index:2147483000!important;background:rgba(255,253,247,.98)!important;border-bottom:1px solid #a7bdcc!important;box-shadow:0 3px 12px rgba(38,75,103,.18)!important}
.ro-logo{font-family:Impact,'Arial Black',sans-serif!important;font-style:italic!important;color:#225fa0!important;text-decoration:none!important;letter-spacing:.2px!important}.ro-logo span{display:block!important;font-size:11px!important;line-height:8px!important;letter-spacing:2px!important;color:#327cb8!important;text-align:center!important}
/* legacy page canvases must never show the old red/dark or old banner */
body:not(.he-home),body:not(.he-home) .wrapper,body:not(.he-home) .header_table,body:not(.he-home) .container-main,body:not(.he-home) .page-wrap,body:not(.he-home) #loadPage{background-color:transparent!important;background-image:none!important;color:#29455c!important}
body:not(.he-home) .hero,body:not(.he-home) .section,body:not(.he-home) .ro-panel,body:not(.he-home) .bossCard,body:not(.he-home) .box,body:not(.he-home) .bossArt,body:not(.he-home) .sec,body:not(.he-home) .well,body:not(.he-home) .ui.segment,body:not(.he-home) .ui.message.piled.segment,body:not(.he-home) .ui.tall.stacked.segments>.segment{background:#fffdf8!important;background-image:none!important;border:1px solid #9ebbcf!important;box-shadow:0 6px 20px rgba(41,84,115,.14)!important;color:#29455c!important;border-radius:9px!important}
body:not(.he-home) .hero:before,body:not(.he-home) .hero:after,body:not(.he-home) .section:before{display:none!important;content:none!important}
body:not(.he-home) .topbar,body:not(.he-home) .bossTop,body:not(.he-home) .panel-title,body:not(.he-home) .section-title,body:not(.he-home) .table thead th,body:not(.he-home) .ui.table thead th{background:linear-gradient(180deg,#4d91c8,#28669a)!important;background-image:linear-gradient(180deg,#4d91c8,#28669a)!important;border-color:#1e5784!important;color:#fff!important;text-shadow:none!important}
body:not(.he-home) .kvRow,body:not(.he-home) .dropItem,body:not(.he-home) .pill,body:not(.he-home) .crumb,body:not(.he-home) .breadcrumb,body:not(.he-home) .badge,body:not(.he-home) .chip,body:not(.he-home) .eddga-alert{background:#edf7fc!important;background-image:none!important;border:1px solid #b4cedf!important;color:#315975!important}
body:not(.he-home) .table tbody td,body:not(.he-home) .ui.table tbody td{background:#fffef9!important;color:#304b60!important;border-color:#d4e1e9!important}body:not(.he-home) .table tbody tr:nth-child(even) td{background:#f3f9fc!important}
body:not(.he-home) [style*="background:#9"],body:not(.he-home) [style*="background: #9"],body:not(.he-home) [style*="background:#8"],body:not(.he-home) [style*="background: #8"],body:not(.he-home) [style*="background-color:#1"],body:not(.he-home) [style*="background-color: #1"]{background:#fffdf8!important;background-image:none!important;color:#29455c!important}
body:not(.he-home) .header_table{width:min(1180px,calc(100% - 24px))!important;max-width:1180px!important;margin:18px auto 30px!important;height:auto!important;min-height:0!important;overflow:visible!important}
body:not(.he-home) .header_table td{height:auto!important;min-height:0!important;background:none!important}
body:not(.he-home) h1,body:not(.he-home) h2,body:not(.he-home) h3,body:not(.he-home) h4,body:not(.he-home) .heroTitle,body:not(.he-home) .hero-title,body:not(.he-home) .bossName{color:#225f96!important;text-shadow:none!important}
@media(max-width:900px){body:not(.he-home) .header_table{width:calc(100% - 12px)!important;margin:8px auto 20px!important}.ro-logo span{font-size:9px!important}}

/* MODERN HE HE HE SKIN */
:root{--mnav:#092844;--mnav2:#0b365c;--mblue:#1da8ff;--mline:rgba(88,190,255,.48);--mglass:rgba(8,42,72,.90);--mtext:#eef8ff;--mmuted:#a9c8df}
body{background:#071b2d url('images/hehero/modern_theme_reference.png') center top/cover fixed no-repeat!important;color:var(--mtext)!important}body:before{background:linear-gradient(180deg,rgba(5,25,43,.18),rgba(5,24,41,.72))!important}
.ro-topbar{background:rgba(5,30,51,.94)!important;border-bottom:1px solid var(--mline)!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px)}.ro-nav{max-width:1320px!important;min-height:72px!important}.ro-logo{color:#e9f7ff!important;text-shadow:0 0 16px rgba(52,177,255,.55)!important;font-size:27px!important}.ro-links a{color:#d9efff!important;border-radius:12px!important}.ro-links a:hover{background:rgba(29,168,255,.16)!important;border-color:rgba(58,180,255,.45)!important;color:#fff!important}.ro-actions a{border-radius:12px!important;box-shadow:0 0 18px rgba(39,167,255,.18)}.ro-login{background:linear-gradient(180deg,#168de0,#0d5f9e)!important}.ro-register{background:linear-gradient(180deg,#ff6c78,#dc3f53)!important}
body:not(.he-home) .ui.segment,body:not(.he-home) .ui.message,body:not(.he-home) .segment,body:not(.he-home) .well,body:not(.he-home) .section,body:not(.he-home) .ro-panel,body:not(.he-home) .bossCard,body:not(.he-home) .box,body:not(.he-home) .bossArt,body:not(.he-home) .sec,body:not(.he-home) .table-wrap,body:not(.he-home) .page-card,body:not(.he-home) .member-card,body:not(.he-home) .panel,body:not(.he-home) .card{background:linear-gradient(180deg,rgba(9,47,79,.94),rgba(5,33,57,.94))!important;border:1px solid var(--mline)!important;color:#eaf7ff!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important;border-radius:15px!important}
body:not(.he-home) h1,body:not(.he-home) h2,body:not(.he-home) h3,body:not(.he-home) h4,body:not(.he-home) .heroTitle,body:not(.he-home) .hero-title,body:not(.he-home) .bossName{color:#f2fbff!important;text-shadow:0 0 14px rgba(37,171,255,.35)!important}.breadcrumb,.crumb,.download-breadcrumb,.badge,.chip,.pill,.kvRow,.dropItem,.eddga-alert{background:rgba(18,75,116,.82)!important;border:1px solid rgba(87,186,246,.4)!important;color:#e6f6ff!important}.table,.ui.table,table.table{background:rgba(4,31,53,.92)!important;color:#eaf7ff!important}.table thead th,.ui.table thead th,.bossTop{background:linear-gradient(180deg,#137ec6,#0a548c)!important;color:#fff!important}.table tbody td,.ui.table tbody td,.table tbody tr:nth-child(even) td{background:rgba(8,45,75,.88)!important;color:#e8f6ff!important;border-color:rgba(88,171,222,.25)!important}.table tbody tr:nth-child(even) td{background:rgba(11,55,90,.9)!important}.form-control,.search,select,textarea,input[type=text],input[type=password],input[type=email]{background:rgba(3,29,50,.92)!important;border:1px solid rgba(90,187,245,.48)!important;color:#fff!important;border-radius:10px!important}label,.help-block,.smallNote,small{color:#b7d2e5!important}.ro-page-head{background:linear-gradient(180deg,rgba(11,57,94,.95),rgba(6,37,64,.95))!important;border:1px solid var(--mline)!important;border-radius:16px!important}.ro-page-head b{color:#fff!important}.ro-page-head span{color:#afd0e7!important}

/* 2026-09-28: remove Novice-era page background; keep blue HE HE HE theme */
body{
  background-color:#061d31!important;
  background-image:
    linear-gradient(180deg,rgba(4,27,47,.58),rgba(3,20,35,.86)),
    url('images/hehero/home_original_hero.png')!important;
  background-position:center top,center top!important;
  background-size:cover,cover!important;
  background-attachment:fixed,fixed!important;
  background-repeat:no-repeat,no-repeat!important;
}
body:before{background:rgba(3,21,37,.48)!important}
.he-home:before{background:rgba(3,21,37,.58)!important}