:root{--ink:#05080a;--panel:#0a0f12d9;--panel-solid:#0b1013f5;--line:#ffffff26;--line-strong:#ffffff6b;--text:#f2f4f1;--muted:#9aa5a8;--accent:#efff56;--on-accent:#121500;--red:#ff4d4d;--blue:#4da6ff;--danger:#ff6b5b;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--bar:56px;--nav:60px;--ctl:44px;--pad:24px;--f-head:"PB Gunplay","PB Thai",Arial,sans-serif;--f-ui:"PB Thai",Arial,sans-serif}.nx{position:fixed;inset:0;overflow:hidden;color:var(--text);font:400 15px/1.35 var(--f-ui);background:var(--ink);-webkit-font-smoothing:antialiased;touch-action:manipulation;user-select:none;-webkit-user-select:none}.nx[data-layout=short]{--bar:44px;--ctl:36px;--pad:12px;font-size:13px}.nx[data-layout=tall]{--pad:12px;font-size:14px}.nx *,.nx *:before,.nx *:after{box-sizing:border-box}.nx [hidden]{display:none!important}.nx :is(h1,h2,h3,p){margin:0}.nx input,.nx select,.nx textarea{user-select:text;-webkit-user-select:text}.nx-backdrop{position:absolute;inset:0;background:var(--ink) center/cover no-repeat;z-index:0}.nx-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 35%,#05080acc 100%)}.nx-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:1}.nx-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.nx-layer>*{pointer-events:auto}.nx-focus{pointer-events:none!important}.nx-kicker{font:700 11px/1.2 var(--f-ui);letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}.nx-title{font:400 34px/1 var(--f-head);letter-spacing:1px;text-transform:uppercase}.nx[data-layout=short] .nx-title{font-size:24px}.nx[data-layout=tall] .nx-title{font-size:26px}.nx-muted{color:var(--muted)}.nx-panel{position:relative;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nx-panel:before{content:"";position:absolute;left:-1px;top:-1px;width:32px;height:2px;background:var(--accent)}.nx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--ctl);padding:0 var(--s4);border:1px solid var(--line-strong);background:#0c1114cc;color:#fff;font:700 15px/1.1 var(--f-ui);letter-spacing:.2px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.nx[data-layout=short] .nx-btn{font-size:13px;padding:0 var(--s3)}.nx-btn:hover:not(:disabled){background:#fff;color:var(--ink);border-color:#fff}.nx-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nx-btn:disabled{opacity:.4;cursor:default}.nx-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#efff5614}.nx-btn--primary{border:0;color:var(--on-accent);background:var(--accent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);font-weight:800}.nx-btn--primary:hover:not(:disabled){background:#f6ff9a;color:var(--on-accent)}.nx-btn--cta{min-height:60px;font:400 24px/1 var(--f-head);letter-spacing:1px;text-transform:uppercase;padding:0 var(--s5)}.nx[data-layout=short] .nx-btn--cta{min-height:44px;font-size:18px}.nx-btn--icon{width:var(--ctl);padding:0}.nx-btn--icon svg{width:20px;height:20px}.nx-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#c9d1d3}.nx-input{width:100%;min-height:var(--ctl);padding:0 var(--s3);border:1px solid var(--line-strong);background:#05080acc;color:var(--text);font:500 16px var(--f-ui);border-radius:0;outline:none}.nx-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nx-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;-webkit-overflow-scrolling:touch}.nx-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--line-strong);font-size:11px;font-weight:700}.nx-tag--accent{border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion:reduce){.nx *{transition:none!important;animation:none!important}}.nx[hidden]{display:none!important}.nx-matchload{position:fixed;inset:0;z-index:100000;display:grid;gap:20px;padding:clamp(16px,3.5vw,48px);box-sizing:border-box;overflow:hidden;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "card side" "foot foot";color:var(--text);font:400 14px/1.5 var(--f-ui);user-select:none;background:var(--ink)}.nx-matchload *{box-sizing:border-box}.nx-matchload-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 35% 50%,transparent 20%,#05080ae6 85%),url(/ui-kit/v5/stage-hangar.webp) center/cover;filter:saturate(.8)}.nx-matchload[data-team=blue] .nx-matchload-bg{background:radial-gradient(ellipse at 35% 50%,#4da6ff14,#05080ae6 85%),url(/ui-kit/v5/stage-hangar.webp) center/cover}.nx-matchload[data-team=red] .nx-matchload-bg{background:radial-gradient(ellipse at 35% 50%,#ff4d4d14,#05080ae6 85%),url(/ui-kit/v5/stage-hangar.webp) center/cover}.nx-matchload-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:16px}.nx-matchload-head img{width:clamp(140px,16vw,240px);height:auto}.nx-matchload-card{grid-area:card;position:relative;margin:0;min-height:0;display:flex;align-items:center;justify-content:center}.nx-matchload-frame{position:relative;height:100%;max-width:100%;aspect-ratio:4/3;border:1px solid var(--line-strong);box-shadow:0 30px 80px #000d,0 0 0 6px #0a0f12;transform:rotate(-1.2deg);animation:nx-matchload-in .6s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}.nx-matchload-frame>img:first-child{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.nx-matchload-mark{position:absolute;top:0;right:0;width:26%;height:5.4%;padding:.6% 1.2%;object-fit:contain;object-position:right center;background:#0b0f12}@keyframes nx-matchload-in{0%{opacity:0;transform:rotate(-4deg) translateY(16px) scale(.97)}}.nx-matchload-side{grid-area:side;align-self:center;display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px);position:relative}.nx-matchload-side:before{content:"";position:absolute;left:-1px;top:-1px;width:40px;height:3px;background:var(--accent)}.nx-matchload-map{margin:0;font:400 clamp(30px,4.2vw,56px)/1 var(--f-head);letter-spacing:1px;text-transform:uppercase}.nx-matchload-badges{display:flex;flex-wrap:wrap;gap:6px}.nx-matchload-badges span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;font:800 12px var(--f-ui);letter-spacing:1px;border:1px solid var(--line-strong)}.nx-matchload-team--red{background:#ff4d4d2e;border-color:#ff4d4d!important;color:#ffd0d0}.nx-matchload-team--blue{background:#4da6ff2e;border-color:#4da6ff!important;color:#d4e9ff}.nx-matchload-tip-head{margin-top:6px;font:800 11px var(--f-ui);letter-spacing:2px;color:var(--muted)}.nx-matchload-tip{margin:0;font-size:14px;color:#d7dedf}.nx-matchload-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nx-matchload-steps li{padding-top:6px;border-top:3px solid #ffffff26;font:800 10px var(--f-ui);letter-spacing:1px;color:var(--muted);transition:color .2s,border-color .2s}.nx-matchload-steps li.is-done{border-color:var(--accent);color:#d7dedf}.nx-matchload-steps li.is-current{border-color:#efff5699;color:var(--accent)}.nx-matchload-progress{grid-area:foot;display:flex;flex-direction:column;gap:8px}.nx-matchload-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;color:#c9d1d3}.nx-matchload-line strong{font:400 28px/1 var(--f-head);color:var(--accent)}.nx-matchload-meter{height:6px;background:#ffffff1f;overflow:hidden}.nx-matchload-meter i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 12px #efff56aa;transition:width .25s ease-out}.nx-matchload-caption{margin:0;font-size:12px;color:var(--muted)}.nx-matchload[data-layout=short]{gap:10px;padding:12px 16px;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr)}.nx-matchload[data-layout=short] .nx-matchload-head img{width:110px}.nx-matchload[data-layout=short] .nx-matchload-side{padding:12px;gap:6px}.nx-matchload[data-layout=short] .nx-matchload-map{font-size:26px}.nx-matchload[data-layout=short] .nx-matchload-tip{font-size:12px}.nx-matchload[data-layout=short] .nx-matchload-tip-head,.nx-matchload[data-layout=short] .nx-matchload-steps{display:none}.nx-matchload[data-layout=short] .nx-matchload-line strong{font-size:20px}.nx-matchload[data-layout=tall]{gap:12px;padding:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head" "card" "side" "foot"}.nx-matchload[data-layout=tall] .nx-matchload-head img{width:150px}.nx-matchload[data-layout=tall] .nx-matchload-frame{width:100%;height:auto}.nx-matchload[data-layout=tall] .nx-matchload-side{align-self:start;padding:16px}.nx-matchload[data-layout=tall] .nx-matchload-map{font-size:32px}.nx-login{z-index:100}.nx-login-grid{display:grid;padding:var(--pad);gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(340px,400px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"brand panel" "focus panel" "foot panel"}.nx-login-brand{grid-area:brand;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.nx-login-brand img{width:clamp(150px,18vw,260px);height:auto}.nx-login-focus{grid-area:focus}.nx-login-foot{grid-area:foot;font-size:12px;letter-spacing:.5px}.nx-login-panel{grid-area:panel;align-self:center;padding:var(--s6) var(--s5)}.nx-login-form{display:flex;flex-direction:column;gap:var(--s4)}.nx-login-form .nx-title{margin-bottom:var(--s2)}.nx-login-rule{font-size:12px}.nx-login-error{padding:var(--s2) var(--s3);border-left:3px solid var(--danger);background:#ff6b5b1f;color:#ffd2cc;font-size:13px}.nx-login-form .nx-btn--cta{width:100%;margin-top:var(--s2)}.nx-login-switch{text-align:center;font-size:13px;color:var(--muted)}.nx-login-mode{border:0;background:none;color:var(--accent);font:700 13px var(--f-ui);cursor:pointer;padding:6px 4px;text-decoration:underline;text-underline-offset:3px}.nx-login[data-layout=short] .nx-login-grid{grid-template-columns:minmax(0,1fr) minmax(280px,330px);grid-template-areas:"brand panel" "focus panel" "focus panel";gap:var(--s2)}.nx-login[data-layout=short] .nx-login-brand img{width:120px}.nx-login[data-layout=short] .nx-login-foot,.nx-login[data-layout=short] .nx-login-rule{display:none}.nx-login[data-layout=short] .nx-login-panel{padding:var(--s4);max-height:100%;overflow:auto}.nx-login[data-layout=short] .nx-login-form{gap:var(--s2)}.nx-login[data-layout=tall] .nx-login-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"brand" "focus" "panel";gap:var(--s2)}.nx-login[data-layout=tall] .nx-login-brand{align-items:center}.nx-login[data-layout=tall] .nx-login-brand img{width:180px}.nx-login[data-layout=tall] .nx-login-foot,.nx-login[data-layout=tall] .nx-login-rule{display:none}.nx-login[data-layout=tall] .nx-login-panel{align-self:end;padding:var(--s4)}.nx-login[data-layout=tall] .nx-login-form{gap:var(--s3)}.nx-login[data-layout=tall] .nx-login-form .nx-title{font-size:22px;margin:0}