*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:"Sukhumvit Set","Segoe UI","Leelawadee UI",Tahoma,"Noto Sans Thai",system-ui,sans-serif;-webkit-text-size-adjust:100%}
#hub{position:fixed;inset:0;width:100%;height:100%;border:0;display:block}
.veil{position:fixed;inset:0;z-index:5;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;transition:opacity .45s ease,visibility .45s}
.veil.gone{opacity:0;visibility:hidden}
.veil [hidden]{display:none!important}
.veil p{margin:0;max-width:30ch;font-size:15px;line-height:1.55}
.veil button,.sheet button{font:inherit;font-weight:800;border:0;border-radius:12px;min-height:46px;padding:0 22px;cursor:pointer}
button:focus-visible{outline:3px solid #0B8FA8;outline-offset:2px}
.sheet{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;width:min(440px,calc(100% - 32px));transform:translate(-50%,0);border-radius:18px;padding:16px 16px 14px;display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:center;transition:transform .3s ease,opacity .3s}
.sheet[hidden]{display:grid;opacity:0;transform:translate(-50%,130%);pointer-events:none}
.sheet img{width:44px;height:44px;border-radius:11px;grid-row:span 2}
.sheet strong{font-size:15px}
.sheet small{font-size:13px;line-height:1.4}
.sheet .acts{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.sheet .later{background:transparent}
.sheet ol{grid-column:1/-1;margin:8px 0 0;padding-left:22px;font-size:14px;line-height:1.7}
/* Master Hub = ท้องฟ้ากลางคืนแบบผู้บริหาร (สีจาก --navy-950/--gold-* ของ MasterHub) · ดาวกะพริบ + วงโคจรทองหมุนรอบตรา */
body,#hub{background:#061225}
.veil{gap:18px;color:#f8f5eb;background:radial-gradient(90% 70% at 50% 38%,#1a3a5c 0%,#0d2038 42%,#061225 100%)}
.sky{position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%}
.s1{box-shadow:487px 1213px 0 0px rgba(240,222,160,0.49),1236px 970px 0 0px rgba(240,222,160,0.64),1861px 960px 0 0px rgba(240,222,160,0.61),392px 963px 0 1px rgba(240,222,160,0.51),1763px 308px 0 0px rgba(240,222,160,0.66),1777px 1071px 0 1px rgba(240,222,160,0.73),1375px 131px 0 0px rgba(240,222,160,0.74),1210px 87px 0 0px rgba(240,222,160,0.76),1686px 551px 0 1px rgba(240,222,160,0.64),1884px 793px 0 1px rgba(240,222,160,0.51),1640px 1181px 0 1px rgba(240,222,160,0.88),274px 748px 0 0px rgba(240,222,160,0.27),1013px 444px 0 0px rgba(240,222,160,0.88),893px 1283px 0 0px rgba(240,222,160,0.52),1706px 790px 0 0px rgba(240,222,160,0.6),834px 1196px 0 0px rgba(240,222,160,0.84),1396px 58px 0 0px rgba(240,222,160,0.89),1374px 334px 0 0px rgba(240,222,160,0.88),1852px 1171px 0 0px rgba(240,222,160,0.71),432px 1296px 0 0px rgba(240,222,160,0.44),129px 987px 0 1px rgba(240,222,160,0.31),1639px 136px 0 1px rgba(240,222,160,0.83),41px 601px 0 1px rgba(240,222,160,0.75),1787px 243px 0 0px rgba(240,222,160,0.64),1559px 92px 0 1px rgba(240,222,160,0.72),677px 1128px 0 0px rgba(240,222,160,0.58),73px 634px 0 0px rgba(240,222,160,0.3),1228px 1096px 0 0px rgba(240,222,160,0.87),1989px 835px 0 0px rgba(240,222,160,0.65),319px 86px 0 0px rgba(240,222,160,0.45),1963px 283px 0 1px rgba(240,222,160,0.49),1781px 1065px 0 1px rgba(240,222,160,0.67),1219px 1394px 0 0px rgba(240,222,160,0.65),1926px 1038px 0 0px rgba(240,222,160,0.53),1475px 486px 0 0px rgba(240,222,160,0.53),528px 1067px 0 0px rgba(240,222,160,0.61),23px 850px 0 0px rgba(240,222,160,0.26),1261px 1206px 0 0px rgba(240,222,160,0.29),1284px 680px 0 1px rgba(240,222,160,0.48),1878px 722px 0 0px rgba(240,222,160,0.73),45px 1207px 0 0px rgba(240,222,160,0.87),43px 756px 0 0px rgba(240,222,160,0.66),611px 1213px 0 0px rgba(240,222,160,0.37),379px 640px 0 0px rgba(240,222,160,0.8),540px 615px 0 1px rgba(240,222,160,0.32),1665px 55px 0 0px rgba(240,222,160,0.45),455px 1338px 0 0px rgba(240,222,160,0.41),383px 1388px 0 1px rgba(240,222,160,0.67),198px 208px 0 0px rgba(240,222,160,0.87),1382px 459px 0 1px rgba(240,222,160,0.78),1967px 346px 0 0px rgba(240,222,160,0.47),1331px 446px 0 1px rgba(240,222,160,0.43),1611px 247px 0 0px rgba(240,222,160,0.59),390px 645px 0 0px rgba(240,222,160,0.81),696px 1314px 0 0px rgba(240,222,160,0.77),707px 1207px 0 0px rgba(240,222,160,0.52),1061px 555px 0 1px rgba(240,222,160,0.48),853px 594px 0 1px rgba(240,222,160,0.62),72px 846px 0 0px rgba(240,222,160,0.38),977px 1275px 0 1px rgba(240,222,160,0.61),1899px 454px 0 0px rgba(240,222,160,0.73),1713px 1357px 0 0px rgba(240,222,160,0.6),1822px 465px 0 0px rgba(240,222,160,0.81),1988px 587px 0 0px rgba(240,222,160,0.78),92px 71px 0 0px rgba(240,222,160,0.83),1842px 880px 0 0px rgba(240,222,160,0.26),1526px 247px 0 0px rgba(240,222,160,0.58),489px 1357px 0 0px rgba(240,222,160,0.59),847px 109px 0 0px rgba(240,222,160,0.47),517px 1107px 0 1px rgba(240,222,160,0.78);animation:tw 3.6s ease-in-out infinite alternate}
.s2{box-shadow:125px 720px 0 0px rgba(240,222,160,0.34),1094px 244px 0 0px rgba(240,222,160,0.36),560px 263px 0 0px rgba(240,222,160,0.47),1169px 819px 0 0px rgba(240,222,160,0.59),508px 550px 0 1px rgba(240,222,160,0.27),661px 3px 0 0px rgba(240,222,160,0.6),94px 255px 0 0px rgba(240,222,160,0.28),1996px 67px 0 0px rgba(240,222,160,0.48),1003px 646px 0 0px rgba(240,222,160,0.39),719px 790px 0 1px rgba(240,222,160,0.51),738px 542px 0 0px rgba(240,222,160,0.69),877px 253px 0 0px rgba(240,222,160,0.5),1466px 778px 0 0px rgba(240,222,160,0.51),87px 764px 0 1px rgba(240,222,160,0.52),1602px 1108px 0 1px rgba(240,222,160,0.54),88px 1275px 0 1px rgba(240,222,160,0.27),1285px 1016px 0 0px rgba(240,222,160,0.44),1421px 856px 0 1px rgba(240,222,160,0.26),447px 1097px 0 0px rgba(240,222,160,0.56),146px 870px 0 0px rgba(240,222,160,0.44),1801px 57px 0 0px rgba(240,222,160,0.42),1838px 1144px 0 0px rgba(240,222,160,0.3),1414px 252px 0 1px rgba(240,222,160,0.55),1502px 652px 0 0px rgba(240,222,160,0.62),1467px 10px 0 1px rgba(240,222,160,0.31),1585px 796px 0 0px rgba(240,222,160,0.49),1155px 203px 0 1px rgba(240,222,160,0.33),48px 699px 0 0px rgba(240,222,160,0.26),235px 1379px 0 1px rgba(240,222,160,0.63),1950px 582px 0 0px rgba(240,222,160,0.61),74px 1154px 0 0px rgba(240,222,160,0.3),1533px 204px 0 0px rgba(240,222,160,0.5),1780px 1155px 0 0px rgba(240,222,160,0.62),495px 368px 0 0px rgba(240,222,160,0.45),1433px 806px 0 0px rgba(240,222,160,0.42),812px 717px 0 1px rgba(240,222,160,0.68),768px 1024px 0 0px rgba(240,222,160,0.69),845px 328px 0 1px rgba(240,222,160,0.56),1548px 1187px 0 1px rgba(240,222,160,0.32),821px 305px 0 0px rgba(240,222,160,0.29),1532px 990px 0 1px rgba(240,222,160,0.51),1757px 381px 0 0px rgba(240,222,160,0.37),407px 300px 0 0px rgba(240,222,160,0.67),1743px 1101px 0 0px rgba(240,222,160,0.55),1751px 846px 0 0px rgba(240,222,160,0.65),629px 47px 0 0px rgba(240,222,160,0.47),783px 410px 0 0px rgba(240,222,160,0.51),489px 659px 0 1px rgba(240,222,160,0.6),294px 856px 0 1px rgba(240,222,160,0.57),421px 958px 0 0px rgba(240,222,160,0.47),1476px 148px 0 1px rgba(240,222,160,0.6),1806px 93px 0 1px rgba(240,222,160,0.66),1824px 480px 0 0px rgba(240,222,160,0.68),1748px 520px 0 0px rgba(240,222,160,0.65),1588px 529px 0 0px rgba(240,222,160,0.33);animation:tw 4.8s ease-in-out -2s infinite alternate}
@keyframes tw{from{opacity:.35}to{opacity:1}}
.orbit{position:relative;width:min(52vw,210px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:8px}
.orbit .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(223,195,111,.28)}
.orbit .arc{position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(236,216,146,.15) 70%,#ecd892 88%,transparent 90%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:spin 2.4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit img{width:44%;height:auto;filter:drop-shadow(0 8px 24px rgba(201,168,76,.28))}
.eye{font-size:11px;font-weight:700;letter-spacing:.32em;color:#dfc36f}
.title{font-size:clamp(24px,6vw,34px);font-weight:300;letter-spacing:.2em;color:#f3e5b6}
.veil p{color:#aebed0}
.veil button{background:#dfc36f;color:#061225}
.sheet{background:#0d2038;color:#f8f5eb;border:1px solid rgba(201,168,76,.43);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.sheet small{color:#aebed0} .sheet ol{color:#e6edf5} .sheet ol b{color:#ecd892}
.sheet .go{background:#dfc36f;color:#061225} .sheet .later{color:#aebed0}
@media (prefers-reduced-motion:reduce){.s1,.s2,.orbit .arc{animation:none}.veil,.sheet{transition:none}}