@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/kinetic-font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/kinetic-font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/kinetic-font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/kinetic-font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/kinetic-font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/kinetic-font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/kinetic-font-6.ttf) format('truetype');
}

/* PUBGNOTE kinetic-type / presentation-only. Map and data geometry stay stationary. */
html[data-theme] {--theme-accent:#ccff00;--theme-accent-hover:#ddff55;--theme-focus:#ccff00;--pn-radius-card:8px;--pn-radius-lg:8px;--pn-radius-sm:8px;--pn-radius-md:8px;--theme-shadow-lg:0 8px 24px #0005;--map-panel:#151515;--map-panel-soft:#242424;--map-muted:#bdbdbd;--kinetic-display:'Space Grotesk','Inter','Noto Sans KR',system-ui,sans-serif}
html[data-theme=dark] {--theme-canvas:#050505;--theme-surface:#121212;--theme-surface-soft:#1e1e1e;--theme-surface-raised:#242424;--theme-border:#383838;--theme-border-strong:#666;--theme-text:#fff;--theme-text-secondary:#dedede;--theme-text-muted:#b0b0b0;--theme-placeholder:#aaa;--theme-row-alt:#191919;--theme-row-hover:#282d18;--theme-active-bg:#ccff00;--theme-active-text:#10140e;--theme-accent-foreground:#ccff00}
html[data-theme=light] {--theme-canvas:#efefeb;--theme-surface:#fff;--theme-surface-soft:#e6e6e1;--theme-border:#bdbdb5;--theme-text:#111;--theme-text-secondary:#333;--theme-text-muted:#555;--theme-focus:#536900;--theme-accent-foreground:#506400}
body,button,input,select,textarea {font-family:'Inter','Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
h1,h2,h3,.brand-title {font-family:var(--kinetic-display)!important;letter-spacing:-.045em}
.topbar {border-bottom:1px solid var(--theme-border)!important;box-shadow:0 8px 20px #0002!important;backdrop-filter:blur(4px)}
.brand-mark {background:#ccff00!important;color:#10140e!important;border-radius:8px!important;box-shadow:0 0 10px #ccff0030;transform:rotate(-5deg)}
.brand-title {font-weight:900!important;letter-spacing:-.075em!important}
.service-menu-item,.icon-button,.auth-trigger,.theme-toggle,.map-tabs button,input,select,textarea {border-radius:8px!important}
.service-menu-item.active,.map-tabs button.active {background:#ccff00!important;color:#10140e!important}
.service-menu-item.active :is(strong,small,.service-icon) {color:#10140e!important}
@media(prefers-reduced-motion:reduce) {html.theme-ready *{transition:none!important;animation:none!important}}
.weapon-page-frame,.weapon-meta-stage,.weapon-damage-stage {background:var(--theme-canvas)!important;color:var(--theme-text)!important}
.weapon-page-frame>.weapon-page-header,.records-hero,.leaderboard-hero,.support-hero {position:relative;border-radius:8px!important;border:1px solid var(--theme-border)!important;border-left:4px solid #ccff00!important;background:var(--theme-surface)!important;box-shadow:0 8px 20px #0002;color:var(--theme-text)!important}
.weapon-page-header h2 {font-size:clamp(30px,3vw,48px)!important;line-height:1.16!important;letter-spacing:-.05em!important}
:is(#damage-view,#weapon-meta-view) .weapon-page-header :is(.eyebrow,.weapon-meta-kicker) {color:var(--theme-accent-foreground)!important;font-family:'Fira Code',monospace!important}
:is(#damage-view,#weapon-meta-view) .weapon-page-header :is(p.weapon-damage-lead,.weapon-page-intro) {color:var(--theme-text-muted)!important}
.weapon-meta-panel,.weapon-meta-summary article,.weapon-meta-filters,.weapon-meta-method,.weapon-meta-combo,.weapon-meta-donut-card,.weapon-damage-panel,.weapon-static-panel,.weapon-static-selected {background:var(--theme-surface)!important;border-color:var(--theme-border)!important;border-radius:8px!important;color:var(--theme-text)!important}
.weapon-meta-summary strong {font-family:var(--kinetic-display)!important;font-weight:800;color:var(--theme-text)!important}
.weapon-meta-panel :is(h3,.weapon-meta-name),.weapon-meta-combo-names strong {color:var(--theme-text)!important}
.weapon-meta-panel header p,.weapon-meta-summary :is(span,small),.weapon-meta-method div,.weapon-meta-combo-names small,.weapon-meta-combo-metric small,.weapon-meta-disclaimer,.weapon-meta-rank {color:var(--theme-text-muted)!important}
.weapon-meta-table th {background:var(--theme-surface-soft)!important;color:var(--theme-text-muted)!important}
.weapon-meta-table td {border-color:var(--theme-border)!important}
.weapon-meta-class,.weapon-meta-combo-metric b,.weapon-meta-panel header span {color:var(--theme-accent-foreground)!important}
.weapon-meta-rate i {background:#ccff00!important}
.weapon-meta-filters :is(select,button),.weapon-meta-pair-view button,.weapon-page-frame>.weapon-category-nav a {background:var(--theme-surface-soft)!important;color:var(--theme-text)!important;border-color:var(--theme-border-strong)!important;border-radius:8px!important}
.weapon-page-frame>.weapon-category-nav a[aria-current=page],.weapon-meta-pair-view button[aria-pressed=true],.weapon-meta-filters button {background:#ccff00!important;color:#10140e!important;border-color:#ccff00!important}
.feedback-submit-dialog,.feedback-modal,.modal-card {border-radius:8px!important;border-color:var(--theme-border)!important}
.eyebrow,.section-title small,.weapon-meta-kicker {font-family:'Fira Code',monospace!important;letter-spacing:.13em}
html[data-theme=dark] :is(.weapon-meta-panel,.weapon-meta-summary article,.weapon-meta-filters) {border-color:#758e19!important;box-shadow:0 8px 20px #ccff000a}
body :is(button,input,select,textarea) {font-family:'Inter','Noto Sans KR',system-ui,sans-serif!important}
html[data-theme=light] .topbar {background:#efefeb!important}
html[data-theme=light] .topbar .brand {background:#efefeb!important;color:#111!important}
html[data-theme=light] .topbar .brand-title {color:#111!important}
html[data-theme=light] .topbar .brand small {color:#555!important}
html[data-theme=light] .service-menu-item:not(.active) :is(strong,small) {color:#333!important}
html[data-theme=light] body #damage-view .weapon-page-header .eyebrow {color:#506400!important}
html[data-theme=light] .weapon-meta-table td {color:#333}
html[data-theme=light] .weapon-meta-filters label span {color:#555!important}
@media(max-width:900px) {body .topbar .top-actions{display:flex!important}body .topbar .theme-toggle{display:inline-grid!important;width:104px;min-width:104px}}
@media(min-width:1900px) {.service-menu-item strong{font-size:14px}.service-menu-item small{font-size:12px}.sidebar .section-title{font-size:14px}}
@media(max-width:900px) {.weapon-page-header h2{font-size:30px!important}.weapon-page-frame>.weapon-page-header{height:244px;min-height:244px}}