body:has(#trx) #tr-global-header,body:has(#trx) #tr-global-footer{display:none !important}
body:has(#trx){margin:0;background:#FFFFFF}
#trx{--bg:#0B1122;--s1:#131B33;--s2:#1B2442;--line:rgba(238,242,251,.09);--ink:#EEF2FB;--mut:#A6B0C8;
--sunT:#3A3112;--sunInk:#FFE07A;--coralT:#3B1D1A;--coralInk:#FFA597;--skyT:#14254A;--skyInk:#9CC2FF;--mintT:#10332B;--mintInk:#7BE3C3;--grapeT:#2A1F4D;--grapeInk:#C8B2FF;
--up:#3FD39A;--down:#FF8A7D;--band:#060B18;--shadow:0 2px 8px rgba(0,0,0,.3);
--sun:#FFC107;--coral:#F2513B;--sky:#2563EB;--mint:#0E9F7A;--grape:#7C3AED;--navy:#0B1533;
background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Thai Looped','Sarabun',system-ui,sans-serif;font-size:17.5px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .3s,color .3s}
#trx.lite{--bg:#FFFFFF;--s1:#FFFFFF;--s2:#E8ECF4;--line:#D3DAE6;--ink:#0B1533;--mut:#3D4862;
--sunT:#FFE27A;--sunInk:#4F3600;--coralT:#FFCFC5;--coralInk:#7F1F10;--skyT:#C9DCFF;--skyInk:#0F3A86;--mintT:#BDEBDA;--mintInk:#064A39;--grapeT:#DCCBFF;--grapeInk:#41189A;
--up:#0A7A4F;--down:#C02B1E;--band:#0B1533;--shadow:0 1px 2px rgba(15,27,61,.05),0 12px 32px rgba(15,27,61,.07)}
#trx.fs-s{font-size:15.5px}#trx.fs-l{font-size:19.5px}
#trx *,#trx *::before,#trx *::after{box-sizing:border-box}
#trx h1,#trx h2,#trx h3,#trx p,#trx ol,#trx ul{margin:0;padding:0}
#trx ol,#trx ul{list-style:none}
#trx a{color:inherit;text-decoration:none}
#trx a,#trx button{text-transform:none;letter-spacing:normal}
#trx img{max-width:100%;display:block}
#trx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#trx :is(h1,h2,h3){color:inherit;font-family:'Noto Sans Thai Looped',sans-serif;font-weight:800;letter-spacing:0;line-height:1.4}
#trx .n{font-family:'Nunito',sans-serif;font-weight:900;font-variant-numeric:tabular-nums lining-nums}
#trx .w{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
#trx .mut{color:var(--mut)}
#trx a:focus-visible,#trx button:focus-visible,#trx input:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:14px}
#trx .sk{display:inline-block;width:5ch;height:.7em;border-radius:999px;background:rgba(15,27,61,.12);animation:trxp 1.4s ease-in-out infinite}
@keyframes trxp{50%{opacity:.4}}
/* header */
#trx .hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
body.admin-bar #trx .hdr{top:32px}
@media (max-width:782px){body.admin-bar #trx .hdr{top:0}}
#trx .top{display:flex;align-items:center;gap:18px;height:72px}
#trx .brand{display:flex;align-items:center;gap:10px;font-family:'Nunito',sans-serif;font-weight:900;font-size:1.3em;white-space:nowrap}
#trx .brand i{font-style:normal;color:var(--coral)}
#trx .mark{width:44px;height:44px;border-radius:14px;background:var(--sun);display:grid;place-items:center;transform:rotate(-6deg);box-shadow:3px 3px 0 var(--navy)}
#trx .srch{flex:1;max-width:520px;margin:0 auto;position:relative}
#trx #trx-srch-btn{display:none}
#trx .srch-pop{display:block}
#trx .srch-pop input{width:100%;height:48px;border-radius:999px;border:2px solid var(--line);background:var(--s2);color:var(--ink);font:inherit;font-size:.92em;padding:0 20px 0 48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2355607A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:18px center}
#trx .srch-pop input:focus{outline:0;border-color:var(--sky);background-color:var(--s1)}
#trx .tools-h{display:flex;align-items:center;gap:8px}
#trx .fs{display:flex;border:2px solid var(--line);border-radius:999px;padding:3px}
#trx .fs button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--mut);font-family:inherit;font-weight:700;cursor:pointer;line-height:1}
#trx .fs button[data-fs=s]{font-size:13px}#trx .fs button[data-fs=m]{font-size:15.5px}#trx .fs button[data-fs=l]{font-size:18.5px}
#trx .fs button[aria-pressed=true]{background:var(--navy);color:#FFFFFF}
#trx:not(.lite) .fs button[aria-pressed=true]{background:var(--sun);color:var(--navy)}
#trx .ib{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--s1);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
#trx .ib:hover{border-color:var(--ink)}
#trx .burger{display:none}
#trx .burger .ic-x{display:none}
#trx.menu-open .burger .ic-x{display:block}#trx.menu-open .burger .ic-bars{display:none}
#trx .menu{display:flex;gap:6px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);overflow-x:auto;scrollbar-width:none;padding-top:2px;padding-bottom:12px}
#trx .menu::-webkit-scrollbar{display:none}
#trx .menu a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:999px;background:var(--s2);font-size:.86em;font-weight:600;color:var(--ink);transition:background .15s,color .15s}
#trx .menu a:hover{background:var(--skyT);color:var(--skyInk)}
#trx .menu a.on{background:var(--navy);color:#FFFFFF}
#trx:not(.lite) .menu a.on{background:var(--sun);color:var(--navy)}
#trx .sheet{display:none;padding:8px 16px 18px;border-top:1px solid var(--line);max-height:calc(100vh - 72px);overflow:auto}
#trx.menu-open .sheet,#trx .sheet.open{display:block}
#trx .sheet a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-weight:600}
#trx .sheet .sub{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:10px}
#trx .sheet .lbl{grid-column:1/-1;font-size:.8em;font-weight:700;color:var(--mut);padding:8px 0}
@media (max-width:900px){#trx .srch{flex:0 0 auto;max-width:none;margin:0 0 0 auto}#trx #trx-srch-btn{display:grid}#trx .srch-pop{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(420px,88vw);padding:10px;background:var(--s1);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}#trx .srch.open .srch-pop{display:block}#trx .menu{display:none}#trx .burger{display:grid}#trx .fs{display:none}#trx .top{height:64px}}
/* stage */
#trx .stage{margin-top:24px}
#trx .ticket{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8px 32px;padding:32px 36px 0;border-radius:40px;background:var(--sun);color:var(--navy);position:relative;overflow:hidden}
#trx .ticket::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.35)}
#trx .ticket>*{position:relative}
#trx .t-top{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#trx .pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;border-radius:999px;background:var(--navy);color:#FFFFFF;font-size:.84em;font-weight:700}
#trx .when{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.7);font-size:.84em;font-weight:600}
#trx .dot{width:9px;height:9px;border-radius:50%;background:#0B8456;box-shadow:0 0 0 4px rgba(11,132,86,.22)}
#trx .t-main{padding-bottom:32px}
#trx .ticket h1{font-size:clamp(1.9em,4.4vw,2.9em);line-height:1.25;margin-top:14px}
#trx .ticket h1 small{display:block;font-family:'IBM Plex Sans Thai Looped',sans-serif;font-size:.36em;font-weight:500;opacity:.8;margin-top:6px}
#trx .px{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
#trx .px>div{padding:16px 20px;border-radius:26px;background:rgba(255,255,255,.5)}
#trx .px .sell{background:#FFFFFF;box-shadow:4px 4px 0 var(--navy)}
#trx .px .k{font-size:.86em;font-weight:700;opacity:.8}
#trx .px .v{display:block;font-size:clamp(34px,4.4vw,52px);line-height:1.1;margin-top:4px}
#trx .px .u{font-size:.8em;font-weight:600;opacity:.75}
#trx .chg{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 12px;border-radius:999px;font-weight:800;font-size:.84em;background:var(--s2)}
#trx .chg svg{width:14px;height:14px}
#trx .t-chart{display:flex;flex-direction:column;justify-content:flex-end;min-height:260px}
#trx .area{position:relative;height:240px;margin-right:-36px;color:rgba(15,27,61,.5)}
#trx .area svg{display:block;width:100%;height:100%}
#trx .area-lbl{position:absolute;left:0;top:0;font-size:.78em;font-weight:600;opacity:.9}
#trx .chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}
#trx .chip{padding:14px 18px;border-radius:24px;background:var(--s2)}
#trx .chip:nth-child(1),#trx .chip:nth-child(2){background:var(--mintT)}
#trx .chip:nth-child(3),#trx .chip:nth-child(4){background:var(--skyT)}
#trx .chip:nth-child(5),#trx .chip:nth-child(6){background:var(--grapeT)}
#trx .chip .k{font-size:.78em;font-weight:700;line-height:1.4}
#trx .chip:nth-child(1) .k,#trx .chip:nth-child(2) .k{color:var(--mintInk)}
#trx .chip:nth-child(3) .k,#trx .chip:nth-child(4) .k{color:var(--skyInk)}
#trx .chip:nth-child(5) .k,#trx .chip:nth-child(6) .k{color:var(--grapeInk)}
#trx .chip .v{font-size:1.28em;line-height:1.3;margin-top:4px}
#trx .chip .note{font-size:.72em;color:var(--mut)}
/* launcher */
#trx .sec{margin-top:80px}
#trx .sec-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:24px}
#trx .h2{font-size:1.75em;line-height:1.35}
#trx .h2 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sun) 62%)}
#trx:not(.lite) .h2 em{background:none;color:var(--sun)}
#trx .sec-hd .mut{display:block;font-size:.94em;margin-top:2px}
#trx .lnk{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);font-weight:700;font-size:.9em;transition:background .15s,color .15s}
#trx .lnk:hover{background:var(--ink);color:var(--bg)}
#trx .apps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 12px}
#trx .app{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
#trx .app .ico{width:76px;height:76px;border-radius:26px;display:grid;place-items:center;color:#FFFFFF;transition:transform .2s;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}
#trx .app:hover .ico{transform:translateY(-4px) rotate(-4deg)}
#trx .app .ico svg{width:32px;height:32px}
#trx .app:nth-child(1) .ico{background:var(--sun);color:var(--navy)}
#trx .app:nth-child(2) .ico{background:var(--coral)}
#trx .app:nth-child(3) .ico{background:var(--sky)}
#trx .app:nth-child(4) .ico{background:var(--mint)}
#trx .app:nth-child(5) .ico{background:var(--grape)}
#trx .app:nth-child(6) .ico{background:var(--navy)}
#trx:not(.lite) .app:nth-child(6) .ico{background:#2B3A66}
#trx .app:nth-child(7) .ico{background:#FF9F1C;color:var(--navy)}
#trx .app:nth-child(8) .ico{background:#EC4899}
#trx .app b{font-weight:700;font-size:.9em;line-height:1.45}
/* news */
#trx .news-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px}
#trx .lead{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:380px;padding:32px;border-radius:40px;background:var(--coral);color:#FFFFFF;position:relative;overflow:hidden;transition:transform .2s}
#trx .lead:hover{transform:translateY(-4px)}
#trx .lead::before{content:"";position:absolute;left:28px;top:28px;width:120px;height:120px;border-radius:36px;background:var(--sun);transform:rotate(12deg)}
#trx .lead::after{content:"";position:absolute;right:-40px;top:40px;width:200px;height:200px;border-radius:50%;border:28px solid rgba(255,255,255,.18)}
#trx .lead>*{position:relative;z-index:1}
#trx .lead .badge{align-self:flex-start;background:#FFFFFF;color:var(--coralInk)}
#trx .lead h2,#trx .lead .clamp{color:#FFFFFF;font-size:1.5em;line-height:1.5}
#trx .lead .mut{color:rgba(255,255,255,.9);font-size:.86em}
#trx .clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#trx .badge{display:inline-block;font-size:.74em;font-weight:700;padding:3px 12px;border-radius:999px;background:var(--sunT);color:var(--sunInk);line-height:1.7}
#trx #trx-list{display:flex;flex-direction:column;gap:10px}
#trx .row{display:flex;gap:16px;align-items:center;padding:14px 18px 14px 14px;border-radius:26px;background:var(--s2);transition:background .15s,transform .15s}
#trx .row:hover{background:var(--skyT);transform:translateX(4px)}
#trx .day{flex:0 0 60px;height:60px;border-radius:20px;background:var(--s1);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;box-shadow:var(--shadow)}
#trx .day b{font-size:1.3em}
#trx .day span{font-size:.7em;color:var(--mut);font-weight:600}
#trx .row h3{font-size:1em;line-height:1.55;margin-top:4px}
#trx .row .badge{font-size:.68em}
#trx .row>span:last-child{min-width:0}
#trx .row .sk{width:100%;height:1.1em}
/* room */
#trx .room{margin-top:88px;padding:64px 0 72px;background:var(--band);color:#EEF2FB}
#trx .room .mut{color:#A6B0C8}
#trx .room .h2 em{background:none;color:var(--sun)}
#trx .room .lnk{border-color:rgba(255,255,255,.5);color:#FFFFFF}
#trx .room .lnk:hover{background:#FFFFFF;color:var(--navy)}
#trx .room-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
#trx .seg{display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.08)}
#trx .seg button{height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#C7CFE2;font-family:inherit;font-size:.9em;font-weight:600;cursor:pointer;white-space:nowrap}
#trx .seg button[aria-pressed=true]{background:var(--sun);color:var(--navy)}
#trx .ifw{position:relative}
#trx .ifw:not(.live) iframe{pointer-events:none}
#trx .ifs{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:0;background:var(--sun);color:var(--navy);font-family:inherit;font-size:.86em;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.25)}
#trx .ifw.live .ifs{display:none}
#trx .chart{height:520px;border-radius:32px;overflow:hidden;background:#FFFFFF}
#trx .chart .tradingview-widget-container,#trx .chart .tradingview-widget-container__widget{height:100%}
#trx .calbox{display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:#FFFFFF;color:var(--navy)}
#trx .calbox-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;background:var(--sky);color:#FFFFFF}
#trx .calbox-hd h3{font-size:1.05em}
#trx .calbox-hd a{font-size:.84em;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#trx .cal{height:464px}
#trx .fine{font-size:.8em;color:#A6B0C8;margin-top:12px}
/* learn */
#trx .learn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:28px 48px;align-items:start}
#trx .learn-intro p{color:var(--mut);margin-top:8px}
#trx .learn-intro .btn{margin-top:20px}
#trx .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--navy);color:#FFFFFF;font-weight:700;font-size:.95em;box-shadow:4px 4px 0 var(--sun);transition:transform .15s,box-shadow .15s}
#trx .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sun)}
#trx:not(.lite) .btn{background:var(--sun);color:var(--navy);box-shadow:4px 4px 0 var(--coral)}
#trx .tag-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:var(--grapeT);color:var(--grapeInk);font-size:.8em;font-weight:700;margin-bottom:12px}
#trx .steps{display:grid;gap:12px;counter-reset:s}
#trx .step{display:flex;gap:18px;align-items:center;padding:18px 22px;border-radius:28px;border:2px solid var(--line);transition:border-color .15s,transform .15s}
#trx .step:hover{border-color:var(--ink);transform:translateX(4px)}
#trx .step .no{flex:0 0 54px;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:1.35em;color:#FFFFFF}
#trx .steps li:nth-child(1) .no{background:var(--grape)}
#trx .steps li:nth-child(2) .no{background:var(--coral)}
#trx .steps li:nth-child(3) .no{background:var(--sky)}
#trx .steps li:nth-child(4) .no{background:var(--mint)}
#trx .step h3{font-size:1.08em;line-height:1.45}
#trx .step p{font-size:.88em;color:var(--mut);margin-top:2px;line-height:1.6}
/* prop */
#trx .prop{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 40px;align-items:center;padding:40px;border-radius:40px;background:var(--grapeT)}
#trx .prop h2{font-size:1.6em;line-height:1.45;text-wrap:balance}
#trx .prop p{color:var(--mut);margin-top:8px}
#trx .pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
#trx .pills a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:var(--s1);font-weight:700;font-size:.92em;box-shadow:var(--shadow);transition:transform .15s}
#trx .pills a:hover{transform:translateY(-2px)}
#trx .pills a.main{background:var(--grape);color:#FFFFFF}
/* brokers */
#trx .feat{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px 24px;border-radius:32px;background:var(--sunT);margin-bottom:14px}
#trx .feat .pr-logo{width:60px;height:60px;border-radius:18px;object-fit:cover}
#trx .feat>div:nth-child(2){flex:1 1 320px}
#trx .pr-tag{font-size:.78em;font-weight:700;color:var(--sunInk)}
#trx .pr-h{font-size:1.25em;line-height:1.4}
#trx .pr-p{color:var(--mut);font-size:.9em}
#trx .pr-cta{display:flex;flex-wrap:wrap;gap:10px}
#trx .pr-cta .ghost{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:999px;border:2px solid var(--ink);font-weight:700;font-size:.95em}
#trx .bks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#trx .bk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 16px 16px;border-radius:30px;background:var(--s2)}
#trx .bk-top{display:flex;flex-direction:column;align-items:center;gap:10px}
#trx .bk-logo{width:64px;height:64px;border-radius:22px;object-fit:cover;box-shadow:var(--shadow)}
#trx .bk h3{font-size:1.06em}
#trx .bk-btn{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:999px;background:var(--s1);font-weight:700;font-size:.88em;transition:background .15s,color .15s}
#trx .bk-btn:hover{background:var(--navy);color:#FFFFFF}
#trx .bk-note{font-size:.8em;color:var(--mut);margin-top:16px;line-height:1.75}
/* footer */
#trx .ft{margin-top:96px;background:var(--band);color:#DCE2F0}
#trx .ft .brand{color:#FFFFFF}
#trx .ft-in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-top:56px;padding-bottom:36px}
#trx .ft h3{font-size:.95em;margin-bottom:10px;color:#FFFFFF}
#trx .ft nav a{display:block;color:#A6B0C8;font-size:.92em;padding:4px 0}
#trx .ft nav a:hover{color:var(--sun)}
#trx .ft-blurb{color:#A6B0C8;font-size:.92em;margin-top:12px;max-width:340px}
#trx .ft-legal{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;padding-bottom:40px;font-size:.8em;color:#A6B0C8;line-height:1.8}
@media (max-width:1100px){#trx .chips{grid-template-columns:repeat(3,minmax(0,1fr))}#trx .apps{grid-template-columns:repeat(4,minmax(0,1fr))}#trx .bks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){#trx .ticket{grid-template-columns:1fr;padding:26px 24px 0}#trx .t-main{padding-bottom:0}#trx .t-chart{min-height:180px}#trx .area{height:170px;margin:0 -24px}#trx .area-lbl{left:24px}#trx .news-grid,#trx .room-grid,#trx .learn,#trx .prop{grid-template-columns:1fr}#trx .pills{justify-content:flex-start}#trx .lead{min-height:300px}#trx .ft-in{grid-template-columns:1fr 1fr}}
@media (max-width:600px){#trx .w{padding-left:16px;padding-right:16px}#trx .ticket{border-radius:32px;padding:22px 18px 0}#trx .area{margin:0 -18px}#trx .px{grid-template-columns:1fr}#trx .chips{grid-template-columns:repeat(2,minmax(0,1fr))}#trx .apps{gap:18px 8px}#trx .app .ico{width:64px;height:64px;border-radius:22px}#trx .app b{font-size:.82em}#trx .bks{grid-template-columns:repeat(2,minmax(0,1fr))}#trx .chart{height:400px}#trx .cal{height:440px}#trx .prop,#trx .lead{padding:26px 22px;border-radius:32px}#trx .ft-in{grid-template-columns:1fr}#trx .sec{margin-top:60px}#trx .room .seg{width:100%}#trx .seg button{flex:1;padding:0 8px}#trx .room{padding:48px 0 56px}}

/* v8 header + banner */
#trx .topban{padding-top:14px;padding-bottom:6px}
#trx .tb{display:flex;align-items:center;gap:18px;min-height:96px;padding:16px 20px 16px 22px;border-radius:28px;background:#0B1533;color:#FFFFFF;position:relative;overflow:hidden;transition:transform .2s}
#trx .tb:hover{transform:translateY(-2px)}
#trx .tb::before{content:"";position:absolute;right:140px;top:-70px;width:200px;height:200px;border-radius:50%;background:#FFC107;opacity:.2}
#trx .tb::after{content:"";position:absolute;left:-34px;bottom:-56px;width:130px;height:130px;border-radius:38px;background:#F2513B;opacity:.3;transform:rotate(18deg)}
#trx .tb>*{position:relative;z-index:1}
#trx .tb .tb-ad{position:absolute;top:8px;right:20px;font-size:.66em;color:#A6B0C8}
#trx .tb img{width:58px;height:58px;border-radius:18px;flex:0 0 auto;box-shadow:0 0 0 3px rgba(255,255,255,.15)}
#trx .tb-txt{flex:1;min-width:0}
#trx .tb-txt b{display:block;font-family:'Noto Sans Thai Looped',sans-serif;font-weight:800;font-size:1.2em;line-height:1.45;color:#FFFFFF}
#trx .tb-txt b em{font-style:normal;color:#FFC107}
#trx .tb-txt small{display:block;color:#C7CFE2;font-size:.86em;line-height:1.5}
#trx .tb-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:50px;margin-top:10px;padding:0 24px;border-radius:999px;background:#FFC107;color:#0B1533;font-weight:800;box-shadow:3px 3px 0 #F2513B}
#trx .hdr{border-bottom:0}
#trx .navband{background:var(--band)}
#trx .navband .menu{padding-top:0;padding-bottom:0;gap:0}
#trx .navband .menu a,#trx:not(.lite) .navband .menu a{position:relative;min-height:50px;padding:0 15px;border-radius:0;background:transparent;color:#DCE2F0;font-size:.9em;font-weight:600}
#trx .navband .menu a:hover{background:rgba(255,255,255,.08);color:#FFFFFF}
#trx .navband .menu a.on,#trx:not(.lite) .navband .menu a.on{background:transparent;color:#FFC107}
#trx .navband .menu a.on::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:#FFC107}
@media (max-width:900px){#trx .navband{display:none}}
@media (max-width:600px){#trx .tb{flex-wrap:wrap;gap:12px;padding:22px 16px 16px}#trx .tb img{width:46px;height:46px;border-radius:14px}#trx .tb-txt b{font-size:1.05em}#trx .tb-cta{width:100%;justify-content:center;margin-top:0}}

/* v9 header: logo left, banner right */
#trx .top{display:flex;align-items:center;gap:24px;height:auto;padding-top:16px;padding-bottom:16px}
#trx .top .brand{font-size:1.5em}
#trx .top .mark{width:52px;height:52px;border-radius:16px}
#trx .top .tb{flex:0 1 780px;margin-left:auto;min-height:92px;padding:14px 18px 14px 20px}
#trx .top .tb img{width:52px;height:52px;border-radius:16px}
#trx .top .tb .tb-txt b{font-size:1.1em}
#trx .top .tb .tb-cta{margin-top:12px}
#trx .hdr{background:var(--band);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}
#trx .navband{display:block !important}
#trx .navrow{display:flex;align-items:center;gap:12px;min-height:58px}
#trx .navrow .menu{display:flex;flex:1;min-width:0;margin:0}
#trx .navtools{display:flex;align-items:center;gap:8px;margin-left:auto}
#trx .navtools .srch{flex:0 0 auto;max-width:none;margin:0;position:relative}
#trx .navtools #trx-srch-btn{display:grid}
#trx .navtools .srch-pop{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(420px,88vw);padding:10px;background:var(--s1);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 48px rgba(11,21,51,.25);z-index:5}
#trx .navtools .srch.open .srch-pop{display:block}
#trx .navtools .ib{width:42px;height:42px;border:0;background:rgba(255,255,255,.1);color:#FFFFFF}
#trx .navtools .ib:hover{background:rgba(255,255,255,.2)}
#trx .navtools .fs{border-color:rgba(255,255,255,.18)}
#trx .navtools .fs button{color:#C7CFE2;width:32px;height:32px}
#trx .navtools .fs button[aria-pressed=true],#trx:not(.lite) .navtools .fs button[aria-pressed=true]{background:#FFC107;color:#0B1533}
#trx .sheet{background:var(--s1);color:var(--ink)}
@media (max-width:900px){#trx .navrow .menu{display:none}#trx .navtools .burger{display:grid}#trx .navtools .fs{display:none}#trx .navrow{min-height:56px}}
@media (max-width:760px){#trx .top{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}#trx .top .brand{font-size:1.25em}#trx .top .mark{width:44px;height:44px}#trx .top .tb{flex:1 1 100%;margin-left:0}}
#trx .navband .menu a,#trx:not(.lite) .navband .menu a{padding:0 11px;font-size:.86em}#trx .navband .menu a.on::after{left:11px;right:11px}
#trx .navband .menu a,#trx:not(.lite) .navband .menu a{padding:0 9px;font-size:.84em}#trx .navband .menu a.on::after{left:9px;right:9px}#trx .navtools{gap:6px}#trx .navtools .fs button{width:28px;height:28px}#trx .navtools .ib{width:40px;height:40px}
#trx .navrow .menu{-webkit-mask-image:none;mask-image:none}

/* v9 layout: important first */
#trx .s1{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:24px;align-items:start}
#trx .s1 .ticket{grid-template-columns:1fr;padding:26px 28px 0}
#trx .s1 .ticket h1{font-size:clamp(1.7em,3.4vw,2.4em);margin-top:10px}
#trx .s1 .t-main{padding-bottom:0}
#trx .s1 .px{margin-top:16px}
#trx .s1 .t-chart{min-height:0}
#trx .s1 .area{height:96px;margin:10px -28px 0}
#trx .s1 .area-lbl{left:28px}
#trx .s1 .chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
#trx .s1 .chip{padding:12px 16px;border-radius:20px}
#trx .s1 .chip .v{font-size:1.15em}
#trx .s1-news{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:32px;background:var(--s2)}
#trx .s1-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 2px 6px}
#trx .s1-hd h2{font-size:1.25em}
#trx .lnk.sm{min-height:38px;padding:0 14px;font-size:.82em}
#trx .s1-news .lead{min-height:210px;padding:22px 22px 20px;border-radius:26px}
#trx .s1-news .lead::before{width:64px;height:64px;left:auto;right:22px;top:22px;border-radius:20px}
#trx .s1-news .lead::after{right:-60px;top:auto;bottom:-70px}
#trx .s1-news .lead h2,#trx .s1-news .lead .clamp{font-size:1.12em;-webkit-line-clamp:3}
#trx .s1-news #trx-list{gap:8px}
#trx .s1-news .row{padding:10px 12px 10px 10px;border-radius:20px;background:var(--s1)}
#trx .s1-news .row:hover{background:var(--skyT)}
#trx .s1-news .day{flex:0 0 50px;height:50px;border-radius:16px;background:var(--s2);box-shadow:none}
#trx .s1-news .day b{font-size:1.1em}
#trx .s1-news .row h3{font-size:.92em;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#trx .s1-news .row .badge{display:none}
#trx .room2{margin-top:56px}
@media (max-width:1100px){#trx .s1 .chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){#trx .s1{grid-template-columns:1fr}}
@media (max-width:600px){#trx .s1 .ticket{padding:22px 18px 0}#trx .s1 .area{margin:12px -18px 0}#trx .s1 .area-lbl{left:18px}#trx .s1 .chips{grid-template-columns:repeat(2,minmax(0,1fr))}#trx .s1-news{padding:12px;border-radius:26px}}

/* v10 data blocks */
#trx .s2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
#trx .kc{display:flex;flex-direction:column;gap:6px;min-height:150px;padding:20px 22px;border-radius:28px;background:var(--s2);transition:transform .15s,box-shadow .15s;overflow:hidden}
#trx .kc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
#trx .kc-tag{align-self:flex-start;font-size:.74em;font-weight:700;padding:3px 12px;border-radius:999px;background:var(--s1);color:var(--mut)}
#trx .kc-t{font-family:'Noto Sans Thai Looped',sans-serif;font-weight:800;font-size:1.08em;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#trx .kc-w{font-size:.88em;color:var(--mut)}
#trx .kc-f{font-size:.8em;color:var(--mut);margin-top:auto}
#trx .kc-ev{background:#0B1533;color:#FFFFFF}
#trx .kc-ev .kc-tag{background:#F2513B;color:#FFFFFF}
#trx .kc-ev .kc-w,#trx .kc-ev .kc-f{color:#C7CFE2}
#trx .kc-cd{font-size:1.6em;line-height:1.2;color:#FFC107}
#trx .kc-post{flex-direction:row;gap:14px;padding:14px;align-items:stretch}
#trx .kc-img{flex:0 0 112px;border-radius:20px;overflow:hidden;background:var(--s1)}
#trx .kc-img img{width:100%;height:100%;object-fit:cover}
#trx .kc-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:6px 6px 4px 0}
#trx #trx-an{background:var(--grapeT)}#trx #trx-an .kc-tag{background:var(--grape);color:#fff}
#trx #trx-cl{background:var(--mintT)}#trx #trx-cl .kc-tag{background:var(--mint);color:#fff}
#trx .s4{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
#trx .panel2{padding:22px;border-radius:32px;background:var(--s1);border:2px solid var(--line)}
#trx .p2-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
#trx .p2-hd h2{font-size:1.3em}
#trx .p2-hd .mut{display:block;font-size:.84em}
#trx .tbl-wrap{overflow-x:auto;border-radius:20px;border:1px solid var(--line)}
#trx .rt{width:100%;border-collapse:collapse;font-size:.92em;min-width:460px}
#trx .rt th{background:var(--s2);text-align:right;font-weight:700;font-size:.84em;color:var(--mut);padding:10px 14px;white-space:nowrap}
#trx .rt th:first-child,#trx .rt td:first-child{text-align:left}
#trx .rt td{padding:9px 14px;border-top:1px solid var(--line);text-align:right;font-family:'Nunito',sans-serif;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#trx .rt td:first-child{font-family:inherit;font-weight:600}
#trx .rt tr.dayrow td{background:var(--sunT);color:var(--sunInk);font-family:inherit;font-weight:700;font-size:.86em;text-align:left;padding:6px 14px}
#trx .up{color:var(--up)}#trx .down{color:var(--down)}
#trx .perf-list{display:grid;gap:8px;margin-bottom:14px}
#trx .perf-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:18px;background:var(--s2)}
#trx .perf-list b{font-weight:700;font-size:.92em}
#trx .perf-list .pv{display:flex;align-items:baseline;gap:10px;font-family:'Nunito',sans-serif;font-weight:900}
#trx .perf-list .pp{font-size:.82em;padding:2px 10px;border-radius:999px;background:var(--s1)}
#trx .kn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#trx .kn{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:var(--s2);transition:transform .15s,box-shadow .15s}
#trx .kn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
#trx .kn img{width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--s1)}
#trx .kn span{padding:14px 18px 18px}
#trx .kn b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:'Noto Sans Thai Looped',sans-serif;font-weight:800;line-height:1.5}
#trx .kn small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mut);font-size:.84em;margin-top:4px}
#trx .sk-card{min-height:260px;animation:trxp 1.4s ease-in-out infinite}
@media (max-width:1000px){#trx .s2{grid-template-columns:1fr 1fr}#trx .kc-ev{grid-column:1/-1}#trx .s4{grid-template-columns:1fr}#trx .kn-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){#trx .s2{grid-template-columns:1fr}#trx .kn-grid{grid-template-columns:1fr}#trx .kc-img{flex-basis:92px}#trx .panel2{padding:16px;border-radius:26px}}

/* v11 polish */
#trx .s2{align-items:stretch}
#trx .kc-post{flex-direction:column;gap:0;padding:0}
#trx .kc-img{flex:none;width:100%;aspect-ratio:1200/630;border-radius:0}
#trx .kc-img img{display:block}
#trx .kc-body{padding:16px 20px 18px;gap:6px;flex:1}
#trx .kc-body .kc-tag{margin-top:-30px;position:relative;box-shadow:0 2px 8px rgba(11,21,51,.15)}
#trx .kc-post .kc-t{font-size:1em;-webkit-line-clamp:2}
#trx .kc-ev{justify-content:center;gap:10px;padding:26px}
#trx .kc-ev .kc-t{font-size:1.2em}
#trx .kc-cd{font-size:1.9em}
#trx .tbl-wrap{overflow:hidden}
#trx .s4{align-items:stretch}
#trx .perf{display:flex;flex-direction:column}
#trx .perf-list{flex:1;grid-auto-rows:1fr}
#trx .perf .lnk{align-self:flex-start}
@media (max-width:600px){#trx .tbl-wrap{overflow-x:auto;overflow-y:hidden}#trx .rt{font-size:.86em}}

/* v12 mobile */
#trx .m-brand{display:none}
@media (max-width:1000px){#trx .s2,#trx .s4,#trx .kn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#trx .s4{grid-template-columns:minmax(0,1fr)}#trx .kc-ev{grid-column:1/-1}}
@media (max-width:900px){#trx .s1,#trx .news-grid,#trx .room-grid,#trx .learn,#trx .prop{grid-template-columns:minmax(0,1fr)}#trx .m-brand{display:flex;font-size:1.05em;color:#FFFFFF;gap:8px;margin-right:auto}#trx .m-brand .mark{width:34px;height:34px;border-radius:11px;box-shadow:2px 2px 0 rgba(255,255,255,.25)}#trx .m-brand .mark svg{width:17px;height:17px}#trx .top .brand{display:none}#trx .navtools{margin-left:0}#trx .navrow{min-height:56px}}
@media (max-width:760px){#trx .top{padding-top:8px;padding-bottom:8px}#trx .top .tb{flex:1 1 100%;flex-wrap:nowrap;min-height:0;gap:10px;padding:8px 8px 8px 10px;border-radius:16px}#trx .top .tb::before,#trx .top .tb::after{display:none}#trx .top .tb img{width:30px;height:30px;border-radius:9px;box-shadow:none}#trx .top .tb .tb-txt b{font-size:.84em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#trx .top .tb .tb-txt small{display:none}#trx .top .tb .tb-ad{position:static;order:3;display:none}#trx .top .tb .tb-cta{width:auto;min-height:34px;margin:0;padding:0 14px;font-size:.8em;box-shadow:none}#trx .top .tb .tb-cta svg{display:none}}
@media (max-width:600px){#trx .s2,#trx .kn-grid{grid-template-columns:minmax(0,1fr)}#trx .p2-hd{flex-wrap:wrap}#trx .rt{min-width:0}#trx .rt th:nth-child(2),#trx .rt td:nth-child(2){display:none}#trx .rt th,#trx .rt td{padding-left:10px;padding-right:10px}#trx .perf-list li{padding:10px 12px}#trx .perf-list .pv{gap:6px;font-size:.92em}}

/* v13 mobile banner below nav + iframe shield */
#trx .ifw:not(.live)::after{content:"";position:absolute;inset:0;z-index:2;background:transparent}
#trx .m-ban{display:none}
@media (max-width:900px){#trx .top{display:none}#trx .m-ban{display:block;padding-top:10px}#trx .m-ban .tb{display:flex;align-items:center;flex-wrap:nowrap;min-height:0;gap:10px;padding:8px 8px 8px 10px;border-radius:16px}#trx .m-ban .tb::before,#trx .m-ban .tb::after,#trx .m-ban .tb-ad,#trx .m-ban .tb-txt small,#trx .m-ban .tb-cta svg{display:none}#trx .m-ban .tb img{width:30px;height:30px;border-radius:9px;box-shadow:none}#trx .m-ban .tb-txt b{font-size:.84em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#trx .m-ban .tb-cta{width:auto;min-height:34px;margin:0;padding:0 14px;font-size:.8em;box-shadow:none}#trx .s1{margin-top:14px}}

/* v14 compact mobile footer */
@media (max-width:900px){#trx .ft{margin-top:64px}#trx .ft-in,#trx .ft .ft-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding-top:32px;padding-bottom:20px}#trx .ft-in>div:first-child{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}#trx .ft .brand{font-size:1.05em}#trx .ft .mark{width:34px;height:34px;border-radius:11px;box-shadow:2px 2px 0 rgba(255,255,255,.25)}#trx .ft .mark svg{width:17px;height:17px}#trx .ft-blurb{font-size:.84em;margin-top:0;line-height:1.6}#trx .ft h3{font-size:.86em;margin-bottom:6px;color:#FFC107}#trx .ft nav a{font-size:.84em;padding:3px 0;line-height:1.5}#trx .ft nav[aria-label="เครื่องมือ"]{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}#trx .ft nav[aria-label="เครื่องมือ"] h3{flex-basis:100%;margin-bottom:0}#trx .ft nav[aria-label="เครื่องมือ"] a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.08);color:#DCE2F0}#trx .ft-legal{padding-top:16px;padding-bottom:28px;font-size:.74em;line-height:1.7}}

/* v15 back to top */
#trx .totop{position:fixed;right:20px;bottom:24px;z-index:60;width:52px;height:52px;border:0;border-radius:18px;background:#FFC107;color:#0B1533;display:grid;place-items:center;cursor:pointer;box-shadow:3px 3px 0 #0B1533,0 10px 24px rgba(11,21,51,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}
#trx .totop.show{opacity:1;visibility:visible;transform:none}
#trx .totop:hover{transform:translateY(-2px)}
#trx:not(.lite) .totop{box-shadow:3px 3px 0 #F2513B,0 10px 24px rgba(0,0,0,.4)}
@media (max-width:600px){#trx .totop{right:14px;bottom:18px;width:46px;height:46px;border-radius:15px}}
@media (prefers-reduced-motion:reduce){#trx *{transition:none !important;animation:none !important}}