body.pn-duel-integrated {
  overflow-x: hidden;
  background: radial-gradient(circle at 72% 0%,rgba(224,161,74,.07),transparent 30rem),var(--pn-bg);
}
.pn-duel-integrated .pn-v3-sitebar { display: none !important; }
.pn-duel-integrated .pn-nav-link[aria-current="page"] { box-shadow: inset 3px 0 var(--pn-amber); }
.pn-duel-integrated .pn-nav-link[aria-current="page"] .pn-nav-icon { color: var(--pn-amber); }
.pn-duel-integrated .pn-dashboard-main { padding: 24px clamp(18px,2.7vw,38px) 36px; }
.pn-duel-integrated .pn-dashboard-page { width: min(1220px,100%); margin: 0 auto; }

.pn-duel-integrated #duel-run {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--pn-text) !important;
  background: transparent !important;
  font-family: var(--pn-font-ui) !important;
}
.pn-duel-integrated #duel-run .duel-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.pn-duel-integrated #duel-run #duel-app { height: auto !important; overflow: visible !important; }
.pn-duel-integrated #duel-run .duel-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 76px !important;
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pn-border) !important;
}
.pn-duel-integrated #duel-run .duel-hero-main { display: grid !important; grid-template-columns: 52px minmax(0,1fr) !important; gap: 14px !important; }
.pn-duel-integrated #duel-run .duel-emblem {
  width: 50px !important;
  height: 50px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg,rgba(224,161,74,.18),rgba(224,161,74,.025)) !important;
  border: 1px solid rgba(224,161,74,.35) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 4px rgba(0,0,0,.15) !important;
}
.pn-duel-integrated #duel-run .duel-emblem::before,
.pn-duel-integrated #duel-run .duel-emblem::after {
  width: 3px !important;
  height: 58px !important;
  top: -4px !important;
  left: 23px !important;
  bottom: auto !important;
  background: var(--pn-amber) !important;
  box-shadow: 0 0 11px rgba(224,161,74,.35) !important;
  clip-path: none !important;
}
.pn-duel-integrated #duel-run .duel-emblem::before { transform: rotate(45deg) !important; }
.pn-duel-integrated #duel-run .duel-emblem::after { transform: rotate(-45deg) !important; }
.pn-duel-integrated #duel-run .duel-emblem span { display: none !important; }
.pn-duel-integrated #duel-run .duel-kicker { margin: 0 0 4px !important; color: var(--pn-amber) !important; font: 800 9px/1 var(--pn-font-mono) !important; letter-spacing: .14em !important; }
.pn-duel-integrated #duel-run h1 { margin: 0 !important; color: var(--pn-text) !important; font: 800 34px/1 var(--pn-font-mono) !important; letter-spacing: -.04em !important; text-transform: none !important; }
.pn-duel-integrated #duel-run .duel-sub { display: block !important; margin: 6px 0 0 !important; color: var(--pn-muted) !important; font-size: 11px !important; }
.pn-duel-integrated #duel-run .duel-top-actions { display: none !important; }

.pn-duel-integrated #duel-run .duel-card,
.pn-duel-integrated #duel-run #duel-auth {
  padding: 17px !important;
  color: var(--pn-text) !important;
  background: var(--pn-surface) !important;
  border: 1px solid var(--pn-border) !important;
  border-radius: var(--pn-radius) !important;
  box-shadow: 0 15px 38px rgba(0,0,0,.14) !important;
}
.pn-duel-integrated #duel-run #duel-auth { max-width: 660px; margin: 8vh auto 0 !important; }
.pn-duel-integrated #duel-run #duel-list-active { min-height: 168px !important; }
.pn-duel-integrated #duel-run #duel-list-archive { min-height: 78px !important; }
.pn-duel-integrated #duel-run .duel-count-pill,
.pn-duel-integrated #duel-run .duel-score,
.pn-duel-integrated #duel-run .duel-meta { font-variant-numeric: tabular-nums !important; }
.pn-duel-integrated #duel-run .duel-grid { display: block !important; height: auto !important; }
.pn-duel-integrated #duel-run .duel-mini-profile {
  min-height: 48px !important;
  margin: 0 0 12px !important;
  padding: 8px 12px !important;
  background: rgba(0,0,0,.11) !important;
  border: 1px solid var(--pn-border) !important;
  border-radius: 9px !important;
}
.pn-duel-integrated #duel-run .duel-mini-profile > .duel-button { display: none !important; }
.pn-duel-integrated #duel-run #duel-action-banner {
  position: relative !important;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 15px !important;
  min-height: 96px !important;
  margin: 0 0 13px !important;
  padding: 16px 18px 16px 72px !important;
  background: linear-gradient(105deg,rgba(224,161,74,.18),rgba(224,161,74,.045)) !important;
  border: 1px solid rgba(224,161,74,.38) !important;
  border-radius: var(--pn-radius) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.17) !important;
}
.pn-duel-integrated #duel-run #duel-action-banner::after {
  content: "⚔";
  position: absolute;
  left: 18px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: var(--pn-amber);
  background: rgba(224,161,74,.1);
  border: 1px solid rgba(224,161,74,.22);
  border-radius: 10px;
  font: 800 18px/1 var(--pn-font-mono);
  transform: translateY(-50%);
}
.pn-duel-integrated #duel-run #duel-action-banner::before { display: none !important; }
.pn-duel-integrated #duel-run .duel-action-banner-title { color: var(--pn-text) !important; font: 800 18px/1.15 var(--pn-font-mono) !important; letter-spacing: -.02em !important; text-transform: none !important; }
.pn-duel-integrated #duel-run .duel-action-banner-copy { color: var(--pn-muted) !important; font-size: 11px !important; }

.pn-duel-integrated #duel-run .duel-card.is-hot {
  margin: 0 0 13px !important;
  padding: 17px !important;
  background: linear-gradient(135deg,rgba(224,161,74,.05),transparent 55%),var(--pn-surface) !important;
  border-color: rgba(224,161,74,.18) !important;
}
.pn-duel-integrated #duel-run .duel-card.is-hot.duel-v3-collapsed { padding: 0 !important; overflow: hidden !important; }
.pn-duel-integrated #duel-run .duel-v3-create-toggle {
  min-height: 48px !important;
  padding: 0 16px !important;
  color: var(--pn-text) !important;
  background: transparent !important;
  border: 0 !important;
  font: 800 11px/1 var(--pn-font-mono) !important;
  letter-spacing: .08em !important;
}
.pn-duel-integrated #duel-run .duel-v3-create-toggle::after { color: var(--pn-amber) !important; }
.pn-duel-integrated #duel-run .duel-card.is-hot:not(.duel-v3-collapsed) .duel-v3-create-toggle { border-bottom: 1px solid var(--pn-border) !important; }
.pn-duel-integrated #duel-run .duel-create-layout { grid-template-columns: minmax(200px,1.35fr) repeat(5,minmax(88px,.55fr)) 88px !important; gap: 8px !important; }
.pn-duel-integrated #duel-run .duel-card-title { color: var(--pn-text) !important; font: 800 18px/1.2 var(--pn-font-mono) !important; }
.pn-duel-integrated #duel-run .duel-label { color: var(--pn-muted-2) !important; font: 800 8px/1.2 var(--pn-font-mono) !important; letter-spacing: .12em !important; }
.pn-duel-integrated #duel-run .duel-muted { color: var(--pn-muted) !important; font-size: 10px !important; line-height: 1.45 !important; }
.pn-duel-integrated #duel-run input,
.pn-duel-integrated #duel-run select {
  min-height: 42px !important;
  color: var(--pn-text) !important;
  background: rgba(0,0,0,.16) !important;
  border: 1px solid var(--pn-border-strong) !important;
  border-radius: 8px !important;
  font-family: var(--pn-font-mono) !important;
}
.pn-duel-integrated #duel-run input:focus,
.pn-duel-integrated #duel-run select:focus { outline: 0 !important; border-color: rgba(224,161,74,.7) !important; box-shadow: 0 0 0 3px rgba(224,161,74,.1) !important; }
.pn-duel-integrated #duel-run button,
.pn-duel-integrated #duel-run .duel-button {
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font: 800 9px/1 var(--pn-font-mono) !important;
  text-decoration: none !important;
}
.pn-duel-integrated #duel-run button.primary,
.pn-duel-integrated #duel-run .duel-button.primary {
  color: #21180c !important;
  background: var(--pn-amber) !important;
  border-color: var(--pn-amber) !important;
  box-shadow: 0 4px 0 #8f6129 !important;
}
.pn-duel-integrated #duel-run .duel-actions .duel-remove {
  color: rgba(242,236,210,.62) !important;
  background: transparent !important;
  border-color: rgba(255,138,112,.32) !important;
  box-shadow: none !important;
}
.pn-duel-integrated #duel-run .duel-actions .duel-remove:hover,
.pn-duel-integrated #duel-run .duel-actions .duel-remove:focus-visible {
  color: #ffad98 !important;
  background: rgba(255,113,85,.08) !important;
  border-color: rgba(255,138,112,.58) !important;
}

.pn-duel-integrated #duel-run .duel-board-grid { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr) !important; gap: 13px !important; height: auto !important; }
.pn-duel-integrated #duel-run .duel-board-grid > .duel-card { min-height: 210px !important; overflow: visible !important; }
.pn-duel-integrated #duel-run .duel-board-grid > .duel-card:first-child { border-top: 2px solid var(--pn-amber) !important; }
.pn-duel-integrated #duel-run .duel-card-header { margin-bottom: 8px !important; padding-bottom: 9px !important; border-bottom: 1px solid var(--pn-border) !important; }
.pn-duel-integrated #duel-run .duel-count-pill { color: var(--pn-amber) !important; background: rgba(224,161,74,.08) !important; border-color: rgba(224,161,74,.24) !important; border-radius: 999px !important; }
.pn-duel-integrated #duel-run .duel-list { gap: 7px !important; }
.pn-duel-integrated #duel-run .duel-list-item {
  min-height: 58px !important;
  padding: 10px 11px !important;
  background: rgba(0,0,0,.12) !important;
  border: 1px solid var(--pn-border) !important;
  border-radius: 8px !important;
  transition: border-color 140ms ease,transform 140ms ease !important;
}
.pn-duel-integrated #duel-run .duel-list-item::before { width: 3px !important; border-radius: 8px 0 0 8px !important; }
.pn-duel-integrated #duel-run #duel-list-active .duel-list-item:hover { transform: translateX(2px) !important; border-color: rgba(224,161,74,.35) !important; }
.pn-duel-integrated #duel-run #duel-list-archive { max-height: 300px !important; overflow: auto !important; opacity: .72 !important; }
.pn-duel-integrated #duel-run .duel-player { color: var(--pn-text) !important; font-family: var(--pn-font-mono) !important; }
.pn-duel-integrated #duel-run .duel-pill { color: var(--pn-amber) !important; border-color: rgba(224,161,74,.25) !important; border-radius: 999px !important; }

.pn-duel-integrated #duel-run .duel-map-layout { grid-template-columns: minmax(0,1fr) 270px !important; gap: 13px !important; }
.pn-duel-integrated #duel-run #duel-map { height: min(62vh,620px) !important; min-height: 390px !important; overflow: hidden !important; border: 1px solid rgba(224,161,74,.25) !important; border-radius: 10px !important; background: #eef1ed !important; box-shadow: none !important; }
.pn-duel-integrated #duel-run #duel-play .duel-actions { position: relative !important; z-index: 4 !important; }
.pn-duel-integrated #duel-run #duel-confirm:not(:disabled) { border-color: var(--pn-amber) !important; color: #151007 !important; background: var(--pn-amber) !important; }
.pn-duel-integrated #duel-run .duel-reveal-card { border-radius: 9px !important; }
.pn-duel-integrated.pn-duel-playing #duel-run #duel-dashboard { display: none !important; }

@media (min-width: 821px) {
  body.pn-duel-integrated.pn-duel-playing { overflow: hidden !important; }
  .pn-duel-integrated.pn-duel-playing .pn-dashboard-main {
    height: 100dvh !important;
    min-height: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    overflow: hidden !important;
  }
  .pn-duel-integrated.pn-duel-playing .pn-dashboard-page,
  .pn-duel-integrated.pn-duel-playing #duel-run,
  .pn-duel-integrated.pn-duel-playing #duel-run .duel-shell,
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-app,
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-play {
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .pn-duel-integrated.pn-duel-playing #duel-run .duel-top { display: none !important; }
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-play .duel-map-layout {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 250px !important;
    height: 100% !important;
    min-height: 0 !important;
    align-items: stretch !important;
  }
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-play main,
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-play aside { min-height: 0 !important; }
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-play main > .duel-card {
    display: grid !important;
    grid-template-rows: auto auto minmax(0,1fr) auto auto auto !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
  }
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-map {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-play aside { overflow: auto !important; }
}

@media (max-width: 1040px) {
  .pn-duel-integrated #duel-run .duel-create-layout { grid-template-columns: repeat(3,1fr) !important; }
  .pn-duel-integrated #duel-run .duel-create-layout .duel-wide { grid-column: 1 / -1 !important; }
}
@media (max-width: 820px) {
  .pn-duel-integrated #duel-run .duel-board-grid,
  .pn-duel-integrated #duel-run .duel-map-layout { grid-template-columns: 1fr !important; }
  .pn-duel-integrated.pn-duel-playing #duel-run .duel-top { display: none !important; }
  .pn-duel-integrated.pn-duel-playing #duel-run #duel-map { height: min(48svh,430px) !important; min-height: 260px !important; }
}
@media (max-width: 760px) {
  .pn-duel-integrated .pn-dashboard-main { padding: 12px 10px 20px !important; }
  .pn-duel-integrated .pn-dashboard-page { display: block !important; }
  .pn-duel-integrated #duel-run .duel-top { min-height: 58px !important; margin-bottom: 10px !important; padding-bottom: 10px !important; }
  .pn-duel-integrated #duel-run .duel-hero-main { grid-template-columns: 40px minmax(0,1fr) !important; gap: 10px !important; }
  .pn-duel-integrated #duel-run .duel-emblem { width: 40px !important; height: 40px !important; }
  .pn-duel-integrated #duel-run .duel-emblem::before,
  .pn-duel-integrated #duel-run .duel-emblem::after { left: 18px !important; height: 48px !important; }
  .pn-duel-integrated #duel-run h1 { font-size: 27px !important; }
  .pn-duel-integrated #duel-run .duel-sub { display: none !important; }
  .pn-duel-integrated #duel-run #duel-action-banner { grid-template-columns: 1fr !important; min-height: 0 !important; padding: 13px !important; }
  .pn-duel-integrated #duel-run #duel-action-banner::after { display: none !important; }
  .pn-duel-integrated #duel-run .duel-action-banner-title { font-size: 15px !important; }
  .pn-duel-integrated #duel-run .duel-card,
  .pn-duel-integrated #duel-run #duel-auth { padding: 13px !important; border-radius: 11px !important; box-shadow: none !important; }
  .pn-duel-integrated #duel-run .duel-create-layout { grid-template-columns: 1fr 1fr !important; }
  .pn-duel-integrated #duel-run .duel-create-layout .duel-wide,
  .pn-duel-integrated #duel-run .duel-create-layout > div:last-child { grid-column: 1 / -1 !important; }
  .pn-duel-integrated #duel-run .duel-board-grid { gap: 9px !important; }
  .pn-duel-integrated #duel-run .duel-board-grid > .duel-card { min-height: 0 !important; }
  .pn-duel-integrated #duel-run #duel-list-archive { max-height: 220px !important; }
  .pn-duel-integrated #duel-run #duel-map { height: min(56svh,520px) !important; min-height: 300px !important; }
}
@media (max-width: 360px) {
  .pn-duel-integrated #duel-run .duel-create-layout { grid-template-columns: 1fr !important; }
  .pn-duel-integrated #duel-run .duel-create-layout > * { grid-column: auto !important; }
}