@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101719;--panel:#172023;--border:#2b3537;--muted:#839294;--gold:#d1b379;--text:#e7eeeb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Noto Sans Thai',sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:1px solid var(--border);background:transparent;color:#cbd5d2;padding:10px 15px;border-radius:6px}button:hover{border-color:var(--gold);color:#f5d99e}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:230px;border-right:1px solid var(--border);background:#121c1e;padding:32px 20px}.brand{display:flex;align-items:center;gap:12px;color:#eee7d6;text-decoration:none;font:600 22px Outfit;letter-spacing:3px}.crest{display:grid;place-items:center;width:46px;height:52px;border:1px solid var(--gold);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:#263334;color:var(--gold);font:32px Georgia}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;margin-top:6px}.navlabel{font:10px Outfit;letter-spacing:2px;color:#64787a;margin:54px 12px 17px}nav button{display:flex;align-items:center;gap:12px;border:0;width:100%;text-align:left;margin-bottom:8px;font-size:16px;padding:14px}nav button span{font-size:13px}nav button.active{color:var(--gold);background:#29312a;border-left:2px solid var(--gold);border-radius:0 6px 6px 0}nav b{margin-left:auto;font:11px Outfit;background:#3c4030;padding:3px 6px;border-radius:4px}.sidebottom{position:absolute;bottom:30px;left:30px;font-size:11px;color:#a4b2ae}.sidebottom small{display:block;color:#586f70;margin-top:9px}.statusdot{display:inline-block;width:6px;height:6px;background:#80bfa0;border-radius:50%;margin-right:5px}main{margin-left:230px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 42px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#465557}.breadcrumb strong{font-weight:400;color:#c4cecb}.headright{display:flex;align-items:center;gap:24px}.live{font:10px Outfit;letter-spacing:2px;color:#92b69b}.profile{border:1px solid #566157;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#33392e}.content{max-width:1600px;margin:auto;padding:38px 42px}.titleline{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:var(--gold);font:10px Outfit;letter-spacing:2.6px}h1{font-size:30px;font-weight:600;margin:8px 0 4px;letter-spacing:-.6px}.tiny{font:11px Outfit;color:#647677;letter-spacing:2px;margin-left:14px}.titleline p{color:var(--muted);font-size:12px;margin:0}.primary{background:var(--gold);color:#20281f;border-color:var(--gold);font-weight:600}.primary:hover{background:#e5c88e;color:#18211a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stat{border:1px solid var(--border);border-radius:8px;background:linear-gradient(120deg,#1c2728,#172022);padding:20px 22px;position:relative}.stat .label{color:#98aaa6;font-size:12px}.stat strong{display:block;font:500 31px Outfit;margin-top:12px;letter-spacing:-.5px}.stat small{color:#758c87;font-size:10px;margin-left:8px}.stat .symbol{position:absolute;right:20px;top:23px;color:#72816a;font-size:21px}.workspace{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#141e20}.sectionhead{display:flex;justify-content:space-between;align-items:center;padding:23px 22px;border-bottom:1px solid var(--border)}.sectionhead>div{display:flex;align-items:center;gap:11px}.goldline{height:17px;width:3px;background:var(--gold)}h2{font-size:15px;font-weight:500;margin:0}.badge{border:1px solid #425047;border-radius:4px;color:#a7b69f;padding:1px 7px;font:11px Outfit}.tools button{font-size:11px;padding:7px 10px}.filters{display:flex;gap:10px;padding:18px 22px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#10191b;border-radius:5px;flex:1;padding:0 12px}.search span{font-size:24px;color:#81918b}input,select,textarea{background:#10191b;border:1px solid #344143;color:#cbd5d2;border-radius:5px;padding:10px 12px;min-width:0}.search input{border:0;width:100%;outline:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold)}.filters select{font-size:11px;max-width:170px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#1b282a;font-size:10px;font-weight:500;color:#849b94;padding:13px 18px}td{padding:13px 18px;border-bottom:1px solid #253234;font-size:12px}tbody tr:hover{background:#1d2a2b}td.num{color:#627a76;font:12px Outfit}td.player{font-weight:500;color:#e0e8e1}.playerwrap{display:flex;align-items:center;gap:11px}.avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:17px Georgia;background:#243535}.rank{font-size:10px;color:#8c9e97}.classpill{font-size:10px;border-radius:4px;background:color-mix(in srgb,var(--c) 9%,transparent);color:var(--c);padding:5px 8px}.power{font:500 13px Outfit;letter-spacing:.3px;color:#ddca9e}.online{font-size:10px;color:#8db69e}.offline{font-size:10px;color:#718581}.online:before,.offline:before{content:'●';font-size:6px;margin-right:6px}.edit{padding:4px 8px;border:0;color:#8a9c94}.tablefoot{padding:15px 22px;display:flex;justify-content:space-between;font-size:10px;color:#718982;background:#172224}footer{display:flex;justify-content:space-between;margin-top:24px;color:#6f8580;font:11px Outfit;letter-spacing:1px}footer em{font:10px 'Noto Sans Thai';margin-left:14px;font-style:normal;letter-spacing:0}footer i{color:#8fb69a;font-style:normal;font-size:7px}.sourceNote{color:#607571;font-size:10px;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px}.card{background:#192628;border:1px solid var(--border);border-radius:8px;padding:20px}.card h3{font-size:15px;font-weight:500;margin:0 0 8px}.card p{font-size:11px;color:var(--muted)}.bar{height:5px;background:#2c3b3b;border-radius:4px;margin:20px 0}.bar span{display:block;height:5px;border-radius:4px;background:var(--gold)}.partyrow{display:flex;justify-content:space-between;gap:6px;padding:9px 0;border-top:1px solid var(--border);font-size:11px}.partyrow button{padding:0 5px;border:0}.empty{padding:55px;text-align:center;color:var(--muted)}dialog{color:var(--text);background:#192427;border:1px solid #45514b;border-radius:12px;width:540px;max-width:95vw;padding:26px}dialog::backdrop{background:#060e11bb;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialoghead h2{font-size:23px;margin-top:6px}.dialoghead button{border:0}label{display:block;font-size:11px;color:#a9bbb4;margin-bottom:14px}label input,label select,label textarea{display:block;width:100%;margin-top:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.dialogactions{display:flex;justify-content:space-between;margin-top:20px}.danger{color:#d48d7f;font-size:11px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#d1b379;color:#18231b;padding:12px 23px;border-radius:6px;display:none;z-index:9}.partytools{padding:0 22px 20px;display:flex;gap:10px;align-items:center;font-size:11px}.partytools p{color:var(--muted);margin-right:auto} @media(min-width:1500px){td{padding-top:16px;padding-bottom:16px}}@media(max-width:1100px){aside{width:190px;padding:30px 14px}.brand{font-size:17px}main{margin-left:190px}.content{padding:26px 22px}header{padding:0 22px}.stats{gap:10px}.stat{padding:17px 15px}.stat strong{font-size:25px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:static;width:auto;padding:16px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:18px}.crest{width:35px;height:38px;font-size:25px}.navlabel,.sidebottom{display:none}nav{display:flex;margin-top:18px;gap:4px}nav button{padding:9px;gap:6px;margin:0}nav button span{font-size:11px}nav b{display:none}main{margin:0}header{height:54px}.live{display:none}.content{padding:24px 14px}h1{font-size:24px}.tiny{display:none}.titleline{gap:10px}.titleline .primary{padding:10px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr);margin:22px 0}.stat strong{font-size:27px}.sectionhead{padding:17px 12px;gap:8px;flex-wrap:wrap}.filters{padding:14px 12px}.filters select{flex:1;max-width:none;padding:9px 4px;font-size:10px}.tools button{font-size:10px}.tablefoot{gap:15px;padding:14px 12px}.tablefoot span:last-child{display:none}footer{gap:10px;line-height:1.8}footer em{display:none}.cards{grid-template-columns:1fr;padding:14px}.partytools{flex-wrap:wrap;padding:0 14px 14px}.partytools p{flex-basis:100%}}
[hidden]{display:none!important}