#acctLogin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:radial-gradient(80% 60% at 50% 30%,#2a1d14,#0b0807 70%)}#acctLogin .lg{width:min(420px,100%);display:grid;gap:12px;padding:28px 24px;border:1px solid #6e5430;border-radius:10px;background:#15100ce8;box-shadow:0 20px 60px #000c;color:#efe4cf}#acctLogin h1{margin:0;font:700 34px Kanit,sans-serif;letter-spacing:.08em;color:#f2d896;text-align:center}#acctLogin .sub,#acctLogin .note{margin:0;color:#a8957a;font-size:13px;text-align:center}#acctLogin .msg{margin:0;min-height:1.2em;color:#ffd27a;font-size:13px;text-align:center}#acctLogin label{display:grid;gap:4px;font-size:13px;color:#c8b89a}#acctLogin input{min-height:44px;padding:0 12px;border-radius:6px;border:1px solid #6e5430;background:#0e0a08;color:#efe4cf;font:inherit;font-size:16px}#acctLogin button{min-height:44px;border-radius:6px;border:1px solid #c9a35a;background:linear-gradient(#e8c47a,#b8893a);color:#2a1a08;font:600 15px Kanit,sans-serif;cursor:pointer}#acctLogin button:disabled{opacity:.6}#acctLogin [hidden]{display:none!important}#acctLogin.login{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;overflow-y:auto;background:#0b0807}#acctLogin.login .lgbg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0b080722,#0b080700 35%,#0b0807aa 75%,#0b0807),url(/assets/hero.webp) center 30% / cover no-repeat}#acctLogin.login .lgtop{align-self:stretch;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px}#acctLogin.login .lgtop a,#acctLogin.login .lgfoot a{color:#f2d896;text-decoration:none;font:500 13px Kanit,sans-serif;padding:6px 14px;border-radius:999px;border:1px solid #c9a35a88;background:#140d0bcc}#acctLogin.login .lgtitle{display:grid;justify-items:center;margin:clamp(8px,4vh,48px) 0 clamp(12px,3vh,28px);text-align:center}#acctLogin.login .lgtitle .star{color:#ffd77a;font-size:26px;text-shadow:0 0 14px #ffb84a}#acctLogin.login .lgtitle h1{font:900 clamp(46px,9vw,112px)/1 Cinzel,Georgia,serif;letter-spacing:-.04em;color:#f7e3cb;text-shadow:0 3px 0 #8e4538,0 7px 0 #442128,0 16px 30px #000,0 0 45px #f048342b}#acctLogin.login .lgtitle .on{margin-top:10px;font:700 clamp(13px,1.8vw,20px) Cinzel,serif;letter-spacing:.7em;color:#f5bd8c;text-shadow:0 2px 10px #000;padding:4px 0;border-top:1px solid #f5bd8c66;border-bottom:1px solid #f5bd8c66}#acctLogin.login .lgtitle small{margin-top:8px;color:#f0dcc0;font:500 13px Kanit,sans-serif;letter-spacing:.12em;text-shadow:0 2px 8px #000}#acctLogin.login .lgcols{display:grid;grid-template-columns:minmax(0,380px) minmax(0,660px);gap:18px;width:min(1060px,100%);padding:0 16px;align-items:start}#acctLogin.login .lg{width:100%;padding:0;gap:0;overflow:hidden;border:2px solid #c9a35a;border-radius:8px;background:#160f0bf0;box-shadow:0 0 0 1px #000,0 20px 60px #000c}#acctLogin.login .lghd,#acctLogin.login .lgtabs{background:linear-gradient(#5a1610,#2a0a08);border-bottom:2px solid #c9a35a}#acctLogin.login .lghd{padding:10px;text-align:center;font:700 22px Kanit,sans-serif;color:#ffe2a0;letter-spacing:.04em}#acctLogin.login .lgbody{display:grid;gap:10px;padding:18px 20px 20px}#acctLogin.login .lgbody h2{margin:0;text-align:center;font:600 21px Kanit,sans-serif;color:#f2d896}#acctLogin.login .lgnews{overflow:hidden;border:2px solid #c9a35a;border-radius:8px;background:#f4e8d6;box-shadow:0 0 0 1px #000,0 20px 60px #000c}#acctLogin.login .lgtabs{display:grid;grid-template-columns:repeat(3,1fr)}#acctLogin.login .lgtabs button{min-height:46px;border:0;border-radius:0;background:none;color:#f2d896;font:600 15px Kanit,sans-serif}#acctLogin.login .lgtabs button.on{background:#f4e8d6;color:#3a1a0a}#acctLogin.login .lgfeed{display:grid;gap:10px;padding:14px;max-height:340px;overflow-y:auto}#acctLogin.login .lgfeed article{padding:10px 14px;border-radius:6px;border:1px solid #d8c09a;background:#fffaf0;color:#3a2a1a}#acctLogin.login .lgfeed .tag{font:600 11px Kanit,sans-serif;color:#8a3a1a;border:1px solid #c98a5a;border-radius:999px;padding:1px 8px}#acctLogin.login .lgfeed h3{margin:6px 0 4px;font:600 17px Kanit,sans-serif;color:#5a1a0a}#acctLogin.login .lgfeed ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.6;color:#4a3a2a}#acctLogin.login .lgfeed{max-height:min(46vh,420px)}#acctLogin.login .lgsec{display:flex;align-items:center;gap:10px;margin:2px 0 0;font:600 15px Kanit,sans-serif;color:#8a5a1a}#acctLogin.login .lgsec:after{content:"";flex:1;height:1px;background:#d8c09a}#acctLogin.login .nhead{display:flex;gap:8px;align-items:center}#acctLogin.login .nhead .kind{font:600 12px Kanit,sans-serif;color:#5a3a1a}#acctLogin.login .nhead .state{font-size:11px;padding:1px 8px;border-radius:4px;background:#d8f0d0;color:#2a7a2a}#acctLogin.login .lgfeed small{display:block;margin-top:4px;color:#8a7a6a;font-size:12px}#acctLogin.login .lgfeed.patch{gap:0}#acctLogin.login .patchrow{border-bottom:1px dashed #c8b08a}#acctLogin.login .patchrow summary{display:grid;grid-template-columns:52px 26px 1fr;align-items:center;gap:6px;min-height:40px;cursor:pointer;list-style:none;color:#3a2a1a;font:600 14px Kanit,sans-serif}#acctLogin.login .patchrow summary::-webkit-details-marker{display:none}#acctLogin.login .patchrow summary:after{content:"▾";color:#a08a6a;position:absolute;right:22px}#acctLogin.login .patchrow{position:relative}#acctLogin.login .patchrow .pd{color:#a07a2a}#acctLogin.login .patchrow p{margin:0 0 8px 84px;color:#5a4a3a;font-size:13px}#acctLogin.login .lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#acctLogin.login .lcard{display:grid;grid-template-columns:46px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:64px;padding:8px 12px;border-radius:8px;border:1px solid #d8c09a;background:#fffaf0;color:#3a2a1a;text-decoration:none;text-align:left;font:inherit;cursor:pointer}#acctLogin.login .lcard:hover{border-color:#c9842a;box-shadow:0 2px 10px #c9842a33}#acctLogin.login .lcard .li{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(#fbeccb,#ecd3a4);border:1px solid #c9a46a;box-shadow:inset 0 1px #fff8}#acctLogin.login .lcard .li svg{width:30px;height:30px}#acctLogin.login .lcard .lt{display:grid;min-width:0}#acctLogin.login .lcard b{font:600 15px Kanit,sans-serif;color:#3a1a0a}#acctLogin.login .lcard small{margin:0;color:#7a6a5a;font-size:12px;overflow-wrap:anywhere}#acctLogin.login .lcard .la{color:#a08a6a;align-self:start}#acctLogin.login .lcard.dc{background:linear-gradient(135deg,#5865f2,#4a3ab8);border-color:#4a54d0}#acctLogin.login .lcard.fb{background:linear-gradient(135deg,#2a7af2,#1a5ac8);border-color:#2a6ad8}#acctLogin.login .lcard.dc b,#acctLogin.login .lcard.fb b,#acctLogin.login .lcard.dc small,#acctLogin.login .lcard.fb small{color:#fff}#acctLogin.login .lcard.dc .li,#acctLogin.login .lcard.fb .li{background:#ffffff26;border-color:#fff4}#acctLogin.login .lcard.off{cursor:default;opacity:.85}@media (max-width: 520px){#acctLogin.login .lgrid{grid-template-columns:1fr}}#acctLogin.login .lapps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#acctLogin.login .lapp{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:16px 6px 14px;min-height:132px;border-radius:8px;border:1px solid #d8c09a;background:#fffaf0;color:#3a2a1a;font:inherit;cursor:pointer}#acctLogin.login .lapp:hover{border-color:#c9842a;box-shadow:0 2px 10px #c9842a33}#acctLogin.login .lapp .ai{width:50px;height:50px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid #d8c8b0;box-shadow:0 1px 3px #0001}#acctLogin.login .lapp .ai svg{width:30px;height:30px}#acctLogin.login .lapp b{font:600 15px Kanit,sans-serif;color:#2a2a4a}#acctLogin.login .lapp small{color:#7a6a5a;font-size:12px;margin:0}#acctLogin.login .lapp .la{position:absolute;top:6px;right:10px;color:#a08a6a}#acctLogin.login .lhelp{margin-top:8px;color:#3a2a1a;font-size:13.5px}#acctLogin.login .lhelp:empty{display:none}#acctLogin.login .lhelp b{color:#5a1a0a;font-family:Kanit,sans-serif}#acctLogin.login .lhelp ol{margin:4px 0;padding-left:20px;line-height:1.6}#acctLogin.login .lgterms{margin:10px 0 0;padding-top:10px;border-top:1px dashed #c8b08a;text-align:center}#acctLogin.login .lgterms a{color:#6a5a4a;font-size:13px}@media (max-width: 520px){#acctLogin.login .lapps{grid-template-columns:repeat(2,minmax(0,1fr))}}#acctLogin.login svg{flex:none}#acctLogin.login .lgtabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px}#acctLogin.login .lgtabs button svg{width:18px;height:18px;color:#e8c47a}#acctLogin.login .lgtabs button.on svg{color:#8a3a1a}#acctLogin.login button.guest{display:flex;align-items:center;justify-content:center;gap:8px}#acctLogin.login button.guest svg{width:18px;height:18px}#acctLogin.login .nhead .kind{display:inline-flex;align-items:center;gap:5px}#acctLogin.login .gi svg{width:15px;height:15px;color:#8a3a1a;display:block}#acctLogin.login .patchrow .pi{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:linear-gradient(#5a1610,#2a0a08);color:#f2d896}#acctLogin.login .patchrow .pi svg{width:15px;height:15px}#acctLogin.login .lgreport{display:flex;align-items:center;gap:12px;margin:0 14px 14px;padding:10px 14px;border-radius:6px;border:2px solid #d98a3a;background:#fff3e0;color:#4a3a2a;font-size:13px}#acctLogin.login .lgreport>div{flex:1;display:grid;gap:2px;min-width:0}#acctLogin.login .lgreport b{color:#a03a1a;font:600 15px Kanit,sans-serif}#acctLogin.login .lgreport .mail{color:#1a4aa0;font-weight:600;overflow-wrap:anywhere}#acctLogin.login .lgreport .copy{flex:none;min-height:40px;padding:0 16px;border:1px solid #b8702a;background:linear-gradient(#f0b060,#c87a2a);color:#fff}#acctLogin.login .lgfoot{align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:28px;padding:14px 16px;background:#0a0606ee;border-top:1px solid #4a3624;color:#c8b89a;font-size:12px;letter-spacing:.06em}#acctLogin.login .lgfoot .sp{flex:1}@media (max-width: 860px),(max-height: 500px){#acctLogin.login .lgcols{grid-template-columns:1fr;max-width:520px}#acctLogin.login .lgtitle h1{font-size:clamp(40px,12vw,64px)}#acctLogin.login .lgtitle{margin:6px 0 14px}}#acctLogin .or{display:flex;align-items:center;gap:10px;color:#8f8068;font-size:12px}#acctLogin .or:before,#acctLogin .or:after{content:"";flex:1;height:1px;background:#4a3624}#acctLogin button.guest{background:linear-gradient(#3a2a1a,#24180e);color:#f2d896;border-color:#8a6a3a}#acctLogin button.google{display:flex;align-items:center;justify-content:center;gap:10px;border-color:#dadce0;background:#fff;color:#3c4043;font:600 15px IBM Plex Sans Thai,Kanit,sans-serif}#acctLogin #lgStep2{display:grid;gap:10px}#acctLogin .lg.wide{width:min(760px,100%)}#acctLogin .slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#acctLogin .slot{display:grid;gap:8px;align-content:start;min-height:170px;padding:14px;border-radius:8px;border:1px solid #6e5430;background:#1d1612}#acctLogin .slot.last{border-color:#f2d896;box-shadow:0 0 14px #ffb84a44}#acctLogin .slot .who b{display:block;color:#f2d896;font:600 18px Kanit,sans-serif;word-break:break-word}#acctLogin .slot .who small{color:#c8b89a}#acctLogin .slot.empty{place-items:center;border-style:dashed;background:#15100c}#acctLogin .slot .add{background:none;border:0;color:#c8b89a;font:600 15px Kanit,sans-serif;cursor:pointer;min-height:44px}#acctLogin .slot .del{background:#2a1412;border-color:#8a3a30;color:#ffb0a0;font-size:13px;min-height:36px}#acctLogin .slot .del.sure{background:#6a1a12;color:#fff}#acctLogin .out{color:#ff9a7a;text-align:center;cursor:pointer;font-size:13px}@media (max-width: 640px){#acctLogin .slots{grid-template-columns:1fr}#acctLogin .slot{min-height:0}}#acctLogin.chars{background:radial-gradient(ellipse at 50% 40%,#12090699,#0a0605e8 70%),url(/assets/hero.webp) center 35% / cover no-repeat,#0b0807}#acctLogin.chars .lg.wide{width:min(980px,100%);background:linear-gradient(#1a110cf0,#0e0907f0);border:1px solid #8a6a3a;box-shadow:0 0 0 1px #000,0 0 0 4px #2a1a10,0 0 0 5px #c9a35a88,0 30px 80px #000;padding:26px 26px 18px}#acctLogin.chars .crest{text-align:center;font:700 13px Cinzel,Kanit,serif;letter-spacing:.5em;color:#c9a35a}#acctLogin.chars h1{font-size:30px;text-shadow:0 0 18px #ffb84a55}#acctLogin.chars .slots{gap:16px;margin-top:6px}#acctLogin.chars .slot{position:relative;min-height:300px;justify-items:center;text-align:center;padding:22px 16px 16px;background:linear-gradient(180deg,#24170f,#120b08);border:1px solid #6e5430;box-shadow:inset 0 0 0 3px #120b08,inset 0 0 0 4px #c9a35a44;transition:transform .15s,box-shadow .15s}#acctLogin.chars .slot:not(.empty):hover{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #120b08,inset 0 0 0 4px #f2d89688,0 12px 30px #000a}#acctLogin.chars .slot.last{border-color:#f2d896}#acctLogin.chars .slot .tag{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:10px;background:#f2d896;color:#2a1606;font-size:11px;font-weight:700}#acctLogin.chars .emb{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--jc) 35%,#120b08),#0b0706 70%);border:2px solid var(--jc);box-shadow:0 0 22px color-mix(in srgb,var(--jc) 55%,transparent),inset 0 0 18px #000}#acctLogin.chars .emb i{width:62px;height:62px;background:var(--jc);-webkit-mask:var(--em) center / contain no-repeat;mask:var(--em) center / contain no-repeat;filter:drop-shadow(0 0 6px var(--jc))}#acctLogin.chars .slot .who b{font-size:20px}#acctLogin.chars .slot .who small{display:block;margin-top:2px}#acctLogin.chars .slot button.primary,#acctLogin.chars .slot .del{width:100%}#acctLogin.chars .slot.empty{align-content:center}#acctLogin.chars .slot .add{display:grid;gap:6px;justify-items:center}#acctLogin.chars .slot .add b{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:2px dashed #6e5430;color:#c9a35a;font-size:34px}#acctLogin.chars .slot .add:hover b{border-color:#f2d896;color:#f2d896}#acctLogin.chars .foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#8a7a62;font-size:12px}#acctLogin.chars .slot .pic{width:100%;max-width:200px;aspect-ratio:180 / 220;object-fit:cover;border-radius:6px;border:1px solid #6e5430;box-shadow:0 8px 24px #000a}#acctLogin.chars .emb.mini{position:absolute;top:10px;left:10px;width:46px;height:46px}#acctLogin.chars .emb.mini i{width:26px;height:26px}