/* Shared visual identity, enabled by the preview environment. Local fonts and existing behavior. */
.portal-nova-identidade {
  --tinta:#081628;--placa:#102740;--placa-viva:#132c45;--placa-alta:#1b3856;--campo:#091b2e;
  --linha:#294259;--linha-fraca:#1a3147;--linha-forte:#61758a;
  --texto:#f7f2e7;--texto-calmo:#b7c6d8;--fraco:#b7c6d8;--sutil:#9fb2c8;--apagado:#9fb2c8;
  --acento:#f5d58e;--acento-claro:#fff0ca;--acento-fundo:#1b3856;--sobre-acento:#242013;
  --portal-night:#050e1a;--portal-sky:#102740;--portal-gold:#e8bd68;
  --portal-shadow:none;--larg-max:1280px;--larg-texto:1280px;
  background:#081628;color:var(--texto);font-size:16px;line-height:1.65;color-scheme:dark;
}
.portal-nova-identidade .portal-backdrop {display:none}
.portal-nova-identidade h1,.portal-nova-identidade h2,.portal-nova-identidade h3 {color:var(--texto)}
.portal-nova-identidade h2 {font-size:clamp(25px,2.4vw,32px);line-height:1.3;font-weight:600}
.portal-nova-identidade h3 {font-size:20px;font-weight:600}
.portal-nova-identidade :focus-visible {outline:2px solid #82dafa;outline-offset:5px}
.portal-nova-identidade ::selection {background:#f5d58e;color:#081628}
.portal-nova-identidade .portal-eyebrow {display:block;font-size:12px;line-height:1.7;letter-spacing:.16em;color:#f5d58e;margin-bottom:10px}
.portal-nova-identidade .topo {background:#091728f5;border-bottom:1px solid #e8bd684d;box-shadow:none}
.portal-nova-identidade .topo-dentro {gap:20px}
.portal-nova-identidade .portal-nav-group[open]>summary {background:#19354f;color:#fff0ca}
.portal-nova-identidade .portal-nav-group>div {background:#102740;border-color:#3c5369;border-top-color:#e8bd68;box-shadow:0 12px 28px #0005}
.portal-nova-identidade .portal-nav-group>div a {color:#d5e0ec;font-size:15px}
.portal-nova-identidade .portal-nav-group>div a:hover,.portal-nova-identidade .portal-nav-group a[aria-current=page] {background:#1b3856;color:#fff0ca}
.portal-nova-identidade .botao {color:#302610;background:linear-gradient(#ffe8ac,#e7bc65);border:1px solid #f5d58e;border-radius:5px;min-height:46px;box-shadow:inset 0 1px #fff0ca,0 3px 0 #86642c;font-weight:600;font-size:15px;padding:11px 22px;clip-path:none}
.portal-nova-identidade .botao:hover,.portal-nova-identidade .botao:active {background:#ffe8ac;border-color:#fff0ca;color:#302610;box-shadow:inset 0 1px #fff0ca,0 3px 0 #86642c;transform:none}
.portal-nova-identidade .botao-vazio {color:#f5d58e;background:#0b1d32a6;border-color:#c1a86b80;box-shadow:none}
.portal-nova-identidade .botao-vazio:hover {background:#17324b;color:#fff0ca;border-color:#f5d58e;box-shadow:none}
.portal-nova-identidade .portal-menu-toggle {color:#f7f2e7;border-color:#61758a;background:#102740}
.portal-nova-identidade .portal-menu-toggle[aria-expanded=true] {color:#f5d58e;background:#1b3856}
.portal-nova-identidade main.faixa-estreita {background:none;border:0;box-shadow:none;border-radius:0;padding-inline:var(--gutter);margin-block:0 64px}
.portal-nova-identidade .rodape {background:#050e1a;border-top:1px solid #e8bd684d;color:#b7c6d8;margin-top:0}
.portal-nova-identidade .rodape .aviso {color:#9fb2c8;font-size:14px}
.portal-nova-identidade .rodape a {color:#c5d3e3}
.portal-nova-identidade .rodape a:hover {color:#f5d58e}
.portal-nova-identidade .rodape .rotulo-fino {color:#f5d58e}

/* Home: art and typography carry the atmosphere; details use quieter panels. */
.design-hero {position:relative;isolation:isolate;background:#0b1e32;min-height:540px;overflow:hidden}
.design-hero-art {position:absolute;z-index:-2;top:0;right:max(0px,calc((100vw - 1600px)/2));width:min(100%,1200px);height:100%;object-fit:contain;object-position:right top;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 94%,transparent)}
.design-hero::after {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b1e32 12%,#0b1e32f7 34%,#0b1e3299 52%,#0b1e3200 78%),linear-gradient(0deg,#081628,transparent 38%)}
.design-hero-copy {max-width:690px;padding:70px 0 62px}
.portal-nova-identidade .design-hero h1 {font-weight:600;font-size:clamp(38px,4.2vw,58px);line-height:1.17;letter-spacing:-.045em;margin:22px 0}
.design-hero h1 em {font-style:normal;color:#f5d58e}
.design-hero p {max-width:43ch;font-size:18px;color:#c7d4e2;line-height:1.7}
.design-hero .portal-actions {margin-top:28px;gap:14px}
.design-hero-note {display:block;font-size:14px;color:#b7c6d8;margin-top:27px}
.design-hero-note>span {color:#f5d58e;margin-right:8px}
.design-flourish {display:flex;align-items:center;gap:10px;color:#e8bd68;margin-top:28px;font-size:17px;width:160px}
.design-flourish::before,.design-flourish::after {content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#e8bd68)}
.design-flourish::after {transform:rotate(180deg)}
.portal-nova-identidade .portal-server-overview {margin:0;padding:0;background:#050e1a;border-block:1px solid #e8bd683d}
.portal-nova-identidade .portal-server-panel {max-width:none;padding:22px 0 0;border:0;border-radius:0;background:none;box-shadow:none}
.portal-nova-identidade .portal-server-facts {padding-bottom:22px;grid-template-columns:1fr .9fr 1.35fr 1.1fr}
.portal-nova-identidade .portal-server-fact {padding-inline:20px;gap:12px}
.portal-nova-identidade .portal-server-fact:first-child {padding-left:0}
.portal-nova-identidade .portal-server-fact:last-child {padding-right:0}
.portal-nova-identidade .portal-server-fact small {font-size:11px;color:#b7c6d8}
.portal-nova-identidade .portal-server-fact strong {font-size:19px;line-height:1.5}
.portal-nova-identidade .portal-server-fact>span>span {font-size:13px;color:#b7c6d8}
.portal-nova-identidade .portal-server-symbol {color:#e8bd68;flex-basis:24px}
.portal-nova-identidade .portal-server-symbol svg {width:24px;height:27px}
.portal-nova-identidade .portal-server-presence {padding-block:12px;justify-content:space-between;font-size:13px}
.portal-nova-identidade .portal-server-live {gap:20px}
.portal-nova-identidade .portal-server-state {font-size:13px}
.portal-nova-identidade .portal-server-players,.portal-nova-identidade .portal-server-cash {font-size:13px;color:#b7c6d8}
.design-home {padding-top:38px;padding-bottom:58px}
.design-ornament {position:relative;border:1px solid #c1a86b66;border-radius:8px;background:linear-gradient(110deg,#17334d,#0d2238)}
.design-ornament::before,.design-ornament::after {content:"";position:absolute;width:18px;height:18px;pointer-events:none;border:0 solid #e8bd68}
.design-ornament::before {top:6px;left:6px;border-top-width:2px;border-left-width:2px}
.design-ornament::after {bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px}
.design-journey {display:grid;grid-template-columns:360px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 30px 24px 0;overflow:hidden;min-height:176px}
.design-journey-art {position:absolute;inset:0 auto 0 0;width:360px;overflow:hidden;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.design-journey-art .jornada-art {position:static;display:block;width:100%;height:100%}
.design-journey-art .jornada-art img {width:100%;height:100%;object-fit:cover;object-position:50% 68%;filter:none}
.design-journey>div:nth-child(2) {grid-column:2}
.design-journey .portal-eyebrow {margin-bottom:4px;font-size:11px}
.portal-nova-identidade .design-journey h2 {font-size:26px}
.design-journey p {color:#b7c6d8;font-size:15px;max-width:64ch;margin-top:8px}
.design-journey .botao {white-space:nowrap}
.design-section-heading {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}
.design-section-heading .portal-eyebrow {margin-bottom:8px}
.design-section-heading>a {font-size:14px;white-space:nowrap;padding-bottom:4px}
.design-section-intro {color:#b7c6d8;margin-bottom:24px}
.portal-nova-identidade .portal-search {margin:22px 0 0;gap:14px;align-items:end}
.portal-nova-identidade .portal-search label {font-size:14px;min-width:0;color:#c7d4e2}
.portal-nova-identidade input,.portal-nova-identidade select {color:#f7f2e7;background:#0b1d32;border-color:#587087;box-shadow:none;border-radius:5px;min-height:48px}
.portal-nova-identidade input::placeholder {color:#a7bbcf}
.portal-nova-identidade input:focus,.portal-nova-identidade select:focus {border-color:#82dafa}
.portal-nova-identidade .portal-search>button {margin-bottom:3px;min-height:48px}
.portal-nova-identidade .portal-suggestions {background:#102740;border-color:#61758a;color:#f7f2e7;box-shadow:0 16px 28px #0007}
.portal-nova-identidade .portal-suggestions a,.portal-nova-identidade .portal-suggestions [role=option] {color:#f7f2e7;border-color:#294259}
.portal-nova-identidade .portal-suggestions a:hover,.portal-nova-identidade .portal-suggestions [aria-selected=true] {background:#1b3856;color:#fff0ca}
.portal-nova-identidade .portal-suggestions small {color:#b7c6d8}
.design-discover {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:42px;padding:48px 0}
.design-discover .design-section-heading {min-height:84px}
.design-discover .design-section-heading>a {white-space:normal;text-align:right;max-width:85px}
.design-class-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portal-nova-identidade .design-class-card {position:relative;display:block;overflow:hidden;border:1px solid #34516a;border-radius:5px;background:#102740;color:#f7f2e7;transition:border-color 150ms}
.portal-nova-identidade .design-class-card:hover {border-color:#e8bd68}
.design-class-art {position:relative;aspect-ratio:1.08;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 75%,#2b5269,#0b1d32 74%)}
.design-class-art .portal-job-sprites {position:relative;z-index:1;min-height:170px;width:100%;gap:18px}
.design-class-art .portal-job-sprites img {width:auto;height:auto;max-width:88px;max-height:158px;object-fit:contain;display:block;filter:drop-shadow(0 5px 4px #050e1a99);image-rendering:auto}
.design-class-art::after {content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071524a6)}
.design-class-art>span {position:absolute;left:10px;bottom:8px;z-index:1;color:#fff0ca;font-size:12px}
.design-class-card>div:nth-child(2) {padding:13px 22px 14px 12px}
.portal-nova-identidade .design-class-card h3 {font-family:var(--corpo);font-size:16px;line-height:1.4}
.design-class-card>div>span:not(.design-class-art>span) {display:block;font-size:13px;color:#b7c6d8;margin-top:3px}
.design-class-arrow {position:absolute;bottom:16px;right:10px;color:#f5d58e;font-size:16px}
.design-news-list {display:grid;gap:16px}
.design-news {background:linear-gradient(100deg,#102740,#0b1d32);border:1px solid #294259;border-radius:6px;overflow:hidden}
.design-news>a {display:grid;grid-template-columns:100px minmax(0,1fr);padding:14px;gap:16px;align-items:center;min-height:125px}
.design-news:hover {border-color:#c1a86b}
.design-news-cover {width:100px!important;height:100px!important;object-fit:cover;border-radius:3px;display:block;margin:0!important}
.design-news-meta {font-size:12px;color:#82dafa;line-height:1.5;display:block;margin-bottom:6px}
.design-news-meta>span {color:#b7c6d8}
.portal-nova-identidade .design-news h3 {font-size:18px;line-height:1.45}
.design-read {display:block;font-size:13px;margin-top:7px;color:#f5d58e}
.design-text-link {display:inline-block;font-size:15px;margin-top:18px}
.design-guide-callout {border-top:1px solid #294259;padding-top:22px;margin-top:24px}
.design-guide-callout .portal-eyebrow {font-size:11px;margin-bottom:5px}
.design-guide-callout p {color:#b7c6d8;font-size:15px;margin:9px 0}
.design-guide-callout>a {font-size:15px}
.design-quiet {padding:24px;border:1px solid #294259;background:#102740;border-radius:6px}
.design-quiet p {margin-top:12px;color:#b7c6d8}
.design-world {border-top:1px solid #294259;padding-top:38px}
.design-map-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.portal-nova-identidade .design-map {display:flex;align-items:center;gap:16px;padding:16px;background:#102740;border:1px solid #294259;border-radius:6px;color:#f7f2e7}
.portal-nova-identidade .design-map:hover {border-color:#e8bd68}
.design-map>div {width:68px;height:68px;display:grid;place-items:center;flex:none;background:#0b1d32;border:1px solid #294259;border-radius:50%;overflow:hidden}
.design-map img {max-height:62px;max-width:62px;object-fit:contain}
.design-map strong {display:block;font-family:var(--titulo);font-size:18px}
.design-map small {display:block;color:#b7c6d8;font-size:13px;line-height:1.45;margin-top:5px}
.design-community {display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:36px 40px;margin-top:44px}
.design-community h2 {max-width:22ch}
.design-community p {color:#b7c6d8;margin:14px 0}
.design-ranking {border-left:1px solid #395066;padding-left:34px}
.design-ranking ol {list-style:none;margin:16px 0;padding:0}
.design-ranking li {display:flex;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid #294259;font-size:14px}
.design-ranking li>span:first-child {color:#f5d58e}
.design-ranking li>span:last-child {margin-left:auto;color:#b7c6d8;white-space:nowrap}
.design-ranking li>strong {overflow-wrap:anywhere}
.design-agenda {border-top:1px solid #294259;padding-top:28px;margin-top:36px}
.design-agenda p {color:#b7c6d8;margin:10px 0}

/* Bestiary: real sprites, readable tables and a clear separation of MVP prizes. */
.design-breadcrumb {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;padding:28px 0 18px;color:#b7c6d8}
.design-record-top {display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:15px}
.design-record-search {display:flex;gap:8px;width:360px;max-width:100%}
.design-record-search input {min-width:0;width:100%;padding:10px 14px}
.design-record-search .botao {padding-inline:18px}
.design-record-header {display:flex;gap:24px;align-items:end;justify-content:space-between;margin:30px 0 24px}
.portal-nova-identidade .design-record-header h1 {font-size:clamp(36px,4vw,50px);line-height:1.16;margin:12px 0;font-weight:600}
.design-record-header p {color:#b7c6d8}
.design-record-header p>span {margin-inline:8px}
.design-element-link {font-size:14px;margin-bottom:6px}
.design-monster-summary {display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;padding:24px 32px 24px 24px}
.design-monster-stage {display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #395066;padding-right:24px}
.portal-nova-identidade .design-monster-stage .portal-monster-preview {width:100%;height:150px;background:radial-gradient(ellipse at 50% 70%,#6d798d40,transparent 66%);border-radius:0}
.portal-nova-identidade .design-monster-stage .portal-monster-preview img {max-height:145px;max-width:190px;image-rendering:pixelated}
.design-monster-stage>span {font-size:12px;color:#b7c6d8;margin-top:8px}
.portal-nova-identidade .portal-animation-toggle {color:#f5d58e;background:#0b1d32;border-color:#61758a;font-size:13px;padding:6px 12px;border-radius:4px;margin-top:8px;min-height:36px}
.design-monster-facts {align-self:center;min-width:0}
.design-summary-heading {display:flex;gap:16px;align-items:center;justify-content:space-between}
.portal-nova-identidade .design-summary-heading h2 {font-size:25px}
.design-badge {font-size:12px;letter-spacing:.07em;padding:4px 12px;border:1px solid #e8bd685c;border-radius:4px;color:#f5d58e;background:#e8bd6810}
.portal-nova-identidade .design-monster-facts .portal-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 26px;margin:22px 0 0}
.portal-nova-identidade .portal-facts div {min-width:0;border:0;padding:0}
.portal-nova-identidade .portal-facts dt {font-size:14px;color:#b7c6d8}
.portal-nova-identidade .portal-facts dd {font-size:19px;font-weight:500;line-height:1.45;color:#f7f2e7;margin-top:4px}
.design-record-nav {display:flex;gap:32px;margin:28px 0 34px;border-bottom:1px solid #294259;flex-wrap:wrap}
.design-record-nav a {padding:0 0 13px;font-size:15px;border-bottom:2px solid transparent}
.design-record-nav a:hover {border-bottom-color:#e8bd68}
.design-record-layout {display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}
.design-record-layout>section,.design-record-layout>aside,.design-combat {scroll-margin-top:112px;min-width:0}
.design-count {color:#b7c6d8;font-size:13px;white-space:nowrap}
.design-drop-group {margin-top:26px}
.portal-nova-identidade .design-drop-group h3 {font-family:var(--corpo);font-size:16px;color:#f7f2e7;margin:0 0 12px;font-weight:500}
.design-drop-group h3>span {font-size:12px;color:#b7c6d8;background:#1b3856;padding:2px 7px;border-radius:3px;margin-left:6px}
.portal-nova-identidade .portal-table-wrap {border:1px solid #294259;border-radius:6px;background:#0b1d32;margin:0}
.portal-nova-identidade .portal-table {min-width:0;width:100%;font-size:16px}
.portal-nova-identidade .portal-table thead {background:#153049;color:#b7c6d8}
.portal-nova-identidade .portal-table th {font-size:13px;font-weight:500;text-transform:none;letter-spacing:.02em;color:#c7d4e2}
.portal-nova-identidade .portal-table td,.portal-nova-identidade .portal-table th {border-color:#294259;padding:12px 18px}
.portal-nova-identidade .portal-table tbody tr:hover {background:#142c43}
.portal-nova-identidade .portal-table tbody tr:nth-child(even) {background:#ffffff03}
.portal-nova-identidade .portal-table td a {color:#f5d58e;font-weight:500;font-size:16px;min-height:28px}
.portal-nova-identidade .portal-table .design-chance {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:124px}
.design-drop-item {display:flex;gap:12px;align-items:center;min-width:0}
.design-drop-item>img {width:32px;height:32px;object-fit:contain;flex:none;image-rendering:pixelated}
.design-drop-item small {display:block;font-size:12px;color:#9fb2c8;margin-top:3px}
.design-table-note {color:#b7c6d8;font-size:14px;margin-top:12px;line-height:1.65}
.design-locations {padding:24px;background:#102740;border:1px solid #294259;border-radius:6px}
.portal-nova-identidade .design-locations h2 {font-size:26px}
.design-locations>p {color:#b7c6d8;font-size:15px;margin:12px 0 24px}
.design-locations .portal-eyebrow {font-size:11px}
.design-location {padding-top:18px;margin-top:20px;border-top:1px solid #34516a}
.design-location-map {display:grid;place-items:center;background:#091b2e;border:1px solid #294259;border-radius:4px;height:135px;margin-bottom:14px}
.design-location-map img {max-width:100%;max-height:120px;object-fit:contain}
.design-location>div>a {font-size:17px;font-weight:500}
.design-location code {display:block;margin:4px 0;font-size:13px;color:#b7c6d8}
.design-location-state {display:block;font-size:13px;color:#b7c6d8;line-height:1.6;margin-top:8px}
.design-combat {margin-top:44px;padding-top:30px;border-top:1px solid #294259}
.design-combat-grid {display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;margin-top:26px}
.portal-nova-identidade .design-combat-grid>div>.portal-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin:0}
.portal-nova-identidade .design-combat-grid>.design-experience {background:#102740;border:1px solid #294259;padding:24px;border-radius:6px}
.portal-nova-identidade .design-combat-grid>.design-experience>.portal-facts {grid-template-columns:1fr;gap:16px}
.design-experience p {color:#b7c6d8;font-size:14px;margin-top:18px}
.portal-nova-identidade .portal-disclosure {background:#0b1d32;border-color:#294259;color:#b7c6d8;border-radius:6px;padding:20px 24px}
.portal-nova-identidade .portal-disclosure summary {color:#f5d58e;font-size:16px}
.portal-nova-identidade .portal-disclosure p {margin-top:14px}
.design-data-note {margin-top:36px}

@media(max-width:1100px) {
  .design-hero-copy {max-width:580px}.portal-nova-identidade .design-hero h1 {font-size:48px}
  .design-journey {grid-template-columns:300px minmax(0,1fr);padding-right:24px;gap:12px 20px}.design-journey-art {width:300px;mask-image:linear-gradient(90deg,#000 86%,transparent)}.design-journey-art .jornada-art img {object-position:50% 68%}.design-journey>.botao {grid-column:2;justify-self:start}
  .design-discover {gap:28px;grid-template-columns:1.3fr 1fr}.design-class-grid {gap:12px}.design-news>a {grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}.design-news-cover {width:72px!important;height:90px!important}
  .design-map-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-nova-identidade .portal-server-fact {padding-inline:12px}.portal-nova-identidade .portal-server-fact strong {font-size:17px}
  .design-record-layout,.design-combat-grid {grid-template-columns:minmax(0,1fr) 280px;gap:24px}
}
@media(max-width:900px) {
  .design-hero {min-height:500px}.design-hero-copy {max-width:530px;padding-block:58px}.design-hero-art {width:100%;object-position:right top}.design-hero::after {background:linear-gradient(90deg,#0b1e32 8%,#0b1e32ed 32%,#0b1e3277 65%,#0b1e3222),linear-gradient(0deg,#081628,transparent 60%)}
  .portal-nova-identidade .portal-server-facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.portal-nova-identidade .portal-server-fact:nth-child(2) {border-right:0}.portal-nova-identidade .portal-server-fact:nth-child(3) {padding-left:0}.portal-nova-identidade .portal-server-fact strong {font-size:19px}
  .design-discover {grid-template-columns:1fr;gap:40px}.design-discover .design-section-heading {min-height:0}.design-discover .design-section-heading>a {max-width:none}.design-class-art {aspect-ratio:1.2}.design-news>a {grid-template-columns:90px minmax(0,1fr)}.design-news-cover {width:90px!important;height:90px!important}.design-guide-callout {margin-top:18px}
  .design-community {gap:28px;padding:28px}.design-ranking {padding-left:24px}
  .design-record-layout {grid-template-columns:minmax(0,1fr)}.design-locations {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.design-locations>.portal-eyebrow,.design-locations>h2,.design-locations>p,.design-locations>.design-text-link {grid-column:1/-1}.design-locations>p {margin-bottom:0}
  .design-combat-grid {grid-template-columns:minmax(0,1fr) 240px}.design-monster-summary {grid-template-columns:180px minmax(0,1fr);gap:22px;padding:22px}.design-monster-stage {padding-right:20px}
}
@media(max-width:600px) {
  .portal-nova-identidade {--gutter:20px}
  .design-hero-art {mask-image:none}
  .portal-nova-identidade .topo-dentro {gap:8px}.portal-nova-identidade .topo .botao {padding:8px 12px;font-size:14px;min-height:40px}
  .portal-nova-identidade .topo .menu {background:#091728;border-color:#294259}.portal-nova-identidade .portal-nav-group>div {box-shadow:none}.portal-nova-identidade .portal-account-mobile {color:#f5d58e}
  .design-hero {min-height:640px;display:flex;align-items:end}.design-hero>.portal-wrap {width:100%}.design-hero-art {width:100%;height:380px;object-fit:cover;object-position:76% top;opacity:.88}.design-hero::after {background:linear-gradient(0deg,#081628 5%,#0b1e32 48%,#0b1e3240 86%,#0b1e3210)}
  .design-hero-copy {padding:260px 0 34px;max-width:none}.design-hero .portal-eyebrow {font-size:10px;letter-spacing:.15em}.portal-nova-identidade .design-hero h1 {font-size:36px;line-height:1.2;margin:16px 0}.design-hero p {font-size:16px;max-width:38ch}.design-hero .portal-actions {display:grid;grid-template-columns:1fr;gap:13px;max-width:380px;margin-top:22px}.design-hero .botao {justify-content:center}.design-hero-note {font-size:12px;margin-top:22px}.design-flourish {display:none}
  .portal-nova-identidade .portal-server-panel {padding-top:20px}.portal-nova-identidade .portal-server-facts {gap:20px 0;padding-bottom:20px}.portal-nova-identidade .portal-server-fact {gap:9px;padding:0 10px}.portal-nova-identidade .portal-server-fact strong {font-size:16px}.portal-nova-identidade .portal-server-fact small {font-size:10px;letter-spacing:.03em}.portal-nova-identidade .portal-server-fact>span>span {font-size:12px;line-height:1.5}.portal-nova-identidade .portal-server-symbol {flex-basis:20px}.portal-nova-identidade .portal-server-symbol svg {width:20px;height:23px}.portal-nova-identidade .portal-server-presence {gap:10px;padding-block:14px}.portal-nova-identidade .portal-server-live {flex-wrap:wrap;gap:8px 14px}.portal-nova-identidade .portal-server-cash {font-size:12px}
  .design-home {padding-top:24px;padding-bottom:36px}.design-journey {display:block;padding:24px;min-height:0}.design-journey-art {display:none}.design-journey .portal-eyebrow {font-size:10px}.portal-nova-identidade .design-journey h2 {font-size:24px}.design-journey p {font-size:15px}.design-journey .botao {margin-top:20px;white-space:normal;display:flex;justify-content:center}
  .design-section-heading {align-items:start;gap:12px;flex-wrap:wrap}.design-section-heading>a {padding:0}.design-section-heading .portal-eyebrow {font-size:10px}.portal-nova-identidade h2 {font-size:27px}.portal-nova-identidade .portal-search {display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px}.portal-nova-identidade .portal-search .portal-search-type {max-width:none;width:100%}.portal-nova-identidade .portal-search>button {width:100%;margin:0}.design-discover {padding-block:32px;gap:32px}.design-section-intro {font-size:15px;margin-bottom:20px}.design-class-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-class-art {aspect-ratio:1.04}.portal-nova-identidade .design-class-card h3 {font-size:15px}.design-class-card>div:nth-child(2) {padding:12px 19px 12px 10px}.design-class-card>div>span:not(.design-class-art>span) {font-size:12px}.design-class-arrow {right:7px;font-size:14px}.design-news>a {grid-template-columns:76px minmax(0,1fr)}.design-news-cover {width:76px!important;height:88px!important}.portal-nova-identidade .design-news h3 {font-size:17px}.design-news-meta {font-size:11px}
  .design-world {padding-top:30px}.design-map-grid {gap:12px;margin-top:18px}.portal-nova-identidade .design-map {display:block;padding:14px}.design-map>div {margin-bottom:12px;width:60px;height:60px}.design-map img {max-width:56px;max-height:56px}.design-map strong {font-size:18px}.design-map small {font-size:12px}.design-community {display:block;padding:26px;margin-top:30px}.design-ranking {border-left:0;border-top:1px solid #395066;padding:24px 0 0;margin-top:24px}.design-community p {font-size:15px}
  .design-breadcrumb {font-size:12px;gap:6px 9px;padding-block:22px 16px}.design-record-top {flex-direction:column;align-items:stretch;gap:18px;font-size:14px}.design-record-search {width:100%}.design-record-search input {font-size:16px}.design-record-header {display:block;margin-top:28px}.design-record-header .portal-eyebrow {font-size:11px}.design-record-header p {font-size:14px}.design-element-link {display:inline-block;margin:12px 0 0;font-size:13px}
  .design-monster-summary {grid-template-columns:minmax(0,1fr);padding:22px;gap:24px}.design-monster-stage {border-right:0;border-bottom:1px solid #395066;padding:0 0 20px}.portal-nova-identidade .design-monster-stage .portal-monster-preview {height:160px}.portal-nova-identidade .design-summary-heading h2 {font-size:22px}.design-summary-heading {align-items:start}.design-badge {padding:3px 8px}.portal-nova-identidade .design-monster-facts .portal-facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-nova-identidade .portal-facts dt {font-size:13px}.portal-nova-identidade .portal-facts dd {font-size:18px}
  .design-record-nav {gap:8px 20px;margin-block:26px;font-size:13px}.design-record-nav a {font-size:14px;padding-bottom:8px}.design-record-nav a:first-child {border:0}.design-record-layout {gap:28px}.design-count {font-size:12px}.portal-nova-identidade .portal-table td,.portal-nova-identidade .portal-table th {padding:12px 10px}.portal-nova-identidade .portal-table th {font-size:12px;letter-spacing:0}.portal-nova-identidade .portal-table td a {font-size:15px}.portal-nova-identidade .portal-table .design-chance {width:90px;font-size:14px}.design-drop-item {gap:8px}.design-drop-item>img {width:24px;height:24px}.design-drop-item small {font-size:11px}.design-drop-item>div {min-width:0}.design-table-note {font-size:13px}
  .design-locations {grid-template-columns:1fr;padding:22px}.design-location-map {height:150px}.design-combat-grid {grid-template-columns:minmax(0,1fr);gap:24px}.portal-nova-identidade .design-combat-grid>div>.portal-facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.design-combat {margin-top:30px;padding-top:26px}.portal-nova-identidade .design-experience>.portal-facts {grid-template-columns:1fr}.portal-nova-identidade .portal-disclosure {padding:18px;font-size:14px}.design-data-note {margin-top:24px}
}
@media(max-width:360px) {
  .portal-nova-identidade {--gutter:16px}.portal-nova-identidade .design-hero h1 {font-size:31px}.portal-nova-identidade .portal-server-fact {gap:7px}.portal-nova-identidade .portal-server-symbol {display:none}.portal-nova-identidade .portal-server-fact strong {font-size:15px}.design-journey,.design-community {padding:22px}.portal-nova-identidade .design-journey h2 {font-size:22px}.design-summary-heading {flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {.portal-nova-identidade * {scroll-behavior:auto;transition:none!important}}
