:root{--bg:#0a1018;--panel:#111b27;--panel2:#172735;--line:#304153;--txt:#f3f7ff;--dim:#9bb1c8;--gold:#ffc54c;--blue:#55b8f5;--green:#36ddb0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--txt);font:14px/1.45 Pretendard,'Malgun Gothic',system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer}.topnav{height:58px;display:flex;align-items:center;gap:26px;padding:0 23px;border-bottom:1px solid var(--line);background:#0d151f;white-space:nowrap}.brand{text-decoration:none;color:#fff;font-weight:950;font-size:18px;letter-spacing:.04em}.brand b{color:var(--gold)}.brand small{font-size:12px;letter-spacing:0}.mainnav{display:flex;align-items:center;height:100%;gap:6px}.mainnav a{color:var(--dim);text-decoration:none;font-weight:750;padding:18px 11px;position:relative}.mainnav a.current{color:var(--gold)}.mainnav a.current:after{position:absolute;content:'';height:3px;background:var(--gold);bottom:0;left:9px;right:9px;border-radius:3px}.grow{flex:1}.next,.back{text-decoration:none;border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:8px 12px;font-size:12px;font-weight:700}.back{display:none}.layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;min-height:calc(100vh - 58px)}.mapcolumn{min-width:0;padding:25px 25px 16px;display:flex;flex-direction:column;gap:16px}.mapheadline{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.eyebrow{font-size:10px;color:var(--blue);font-weight:850;letter-spacing:.16em}.dash{color:#637992;padding:0 5px}.mapheadline h1{font-size:31px;line-height:1.1;margin:7px 0;letter-spacing:-.045em}.mapheadline h1 em{font-style:normal;color:var(--gold)}.mapheadline p,.sidehead p{margin:0;color:var(--dim);font-size:12px}.livepill{border:1px solid #3a5564;border-radius:30px;color:#b5d9ec;font-size:11px;padding:6px 10px;white-space:nowrap}.viewport{position:relative;overflow:hidden;min-height:560px;flex:1;background:#0a1b2a;border:1px solid #3a5366;border-radius:14px;display:grid;place-items:center;touch-action:none}.map-surface{position:relative;width:min(100%,calc(100vh - 220px));aspect-ratio:1;max-width:1050px;box-shadow:0 14px 45px #0008;transform-origin:center center;will-change:transform;cursor:grab;touch-action:none}.map-surface.grabbing{cursor:grabbing}.map-surface img,.map-surface canvas{position:absolute;width:100%;height:100%;inset:0}.map-surface img{object-fit:cover;background:radial-gradient(circle at 45% 35%,#34536a,#0b1e2d);user-select:none}.map-surface canvas{pointer-events:none}.mapbadge,.zoom{position:absolute;background:#0b1726e8;border:1px solid #69809666;border-radius:9px;z-index:3}.mapbadge{bottom:16px;left:16px;padding:9px 12px;display:flex;flex-direction:column;gap:2px;pointer-events:none}.mapbadge b{font-size:13px;color:var(--gold);letter-spacing:.12em}.mapbadge span{color:var(--dim);font-size:11px}.zoom{right:16px;bottom:16px;display:flex;flex-direction:column;overflow:hidden}.zoom button{background:transparent;color:white;border:0;border-bottom:1px solid var(--line);height:38px;width:40px;font-size:23px}.zoom button:last-child{border:0}.zoom button:hover{background:#274359}.hovercard{position:absolute;z-index:7;background:#0b1420ed;border:1px solid var(--gold);border-radius:8px;padding:9px 11px;font-size:11px;pointer-events:none;max-width:240px}.mapempty{position:absolute;z-index:2;padding:18px;background:#0a1621e5;border:1px solid var(--line);border-radius:10px;text-align:center;color:var(--gold);font-weight:750}.mapempty small{display:block;color:var(--dim);font-weight:400;margin-top:5px}.mapfoot{display:flex;justify-content:space-between;gap:8px;color:#7892a9;font-size:11px}.controls{border-left:1px solid var(--line);background:#101925;padding:25px 19px;overflow-y:auto;max-height:calc(100vh - 58px)}.sidehead h2{font-size:25px;letter-spacing:-.04em;margin:5px 0}.sidehead p{line-height:1.65}.section{padding:20px 0;border-bottom:1px solid #2d4050}.section-title{font-size:13px;font-weight:850;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center}.section-title span{color:var(--dim);font-size:11px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.grid button,.modes button,.subrow button{border:1px solid #384b59;background:#192735;color:#d6e3ee;border-radius:8px;padding:10px 7px;font-weight:750}.grid button:hover,.modes button:hover{border-color:var(--gold)}.grid button.active{background:var(--gold);border-color:var(--gold);color:#111c26}.grid button.selected{background:#224e52;border-color:#4dd4ad;color:#d8fff0}.phases{grid-template-columns:repeat(3,1fr)}.subrow{display:flex;gap:8px;margin-top:10px}.subrow button{flex:1;padding:7px;font-size:11px;background:transparent}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{color:var(--dim);font-size:11px}select{display:block;margin-top:5px;width:100%;padding:9px;background:#192735;color:var(--txt);border:1px solid #384b59;border-radius:7px}.full-select{display:block;margin-top:11px}.modes{display:flex;gap:4px}.modes button{flex:1;padding:9px 3px;font-size:11px}.modes button.active{background:#374e61;border-color:var(--gold);color:var(--gold)}.sliderlabel{display:flex;justify-content:space-between;margin:19px 0 5px}.sliderlabel output{color:var(--txt)}input[type=range]{width:100%;accent-color:var(--gold)}.toggle{display:flex;align-items:center;gap:8px;margin-top:13px;cursor:pointer}.toggle input{accent-color:var(--gold)}.legend{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:10px;margin-top:14px}.legend div{flex:1;height:7px;border-radius:6px;background:linear-gradient(90deg,#3932a1,#18aaf0,#16d4a8,#f3e447,#f25d27)}.stats{display:flex;gap:9px;padding:18px 0}.stats>div{background:#192938;border:1px solid #3b5363;border-radius:9px;flex:1;padding:12px}.stats span{display:block;color:var(--dim);font-size:10px}.stats strong{font-size:25px;color:var(--gold);padding-right:3px}.stats small{font-size:10px;color:var(--dim)}.note{color:#8ca3b5;font-size:11px;line-height:1.65;margin:0}@media(max-width:980px){.layout{display:flex;flex-direction:column}.controls{border-left:0;border-top:1px solid var(--line);max-height:none}.mapcolumn{padding:17px}.viewport{min-height:500px}.map-surface{width:min(100%,650px)}.topnav{gap:10px}.mainnav{overflow-x:auto}.mainnav a{padding:18px 8px}.next{display:none}.back{display:block}}@media(max-width:600px){.topnav{padding:0 11px}.brand{font-size:15px}.mainnav a:not(.current){display:none}.mapheadline h1{font-size:25px}.mapheadline p{font-size:11px}.viewport{min-height:350px}.mapfoot{flex-direction:column}.map-surface{width:100%}.controls{padding:18px}.livepill{font-size:9px}.zoom{right:9px;bottom:9px}.mapbadge{left:9px;bottom:9px}}

#analysis{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}#analysis button{min-height:38px}.filters+.filters{margin-top:10px}#tournament{min-height:112px}.clear-tournament{margin-top:8px;border:1px solid var(--line);background:#192735;color:var(--dim);border-radius:7px;padding:6px 10px;font-size:11px}#phaseSection[hidden],#modeSection[hidden]{display:none}

/* Same navigation proportions and palette as the current PUBGIN hub. */
:root{--bg:#0B1017;--panel:#131B26;--panel2:#1A2532;--line:#2B3949;--txt:#F3F6FA;--dim:#9CAABA;--gold:#F5BC46;--blue:#5AB6E8;--green:#37C995}
.topnav{position:sticky;top:0;z-index:20;height:52px;padding:0;background:rgba(16,18,22,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.tn-in{display:flex;align-items:center;gap:14px;width:100%;max-width:1280px;min-height:52px;margin:0 auto;padding:0 32px}.tn-brand{display:inline-flex;align-items:center;color:var(--txt);text-decoration:none;white-space:nowrap;font-size:15px;font-weight:900;letter-spacing:.14em}.tn-brand img{margin-right:8px;object-fit:contain}.tn-brand b{color:var(--gold)}.tn-brand span{letter-spacing:0}.tn-leagues{display:flex;height:52px;align-items:stretch;gap:2px}.tn-leagues a{display:inline-flex;align-items:center;padding:0 11px;color:var(--dim);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.tn-leagues a:hover{color:var(--txt)}.tn-sp{flex:1 1 0;min-width:8px}.tn-chicken,.tn-next,.tn-action{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:34px;padding:0 11px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--txt);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.tn-chicken[aria-current]{border-color:var(--gold);color:var(--gold);background:rgba(245,188,70,.10)}.tn-next{color:var(--dim)}.tn-action{color:var(--dim)}.tn-chicken:hover,.tn-next:hover,.tn-action:hover{border-color:var(--gold);color:var(--gold)}
.layout{min-height:calc(100vh - 52px)}.controls{max-height:calc(100vh - 52px);background:var(--panel)}.grid button,.modes button,select,.stats>div{background:var(--panel2);border-color:var(--line)}.grid button.active{background:var(--gold);border-color:var(--gold);color:#0B1017}.grid button.selected{border-color:var(--green)}.mapcolumn{background:var(--bg)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:1100px){.tn-in{padding:0 16px;gap:8px}.tn-leagues a{padding:0 7px}.tn-chicken,.tn-next,.tn-action{padding:0 8px;font-size:11px}}
@media(max-width:760px){.topnav{height:48px}.tn-in{min-height:48px}.tn-leagues,.tn-next{display:none}.tn-brand{font-size:13px}.tn-brand img{width:27px;height:27px}.tn-action span{display:none}.tn-chicken{font-size:11px}.controls{max-height:none}}
@media(max-width:420px){.tn-in{padding:0 10px;gap:6px}.tn-brand{letter-spacing:.06em;font-size:12px}.tn-brand img{margin-right:4px}.tn-chicken{font-size:10px;padding:0 6px}.tn-action{padding:0 6px}}

.filterhelp{display:block;color:var(--dim);font-size:10px;line-height:1.5;margin-top:8px}.modes#analysis{grid-template-columns:repeat(2,minmax(0,1fr))}.modes#analysis button{font-size:12px}.modes#analysis button.active{background:var(--gold);border-color:var(--gold);color:#0B1017}
.map-labels{position:absolute;inset:0;pointer-events:none}.place-label{position:absolute;transform:translate(-50%,-125%);padding:3px 7px;border-radius:6px;border:1px solid rgba(245,188,70,.55);background:rgba(11,16,23,.82);color:#fff;font-size:11px;font-weight:800;white-space:nowrap;text-shadow:0 1px 2px #000}.place-label:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#f5bc46;bottom:-7px;left:calc(50% - 2px)}#analysis button[hidden]{display:none}
/* Match the hub's teal cards, gold active state, and compact controls. */
:root{--panel:#13212b;--panel2:#1b2c38;--line:#3b5360;--gold:#f5bc46;--dim:#9db4c5}
.controls{padding:13px 16px;background:#111c27;scrollbar-width:thin}.controls.settings-flash{box-shadow:inset 0 0 0 2px rgba(245,188,70,.55)}.sidehead h2{font-size:20px;margin:2px 0 0}.sidehead p{font-size:11px;line-height:1.35}.section{padding:9px 0;border-color:var(--line)}.section-title{font-size:12px;margin-bottom:7px}.section-title span{font-size:10px}.grid,.filters,.modes{gap:5px}.grid button,.modes button{min-height:30px;padding:5px 4px;background:#1b2c38;border:1px solid #344b59;color:#dce9f2;border-radius:8px;font-size:11px;line-height:1.2}.grid button:hover,.modes button:hover{border-color:#8ed9de}.grid button.active,.modes#analysis button.active,.modes button.active{background:var(--gold);border-color:var(--gold);color:#0b1017}.grid button.selected{background:#20434a;border-color:#52cbb6;color:#e8fffa}.filters label,.full-select{font-size:10px}.filters select,.full-select select{height:32px;padding:5px 8px;margin-top:3px;background:#1b2c38;border-color:var(--line);font-size:11px}.full-select{margin-top:8px}.filterhelp{font-size:9px;margin-top:4px}.subrow{margin-top:5px;gap:5px}.subrow button{padding:4px;font-size:10px;min-height:25px}.sliderlabel{margin:8px 0 3px;font-size:10px}.toggle{font-size:10px;margin-top:6px}.legend{margin-top:5px}.stats{padding:9px 0;gap:6px}.stats>div{padding:7px 9px;background:#1b2c38}.stats strong{font-size:19px}.stats span,.stats small{font-size:9px}.note{border-top:1px solid var(--line);padding-top:6px;font-size:10px}.note summary{cursor:pointer;color:var(--dim)}.note p{margin:5px 0 0}.zoom button{font-size:20px}.zoom #goSettings{font-size:18px;color:var(--gold)}
@media(min-width:981px){.controls{max-height:calc(100vh - 52px);overflow-y:auto}.sidehead p{display:none}.mapcolumn{padding:16px 20px 10px;gap:10px}.mapheadline h1{font-size:27px;margin:4px 0}.mapheadline p{font-size:11px}.map-surface{width:min(100%,calc(100vh - 182px))}.viewport{min-height:460px}}
@media(max-width:980px){.controls{padding:12px 15px;max-height:none}.sidehead h2{font-size:19px}.sidehead p{display:none}.section{padding:9px 0}.mapcolumn{gap:9px}}
@media(max-width:600px){.controls{padding:8px 11px}.sidehead h2{font-size:18px}.sidehead .eyebrow{font-size:9px}.section{padding:7px 0}.section-title{margin-bottom:5px}.grid button,.modes button{min-height:32px;padding:5px 3px;font-size:11px}.filters select,.full-select select{height:32px}.stats{padding:7px 0}.stats>div{padding:6px}.stats strong{font-size:17px}.note{padding-top:5px}.viewport{min-height:310px}.mapfoot{font-size:9px}.zoom button{width:36px;height:34px}.mapbadge{padding:6px 8px}.mapbadge b{font-size:10px}.mapbadge span{font-size:9px}}
/* Put the analysis panel and map at the same top edge. */
.mapcolumn{padding-top:12px}.controls{margin-top:12px}.viewport .livepill{position:absolute;top:12px;right:12px;z-index:4;background:rgba(11,23,38,.88);pointer-events:none}
.map-options{padding-top:7px}
@media(max-width:980px){.controls{margin-top:0}.mapcolumn{padding-top:12px}}
/* Responsive map and controls, September 27 revision. */
html{scroll-behavior:smooth;scroll-padding-top:60px}
body{overflow-x:hidden}.layout{grid-template-columns:minmax(0,1fr) clamp(340px,22vw,420px);height:calc(100dvh - 52px);min-height:620px}
.mapcolumn{min-height:0;min-width:0;padding:12px 12px 8px;gap:4px}.controls{margin:12px 12px 8px 0;border:1px solid var(--line);border-radius:12px;min-width:0;height:calc(100% - 20px);max-height:none;overflow-y:auto}.viewport{min-height:0;width:100%;height:100%;flex:1}.map-surface{width:min(100%,calc(100dvh - 86px));max-width:none;flex:none}.mapfoot{flex:none}.viewport .livepill{top:10px;right:10px}
.tn-settings{display:none}.tn-in{max-width:1280px;min-width:0}.tn-chicken{font-weight:850}.tn-brand{flex:none}.tn-leagues{min-width:0}
@media(max-width:1100px){.tn-leagues a{padding:0 7px}.tn-in{gap:6px}}
@media(max-width:980px){
 .layout{display:block;height:auto;min-height:0}.mapcolumn{padding:9px 10px 4px}.viewport{height:min(68dvh,780px);min-height:320px;flex:none}.map-surface{width:min(100%,66dvh);max-width:100%}.controls{height:auto;max-height:none;overflow:visible;margin:8px 10px 14px;padding:12px;border-radius:12px;scroll-margin-top:56px}.tn-in{gap:6px;padding:0 10px}.tn-leagues,.tn-next{display:none}.tn-settings{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:32px;padding:0 8px;border:1px solid var(--gold);color:var(--gold);border-radius:8px;text-decoration:none;font-size:11px;font-weight:800}.tn-chicken,.tn-action{min-height:32px;padding:0 8px;font-size:11px}.tn-sp{min-width:0}.tn-action span{display:none}
}
@media(max-width:600px){.topnav{height:auto;min-height:48px}.tn-in{min-height:48px}.tn-brand{font-size:12px;letter-spacing:.05em}.tn-brand img{width:25px;height:25px;margin-right:3px}.tn-chicken{font-size:10px;padding:0 6px}.tn-settings{font-size:10px;padding:0 6px}.tn-action{font-size:13px;padding:0 5px}.viewport{height:min(59dvh,520px);min-height:300px}.map-surface{width:min(100%,57dvh)}.mapfoot{font-size:9px}.viewport .livepill{top:7px;right:7px;font-size:10px;padding:4px 6px}.controls{margin:8px 10px 12px}.mapbadge{left:7px;bottom:7px}.zoom{right:7px;bottom:7px}}
@media(max-width:380px){.tn-brand span{display:none}.tn-action[title="메인 페이지에서 검색"]{display:none}.tn-in{gap:4px}.tn-chicken,.tn-settings{padding:0 5px}}
.topnav{position:sticky}.spot-menu[hidden]{display:none}.spot-menu{position:absolute;right:max(12px,calc((100vw - 1280px)/2 + 32px));top:100%;z-index:50;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:6px;width:min(290px,calc(100vw - 24px));padding:10px;background:#13212b;border:1px solid var(--line);border-radius:0 0 11px 11px;box-shadow:0 14px 35px #0008}.spot-menu a{color:var(--txt);text-decoration:none;padding:9px;border-radius:7px;background:#1b2c38;font-size:12px;font-weight:750}.spot-menu a:hover{color:var(--gold)}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.select-only select{margin-top:0}.map-options{padding-top:9px}.sidehead h2{margin:0 0 3px;font-size:20px}.sidehead{padding-bottom:4px}
/* Match the typography of the shared top bar without changing its 52px height. */
.topnav .tn-brand{font-size:16px;letter-spacing:.075em}
.topnav .tn-leagues a{font-size:13px;font-weight:800;letter-spacing:.015em}
.topnav .tn-chicken,.topnav .tn-next,.topnav .tn-action{font-size:13px;letter-spacing:.01em}
@media(max-width:1100px){.topnav .tn-brand{font-size:14px}.topnav .tn-leagues a{font-size:12px}.topnav .tn-chicken,.topnav .tn-next,.topnav .tn-action{font-size:11px}}
@media(max-width:760px){.topnav .tn-brand{font-size:13px}.topnav .tn-chicken{font-size:11px}}
@media(max-width:420px){.topnav .tn-brand{font-size:12px}.topnav .tn-chicken{font-size:10px}}
/* Shared header order: next match, Chicken Spot, then actions. */
.topnav .tn-sp{flex:0 0 8px;min-width:8px}
.topnav .tn-next{flex:1 1 240px;min-width:0;max-width:none;justify-content:flex-start;padding-inline:12px;color:#f5f7f5}
.topnav .tn-chicken{flex:none;min-height:34px;padding:0 13px;border:1px solid #ffe3a1;border-bottom-color:#ac711b;border-radius:9px;background:linear-gradient(180deg,#ffe5a1 0%,#ffc759 54%,#eaa236 100%);box-shadow:inset 0 1px #fff5ce,0 3px 0 #8a591d,0 5px 13px #0007;color:#241b10!important;font-size:13px;font-weight:950;white-space:nowrap;text-decoration:none;text-shadow:0 1px #fff6cf80;transition:transform .15s,box-shadow .15s,filter .15s}
.topnav .tn-chicken:hover,.topnav .tn-chicken:focus-visible{filter:brightness(1.1);transform:translateY(-1px);box-shadow:inset 0 1px #fff5ce,0 4px 0 #8a591d,0 7px 15px #0008}
.topnav .tn-chicken:active{transform:translateY(2px);box-shadow:inset 0 1px #fff5ce,0 1px 0 #8a591d,0 2px 6px #0005}
@media(max-width:1100px){.topnav .tn-next{flex-basis:160px}.topnav .tn-chicken{font-size:11px;padding:0 9px}}
@media(max-width:760px){.topnav{height:auto}.topnav .tn-in{flex-wrap:wrap}.topnav .tn-next{display:inline-flex;order:8;flex:1 1 100%;margin-bottom:5px;min-height:29px}.topnav .tn-chicken{min-height:32px;padding:0 7px}.topnav .tn-leagues{display:flex;order:9;flex:1 1 100%;height:40px;overflow-x:auto;scrollbar-width:none;border-top:1px solid #34434a}.topnav .tn-leagues a{padding:0 10px}}
/* PUBGIN v29 navigation alignment: preserve the server's existing Chicken Spot CSS. */
.topnav .tn-in{width:100%;max-width:1360px;padding-inline:32px}
@media(max-width:1100px){.topnav .tn-in{padding-inline:16px}}
@media(max-width:760px){.topnav .tn-in{padding-inline:12px}}
/* PUBGIN v30: Chicken Spot uses the same stable tab slot. */
.topnav .tn-leagues{flex:0 0 256px;width:256px;max-width:256px;overflow:visible}
.topnav .tn-leagues a{padding-inline:8px}
@media(max-width:1100px){.topnav .tn-leagues{flex-basis:234px;width:234px;max-width:234px}.topnav .tn-leagues a{padding-inline:6px}}
@media(max-width:760px){.topnav .tn-leagues{flex:1 1 100%;width:100%;max-width:none;overflow-x:auto}}
/* PUBGIN v30 mobile Chicken Spot quick links. */
.spot-bottom{display:none}
@media(max-width:760px){
  body{padding-bottom:64px}
  .spot-bottom{position:fixed;z-index:100;inset:auto 0 0;min-height:56px;display:flex;align-items:stretch;justify-content:space-around;background:#12202c;border-top:1px solid #405569;padding-bottom:env(safe-area-inset-bottom,0px)}
  .spot-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#e5eff7;font-size:19px;text-decoration:none}
  .spot-bottom small{font-size:12px;font-weight:750}
  .spot-bottom a[aria-current]{color:#ffc54c}
}

/* PUBGIN_SPOT_VIEWPORT_V66: shared header and a stationary map viewport. */
.topnav.pg-unified-v60 #tnLive:not(.show){display:none!important}
.topnav.pg-unified-v60 .tn-in{grid-auto-rows:minmax(54px,auto)}
.topnav.pg-unified-v60 #pgd-shared-next{align-self:center;min-height:34px!important;padding:0 12px;border:1px solid #4b6675;border-radius:9px;background:#172b35;color:#e7f1f3;text-decoration:none;font-size:12px;font-weight:800}
.viewport{overflow:hidden!important;overscroll-behavior:contain}
.map-surface{transform-origin:center center}
@media(min-width:761px){.topnav.pg-unified-v60 .tn-in{grid-auto-rows:54px}.topnav.pg-unified-v60 .tn-chicken,.topnav.pg-unified-v60 .tn-search,.topnav.pg-unified-v60 .tn-menu{grid-row:1}}
@media(max-width:760px){.topnav.pg-unified-v60 .tn-in{grid-auto-rows:auto}}

/* PUBGIN_SPOT_HEADER_MAPS_V67: reproduce the main header's base rules as well as its shared layout. */
#topnav{--line:#435965;--panel:#172630;--dim:#b3c6ce;--txt:#f5f7f5;font-family:system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:normal}
#topnav.pg-unified-v60 .tn-in{min-height:54px;gap:6px 12px;grid-auto-rows:54px;margin:0 auto}
#topnav .tn-brand{font-size:16px!important;font-weight:900;letter-spacing:.075em!important;color:var(--txt);align-items:center;line-height:normal}
#topnav .tn-brand img{width:33px;height:33px;margin-right:8px}
#topnav .tn-brand span{letter-spacing:0}
#topnav .tn-leagues{height:54px;align-self:stretch;align-items:stretch;gap:2px}
#topnav .tn-lg{font-size:13px!important;font-weight:800!important;letter-spacing:.015em!important;line-height:normal}
#topnav.pg-unified-v60 #pgd-shared-next,#topnav .tn-live.show{display:flex!important;align-items:center;gap:7px;min-height:32px!important;height:32px;padding:5px 12px!important;border:1px solid var(--line)!important;border-radius:9px;background:rgba(255,255,255,.05);color:var(--dim);font-size:13px!important;font-weight:800;letter-spacing:.025em;line-height:normal;text-decoration:none;box-sizing:border-box}
#topnav .tn-live:not(.show){display:none!important}
#topnav .tn-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}
#topnav .tn-livetxt{font-size:12px;white-space:nowrap;flex:none}
#topnav .tn-livename{min-width:0;font-size:15px!important;font-weight:800!important;letter-spacing:.01em;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#topnav .tn-chicken{font-size:13px!important;font-weight:950;letter-spacing:.025em!important;padding:0 13px;line-height:normal}
#topnav .tn-search,#topnav .tn-menu{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;font:700 13px system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:.01em;line-height:normal;text-decoration:none;background:var(--panel);color:var(--dim);border:1px solid var(--line);border-radius:9px}
#topnav .tn-search svg,#topnav .tn-menu svg{width:15px;height:15px;flex:none;display:block}
#topnav .tn-search kbd{font:inherit;font-size:10.5px;padding:1px 5px;border:1px solid var(--line);border-radius:4px;color:var(--dim);line-height:1.3}
@media(max-width:1020px){#topnav .tn-brand{font-size:14px!important}#topnav .tn-lg{font-size:12px!important}#topnav .tn-livename{font-size:12px!important}#topnav .tn-chicken{font-size:11px!important}}
@media(max-width:760px){#topnav.pg-unified-v60 .tn-in{min-height:48px;grid-auto-rows:auto;gap:6px 8px}#topnav .tn-brand{font-size:14px!important}#topnav .tn-brand img{width:27px;height:27px}#topnav .tn-leagues{height:40px}#topnav .tn-livename,#topnav .tn-chicken,#topnav .tn-search,#topnav .tn-menu{font-size:11px!important}#topnav .tn-searchtxt,#topnav .tn-search kbd,#topnav .tn-menutxt{display:none}#topnav.pg-unified-v60 #pgd-shared-next{font-size:11px!important}}