:root{--wolf-blue:#168fff;--wolf-cyan:#68d8ff;--wolf-navy:#020d21;--wolf-panel:#071b38;--wolf-line:rgba(119,205,255,.34);--wolf-text:#eefaff;--wolf-gold:#f2d17b}
body.x-subpage{background:radial-gradient(circle at 50% 0,rgba(35,132,255,.28),transparent 30%),linear-gradient(180deg,#020b1d 0,#04142d 52%,#020714 100%);color:var(--wolf-text)}
body.x-subpage .x-header{position:sticky;top:0;z-index:100;background:rgba(2,12,31,.96);border-bottom:1px solid rgba(108,202,255,.3);box-shadow:0 12px 36px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
body.x-subpage .x-logo img{border-color:rgba(156,225,255,.92);box-shadow:0 0 24px rgba(42,153,255,.5)}
body.x-subpage .x-sub-main{min-height:calc(100vh - 150px)}
.x-sub-hero{position:relative;overflow:hidden;min-height:310px;border-bottom:1px solid rgba(110,204,255,.36);background:#03122b}
.x-sub-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,11,29,.94) 0%,rgba(3,20,48,.68) 46%,rgba(2,11,29,.9) 100%),url('../img/logo-tuyet-lang-ho.jpg');background-size:cover;background-position:center 42%;filter:saturate(1.08)}
.x-sub-hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 40%,rgba(74,174,255,.18),transparent 30%),linear-gradient(180deg,transparent 60%,rgba(2,8,20,.85))}
.x-sub-hero-inner{position:relative;z-index:2;min-height:310px;display:flex;align-items:center;gap:34px;padding:36px 0}
.x-sub-hero-inner>img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:3px solid rgba(188,232,255,.95);box-shadow:0 0 0 10px rgba(25,140,255,.1),0 0 54px rgba(31,151,255,.7)}
.x-sub-hero-inner span{display:inline-block;margin-bottom:8px;color:#bdeaff;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.x-sub-hero-inner h1{margin:0;color:#fff;font:800 clamp(38px,5vw,64px)/1.05 Georgia,serif;text-transform:uppercase;text-shadow:0 0 22px rgba(56,174,255,.65),0 4px 12px #000}
.x-sub-hero-inner p{margin:13px 0 0;color:#d7efff;font-size:16px}
.x-sub-content{padding:42px 0 60px}
/* Force all old orange/gold subpage skins into the same ice-wolf palette while preserving their layouts */
body.x-subpage .x-sub-content :is(.content-card,.panel,.card,.section-card,.download-hero-card,.download-main-panel,.download-side-card,.guide-card,.news-card,.event-card,.info-card,.form-card,.account-card,.tournament-card,.gift-card,.donate-card,.faq-card,.contact-card,[class*="-panel"],[class*="-card"]){border-color:var(--wolf-line)!important;background:linear-gradient(180deg,rgba(8,31,67,.96),rgba(3,15,37,.97))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.26)!important;color:var(--wolf-text)!important}
body.x-subpage .x-sub-content :is(h1,h2,h3,h4,.title,.section-title,[class*="title"]){color:#f2fbff!important;text-shadow:0 0 16px rgba(54,171,255,.18)!important}
body.x-subpage .x-sub-content :is(p,li,small,.muted,.desc,[class*="desc"],[class*="meta"]){color:#c9e4f7!important}
body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"]){border-color:rgba(171,226,255,.7)!important;background:linear-gradient(180deg,#54baff,#0878e8)!important;color:#fff!important;box-shadow:0 0 22px rgba(30,147,255,.24)!important}
body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"]):hover{filter:brightness(1.08);transform:translateY(-1px)}
body.x-subpage .x-sub-content :is(input,select,textarea){border-color:rgba(111,202,255,.38)!important;background:#04132b!important;color:#fff!important}
body.x-subpage .x-sub-content :is(table,th,td){border-color:rgba(111,202,255,.22)!important}
body.x-subpage .x-sub-content th{background:#0b3970!important;color:#eaf8ff!important}
body.x-subpage .x-sub-content tr:nth-child(even) td{background:rgba(24,91,151,.12)!important}
body.x-subpage .x-sub-content [style*="#ef7b28"],body.x-subpage .x-sub-content [style*="#bd321d"]{background:linear-gradient(180deg,#54baff,#0878e8)!important}
/* Download page overrides */
body.x-subpage .download-page-v2:before{background:radial-gradient(circle at 20% 10%,rgba(56,176,255,.2),transparent 34%),radial-gradient(circle at 80% 0%,rgba(104,216,255,.14),transparent 32%)!important}
body.x-subpage .download-hero-kicker{border-color:rgba(145,219,255,.55)!important;background:linear-gradient(90deg,rgba(10,92,190,.84),rgba(21,167,255,.72))!important;color:#eefaff!important}
body.x-subpage .download-fire-btn{border-color:rgba(171,226,255,.7)!important;background:linear-gradient(180deg,#55bbff 0,#087ae9 58%,#064b9a 100%)!important;color:#fff!important;box-shadow:0 0 22px rgba(30,147,255,.26)!important}
body.x-subpage .download-icon{border-color:rgba(150,219,255,.48)!important;color:#bfeaff!important;box-shadow:0 0 18px rgba(65,176,255,.18)!important}
body.x-subpage .download-row-v2{border-color:rgba(106,202,255,.28)!important;background:radial-gradient(circle at 8% 20%,rgba(65,171,255,.16),transparent 28%),linear-gradient(90deg,rgba(7,34,73,.9),rgba(3,17,40,.82))!important}
body.x-subpage .download-section-title{border-color:rgba(106,202,255,.24)!important}
/* Support widget */
body.x-subpage .tltd-support-toggle,body.x-subpage .tltd-support-submit{border-color:rgba(171,226,255,.72)!important;background:linear-gradient(180deg,#55bbff,#0878e8)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,68,145,.38)!important}
body.x-subpage .tltd-support-box{border-color:rgba(111,202,255,.45)!important;background:linear-gradient(180deg,#071d3d,#020b1b)!important}
body.x-subpage .tltd-support-head{border-color:rgba(111,202,255,.25)!important;background:linear-gradient(180deg,rgba(18,92,174,.9),rgba(5,35,79,.9))!important}
body.x-subpage .tltd-support-head strong,body.x-subpage .tltd-support-msg b{color:#bfeaff!important}
@media(max-width:800px){.x-sub-hero{min-height:240px}.x-sub-hero-inner{min-height:240px;gap:18px}.x-sub-hero-inner>img{width:94px;height:94px}.x-sub-hero-inner h1{font-size:34px}.x-sub-content{padding-top:24px}}
@media(max-width:520px){.x-sub-hero-inner>img{display:none}.x-sub-hero-inner h1{font-size:31px}.x-sub-hero-inner p{font-size:14px}}

/* FINAL POLISH 2026-07-12: unified ice-blue layout */
:root{
  --ice-950:#020817;--ice-900:#041126;--ice-850:#071a35;--ice-800:#0a2447;
  --ice-700:#0d3970;--ice-600:#0f63b8;--ice-500:#1698ee;--ice-400:#55c7ff;
  --ice-300:#9fe4ff;--ice-100:#eaf9ff;--ice-white:#f8fdff;
  --ice-line:rgba(116,205,255,.24);--ice-line-strong:rgba(128,216,255,.48);
  --ice-shadow:0 22px 60px rgba(0,5,18,.42);--ice-radius:14px;
}
html{scroll-behavior:smooth}
body.x-subpage{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.55;background:radial-gradient(900px 420px at 50% -80px,rgba(35,145,255,.27),transparent 65%),linear-gradient(180deg,var(--ice-950),#04142d 48%,#020714);color:var(--ice-100)}
body.x-subpage *{box-sizing:border-box}
body.x-subpage a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
body.x-subpage .x-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.x-subpage .x-header-inner{min-height:78px;gap:20px}
body.x-subpage .x-logo{display:flex;align-items:center;flex:0 0 auto}
body.x-subpage .x-logo img{width:66px;height:66px;object-fit:cover;border-radius:50%;border:2px solid rgba(174,232,255,.8);box-shadow:0 0 0 4px rgba(37,154,255,.08),0 0 28px rgba(38,159,255,.42)}
body.x-subpage .x-nav{display:flex;align-items:stretch;justify-content:center;gap:4px;flex:1}
body.x-subpage .x-nav a{position:relative;display:flex;align-items:center;min-height:78px;padding:0 16px;color:#cfe9f8;font-size:13px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;border-radius:8px 8px 0 0}
body.x-subpage .x-nav a:hover{color:#fff;background:rgba(42,154,255,.08)}
body.x-subpage .x-nav a:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--ice-400),#2b8cff);transform:scaleX(0);transition:transform .2s ease}
body.x-subpage .x-nav a:hover:after,body.x-subpage .x-nav a.active:after{transform:scaleX(1)}
body.x-subpage .x-nav a.active{color:#fff;background:linear-gradient(180deg,rgba(29,126,228,.1),rgba(29,126,228,.03))}
body.x-subpage .x-account-actions{display:flex;gap:10px;flex:0 0 auto}
body.x-subpage .x-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:8px;font-size:12px;font-weight:900;text-transform:uppercase}
body.x-subpage .x-btn-ghost{border:1px solid var(--ice-line-strong);background:rgba(7,28,59,.72);color:#e8f8ff}
body.x-subpage .x-btn-ghost:hover{background:rgba(33,137,241,.16);transform:translateY(-1px)}
body.x-subpage .x-btn-red{border:1px solid rgba(151,224,255,.72);background:linear-gradient(180deg,#52c7ff,#0c82e8);color:#fff;box-shadow:0 8px 22px rgba(10,117,220,.28)}
body.x-subpage .x-btn-red:hover{filter:brightness(1.08);transform:translateY(-1px)}
.x-sub-hero{min-height:268px}
.x-sub-hero-inner{min-height:268px;padding:34px 0;gap:30px}
.x-sub-hero-inner>img{width:126px;height:126px}
.x-sub-hero-inner h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.6vw,60px);letter-spacing:.5px}
.x-sub-hero-inner p{max-width:620px;color:#cce9f8}
.x-sub-content{padding:38px 0 70px}
body.x-subpage .x-sub-content>.page-shell,body.x-subpage .x-sub-content>.content-wrap,body.x-subpage .x-sub-content>.container{width:100%;max-width:none;margin:0}
body.x-subpage .x-sub-content :is(.content-card,.panel,.card,.section-card,.download-hero-card,.download-main-panel,.download-side-card,.guide-card,.news-card,.event-card,.info-card,.form-card,.account-card,.tournament-card,.gift-card,.donate-card,.faq-card,.contact-card,[class*="-panel"],[class*="-card"]){border:1px solid var(--ice-line)!important;border-radius:var(--ice-radius)!important;background:linear-gradient(180deg,rgba(9,34,72,.96),rgba(3,17,42,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),var(--ice-shadow)!important}
body.x-subpage .x-sub-content :is(.main-column,.content-main,.left-column){min-width:0}
body.x-subpage .x-sub-content :is(.sidebar,.right-column,.content-side){min-width:260px}
body.x-subpage .x-sub-content :is(h1,h2,h3,h4,.title,.section-title,[class*="title"]){letter-spacing:.1px!important}
body.x-subpage .x-sub-content h2,body.x-subpage .x-sub-content .section-title{font-size:clamp(24px,2.4vw,34px)!important}
body.x-subpage .x-sub-content :is(.tag,.badge,[class*="tag"],[class*="badge"]){border-color:rgba(111,207,255,.5)!important;background:linear-gradient(90deg,rgba(13,102,191,.88),rgba(29,162,238,.82))!important;color:#fff!important;border-radius:999px!important}
body.x-subpage .x-sub-content :is(a.button,button,.btn,[class*="-btn"],input[type="submit"]){border-radius:8px!important;font-family:inherit!important;font-weight:800!important}
body.x-subpage .x-sub-content :is(input,select,textarea){border-radius:8px!important;min-height:42px!important;padding:10px 12px!important;outline:none!important;transition:border-color .2s ease,box-shadow .2s ease!important}
body.x-subpage .x-sub-content :is(input,select,textarea):focus{border-color:rgba(104,216,255,.72)!important;box-shadow:0 0 0 3px rgba(33,154,255,.12)!important}
body.x-subpage .x-sub-content table{width:100%;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border-radius:10px}
body.x-subpage .x-sub-content th{padding:13px 14px!important;background:linear-gradient(180deg,#0d447f,#092f5e)!important}
body.x-subpage .x-sub-content td{padding:12px 14px!important}
body.x-subpage .x-sub-content img{max-width:100%;height:auto}
body.x-subpage .x-footer{border-top:1px solid var(--ice-line);background:linear-gradient(180deg,#031027,#010611)}
body.x-subpage .x-footer-inner{min-height:130px;gap:24px}
body.x-subpage .x-footer img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:1px solid var(--ice-line-strong)}
body.x-subpage .x-footer-links{display:flex;gap:16px;flex-wrap:wrap}
body.x-subpage .x-footer-links a{color:#bfe7fb}
body.x-subpage .x-footer-links a:hover{color:#fff}
body.x-subpage .tltd-support-toggle{right:20px;bottom:20px;border-radius:999px!important;text-transform:none!important;letter-spacing:.2px}
body.x-subpage .tltd-support-box{border-radius:14px!important;overflow:hidden}
@media(max-width:1050px){body.x-subpage .x-nav a{padding:0 10px;font-size:12px}body.x-subpage .x-account-actions .x-btn{padding-inline:12px}}
@media(max-width:860px){body.x-subpage .x-wrap{width:min(100% - 24px,1180px)}body.x-subpage .x-header-inner{min-height:68px}.nav-toggle{display:block}.x-nav{display:none!important}.x-nav.open{display:flex!important;position:absolute;left:12px;right:12px;top:70px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--ice-line);border-radius:12px;background:rgba(3,17,40,.98);box-shadow:var(--ice-shadow)}body.x-subpage .x-nav a{min-height:46px;border-radius:8px;padding:0 14px}body.x-subpage .x-nav a:after{display:none}.x-account-actions{margin-left:auto}.x-sub-hero-inner>img{width:100px;height:100px}.x-sub-hero{min-height:230px}.x-sub-hero-inner{min-height:230px}}
@media(max-width:600px){body.x-subpage .x-account-actions .x-btn-ghost{display:none}.x-sub-hero-inner{gap:14px}.x-sub-hero-inner h1{font-size:34px}.x-sub-content{padding:24px 0 48px}.tltd-support-box{right:10px!important;bottom:72px!important;width:calc(100vw - 20px)!important}.tltd-support-toggle{right:12px!important;bottom:12px!important}}