/* Approved direction 02. Scoped rollout: access, wizard, dashboard and all mission flows.
   This replaces (rather than stacks on) the v2 reset on these routes. */
@font-face{font-family:Shinobi Sans;src:url('../fonts/shinobi/NotoSans-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Shinobi Sans;src:url('../fonts/shinobi/NotoSans-Bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Shinobi Display;src:url('../fonts/shinobi/NotoSansDisplay-Bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
body.shinobi-design{
 --s-world:url('../img/design/regions/folha.webp');--s-bg:#162126;--s-surface:rgba(20,31,36,.95);--s-raised:#263336;
 --s-line:#465653;--s-text:#f0eee6;--s-muted:#bbc8c3;--s-accent:#bf543b;--s-gold:#d3b26d;
 --font-body:'Shinobi Sans',sans-serif;--font-display:'Shinobi Display',sans-serif;
 --mob-font-display:var(--font-display);--mob-bg-app:var(--s-bg);--mob-bg-screen:transparent;--mob-bg-card:var(--s-surface);
 --mob-bg-card-2:var(--s-raised);--mob-border:var(--s-line);--mob-text:var(--s-text);--mob-text-muted:var(--s-muted);--mob-text-faint:#9cafa9;
 --mob-orange:var(--s-accent);--mob-chakra:#72badd;--mob-green:#8fbb9e;--mob-red:#e27970;
 --v2-surface:var(--s-surface);--v2-surface-2:var(--s-raised);--v2-line:var(--s-line);--v2-text:var(--s-text);--v2-muted:var(--s-muted);
 --wizard-accent:var(--s-accent);--wizard-gold:var(--s-gold);--wizard-text:var(--s-text);
 background:var(--s-bg);color:var(--s-text);font:400 16px/1.5 var(--font-body);min-height:100vh;min-height:100dvh;isolation:isolate;
}
body.shinobi-design.s-region--areia{--s-world:url('../img/design/regions/areia.webp')}
body.shinobi-design.s-region--nevoa{--s-world:url('../img/design/regions/nevoa.webp')}
body.shinobi-design.s-region--pedra{--s-world:url('../img/design/regions/pedra.webp')}
body.shinobi-design.s-region--nuvem{--s-world:url('../img/design/regions/nuvem.webp')}
body.shinobi-design.s-scope--auth,body.shinobi-design.s-scope--wizard{--s-world:url('../img/design/regions/world.webp')}
body.shinobi-design::before{content:'';position:fixed;inset:0;z-index:-2;background:var(--s-bg) var(--s-world) center top/cover no-repeat;pointer-events:none}
body.shinobi-design::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,19,24,.1),rgba(9,19,24,.48) 35%,rgba(9,19,24,.86));pointer-events:none}
.shinobi-design :is(button,input,select,textarea){font-family:var(--font-body);font-size:1rem}
.shinobi-design select{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 12px;background:var(--s-raised);color:var(--s-text);border:1px solid var(--s-line);border-radius:8px;text-overflow:ellipsis}
.shinobi-design :is(h1,h2,h3,h4,.mobile-header__title,.m-card__title,.m-ui-card h2,.m-ui-panel h2,.wizard-step-title,.m-activity-card__title,.m-mission-heading__title,.m-modal__title){font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;text-transform:none;text-shadow:none}
.shinobi-design :is(h1,.s-page-intro h1){font-size:clamp(1.65rem,3vw,2rem);line-height:1.2}
.shinobi-design h2{font-size:1.25rem;line-height:1.3}
.shinobi-design :is(p,li){line-height:1.55}
.shinobi-design a{color:inherit}
.shinobi-design :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--s-gold);outline-offset:4px;box-shadow:none}
.shinobi-design :is(button,input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
.shinobi-design .s-skip-link{position:absolute;left:16px;top:-100px;background:var(--s-raised);color:var(--s-text);padding:12px;z-index:50}
.shinobi-design .s-skip-link:focus{top:8px}
/* Shell: natural document scrolling, safe area, art shared with authentication. */
.shinobi-design .mobile-shell{max-width:1040px;margin:0 auto;min-height:100vh;min-height:100dvh;height:auto;overflow:visible;background:transparent;border:0;box-shadow:none;display:flow-root;color:var(--s-text)}
.shinobi-design .mobile-shell::after{display:none}
.shinobi-design .mobile-header{position:relative;top:auto;background:linear-gradient(180deg,rgba(12,23,28,.9),rgba(12,23,28,.68));border:1px solid rgba(185,198,194,.22);border-radius:8px;min-height:64px;margin:112px 16px 12px;padding:10px 14px;gap:12px}
.shinobi-design .mobile-header__title{font-size:1.5rem;line-height:1.25;color:var(--s-text)}
.shinobi-design .mobile-header__subtitle{font-size:.875rem;color:var(--s-muted);margin-top:4px}
.shinobi-design :is(.mobile-header__back,.mobile-header__action,.m-ui-icon-button){min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--s-text);border-radius:8px}
.shinobi-design .mobile-content{overflow:visible;padding:4px 16px calc(96px + env(safe-area-inset-bottom));background:transparent;max-width:none}
.shinobi-design .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;transform:none;background:rgba(15,26,31,.98);border-top:1px solid var(--s-line);padding:8px max(6px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:20;gap:4px}
.shinobi-design .mobile-bottom-nav__item{border:0;background:none;min-width:0;min-height:52px;color:var(--s-muted);text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;font:400 .75rem/1.3 var(--font-body);border-radius:8px}
.shinobi-design .mobile-bottom-nav__item i{font-size:1.3rem}
.shinobi-design .mobile-bottom-nav__item.active{color:#ff9b78;background:rgba(191,84,59,.12)}
.shinobi-design .mobile-bottom-nav__item.active::after{display:none}
.s-brand{width:110px;height:56px;object-fit:contain}
.s-page-intro{padding:14px 2px 6px;text-shadow:0 1px 8px #102027}
.s-page-intro p{color:var(--s-text);margin:8px 0 16px}
/* Components. Card shapes carry no baked text, resource data remains HTML. */
.shinobi-design :is(.m-ui-card,.m-card,.m-summary-card,.m-info-card,.m-ui-shortcut,.m-ui-panel,.m-modal){background:var(--s-surface);color:var(--s-text);border:1px solid var(--s-line);border-image:none;border-radius:8px;box-shadow:none;min-width:0}
.shinobi-design :is(.m-ui-card,.m-summary-card,.m-info-card){padding:18px;margin-bottom:16px}
.shinobi-design :is(.m-card::before,.m-card::after,.m-summary-card::before,.m-summary-card::after){display:none}
.shinobi-design :is(.m-ui-card p,.m-ui-muted,.m-operation-summary p,.m-operation-choice p,.m-dossier-clue p){font-size:1rem;line-height:1.55;color:var(--s-muted)}
.shinobi-design :is(.m-card__title,.m-activity-card__title){font-size:1.1rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;color:var(--s-text)}
.shinobi-design :is(.m-card__subtitle,.m-card__meta,.m-ui-list-link small,.m-ui-shortcut small,.m-ui-note,.m-ui-badge,.m-dossier-clue small,.m-operation-journal small,.m-ui-eyebrow){font-size:.875rem;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--s-muted)}
.shinobi-design :is(.mobile-section-label,.m-ui-section-heading h2){font-family:var(--font-display);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--s-text)}
.shinobi-design .m-ui-section-heading{background:rgba(16,29,34,.92);padding:8px 12px;border-radius:8px;gap:12px;flex-wrap:wrap}
.shinobi-design .m-ui-section-heading>a{color:var(--s-gold);font-size:.875rem}
.shinobi-design :is(.m-ui-button,.m-btn,.btn-auth-primary,.wizard-btn){font-family:var(--font-body);font-weight:700;font-size:1rem;min-height:48px;border-radius:8px;letter-spacing:0;text-transform:none;text-shadow:none;box-shadow:none;background:var(--s-raised);color:var(--s-text);border:1px solid var(--s-line);padding:12px 16px;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.4}
.shinobi-design :is(.m-ui-button--primary,.m-btn-primary,.btn-auth-primary,.wizard-btn-primary){background:var(--s-accent);border-color:#d0674e;color:#fff}
.shinobi-design :is(.m-ui-button--primary,.m-btn-primary,.btn-auth-primary,.wizard-btn-primary):hover{background:#a9432e;color:#fff}
.shinobi-design :is(.m-btn-secondary,.wizard-btn-secondary){background:rgba(30,44,49,.9);color:var(--s-text)}
.shinobi-design .m-ui-actions{gap:12px}
.shinobi-design .m-ui-note{background:var(--s-raised);border-radius:8px;padding:14px}
.shinobi-design .m-ui-list-link{background:var(--s-surface);border:1px solid var(--s-line);border-radius:8px;padding:14px;margin-bottom:10px;gap:12px}
.shinobi-design .m-ui-list-link strong{font-size:1rem;line-height:1.4}
.shinobi-design .m-ui-shortcut{padding:16px;gap:12px}
.shinobi-design .m-ui-shortcut strong{font-size:1rem}
.shinobi-design :is(.m-ui-disclosure,.m-ui-facts){background:var(--s-surface);border-radius:8px;padding:8px 14px;color:var(--s-text)}
.shinobi-design .m-ui-disclosure summary{font-size:1rem;min-height:48px}
.shinobi-design :is(.m-ui-panel,.m-modal){max-width:640px;padding:24px;max-height:85dvh}
.shinobi-design .m-ui-panel::backdrop{background:rgba(8,18,23,.8)}
.shinobi-design .s-resources{background:var(--s-surface);border:1px solid var(--s-line);border-radius:8px;margin:0 16px 12px;padding:12px 16px}
.s-resources__label{font-size:.875rem;color:var(--s-muted)}
.s-resources__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 0;font-variant-numeric:tabular-nums}
.s-resources__values dt{font-weight:400;font-size:.875rem;white-space:nowrap}
.s-resources__values dd{font-size:1.1rem;font-weight:700;margin:2px 0 0;padding-left:23px;overflow-wrap:anywhere}
.s-resource--energy{color:#edc65e}.s-resource--chakra{color:#72badd}.s-resource--ryo{color:#e5bd61}
.s-resources__values i{margin-right:4px}
.s-art-card{display:flex;align-items:center;gap:16px;padding:0 16px 0 0;border:1px solid var(--s-line);border-radius:8px;background:var(--s-surface);color:var(--s-text);min-height:100px;overflow:hidden;text-decoration:none;margin-bottom:12px}
.s-art-card__image{width:100px;align-self:stretch;min-height:100px;height:auto;object-fit:cover;flex:none}
.s-art-card__body{flex:1;min-width:0;padding:12px 0}.s-art-card strong{display:block;font:700 1.05rem/1.35 var(--font-display)}
.s-art-card small{display:block;font-size:.875rem;color:var(--s-muted);margin-top:6px;line-height:1.45}
.s-art-card__arrow{flex:none;color:var(--s-gold)}
.s-art-card:hover{border-color:var(--s-gold)}
.s-cost{display:flex;gap:8px 16px;flex-wrap:wrap;background:var(--s-raised);padding:12px;border:1px solid var(--s-line);border-radius:8px;margin:12px 0;font-size:.875rem;font-variant-numeric:tabular-nums}
.s-cost>strong{flex-basis:100%;color:var(--s-text)}
.s-free-accept{display:block;color:#add2b6;font-size:.875rem;margin:6px 0}
.shinobi-design .m-card{padding:16px;margin-bottom:12px;gap:16px;align-items:flex-start;text-decoration:none}
.shinobi-design .m-card__body{min-width:0;flex:1}
.shinobi-design .m-card__avatar--mission{width:100px;height:112px;max-width:30%;object-fit:cover;flex:none;border:0;border-radius:6px}
.shinobi-design .m-card__meta{gap:6px 12px;display:flex;flex-wrap:wrap;margin-top:10px}
.shinobi-design .m-recommended-ribbon{position:static;order:3;align-self:flex-start;background:var(--s-gold);color:#19252a;font-size:.875rem;border-radius:4px;padding:4px 8px;transform:none}
.shinobi-design .s-mission-card:has(.m-recommended-ribbon){flex-wrap:wrap}
.shinobi-design .m-detail-hero{width:100%;height:clamp(160px,30vw,300px);object-fit:cover;border-radius:8px;border:1px solid var(--s-line);margin-bottom:16px}
.s-operation-art{display:block;width:calc(100% + 36px);max-width:none;height:180px;margin:-18px -18px 18px;border-radius:8px 8px 0 0;object-fit:cover}
.s-page-art{display:block;width:100%;height:160px;object-fit:cover;border:1px solid var(--s-line);border-radius:8px;margin:8px 0 20px}
.shinobi-design .m-operation-choice{margin:16px 0;padding:16px;border:1px solid var(--s-line);border-radius:8px;background:var(--s-raised)}
/* Dashboard: the world is the background; continued activity takes precedence. */
.shinobi-design .m-dashboard-profile{background:var(--s-surface);padding:14px 16px;border:1px solid var(--s-line);border-radius:8px}
.shinobi-design .m-dashboard-profile>span>strong{font-family:var(--font-display);font-size:1.25rem}
.shinobi-design .m-dashboard-profile>span>small{font-size:.875rem}
.shinobi-design .m-dashboard-xp{background:var(--s-surface);padding:12px;border-radius:8px;font-size:.875rem;flex-wrap:wrap}
.shinobi-design .m-dashboard-resources{background:var(--s-surface);border:1px solid var(--s-line);padding:14px;border-radius:8px;gap:12px}
.shinobi-design .m-dashboard-resource__label{font-size:.875rem}.shinobi-design .m-dashboard-resource>small{font-size:.875rem}
.shinobi-design .m-dashboard-resource>strong{font-size:1rem}
.shinobi-design :is(.m-dashboard-active,.m-activity-card){border-color:var(--s-gold)}
.shinobi-design .m-dashboard-active{background:linear-gradient(90deg,rgba(14,27,32,.96),rgba(14,27,32,.88)),url('../img/design/missions/exploracao.webp') center/cover}
.shinobi-design .m-dashboard-attribute__label{font-size:.875rem}
.shinobi-design .m-dashboard-attributes{background:var(--s-surface);border-radius:8px;padding:14px;margin-top:16px}
.shinobi-design .s-explore{margin:12px 0 20px;background:rgba(94,48,36,.94);border-color:#a45a43;justify-content:space-between}
.s-dashboard-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.s-dashboard-links .s-art-card{flex-wrap:wrap;gap:0;padding:0;align-content:flex-start;position:relative}
.s-dashboard-links .s-art-card__image{width:100%;height:110px;min-height:0;flex-basis:100%}
.s-dashboard-links .s-art-card__body{padding:14px}.s-dashboard-links .s-art-card__arrow{margin-right:10px}
/* Authentication and wizard use the same clean environmental asset and typography. */
.shinobi-design .shinobi-auth-page{background:none;min-height:100dvh;overflow:visible;display:flex;align-items:center}
.shinobi-design :is(.shinobi-auth-bg,.shinobi-auth-overlay){display:none}
.shinobi-design .shinobi-auth-wrapper{width:100%;max-width:1200px;margin:auto;padding:160px 24px 80px;display:flex;justify-content:flex-end;position:relative;z-index:auto}
.shinobi-design .shinobi-auth-card{width:100%;max-width:440px;padding:28px;background:rgba(15,28,33,.94);border:1px solid var(--s-line);border-radius:8px;box-shadow:none;backdrop-filter:none}
.shinobi-design :is(.shinobi-auth-card::before,.shinobi-auth-card::after){display:none}
.shinobi-design .shinobi-auth-logo-img{width:180px;max-width:100%;height:auto;filter:none}
.shinobi-design .shinobi-auth-heading{text-align:left;margin-bottom:24px}
.shinobi-design .shinobi-auth-heading h1{font-family:var(--font-display);font-size:1.9rem;line-height:1.15;color:var(--s-text);letter-spacing:-.02em;text-shadow:none;-webkit-text-fill-color:currentColor;background:none}
.shinobi-design .shinobi-auth-heading p{font-size:1rem;color:var(--s-muted)}
.shinobi-design .shinobi-auth-kicker{display:none}
.shinobi-design .shinobi-auth-page :is(label,.form-label){font-size:.875rem;color:var(--s-text);letter-spacing:0;text-transform:none}
.shinobi-design :is(.form-control,.wizard-name-input,.wizard-attribute-input){font-family:var(--font-body);font-size:1rem;background:#1c2a30;color:var(--s-text);border:1px solid #647672;border-radius:8px;box-shadow:none;min-height:48px}
.shinobi-design .form-control::placeholder{color:#abbcb6;opacity:1}
.shinobi-design .auth-toggle-password{min-width:44px;min-height:44px;color:var(--s-muted)}
.shinobi-design .auth-checkbox{min-height:44px}
.shinobi-design .auth-checkbox input{accent-color:var(--s-accent)}
.shinobi-design .shinobi-auth-footer{font-size:.875rem;color:var(--s-muted);text-align:left;margin-top:20px}
.shinobi-design .s-register-link{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--s-line);border-radius:8px;margin-top:10px;text-decoration:none;font-weight:700;color:var(--s-text)}
.shinobi-design .shinobi-auth-copyright{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;font-size:.75rem;color:var(--s-muted)}
.shinobi-design .shinobi-wizard-page.shinobi-wizard-v3{background:transparent;color:var(--s-text);padding:96px 16px 48px;min-height:100dvh;display:flex;align-items:flex-start}
.shinobi-design .shinobi-wizard-wrapper{max-width:600px;width:100%;margin:0 auto}
.shinobi-design .wizard-v3-brand{display:flex;justify-content:center;flex-direction:column;gap:8px;padding:0 0 20px}
.shinobi-design .wizard-v3-brand img{width:160px;height:auto;object-fit:contain}.shinobi-design .wizard-v3-brand small{font-size:.875rem;color:var(--s-text);text-shadow:0 1px 8px #162126}
.shinobi-design .wizard-v3-steps{background:rgba(16,29,34,.9);border:1px solid var(--s-line);padding:12px 8px;border-radius:8px;gap:4px}
.shinobi-design .wizard-v3-step{font-size:.875rem;color:var(--s-muted);gap:8px;line-height:1.4;min-height:54px}
.shinobi-design .wizard-v3-step>span{width:30px;height:30px;border-radius:50%;font-size:1rem}
.shinobi-design .wizard-v3-step.current{color:#ffc4ad}.shinobi-design .wizard-v3-step.current>span{background:var(--s-accent);border-color:var(--s-accent)}
.shinobi-design .shinobi-wizard-v3 .shinobi-wizard-card{background:rgba(16,29,34,.95);border:1px solid var(--s-line);border-radius:8px;padding:24px;box-shadow:none}
.shinobi-design .wizard-step-header{text-align:left}
.shinobi-design .wizard-step-title{font-family:var(--font-display);font-size:1.75rem;line-height:1.15;color:var(--s-text);background:none;-webkit-text-fill-color:currentColor}
.shinobi-design .wizard-step-subtitle{font-size:1rem;color:var(--s-muted);line-height:1.5}
.shinobi-design .wizard-step-actions{display:flex;flex-direction:row-reverse;gap:12px;flex-wrap:wrap;margin-top:24px}
.shinobi-design .wizard-step-actions>*{flex:1;min-width:120px}
.shinobi-design .wizard-v3-save-note{font-size:.875rem;background:rgba(16,29,34,.92);color:var(--s-muted);padding:16px;border-radius:8px;margin-top:16px}
.shinobi-design .wizard-village-list{display:grid;gap:12px;max-height:none;overflow:visible;padding:2px}
.shinobi-design .wizard-village-card{position:relative;isolation:isolate;background-color:#203137;background-size:cover;background-position:center;border:1px solid #6a7771;border-radius:8px;padding:14px 12px;gap:12px;min-height:96px;text-align:left;color:var(--s-text);box-shadow:none}
.shinobi-design .wizard-village-card::before{content:'';position:absolute;inset:0;border-radius:7px;background:linear-gradient(90deg,rgba(12,24,29,.97) 10%,rgba(12,24,29,.78) 65%,rgba(12,24,29,.48));z-index:-1}
.shinobi-design .wizard-village-card.s-village-option--folha{background-image:url('../img/design/regions/folha.webp')}
.shinobi-design .wizard-village-card.s-village-option--areia{background-image:url('../img/design/regions/areia.webp')}
.shinobi-design .wizard-village-card.s-village-option--nevoa{background-image:url('../img/design/regions/nevoa.webp')}
.shinobi-design .wizard-village-card.s-village-option--pedra{background-image:url('../img/design/regions/pedra.webp')}
.shinobi-design .wizard-village-card.s-village-option--nuvem{background-image:url('../img/design/regions/nuvem.webp')}
.shinobi-design .wizard-village-card.is-selected{border:2px solid var(--s-gold);padding:13px 11px;background-color:#203137;box-shadow:none}
.shinobi-design .wizard-village-icon{width:40px;height:40px;flex:none;background:transparent;border:0;padding:0}
.shinobi-design .wizard-village-icon img{width:100%;height:100%;object-fit:contain;filter:none}
.shinobi-design .wizard-village-name{font-family:var(--font-display);font-size:1.1rem;color:var(--s-text)}
.shinobi-design .wizard-village-codename{font-size:.875rem;color:var(--s-muted)}
.shinobi-design .wizard-village-description{font-size:.875rem;color:var(--s-muted);line-height:1.45}
.shinobi-design .wizard-village-card-check{width:24px;height:24px;flex:none;border:1px solid var(--s-muted);border-radius:50%;color:transparent;background:transparent;transform:none;display:flex;align-items:center;justify-content:center;opacity:1}
.shinobi-design .wizard-village-card.is-selected .wizard-village-card-check{color:#14262a;border-color:var(--s-gold);background:var(--s-gold)}
.shinobi-design :is(.wizard-name-tips,.wizard-attribute-row,.wizard-avatar-preview,.wizard-avatar-thumb){background:var(--s-raised);border:1px solid var(--s-line);border-radius:8px;box-shadow:none}
.shinobi-design .wizard-avatar-preview{width:200px;height:200px;max-width:60vw;border-color:var(--s-gold)}
.shinobi-design .wizard-avatar-thumb.is-selected{border-color:var(--s-gold);box-shadow:0 0 0 2px var(--s-gold)}
.shinobi-design :is(.wizard-attribute-btn,.wizard-avatar-nav,.wizard-name-random){min-width:44px;min-height:44px;background:var(--s-raised);color:var(--s-text);border:1px solid var(--s-line);border-radius:8px}
.shinobi-design .wizard-attribute-name{font-family:var(--font-body);font-size:1rem;color:var(--s-text)}
.shinobi-design .wizard-attribute-input{width:48px;min-width:0;text-align:center}
.shinobi-design .wizard-attributes-remaining{background:var(--s-raised);border:1px solid var(--s-line);color:var(--s-text);border-radius:8px;padding:16px}
.shinobi-design .wizard-attributes-remaining-label{font-size:1rem;letter-spacing:0;text-transform:none}
.shinobi-design .wizard-attributes-remaining-value{font-family:var(--font-display);color:var(--s-gold)}
.shinobi-design .wizard-village-list{margin:0 0 16px}
.shinobi-design .wizard-step-header{margin-bottom:16px}
.shinobi-design .wizard-step-subtitle{margin-bottom:0}
.shinobi-design fieldset.m-card{display:block}
.shinobi-design .m-card:not(a):not(.m-activity-card){display:block}
.shinobi-design .m-card p{overflow-wrap:anywhere}
@media(min-width:800px){
 .shinobi-design .mobile-shell{padding-left:132px;padding-right:24px}
 .shinobi-design .mobile-header{margin-top:100px}
 .shinobi-design .mobile-content{padding-bottom:48px}
 .shinobi-design .s-navigation{left:16px;top:50%;bottom:auto;right:auto;transform:translateY(-50%);width:112px;display:flex;flex-direction:column;padding:12px 8px;border:1px solid var(--s-line);border-radius:8px}
 .shinobi-design .mobile-bottom-nav__item{width:100%;min-height:70px;font-size:.875rem}
 .shinobi-design .s-mission-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .s-mission-hub .s-art-card{margin-bottom:0}.s-mission-hub .s-art-card:first-child{grid-column:1/-1}
 .shinobi-design .shinobi-auth-wrapper{min-height:100dvh;align-items:center;padding-top:48px;padding-bottom:48px}
 .shinobi-design .shinobi-wizard-page.shinobi-wizard-v3{padding-top:64px}
}
@media(max-width:420px){
 .shinobi-design .shinobi-auth-wrapper{padding:160px 16px 80px}.shinobi-design .shinobi-auth-card{padding:22px 18px}
 .shinobi-design .shinobi-wizard-v3 .shinobi-wizard-card{padding:20px 16px}
 .s-art-card{gap:12px;padding-right:12px}.s-art-card__image{width:80px}.s-art-card strong{font-size:1rem}
 .shinobi-design .m-card{gap:12px;padding:12px}.shinobi-design .m-card__avatar--mission{width:76px;height:96px}
 .s-resources__values{gap:8px}.s-resources__values dd{padding-left:0}
 .shinobi-design .m-dashboard-xp{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){.shinobi-design *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}