/* KPAH world theme. Existing forms, menu handlers and payment flows are retained. */
:root{--bg:#111513;--panel:#171c19;--gold:#d8b879;--gold-2:#f6deaa;--line:rgba(210,179,119,.28);--text:#f0e9db;--muted:#b1b4a7;--site-max:100%;--header-height:84px}
html{background:#101411;scroll-padding-top:104px}
body{font-family:"Segoe UI",Arial,sans-serif;background:#101411;line-height:1.6}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f5d28d;outline-offset:4px}
.page-shell{max-width:none;width:100%;box-shadow:none;background:#101411}
.auth-world{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:#16201e}
.world-art,.world-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none}
.world-art{background:url('../img/kpah-world.jpg') 42% center/cover no-repeat}
.world-vignette{z-index:-1;background:linear-gradient(90deg,rgba(6,15,16,.08) 10%,rgba(8,14,14,.1) 38%,rgba(10,18,17,.7) 73%,rgba(8,15,14,.91)),linear-gradient(0deg,rgba(6,13,12,.91),transparent 20%,transparent 80%,rgba(6,13,12,.5))}
.world-topline,.world-bottomline{width:calc(100% - 96px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#dad7bf;font-size:10px;letter-spacing:.22em;position:relative}
.world-topline{padding:27px 0;border-bottom:1px solid rgba(224,209,164,.19)}
.world-topline>span:first-child{font-size:16px;font-weight:700;letter-spacing:.18em;color:#eddbb6}
.world-topline i{font-style:normal;color:#b4513e;margin-inline:9px}
.world-topline>span:last-child{font-size:9px;letter-spacing:.3em}
.world-bottomline{padding:22px 0;border-top:1px solid rgba(224,209,164,.16);font-size:9px;color:#a9b0a0;letter-spacing:.15em}
.auth-world-inner{flex:1;width:min(1240px,calc(100% - 120px));margin-inline:auto;display:grid;grid-template-columns:1fr 390px;gap:8%;align-items:center;padding:64px 0 74px;min-height:620px}
.world-brand{align-self:center;position:relative;padding:20px 0 135px;text-shadow:0 3px 28px #081314}
.world-eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:600;color:#ebd2a6;letter-spacing:.3em;margin:0 0 24px}
.world-eyebrow span{width:36px;height:1px;background:#d3b37c}
.world-brand h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.9vw,88px);font-weight:700;line-height:1.12;letter-spacing:-.055em;margin:0;color:#f3e4bf;text-shadow:0 2px 0 #5b4325,0 6px 24px #071210}
.world-brand h1 em{font-style:normal;color:#e6c282;display:inline-block;margin-left:35px}
.world-tagline{font-family:Georgia,"Times New Roman",serif;color:#e1e3d5;font-style:italic;font-size:17px;margin:25px 0 0;letter-spacing:.025em}
.world-seal{position:absolute;left:0;bottom:53px;display:grid;place-items:center;width:35px;height:46px;color:#e2b794;background:#7c2923;border:1px solid #b77959;font-family:serif;font-size:23px;transform:rotate(-5deg);box-shadow:0 3px 15px #1118}
.entry-card{position:relative;padding:39px 34px 27px;background:linear-gradient(155deg,rgba(30,39,33,.96),rgba(13,23,20,.96));border:1px solid #8f7851;box-shadow:0 24px 100px #0008,inset 0 0 0 6px #121d17,inset 0 0 0 7px #74634545;text-align:center;width:100%;margin:0;align-self:center}
.entry-card::before,.entry-card::after{width:23px;height:23px;color:#c9aa71}
.entry-emblem{color:#e5c58b;font-size:24px;line-height:1;margin-bottom:20px}
.panel-overline{color:#c3a774;font-size:10px;letter-spacing:.2em;font-weight:600;text-transform:uppercase}
.entry-card .panel-overline{margin:0 0 8px}
.entry-card h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;letter-spacing:-.025em;color:#f1e4ca;margin:0}
.entry-intro{color:#aeb3a4;font-size:12px;margin:9px 0 29px}
.entry-card .compact-auth{display:flex;flex-direction:column;gap:13px}
.entry-card .input-wrap{height:52px;background:#0a1310aa;border:1px solid #84917c45;border-radius:3px;margin:0}
.entry-card .input-wrap:focus-within{border-color:#d2b277;box-shadow:0 0 0 3px #d2b27710}
.entry-card .input-wrap svg{fill:#bca47c;width:16px;height:16px;left:16px;margin-left:0}
.entry-card .input-wrap input{height:100%;padding:0 14px 0 44px;font-family:inherit;font-size:13px;color:#f1ebdc;background:transparent;border:0}
.entry-card .input-wrap input::placeholder{color:#8e9c8e}
.entry-card .forgot-link{font-size:11px;color:#c5b590;margin:0 0 7px;align-self:flex-end}
.gold-button{background:linear-gradient(110deg,#e6cb91,#b48a4e);color:#251d11;border:1px solid #e2c389;font-family:inherit;text-shadow:none;border-radius:3px;font-size:12px;letter-spacing:.04em;min-height:46px;box-shadow:0 5px 20px #0003;transition:filter .18s,transform .18s}
.entry-card .gold-button{height:49px;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}
.entry-card .register-hint{font-size:12px;color:#aeb3a4;margin:9px 0 0;line-height:1.8}
.entry-card .register-hint button{color:#edce94;text-decoration:underline;text-underline-offset:4px;font-size:12px;margin-left:4px}
.entry-card .form-message:empty{display:none}
.entry-rule{margin-top:30px;display:flex;align-items:center;gap:12px;color:#7f8d7e;font-size:8px;letter-spacing:.18em}
.entry-rule::before,.entry-rule::after{content:"";height:1px;flex:1;background:#8d79543d}
.frame-panel{background-color:#151f19;border-color:#87724b}
.modal-card{background:linear-gradient(150deg,#222c23,#101914);border-radius:6px;box-shadow:0 30px 100px #0009;font-family:"Segoe UI",Arial,sans-serif}
.modal-card h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;color:#f1d8a4}
.modal-form label{font-size:13px;color:#cfcebb}
.modal-form input,.modal-form textarea,.modal-form select{border-radius:3px;background:#0e1812;color:#f0e9db;min-height:44px}
.modal-close{min-width:36px;min-height:36px;font-family:Arial,sans-serif}
.modal-backdrop{background:#06100cba;backdrop-filter:blur(8px)}
.member-page .topbar{background:#111a15f5;border-bottom:1px solid #a88c5538;backdrop-filter:blur(12px);height:84px}
.topbar::before,.topbar::after{display:none}
.topbar-inner{width:min(1320px,calc(100% - 64px));grid-template-columns:180px 1fr auto;gap:20px}
.brand,.brand img{width:176px;height:60px;object-fit:contain}
.primary-nav{gap:12px}
.primary-nav a{font-family:inherit;font-size:11px;letter-spacing:.02em}
.btn-account,.btn-gold-small{font-family:inherit;font-size:11px;border-radius:3px;min-height:38px}
.member-hero{position:relative;background:linear-gradient(90deg,#101b16ed,#101b1666),url('../img/kpah-world.jpg') center 46%/cover;border-bottom:1px solid #a88c5538}
.member-hero-inner{width:min(1240px,calc(100% - 80px));margin:auto;min-height:290px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:46px 0}
.member-hero h1{font:400 clamp(30px,3.4vw,48px)/1.2 Georgia,"Times New Roman",serif;color:#f0dfbc;margin:14px 0}
.member-welcome{color:#e4c68e;font-size:14px;margin:0}
.member-welcome span{color:#c0cbbd;font-size:12px}
.member-profile{display:flex;gap:18px;align-items:center;text-align:left;border:1px solid #ac996044;background:#102015bb;border-radius:5px;padding:22px 26px;cursor:pointer}
.profile-medallion{font-family:serif;color:#dbc38d;display:grid;place-items:center;width:52px;height:64px;border:1px solid #b79862;font-size:32px;background:#60412c44}
.member-profile small,.member-profile b,.member-profile em{display:block}
.member-profile small{color:#acae96;font-size:9px;letter-spacing:.12em}
.member-profile b{font-size:18px;color:#e8d2a1;margin:4px 0;max-width:220px;overflow-wrap:anywhere}
.member-profile em{font-style:normal;font-size:11px;color:#bfc5b1}
.member-hub{width:min(1240px,calc(100% - 80px));margin:auto;padding:40px 0 10px}
.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.hub-heading .panel-overline{font-size:9px;margin:0 0 6px}
.hub-heading h2{font:400 28px/1.3 Georgia,"Times New Roman",serif;color:#e9ddc4;margin:0}
.member-badge{color:#a5b69c;border:1px solid #78936440;border-radius:30px;padding:7px 13px;font-size:9px;letter-spacing:.1em}
.member-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.member-menu-card{position:relative;text-align:left;display:flex;align-items:flex-start;flex-direction:column;min-height:206px;padding:25px 22px;background:linear-gradient(140deg,#202a20,#182119);border:1px solid #81936933;border-radius:5px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s;overflow:hidden}
.member-menu-card.featured{background:linear-gradient(125deg,#58352b,#2d241b);border-color:#c69a5e80}
.member-menu-card:hover{transform:translateY(-4px);border-color:#d0b47b;background-color:#293426}
.member-menu-card small{font-size:8px;letter-spacing:.16em;color:#b0aa8f;margin-bottom:32px}
.member-menu-card b{font:400 21px/1.4 Georgia,"Times New Roman",serif;color:#eddbb6;margin-bottom:7px;z-index:1}
.member-menu-card>span:not(.menu-glyph){font-size:11px;color:#b0baaa;line-height:1.7;z-index:1}
.member-menu-card i{font-style:normal;font-size:10px;color:#d9bc85;margin-top:auto;padding-top:19px}
.menu-glyph{position:absolute;right:18px;top:10px;color:#c6ac7040;font-size:50px;font-family:Georgia,serif;line-height:1.3}
.member-utilities{display:flex;flex-wrap:wrap;gap:9px 24px;padding:22px 0;border-bottom:1px solid #81936926}
.member-utilities a,.member-utilities button{background:none;border:0;padding:4px 0;font:11px/1.6 "Segoe UI",Arial,sans-serif;color:#b9c2af;cursor:pointer}
.member-utilities a:hover,.member-utilities button:hover{color:#f0d59b}
.dashboard-section{background:none;padding:30px 0 50px}
.dashboard-grid{width:min(1240px,calc(100% - 80px));grid-template-columns:1fr 1.15fr 1fr;gap:20px}
.dark-panel{border:1px solid #81936933;background:#182119;border-radius:5px;overflow:hidden}
.panel-header{background:#ffffff03;min-height:64px;border-bottom:1px solid #81936933;padding:16px}
.panel-header h2{font:400 20px Georgia,"Times New Roman",serif;color:#e2d6b9}
.panel-header button,.panel-header a{font:10px "Segoe UI",Arial,sans-serif;color:#c6b58e}
.rank-head,.rank-row{font-family:inherit;font-size:11px;min-height:40px}
.rank-head{color:#a8b19d;font-size:10px}
.ranking-tabs button{font-family:inherit;min-height:34px;font-size:10px}
.ranking-category-menu summary{font-size:11px}
.news-list,.top-one-list{font-family:inherit}
.site-footer{background:#0e1711;border-top:1px solid #81936926;color:#819078;padding:28px 20px;gap:7px;font-size:10px;letter-spacing:.06em}
.site-footer p:first-child{color:#b7ae8c;font-size:10px;letter-spacing:.17em}
.site-footer span{color:#986646;margin-inline:10px}
@media(min-width:1600px){.auth-world-inner{width:min(1380px,calc(100% - 160px));grid-template-columns:1fr 420px}.entry-card{padding:48px 40px 33px}.world-brand h1{font-size:100px}}
@media(max-width:1100px){.topbar-inner{width:calc(100% - 40px);grid-template-columns:145px 1fr auto;gap:12px}.brand,.brand img{width:145px}.primary-nav{gap:3px}.primary-nav a{font-size:10px;padding-inline:6px}.account-actions{gap:8px}.auth-world-inner{width:calc(100% - 80px);gap:6%;grid-template-columns:1fr 360px}.world-brand h1{font-size:61px}.world-tagline{font-size:14px}.world-eyebrow{font-size:8px;letter-spacing:.16em}.dashboard-grid{grid-template-columns:1fr 1fr}.event-panel{grid-column:1/-1}.member-menu-grid{gap:12px}.member-menu-card{padding:22px 16px}.member-menu-card b{font-size:19px}}
@media(max-width:980px){.member-page .topbar{height:72px}.topbar-inner{grid-template-columns:1fr auto auto}.brand,.brand img{height:55px}.menu-button{display:flex;grid-column:2;grid-row:1}.account-actions{grid-column:3;grid-row:1}.primary-nav{background:#142018;top:72px;border:1px solid #a88c5550}.primary-nav a{font-size:12px;min-height:44px}.member-hero-inner{min-height:250px}.member-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-menu-card{min-height:185px;padding:24px}.member-menu-card small{margin-bottom:20px}.member-profile{padding:18px}.member-profile small{font-size:8px}.world-topline,.world-bottomline{width:calc(100% - 60px)}}
@media(max-width:760px){.auth-world-inner{grid-template-columns:1fr;width:min(410px,calc(100% - 40px));gap:28px;padding:34px 0 40px;min-height:0}.world-art{background-position:33% center}.world-vignette{background:linear-gradient(0deg,#0a1712d9,#0a17128c 55%,#0a17124d)}.world-brand{text-align:center;padding:0;align-self:auto}.world-brand h1{font-size:48px;line-height:1.1}.world-brand h1 em{margin-left:0}.world-eyebrow{justify-content:center;font-size:8px;margin-bottom:14px}.world-eyebrow span{width:22px}.world-tagline{font-size:13px;margin-top:15px}.world-seal{display:none}.world-topline{width:calc(100% - 40px);padding:18px 0}.world-topline>span:first-child{font-size:12px}.world-topline>span:last-child{font-size:7px;letter-spacing:.09em;max-width:130px;text-align:right}.world-bottomline{width:calc(100% - 40px);font-size:7px;letter-spacing:.07em;justify-content:center;flex-wrap:wrap;gap:6px;padding:16px 0}.entry-card{padding:28px 28px 24px}.entry-emblem{font-size:20px;margin-bottom:15px}.entry-card h2{font-size:29px}.entry-intro{margin-bottom:22px}.entry-rule{margin-top:24px}.member-hero-inner,.member-hub,.dashboard-grid{width:calc(100% - 36px)}.member-hero-inner{display:block;padding:34px 0;min-height:0}.member-hero h1{font-size:32px}.member-welcome span{display:block;margin-top:5px}.member-profile{margin-top:24px;padding:14px 18px;width:100%}.profile-medallion{width:40px;height:48px;font-size:25px}.member-profile b{font-size:16px}.member-hero-inner .panel-overline{font-size:9px}.member-hub{padding-top:30px}.hub-heading h2{font-size:25px}.member-badge{display:none}.member-menu-card{padding:21px 17px;min-height:190px}.member-menu-card b{font-size:19px}.member-menu-card small{font-size:7px;margin-bottom:23px}.member-menu-card>span:not(.menu-glyph){font-size:10px}.member-menu-card i{font-size:10px}.menu-glyph{font-size:40px}.member-utilities{gap:9px 19px}.dashboard-grid{grid-template-columns:1fr}.event-panel{grid-column:auto}.dashboard-section{padding-top:20px}.topbar-inner{width:calc(100% - 28px);gap:10px}.member-page .brand,.member-page .brand img{width:125px}.user-chip{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout-button{display:none}.site-footer p:first-child{font-size:8px;letter-spacing:.08em}.modal-card{padding:35px 23px 24px}.modal-card h2{font-size:25px}}
@media(max-width:380px){.world-brand h1{font-size:42px}.entry-card{padding-inline:22px}.entry-card .register-hint,.entry-card .register-hint button{font-size:11px}.world-topline>span:last-child{max-width:112px}.member-menu-card{padding:19px 13px}.member-menu-card b{font-size:17px}.member-menu-card>span:not(.menu-glyph){font-size:10px}.user-chip{max-width:90px}.member-page .brand,.member-page .brand img{width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Mỹ Sơn Mobile: logo and concise interface. */
.server-logo{margin:0!important;line-height:0!important;text-shadow:none!important}
.server-logo img{width:min(100%,560px);height:auto;object-fit:contain;filter:drop-shadow(0 7px 20px #0008)}
.world-brand{padding:20px 0 110px}
.entry-card h2{margin:0 0 28px}
.entry-card{padding-top:38px;padding-bottom:34px}
.member-page .brand,.member-page .brand img{width:174px;height:78px;object-fit:contain;transform:none}
.member-menu-card{min-height:170px;padding-top:34px}
.member-menu-card b{margin-top:0}
.member-menu-card .menu-glyph{font-size:38px;top:16px;right:15px}
.member-menu-card>span:not(.menu-glyph){max-width:94%}
.member-menu-card b,.member-menu-card>span:not(.menu-glyph){position:relative}
@media(max-width:980px){.member-page .brand,.member-page .brand img{height:66px;width:150px}}
@media(max-width:760px){.world-brand{padding:0;width:100%;max-width:330px;margin-inline:auto}.server-logo img{width:100%}.auth-world-inner{gap:12px;padding-top:24px;padding-bottom:30px}.member-page .brand,.member-page .brand img{width:125px;height:64px}.member-menu-card{min-height:170px;padding-top:29px}.entry-card h2{margin-bottom:24px}}

/* Server Vạn Xuân 2026: centered authentication, plain Times New Roman name. */
.auth-world{min-height:100svh;overflow:visible}
.auth-world-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:min(420px,calc(100% - 40px));min-height:100svh;margin-inline:auto;padding:36px 0;flex:1}
.server-title,.server-dialog-title,.brand-name{font-family:"Times New Roman",Times,serif;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:none;color:#f0dfbd}
.server-title{font-size:34px;line-height:1.2;text-align:center;margin:0;max-width:100%;text-wrap:balance;text-shadow:0 2px 12px #000}
.entry-card{width:100%;padding:30px 32px;align-self:auto}
.entry-card h2{font-family:"Times New Roman",Times,serif;font-size:28px;margin:0 0 24px;text-transform:none;letter-spacing:normal}
.entry-card .input-wrap{height:52px}
.entry-card .input-wrap input{font-size:16px}
.entry-card .gold-button{font-size:15px;min-height:48px}
.entry-card .forgot-link{min-height:38px;display:flex;align-items:center;font-size:13px;margin-bottom:0}
.entry-card .register-hint,.entry-card .register-hint button{font-size:14px;line-height:1.8}
.entry-card .register-hint button{display:inline-block;min-height:44px}
.world-vignette{background:linear-gradient(90deg,#08120d44,#08120d7d 50%,#08120d66),linear-gradient(0deg,#08120dbb,transparent 70%)}
.brand-name{font-size:24px;line-height:1.15;white-space:normal}
.member-page .brand{overflow:visible}
.server-dialog-title{font-size:25px;line-height:1.2;text-align:center;margin:5px 0 22px;text-wrap:balance}
.guest-page .modal-card{max-height:calc(100svh - 32px);max-height:calc(100dvh - 32px)}
.guest-page .modal-form input{font-size:16px;min-height:48px}
.guest-page .modal-form .gold-button{font-size:14px;min-height:48px}
.guest-page .modal-card h2{font-family:"Times New Roman",Times,serif;font-size:27px;text-transform:none;letter-spacing:normal}
@media(max-width:760px){.auth-world-inner{width:min(420px,calc(100% - 32px));gap:18px;padding:28px 0;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.server-title{font-size:30px}.entry-card{padding:26px 24px}.entry-card h2{margin-bottom:22px}.brand-name{font-size:21px}.guest-page .modal{padding:16px}.server-dialog-title{font-size:25px}.guest-page .modal-card{width:min(420px,100%);padding:42px 24px 24px}}
@media(max-width:380px){.auth-world-inner{width:calc(100% - 24px);gap:16px;padding-block:24px}.server-title{font-size:27px}.entry-card{padding:24px 20px}.entry-card .register-hint,.entry-card .register-hint button{font-size:13px}.server-dialog-title{font-size:23px}.brand-name{font-size:19px}}
@media(max-height:640px) and (orientation:landscape){.auth-world-inner{padding-block:20px;gap:14px}.server-title{font-size:28px}.entry-card{padding-block:22px}}

/* Framed game wordmark, retaining Times New Roman and mobile layout. */
.server-title,.server-dialog-title{position:relative;isolation:isolate;display:block;width:100%;font-family:"Times New Roman",Times,serif;font-weight:700;color:#f6d892;line-height:1.15;text-align:center;border:1px solid #d2ac60;border-radius:5px;background:radial-gradient(ellipse at 50% 0%,#78502b59,transparent 75%),linear-gradient(145deg,#3c211fe8,#122018f2 70%);box-shadow:0 10px 32px #0006,inset 0 0 0 5px #111b15,inset 0 0 0 6px #b78d484d,0 0 24px #d4aa4b14;text-shadow:0 2px 0 #513016,0 3px 10px #0009;overflow-wrap:break-word;text-wrap:balance}
.server-title{font-size:46px;padding:25px 20px;margin:0}
.server-dialog-title{font-size:34px;padding:20px 14px;margin:10px 0 26px}
.server-title::before,.server-title::after,.server-dialog-title::before,.server-dialog-title::after{content:"";position:absolute;width:20px;height:20px;border-color:#f1cd80;border-style:solid;pointer-events:none;opacity:.9}
.server-title::before,.server-dialog-title::before{top:8px;left:8px;border-width:2px 0 0 2px}
.server-title::after,.server-dialog-title::after{bottom:8px;right:8px;border-width:0 2px 2px 0}
@media(max-width:760px){.server-title{font-size:40px;padding:22px 18px}.server-dialog-title{font-size:31px;padding:18px 14px}.auth-world-inner{gap:20px}}
@media(max-width:380px){.server-title{font-size:35px;padding:21px 15px}.server-dialog-title{font-size:28px;padding:18px 12px}}
@media(max-height:640px) and (orientation:landscape){.server-title{font-size:36px;padding:16px}.auth-world-inner{gap:16px}}