/* MetaDuel 0.16.28 | A portal/portfolio-inspired skin, original design.
 * Visual-only: the 3D Artist Portfolio reference inspired the composition,
 * deep-space palette, floating showcases and card interactions. No third-party
 * template code, photos or fonts have been copied. Keep the duel and deck editor
 * immersive layouts separate and unchanged. */
:root { --portal-accent:#9e8aff; --portal-accent2:#62bdff; --portal-ink:#0a0915; --portal-panel:#151324; --portal-border:rgba(178,164,255,.22); }
body:not(.duel-immersive):not(.deckbuilder-immersive) {
  --mds-silver:#d7d1ef;
  --mds-line:rgba(177,160,247,.23);
  --mds-panel:rgba(16,13,30,.9);
  --mds-glint:linear-gradient(110deg,#f9f9ff,#d7cbff 43%,#9789d8 75%,#eff2ff);
  color:#f5f2ff;
  background:
    radial-gradient(ellipse 70% 75% at 83% 4%,rgba(90,53,176,.24),transparent 70%),
    radial-gradient(ellipse 65% 65% at 21% 75%,rgba(41,67,161,.17),transparent 68%),
    linear-gradient(90deg,rgba(4,3,11,.84),rgba(7,5,19,.67) 51%,rgba(4,3,11,.83)),
    url('/assets/identity/metaduel-fundo-obsidiana.jpg') center top / cover fixed no-repeat,
    #090712!important;
  font-family:Outfit,Inter,system-ui,sans-serif;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .app-shell {grid-template-columns:255px minmax(0,1fr)!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .main-area {
  width:100%!important;max-width:1660px!important; padding:0 clamp(18px,3.2vw,56px) 55px!important;
}
/* A compact, fixed portfolio-style sidebar in place of the old heavy temple menu. */
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar {
  padding:18px 12px 14px!important;
  background:linear-gradient(180deg,rgba(16,12,32,.97),rgba(8,7,20,.98))!important;
  border-right:1px solid rgba(184,163,255,.20)!important;
  box-shadow:12px 0 50px rgba(0,0,0,.22)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar::before {
  content:"";position:absolute;pointer-events:none;inset:0 0 auto;height:190px;
  background:radial-gradient(ellipse at top center,rgba(100,64,198,.20),transparent 72%);
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-inner {gap:10px!important;scrollbar-color:rgba(163,142,255,.44) transparent;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar .brand {padding:0 8px 5px!important;min-height:70px;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar .brand-logo {max-height:75px!important;object-fit:contain!important;filter:drop-shadow(0 7px 12px rgba(157,140,255,.2));}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-player-card {
  border:1px solid rgba(174,149,248,.2)!important;border-radius:14px!important;
  background:linear-gradient(140deg,rgba(47,38,80,.58),rgba(12,11,29,.82))!important;
  padding:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.04);
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-player-avatar {
  border-color:rgba(179,164,255,.45)!important;background:linear-gradient(145deg,#514393,#211b42)!important;color:#f0ecff!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-label {color:#a99cce!important;letter-spacing:.15em!important;font-size:9px!important;font-weight:800!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav {display:flex;flex-direction:column;gap:4px!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav .nav-item {
  display:flex;gap:13px;align-items:center;justify-content:flex-start;
  padding:11px 13px!important;min-height:44px!important;border-radius:9px!important;
  border:1px solid transparent!important;background:transparent!important;
  color:#bdb5d4!important;font-size:12px!important;font-weight:600!important;
  transition:background .2s,border .2s,transform .2s,color .2s;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav .nav-item .nav-icon {
  display:grid;place-items:center;width:26px!important;min-width:26px;color:#a59bc9!important;font-size:19px;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav .nav-item:hover,
body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav .nav-item.active {
  border-color:rgba(167,144,254,.37)!important;background:linear-gradient(95deg,rgba(111,84,225,.28),rgba(70,56,125,.11))!important;
  color:#fff!important;box-shadow:inset 3px 0 #af9bff,0 5px 15px rgba(63,43,128,.10)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav .nav-item.active .nav-icon {color:#d5c9ff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-quick-panel button {color:#ada2c5!important;font-size:11px!important;border-radius:8px;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-quick-panel button:hover {background:rgba(128,104,229,.14)!important;color:#fff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-auth-button {background:linear-gradient(110deg,#a28cff,#7065e8)!important;color:#fff!important;border-color:rgba(203,190,255,.48)!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-footer {border-top:1px solid rgba(176,149,255,.12);padding:12px 6px 0!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-version {color:#aea6c7!important;}
/* Simplify duplicate header navigation on desktop; sidebar is primary.
   On tablets/phones the full eight-route horizontal navigation remains visible. */
@media(min-width:951px) {
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation {display:none!important;}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-shortcuts {border-radius:12px!important;border-top:1px solid rgba(168,147,237,.22)!important;margin-top:13px;}
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar {
  min-height:86px!important;margin:0 0 14px!important;
  border-color:rgba(177,155,248,.17)!important;border-radius:0 0 15px 15px!important;
  background:linear-gradient(120deg,rgba(14,12,30,.84),rgba(24,18,44,.73))!important;
  box-shadow:0 17px 31px rgba(0,0,0,.15)!important;backdrop-filter:blur(17px);
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .mobile-brand-logo {height:72px!important;width:clamp(175px,23vw,290px)!important;object-fit:contain!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .connection-pill,
body:not(.duel-immersive):not(.deckbuilder-immersive) .user-chip,
body:not(.duel-immersive):not(.deckbuilder-immersive) .user-wallet-inline {
  background:rgba(28,22,49,.81)!important;border-color:rgba(175,157,245,.27)!important;color:#ece7ff!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .breadcrumb {font-size:10px!important;letter-spacing:.14em!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .breadcrumb strong {color:#e9e2ff!important;}
/* Shared portfolio UI, on public browsing screens only. */
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-home-main,.arena-home-aside>section,.md-home-panel,.arena-tile,.market-page,.market-topbar,.pack-vitrine-card,.ranking-season-shell,.ranking-tier-card,.clan-hub-surface,.tournament-card,.profile-overview-panel,.profile-edit-panel,.profile-history-panel,.collection-vault-panel) {
  background:linear-gradient(150deg,rgba(26,22,45,.91),rgba(11,10,26,.95))!important;
  border-color:rgba(169,151,237,.23)!important;
  box-shadow:0 17px 40px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.section-title-row,.ranking-title-row,.market-title-row,.tournament-title-row) {
  border-color:rgba(162,146,231,.29)!important;
  border-radius:16px!important;
  background:linear-gradient(110deg,rgba(24,18,46,.92),rgba(13,12,28,.90)),url('/assets/identity/metaduel-fundo-obsidiana.jpg') center/cover!important;
  box-shadow:inset 3px 0 #9681ff,0 15px 32px rgba(0,0,0,.22)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-home-section-title>span,.eyebrow,.market-kicker,.arena-profile-eyebrow,.md-home-section-kicker,.arena-kicker) {color:#b7a8ff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.btn-primary,.arena-cta,.arena-aside-primary,.market-buy-button,.pack-vitrine-buy,.md-home-gold-button) {
  background:linear-gradient(110deg,#b3a0ff,#8872fa 55%,#645ce3)!important;
  border-color:rgba(197,181,255,.55)!important;color:#fff!important;
  box-shadow:0 12px 30px rgba(98,74,219,.23),inset 0 1px rgba(255,255,255,.25)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-secondary,.btn-outline,.btn-quiet,.market-tab,.md-home-outline-button) {
  background:rgba(24,21,43,.88)!important;border-color:rgba(174,153,245,.28)!important;color:#ebe7ff!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-cta,.arena-secondary,.btn,.market-tab,.arena-tile) {transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-cta,.arena-secondary,.btn):hover:not(:disabled) {filter:brightness(1.12);transform:translateY(-2px);}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-cta,.arena-secondary,.btn,.nav-item,.arena-nav-button,input,select,textarea):focus-visible {outline:2px solid #c9baff!important;outline-offset:3px;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation {background:linear-gradient(180deg,rgba(27,21,49,.97),rgba(13,11,30,.97))!important;border-color:rgba(156,140,226,.31)!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button {background:rgba(38,29,66,.73)!important;border-color:rgba(153,135,230,.26)!important;color:#e3daff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button.is-active {background:linear-gradient(125deg,rgba(118,87,224,.60),rgba(55,40,119,.80))!important;border-color:#bdabff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-layout {grid-template-columns:minmax(0,1fr) minmax(230px,260px);gap:18px;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-home-main {background:linear-gradient(160deg,rgba(21,17,39,.78),rgba(11,10,28,.86))!important;padding:clamp(12px,2.2vw,26px)!important;border-radius:20px!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-section-title {padding:3px 4px 16px;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-section-title h1 {font-family:Outfit,sans-serif!important;font-size:13px!important;font-weight:850!important;letter-spacing:.23em!important;color:#c9b9ff!important;}
/* Hero: a bold editorial lead with two floating booster artworks in a deep-space frame. */
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome {
  position:relative;isolation:isolate;display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(210px,.88fr)!important;
  align-items:center;gap:0!important;min-height:460px!important;
  overflow:hidden;padding:34px clamp(20px,3vw,42px) 52px!important;
  border:1px solid rgba(178,151,255,.34)!important;border-radius:24px!important;
  background:
    radial-gradient(ellipse at 80% 42%,rgba(109,76,214,.29),transparent 49%),
    radial-gradient(ellipse at 14% 90%,rgba(63,100,193,.16),transparent 56%),
    linear-gradient(115deg,rgba(19,15,42,.97),rgba(10,9,26,.97))!important;
  box-shadow:0 25px 66px rgba(1,0,8,.48),inset 0 1px rgba(255,255,255,.08)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome::before {
  content:"";inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,rgba(189,173,255,.55) .8px,transparent 1.2px);
  background-size:42px 42px;opacity:.20;border:0;border-radius:0;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome::after {
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:auto -12% -70% 28%;height:90%;border-radius:50%;filter:blur(58px);background:rgba(112,79,243,.12);
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content {z-index:3;max-width:620px!important;text-align:left!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-brand {
  width:clamp(215px,28vw,320px)!important;height:104px!important;
  object-fit:contain!important;object-position:left center!important;
  margin:-15px 0 5px!important;filter:drop-shadow(0 0 16px rgba(196,177,255,.12));
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-kicker {
  display:inline-flex;align-items:center;gap:8px;margin:8px 0 18px!important;
  background:rgba(104,79,200,.16)!important;border:1px solid rgba(151,130,246,.27)!important;
  color:#d5caff!important;border-radius:99px;padding:8px 12px!important;font-size:10px!important;letter-spacing:.12em;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-kicker i {background:#a995ff;box-shadow:0 0 12px #8b78fa;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content h2 {
  font-family:Outfit,system-ui,sans-serif!important;max-width:650px!important;
  font-size:clamp(36px,4.15vw,68px)!important;font-weight:900!important;
  letter-spacing:-.055em!important;line-height:1.04!important;
  color:#fff!important;margin:0 0 20px!important;text-shadow:0 3px 28px rgba(0,0,0,.22)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content h2 em {
  font-style:normal!important;color:transparent!important;
  background:linear-gradient(105deg,#dad0ff,#ac96ff 44%,#7ecbff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  text-shadow:none!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content p {
  max-width:475px!important;margin:0 0 24px!important;text-align:left!important;font-size:14px!important;line-height:1.76!important;color:#c7c0dc!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-actions {justify-content:flex-start!important;gap:12px!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-actions button {min-height:47px!important;padding:12px 20px!important;border-radius:11px!important;font-weight:800!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-hero-foot {
  left:0;right:0;bottom:0;z-index:5;padding:11px clamp(18px,3vw,40px)!important;
  background:rgba(12,9,30,.55)!important;color:#c7bae8!important;border-top-color:rgba(183,155,255,.14)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .portal-hero-gallery {
  position:relative;display:block;min-height:350px;height:100%;align-self:center;perspective:780px;isolation:isolate;
}
.portal-hero-orbit {position:absolute;inset:14% 8%;border:1px solid rgba(164,142,255,.26);border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 43px rgba(137,98,252,.07);}
.portal-hero-orbit-b {inset:2% 22%;transform:rotate(46deg);border-color:rgba(133,177,252,.23);}
.portal-hero-glyph {position:absolute;inset:11% 0 0;text-align:center;display:grid;place-items:center;font:230px Georgia,serif;color:rgba(176,146,255,.11);filter:drop-shadow(0 0 32px rgba(134,95,251,.19));}
.portal-pack {position:absolute;overflow:hidden;border:2px solid rgba(219,202,255,.70);border-radius:12px;background:#161027;box-shadow:0 20px 65px rgba(0,0,0,.72),0 0 35px rgba(148,111,255,.27);transform-style:preserve-3d;animation:portal-card-float 6s ease-in-out infinite;}
.portal-pack img {display:block;width:100%;height:100%;object-fit:cover;}
.portal-pack-back {width:clamp(110px,13vw,167px);height:clamp(170px,19vw,245px);right:5%;top:14%;transform:rotate(13deg) translateY(14px);filter:brightness(.77);animation-delay:-2s;}
.portal-pack-front {width:clamp(140px,16vw,202px);height:clamp(211px,24vw,307px);left:10%;top:9%;transform:rotate(-10deg);}
.portal-gallery-tag {position:absolute;z-index:2;padding:7px 11px;border:1px solid rgba(196,175,255,.24);border-radius:9px;background:rgba(18,12,40,.84);backdrop-filter:blur(10px);color:#e8dfff;font-size:9px;letter-spacing:.13em;font-weight:850;white-space:nowrap;box-shadow:0 10px 25px rgba(0,0,0,.25);}
.portal-gallery-tag-top {right:-6%;top:4%;}.portal-gallery-tag-bottom {left:7%;bottom:7%;color:#b6c8ff;}
@keyframes portal-card-float {0%,100%{translate:0 0}50%{translate:0 -11px}}
/* Four counters, editorial section line, interactive product-card grid. */
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-stats {margin:18px 0 26px!important;gap:12px!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-stats article {min-height:84px!important;border-radius:15px!important;border:1px solid rgba(174,150,245,.22)!important;background:linear-gradient(135deg,rgba(48,34,85,.73),rgba(18,15,43,.90))!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-stats :is(.arena-stat-glyph,.arena-stat-label) {color:#b4a2ff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-stats article strong {font-family:Outfit,system-ui,sans-serif!important;font-size:clamp(20px,2vw,28px)!important;font-weight:900!important;color:#fff!important;}
.portal-section-heading {display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0 16px;padding:0 2px;}
.portal-section-heading .portal-overline {color:#ae9eff;letter-spacing:.2em;font-size:9px;font-weight:850;}
.portal-section-heading h2 {font:850 clamp(23px,2.6vw,36px)/1.12 Outfit,system-ui,sans-serif!important;margin:8px 0 6px!important;color:#f6f3ff!important;letter-spacing:-.035em;}
.portal-section-heading h2 em {font-style:normal;color:#ab99ff;}.portal-section-heading p {font-size:12px;color:#a9a2be;margin:0;}
.portal-section-decoration {color:#8679b0;letter-spacing:.2em;font-size:10px;white-space:nowrap;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-five {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-tile {
  position:relative;overflow:hidden;min-height:232px!important;padding:19px 17px!important;
  border:1px solid rgba(158,133,232,.24)!important;border-radius:16px!important;
  background:linear-gradient(150deg,rgba(39,29,72,.95),rgba(14,12,35,.98))!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-tile::before {content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,rgba(167,141,255,.9),rgba(78,162,255,.13));opacity:.65;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-tile:hover {transform:translateY(-5px)!important;border-color:rgba(197,173,255,.7)!important;box-shadow:0 22px 45px rgba(35,22,90,.30),0 0 29px rgba(124,94,220,.12)!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-tile header h2 {font-size:13px!important;letter-spacing:.1em!important;color:#eee8ff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-tile header>span {color:#ab9bff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-tile-link {color:#c8baff!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-aside>section {background:linear-gradient(155deg,rgba(35,28,66,.91),rgba(11,10,28,.97))!important;border-color:rgba(172,151,241,.23)!important;border-radius:15px!important;}
/* Complementary feature surfaces across Duelo, Loja, Ranking, Clãs, Torneios. */
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.duel-lobby-layout,.market-page,.ranking-season-shell,.clan-hub-surface,.tournament-detail-panel) {border-radius:18px;}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.market-tab.is-active,.market-tab.active,.pack-vitrine-card:hover,.tournament-card:hover,.ranking-tier-card:hover) {border-color:rgba(188,159,255,.59)!important;box-shadow:0 17px 37px rgba(66,37,135,.20)!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-home-tail,.arena-home-footer) {border-color:rgba(177,156,241,.2)!important;color:#c6bde0!important;}
/* Login is part of the visitor experience, keep form IDs and submission intact. */
body.login-page {background:radial-gradient(ellipse at 25% 25%,rgba(99,65,209,.27),transparent 49%),linear-gradient(105deg,rgba(7,5,17,.82),rgba(12,8,29,.70)),url('/assets/identity/metaduel-fundo-obsidiana.jpg') center/cover fixed,#090713!important;}
body.login-page .login-panel {border:1px solid rgba(173,145,255,.38)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(38,27,74,.93),rgba(12,10,31,.98))!important;box-shadow:0 28px 75px rgba(0,0,0,.4),0 0 46px rgba(96,60,208,.08)!important;}
body.login-page .login-legend .legend-copy h1 {font-family:Outfit,system-ui,sans-serif!important;font-size:clamp(40px,4vw,68px)!important;font-weight:900!important;letter-spacing:-.055em!important;}
body.login-page .login-legend .legend-copy h1 span {color:#b2a0ff!important;}
body.login-page .login-kicker,body.login-page .panel-overline {color:#c4b5ff!important;}
body.login-page .login-tab.active {color:#fff!important;border-bottom-color:#a997ff!important;}
body.login-page .login-submit {background:linear-gradient(110deg,#b2a0ff,#765ceb)!important;color:#fff!important;border:1px solid rgba(197,183,255,.47)!important;box-shadow:0 12px 33px rgba(113,79,230,.25)!important;}
body.login-page .field-group input {border-color:rgba(174,148,251,.29)!important;background:rgba(7,6,21,.70)!important;color:#fff!important;}
/* Tablet/mobile retains fast, non-immersive site navigation. */
@media(max-width:1250px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-layout {grid-template-columns:minmax(0,1fr)!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
}
@media(max-width:950px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) .app-shell {grid-template-columns:minmax(0,1fr)!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .main-area {padding:0 clamp(12px,3vw,26px) 86px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar {position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;max-height:83dvh!important;padding:0!important;border-right:0!important;border-top:1px solid rgba(190,157,255,.36)!important;background:rgba(15,10,33,.97)!important;z-index:50!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .mobile-menu-toggle {display:flex!important;background:rgba(49,34,94,.45)!important;color:#f5f0ff!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar-inner {display:none!important;max-height:calc(83dvh - 44px)!important;padding:12px 14px 18px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .sidebar.menu-open .sidebar-inner {display:flex!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .side-nav {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar {min-height:85px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation {display:grid!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome {min-height:400px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-five {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:740px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) {background:linear-gradient(180deg,rgba(9,6,23,.79),rgba(6,5,17,.85)),url('/assets/identity/metaduel-fundo-obsidiana.jpg') center top/auto 100vh fixed,#0b0918!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar {min-height:81px!important;padding:4px 10px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .mobile-brand-logo {width:clamp(150px,44vw,215px)!important;height:67px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:7px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button {min-height:56px!important;padding:6px 2px!important;font-size:9px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-home-main {padding:10px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome {display:flex!important;flex-direction:column;align-items:stretch;min-height:unset!important;padding:21px 20px 45px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content {width:100%;max-width:none!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-brand {width:min(100%,275px)!important;height:96px!important;margin:-10px 0 2px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-kicker {font-size:8px!important;margin-bottom:14px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content h2 {font-size:clamp(32px,9vw,50px)!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-content p {font-size:12px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-actions button {min-height:44px!important;padding:11px 15px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .portal-hero-gallery {height:190px;min-height:190px;width:min(100%,350px);align-self:center;margin:17px auto 0;}
 .portal-pack-back {width:95px;height:145px;left:53%;right:auto;top:13%;}.portal-pack-front {width:118px;height:177px;left:24%;top:5%;}
 .portal-gallery-tag {font-size:7px;padding:5px 8px;}.portal-gallery-tag-top {right:1%;top:4%;}.portal-gallery-tag-bottom {left:4%;bottom:2%;}
 .portal-hero-glyph {font-size:140px;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-home-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-aside {grid-template-columns:minmax(0,1fr)!important;}
 .portal-section-heading h2 {font-size:25px!important;}.portal-section-decoration {display:none;}
}
@media(max-width:420px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-five {grid-template-columns:minmax(0,1fr)!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-actions {flex-direction:column!important;align-items:stretch;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio .arena-welcome-actions button {width:100%;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-stats article {min-height:72px!important;}
}
@media(prefers-reduced-motion:reduce) {
 .portal-pack {animation:none!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-tile,.btn,.side-nav .nav-item){transition:none!important;}
}
/* High-specificity reconciliation with the older temple shell, which hides
   #site-sidebar and replaces the grid with a top-only header. */
body:not(.duel-immersive):not(.deckbuilder-immersive) .app-shell {
  display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar {
  display:flex!important;position:sticky!important;top:0!important;
  width:auto!important;height:100dvh!important;max-height:100dvh!important;
  flex-direction:column!important;overflow:hidden!important;z-index:30!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #sidebar-inner {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  min-height:0!important;height:100%!important;max-height:none!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:0 6px 4px!important;overflow-x:hidden!important;overflow-y:auto!important;
  scrollbar-width:thin;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar :is(.sidebar-player-card,.sidebar-label,.sidebar-footer) {display:block!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar .sidebar-quick-panel {display:flex!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar .side-nav {width:100%;grid-column:auto;grid-row:auto;align-items:stretch;justify-content:flex-start;flex-shrink:0;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar .brand {min-width:0!important;max-width:100%!important;grid-column:auto;grid-row:auto;}
body:not(.duel-immersive):not(.deckbuilder-immersive)::after {display:none!important;content:none!important;}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio:not(#view-duelo):not(#view-decks) .arena-home-main {
  background:linear-gradient(150deg,rgba(19,15,37,.87),rgba(10,9,28,.95))!important;
  border-color:rgba(174,150,250,.24)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio:not(#view-duelo):not(#view-decks) .arena-welcome {
  background:
    radial-gradient(ellipse at 80% 42%,rgba(107,79,210,.26),transparent 52%),
    radial-gradient(ellipse at 22% 78%,rgba(67,89,197,.11),transparent 53%),
    linear-gradient(118deg,rgba(21,15,44,.98),rgba(10,8,27,.98))!important;
  border-color:rgba(186,159,255,.36)!important;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #view-inicio:not(#view-duelo):not(#view-decks) .arena-tile {
  background:linear-gradient(145deg,rgba(40,29,77,.92),rgba(15,12,36,.97))!important;
  border-color:rgba(174,149,249,.29)!important;
}
@media(max-width:950px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) .app-shell {grid-template-columns:minmax(0,1fr)!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar {
   display:flex!important;position:fixed!important;top:auto!important;
   left:0!important;right:0!important;bottom:0!important;width:100%!important;
   height:auto!important;max-height:83dvh!important;z-index:50!important;
 }
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar #sidebar-inner {display:none!important;height:auto!important;max-height:calc(83dvh - 44px)!important;padding:14px 16px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar.menu-open #sidebar-inner {display:flex!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar .mobile-menu-toggle {display:flex!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar .side-nav {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
/* deckbuild-stability.css forces horizontal side-nav with !important;
   the portfolio-style sidebar explicitly restores a vertical menu. */
@media(min-width:951px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar #sidebar-inner > .side-nav {
   display:flex!important;flex-flow:column nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
 }
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar #sidebar-inner > .side-nav .nav-item {
   width:100%!important;max-width:100%!important;flex:0 0 auto!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar .mobile-brand {display:none!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar .breadcrumb {
   display:flex!important;align-items:center;gap:4px!important;color:#9e90bf!important;
   font-size:10px!important;letter-spacing:.2em!important;
 }
 body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar .breadcrumb strong {color:#e8e0ff!important;}
}
@media(max-width:950px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar #sidebar-inner > .side-nav {
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   flex-flow:initial!important;align-items:stretch!important;}
}
/* Keep a single, immediately visible navigation on touch screens. The public
   eight-tab bar replaces the desktop drawer here; no duplicate bottom menu. */
@media(max-width:950px) {
 body:not(.duel-immersive):not(.deckbuilder-immersive) #site-sidebar {display:none!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .main-area {padding-bottom:45px!important;}
 body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}