:root{--ink:#222544;--brown:#673f27;--gold:#946d48;--periwinkle:#5d68ce;--cream:#fdfbf7;--line:rgba(185,138,69,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans Thai',sans-serif;background:radial-gradient(ellipse at 10% 20%,rgba(247,239,222,.32),transparent 35%),radial-gradient(ellipse at 90% 15%,rgba(213,224,243,.4),transparent 34%),linear-gradient(180deg,#fdfbf7 0%,#faf8f4 50%,#f6f8fc 100%);min-height:100vh}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:30;height:83px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 50px;background:rgba(255,253,249,.82);backdrop-filter:blur(9px);border-bottom:1px solid rgba(185,138,69,.17)}.brand{display:flex;align-items:center;gap:12px;min-width:196px}.brand img{width:58px;height:58px;object-fit:contain}.brand span{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;line-height:1.05;letter-spacing:2.5px;background:linear-gradient(90deg,#946d48,#5d68ce);-webkit-background-clip:text;background-clip:text;color:transparent}.brand strong{display:block}.site-header nav{display:flex;align-items:center;gap:33px;font-weight:700;color:#7e4a2e;font-size:15px}.site-header nav a{padding:10px 0;white-space:nowrap}.site-header nav a.active{padding:10px 14px;border:1px solid var(--line);border-radius:22.5px;background:#fff;box-shadow:0 8px 10px rgba(103,66,66,.06)}.discord-btn{background:linear-gradient(174deg,#92a8e7 34%,#4d56b5 134%);color:#fff;border-radius:22.5px;padding:11px 14px;font-weight:700;white-space:nowrap;font-size:15px}.menu-btn{display:none;border:0;background:none;font-size:26px;color:#7e4a2e}.hero-wrap{display:flex;justify-content:center}.hero-inner{width:min(866px,calc(100% - 36px));padding:0 0 96px;display:flex;flex-direction:column;align-items:center;gap:40px}.crest{width:500px;height:500px;object-fit:contain;margin-top:0}.title-stack{text-align:center;font-family:'Cormorant Garamond',serif;font-size:89.6px;font-weight:600;line-height:69.9px;letter-spacing:-3.1px;background:linear-gradient(180deg,#fff 0%,#e1c190 28.3%,#92a8e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:2px 2px 0 #222544}.title-stack .italic{font-weight:700;font-style:italic}.motto{text-align:center}.motto h1{font-family:'Cormorant Garamond',serif;font-size:52px;line-height:1.2;margin:0;color:#222544}.motto p{font-size:25px;color:#673f27;margin:18px 0 0}.rank-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.rank-card{min-height:160px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(270deg,rgba(251,248,241,.64),rgba(240,245,253,.64));backdrop-filter:blur(6px);box-shadow:0 14px 44px rgba(93,61,59,.07);font-family:'Cormorant Garamond',serif;font-weight:700;font-size:32px}.rank-no{font-family:'Cormorant Infant',serif;color:#673f27;font-size:48px;font-weight:600}.intro-copy,.uniform-note{margin:0;text-align:center;color:#673f27;font-size:18px;line-height:1.65}.uniform-hero{width:866px;max-width:100%;aspect-ratio:866/488;object-fit:cover;border-radius:26px}.uniform-note{color:#222544}.uniform-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.glass-card{padding:32px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.64);backdrop-filter:blur(6px);box-shadow:0 14px 44px rgba(93,61,59,.07)}.glass-card h2{margin:0 0 16px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:24px;line-height:1.25;background:linear-gradient(90deg,#946d48,#5d68ce);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0 0 18px;text-align:center;color:#673f27;font-weight:700;line-height:1.55}.detail-block{font-size:15px;line-height:1.55;color:#4f5593}.detail-block h3{font-size:16px;margin:18px 0 4px;color:#222544;text-decoration:underline}.detail-block h3:first-child{margin-top:0}.detail-block p{margin:0}.detail-block .grad-title{background:linear-gradient(90deg,#946d48,#5d68ce);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-block .fire{color:#924141}.detail-block .wind{color:#419257}.site-footer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 20px 56px}.footer-star{font-size:24px;background:linear-gradient(90deg,#946d48,#5d68ce);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-main,.footer-sub{font-family:'Cormorant Infant',serif;background:linear-gradient(90deg,#946d48,#5d68ce);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-main{font-size:24px;letter-spacing:1.6px}.footer-sub{font-size:11px;letter-spacing:1.3px}.reveal{opacity:0;transform:translateY(18px);transition:.75s ease}.reveal.show{opacity:1;transform:none}
/* installer/admin compatibility */.install-body{display:grid;place-items:center;padding:30px;background:#f8f6f1}.install-wrap{width:min(860px,100%)}.install-card,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(26px,5vw,52px);box-shadow:0 14px 44px rgba(93,61,59,.07)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#e1c190,#92a8e7);color:#222544;font-family:'Cormorant Garamond',serif;font-weight:700}.eyebrow{font-size:11px;letter-spacing:.18em;color:#946d48}.muted{color:#766b64}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#673f27}.form-grid input,.form-grid textarea{width:100%;background:#fff;color:#222544;border:1px solid var(--line);border-radius:13px;padding:13px 14px;outline:none;font:inherit}.span-2{grid-column:1/-1}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 18px;border-radius:22px;border:1px solid var(--line);font:inherit;cursor:pointer}.btn.primary{background:linear-gradient(174deg,#92a8e7,#4d56b5);color:#fff;border:0}.btn.ghost{background:#fff;color:#673f27}.alert{padding:13px 15px;border-radius:12px;margin:18px 0;font-size:13px}.alert.success{background:#eef8f1;color:#2e6842}.alert.error{background:#fff0f0;color:#9b3434}.admin-body{background:#f8f6f1}.sidebar,.admin-main,.admin-top,.admin-cards,.section-editor{font-family:'Noto Sans Thai',sans-serif}.sidebar{background:#fff}.admin-cards>div{background:#fff;border:1px solid var(--line)}
@media(max-width:1100px){.site-header{padding:12px 24px}.site-header nav{gap:16px;font-size:13px}.brand{min-width:auto}.discord-btn{font-size:13px}.title-stack{font-size:76px;line-height:60px}.motto h1{font-size:44px}}
@media(max-width:900px){.menu-btn{display:block;margin-left:auto}.site-header{height:auto;flex-wrap:wrap}.site-header nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0 12px}.site-header nav.open{display:flex}.site-header nav a,.site-header nav a.active{padding:10px 12px}.discord-btn{display:none}.crest{width:min(420px,90vw);height:auto}.title-stack{font-size:clamp(48px,10vw,72px);line-height:.82;letter-spacing:-2px}.motto h1{font-size:clamp(34px,7vw,46px)}.motto p{font-size:20px}.rank-card{font-size:27px}.uniform-grid{grid-template-columns:1fr}}
@media(max-width:620px){.site-header{padding:10px 16px}.brand img{width:46px;height:46px}.brand span{font-size:14px}.hero-inner{gap:28px;width:min(100% - 24px,866px)}.crest{margin-top:10px}.title-stack{font-size:44px;line-height:38px}.motto h1{font-size:33px}.motto p{font-size:17px;line-height:1.55}.rank-grid{grid-template-columns:1fr;gap:14px}.rank-card{min-height:130px;padding:24px;font-size:26px}.rank-no{font-size:42px}.intro-copy,.uniform-note{font-size:15px}.intro-copy br,.uniform-note br{display:none}.glass-card{padding:24px}.site-footer{padding-bottom:36px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}