
/* SELMINHA / FRANQUIAS
   Base mobile first (320 px). Apenas ampliações por min-width.
   O topo e rodapé mantêm os estilos compartilhados do pacote anterior.
   As imagens locais são recortes do PNG aprovado. */
.fr-page{--fr-surface:#071b32;--fr-border:#194968;--fr-tone:#3de8f5;overflow:clip}
.fr-page h1,.fr-page h2,.fr-page h3,.fr-page h4{font-family:var(--title-font)}
.fr-page h4{margin:0;font-size:1rem;line-height:1.3;letter-spacing:-.02em}
.fr-page strong{font-weight:750}
.fr-page .icon{flex-shrink:0}
.fr-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 74% 60%,#123a6855,transparent 55%),radial-gradient(ellipse at 90% 90%,#743db442,transparent 50%),linear-gradient(135deg,#061527,#09162e 62%,#16172f);border-bottom:1px solid #154763}
.fr-hero::after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(transparent,#061426);z-index:-1;pointer-events:none}
.fr-ambient{position:absolute;top:0;height:100%;width:190px;z-index:-2;opacity:.22;pointer-events:none;overflow:hidden}
.fr-ambient img{height:100%;width:100%;object-fit:cover}
.fr-ambient-left{left:0;mask-image:linear-gradient(to right,#000,transparent);display:none}
.fr-ambient-right{right:0;mask-image:linear-gradient(to left,#000,transparent)}
.fr-hero-grid{display:grid;gap:0;min-width:0}
.fr-hero-copy{z-index:2;padding-top:32px;text-align:center}
.fr-hero-copy .eyebrow{justify-content:center;font-size:.59rem;line-height:1.5;letter-spacing:.19em}
.fr-hero-copy h1{font-size:clamp(3.3rem,14.6vw,5rem);font-weight:900;letter-spacing:-.045em;line-height:1.05;margin:12px 0 14px;background:linear-gradient(100deg,#fff 30%,#b4ffff 60%,#24e9f8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #17344b)}
.fr-hero-lead{font-weight:800;font-size:1.12rem;line-height:1.35;margin:0 auto 9px;max-width:360px}
.fr-hero-description{font-size:.94rem;line-height:1.6;color:#c2d6ec;max-width:550px;margin:auto}
.fr-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:21px}
.fr-hero-actions .button{flex:1 1 auto;font-size:.8rem;padding:12px 13px;min-height:46px;white-space:nowrap}
.fr-secondary{border-color:#306181;background:#071b30d9}
.fr-browser-promise{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.72rem;line-height:1.6;margin-top:16px;color:#a6bed7}
.fr-browser-promise .icon{width:16px;height:16px;color:var(--cyan)}
.fr-hero-visual{position:relative;height:295px;isolation:isolate;overflow:hidden;max-width:480px;width:100%;margin:auto}
.fr-hero-visual::before{content:"";position:absolute;width:80%;height:65%;inset:20% 0 0 15%;border-radius:50%;background:radial-gradient(ellipse,#009fb526,transparent 70%);filter:blur(12px);z-index:-1}
.fr-character{position:absolute;width:335px;max-width:none;left:50%;transform:translateX(-50%);top:10px;mask-image:linear-gradient(#000 62%,transparent 86%);filter:drop-shadow(0 0 18px #00eff71a)}
.fr-speech{position:absolute;right:2px;top:55px;border:1px solid #25cde8;border-radius:12px;background:#08223ae8;padding:11px 13px;color:#80f4fb;font-size:.64rem;line-height:1.3;transform:rotate(5deg);box-shadow:0 0 18px #2fd5fc20;text-transform:uppercase;letter-spacing:.05em}
.fr-speech .icon{color:#ff81d7;width:14px;height:14px;display:inline-block;vertical-align:middle;margin-left:5px}
.fr-signature{display:none}
.fr-content{position:relative;padding-top:20px;padding-bottom:32px}
.fr-definition{padding:23px 20px;background:linear-gradient(120deg,#081c34,#06192c);border:1px solid var(--fr-border);border-radius:17px;box-shadow:0 7px 32px #0002;display:grid;gap:17px;scroll-margin-top:100px}
.fr-definition-title{display:flex;gap:14px;align-items:center}
.fr-definition-title>.icon{width:36px;height:36px;color:var(--cyan);filter:drop-shadow(0 0 8px #32eefa45)}
.fr-definition-title h2{font-size:1.36rem;letter-spacing:-.04em;line-height:1.15}
.fr-definition>p{color:#b9cee5;font-size:.88rem;line-height:1.8}
.fr-definition>p strong{color:#e8f9ff}
.fr-definition-note{display:flex;align-items:center;gap:13px;padding-top:16px;border-top:1px solid #194363;color:#c4d7e9;font-size:.83rem}
.fr-definition-note>.icon{width:34px;height:34px;color:#66e9ff;filter:drop-shadow(0 0 8px #00deff40)}
.fr-definition-note strong{display:block;color:var(--cyan)}
.fr-catalog{padding-top:30px;scroll-margin-top:105px}
.fr-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px;margin-bottom:18px}
.fr-section-head>div{display:flex;align-items:flex-start;gap:11px}
.fr-section-head>div>.icon{color:var(--cyan);width:26px;height:26px;margin-top:2px;fill:#32dbea;filter:drop-shadow(0 0 8px #3ee6fe42)}
.fr-section-head h2{font-size:1.38rem;line-height:1.18;letter-spacing:-.035em}
.fr-section-head p{font-size:.8rem;line-height:1.65;color:#a8bed9;margin-top:7px;max-width:560px}
.fr-catalog-toggle{min-height:44px;font-size:.73rem;padding:10px 12px;white-space:nowrap;margin-left:37px}
.fr-catalog-toggle .icon{width:16px;height:16px}
.fr-filter{border:1px solid #285670;border-radius:14px;background:#0b2136;padding:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.fr-search-input{display:flex;gap:9px;align-items:center;flex:1 1 240px;min-width:0;background:#061528;border:1px solid #2d5975;border-radius:9px;padding-left:12px}
.fr-search-input>.icon{width:19px;color:var(--cyan)}
.fr-search-input input{width:100%;min-width:0;background:none;border:0;color:white;height:45px;font-size:.84rem;padding:0}
.fr-search-input input::placeholder{color:#a1b9d3}
.fr-search-input input:focus-visible{outline:0}
.fr-search-input:focus-within{outline:2px solid var(--cyan);outline-offset:2px}
.fr-search-input .icon-button{border:0;background:transparent;flex-shrink:0}
.fr-sort-label{display:flex;align-items:center;gap:10px;font-size:.77rem;color:#c2d5ea;flex:1 1 200px}
.fr-sort-label select{width:100%;min-width:0;background:#061528;color:#deefff;border:1px solid #2d5975;border-radius:8px;min-height:44px;padding:7px 10px;font-size:.84rem}
#fr-filter-count{font-size:.75rem;color:#8fd4dd}
.fr-cards{display:grid;grid-template-columns:1fr;gap:14px}
.fr-card{position:relative;min-width:0;border:1px solid #256181;border-radius:13px;overflow:hidden;background:linear-gradient(130deg,#0c2a40,#08192d);transition:border-color .18s,transform .18s,box-shadow .18s;isolation:isolate}
.fr-card:hover{border-color:var(--fr-tone);transform:translateY(-3px)}
.fr-card:has(.fr-select[aria-pressed=true]){border-color:#32ebff;box-shadow:0 0 0 1px #32ebff,0 0 23px #22dcf028}
.fr-card-art{width:100%;height:auto;aspect-ratio:3.7/1;object-fit:cover;object-position:center;border-bottom:1px solid #2c6073}
.fr-card-copy{position:relative;min-height:83px;padding:12px 14px 14px;background:linear-gradient(120deg,#082338,#06182c)}
.fr-card h3{font-size:1.04rem;letter-spacing:-.02em;line-height:1.2;padding-right:77px}
.fr-select{color:inherit;border:0;background:none;padding:0;text-align:left;font:inherit}
.fr-select::after{content:"";position:absolute;inset:0;z-index:1}
.fr-select:focus-visible{outline:0}
.fr-card:focus-within{outline:3px solid white;outline-offset:4px}
.fr-card-copy p{font-size:.72rem;color:#bbcede;margin-top:7px;line-height:1.4;padding-right:0}
.fr-count{position:absolute;top:10px;right:12px;padding:4px 8px;display:flex;align-items:center;gap:5px;border:1px solid #23718c;border-radius:8px;font-size:.71rem;line-height:1.4;color:#e2f8ff;background:#061c30}
.fr-count .icon{width:17px;height:17px;color:#4ceafd}
.fr-selected{display:none;font-size:.6rem;text-transform:uppercase;letter-spacing:.13em;color:var(--cyan);align-items:center;gap:3px;margin-top:9px}
.fr-selected .icon{width:12px;height:12px}
.fr-search-empty{padding:36px 20px;text-align:center;border:1px dashed #305372;border-radius:16px;color:#aac2dc}
.fr-search-empty h3{color:#f4f7ff;font-size:1.2rem}
.fr-search-empty p{font-size:.88rem;margin:12px 0 20px}
.fr-features{margin-top:21px;scroll-margin-top:100px}
.fr-franchise{border:1px solid #2681a2;border-radius:17px;overflow:hidden;background:#071d32;box-shadow:0 12px 35px #0002;display:grid;min-width:0}
.fr-story{position:relative;background:linear-gradient(140deg,#0c273a,#082035);border-bottom:1px solid #22506d;min-width:0}
.fr-story-art{width:100%;height:auto;aspect-ratio:3.7/1;object-fit:cover;border-bottom:1px solid #2d5367}
.fr-story-copy{padding:19px}
.fr-overline{font-size:.61rem;line-height:1.4;letter-spacing:.15em;font-weight:750;text-transform:uppercase;color:#7eebef}
.fr-story h2{font-size:2rem;line-height:1.04;letter-spacing:-.04em;margin:8px 0 10px}
.fr-story-tagline{font-weight:750;font-size:.87rem;color:#d7f5fa;line-height:1.4;margin-bottom:11px}
.fr-story-text{font-size:.8rem;color:#bbd0e4;line-height:1.8}
.fr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}
.fr-stats>div{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #215275;border-radius:9px;background:#051b30;padding:9px 4px}
.fr-stats .icon{width:20px;height:20px;color:#3becf9}
.fr-stats p{display:flex;flex-direction:column;font-size:.58rem;line-height:1.3;color:#bbd2e6}
.fr-stats strong{font-size:1.15rem;color:#fff;line-height:1.1;letter-spacing:-.03em}
.fr-single-stat{display:flex;gap:12px;align-items:center;border-top:1px solid #224966;padding-top:16px;margin-top:18px;font-size:.8rem;color:#a3bfd6}
.fr-single-stat strong{display:block;color:#ecfaff}
.fr-single-stat .icon{color:var(--cyan);width:28px;height:28px}
.fr-explorer{padding:13px;min-width:0;background:linear-gradient(135deg,#092339,#071b30)}
.fr-tab-nav{display:flex;gap:5px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#2d607b transparent;padding:3px 2px 9px;scroll-padding-inline:4px}
.fr-tab{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex:0 0 auto;border:1px solid #133b54;border-radius:9px;background:#06192d;padding:10px 12px;min-height:46px;color:#c3d5e5;font-size:.75rem}
.fr-tab .icon{width:20px;height:20px;color:#6eddea}
.fr-tab[data-fr-tab=viloes] .icon{color:#ff7eb9}
.fr-tab[data-fr-tab=lugares] .icon{color:#ab8cff}
.fr-tab:hover{border-color:#3b88a0;color:white}
.fr-tab[aria-selected=true]{border-color:#27d8ee;color:#f2fcff;box-shadow:inset 0 0 15px #06bdff17,0 0 10px #1ce5ff28;background:linear-gradient(120deg,#07425b,#0b2b4e)}
.fr-tabpanel{padding:11px 2px 4px}
.fr-tabpanel:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;border-radius:8px}
.fr-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.fr-panel-heading h3{display:flex;align-items:center;gap:7px;font-size:1rem;line-height:1.25;letter-spacing:-.015em}
.fr-panel-heading .icon{width:19px;height:19px;color:var(--cyan)}
.fr-universe-label{display:none;color:#72dce7;font-size:.7rem}
.fr-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fr-game{min-width:0;border:1px solid #235276;border-radius:10px;overflow:hidden;background:#071a30;display:flex;flex-direction:column}
.fr-game>.fr-capa-link>img{width:100%;height:auto;aspect-ratio:2.4/1;object-fit:cover}
.fr-game-body{padding:10px 8px 8px;flex:1;display:flex;flex-direction:column;min-width:0}
.fr-game h4{font-size:.79rem;line-height:1.4;min-height:3.6em;color:#f4f8ff}
.fr-game-body>p{font-size:.67rem;color:#b4cee0;line-height:1.5;margin:5px 0 12px;min-height:3em}
.fr-play{width:100%;font-size:.67rem;padding:10px 4px;gap:4px;margin-top:auto;min-height:44px;border-radius:7px;box-shadow:0 0 10px #0de8ff15}
.fr-play .icon{width:13px;height:13px}
.fr-lore-grid{display:grid;gap:13px}
.fr-lore{overflow:hidden;border:1px solid #244b68;background:#0c263d;border-radius:11px}
.fr-lore>img{width:100%;height:auto;aspect-ratio:2.5/1;object-fit:cover}
.fr-lore>div{padding:15px}
.fr-lore h4{font-size:1rem;margin:6px 0 9px}
.fr-lore p{font-size:.82rem;color:#bcd0e6;line-height:1.7}
.fr-lore-tag{font-size:.64rem;color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;font-weight:750}
.fr-pending{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:253px;padding:25px 16px;background:radial-gradient(ellipse at center,#15456944,transparent);border:1px dashed #2a516e;border-radius:12px}
.fr-pending>.icon{width:41px;height:41px;color:var(--fr-tone);filter:drop-shadow(0 0 12px #508dff60);margin-bottom:18px}
.fr-pending h4{font-size:1.1rem;max-width:330px}
.fr-pending p{font-size:.85rem;line-height:1.8;color:#abc4dc;max-width:380px;margin:12px 0}
.fr-pending-tag{font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:#9dbdd8;border:1px solid #2d4d65;border-radius:30px;padding:4px 10px}
.fr-catalog-note{font-size:.69rem;line-height:1.65;color:#92abc5;display:flex;align-items:flex-start;gap:6px;margin-top:14px}
.fr-catalog-note .icon{width:14px;height:14px;margin-top:3px}
.fr-inline-note{font-size:.78rem;color:#a9bed6;line-height:1.75;margin-top:14px}
.fr-benefits{margin-top:30px;border:1px solid #1b4867;border-radius:16px;padding:24px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px;background:linear-gradient(130deg,#0b2038,#061a2f)}
.fr-benefits-intro{grid-column:1/-1;display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #25425c;padding-bottom:20px}
.fr-benefits-intro>.icon{color:#ffd37b;filter:drop-shadow(0 0 12px #ffb75277);width:33px;height:33px}
.fr-benefits h2{font-size:1.22rem;line-height:1.25;letter-spacing:-.03em}
.fr-benefits-intro p{font-size:.77rem;line-height:1.7;color:#bbcee4;margin-top:8px}
.fr-benefit{min-width:0}
.fr-benefit>.icon{width:26px;height:26px;color:#44eafb;margin-bottom:12px}
.fr-benefit:nth-child(2)>.icon{color:#b395ff;filter:drop-shadow(0 0 9px #9066ff88)}
.fr-benefit:nth-child(4)>.icon{fill:#f37bbb;color:#f37bbb;filter:drop-shadow(0 0 8px #f46cad55)}
.fr-benefit h3{font-size:.86rem;line-height:1.4;letter-spacing:-.02em}
.fr-benefit p{font-size:.73rem;color:#a7bdd5;line-height:1.7;margin-top:7px}
.fr-dialog{width:min(540px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid #2b8eab;border-radius:20px;background:#0b1e35;color:#f5f8ff;overflow:auto;box-shadow:0 15px 90px #0009}
.fr-dialog::backdrop{background:#020c1ade;backdrop-filter:blur(8px)}
.fr-dialog-close{position:absolute;right:10px;top:10px;z-index:2;background:#041426e8}
.fr-dialog-art{width:100%;aspect-ratio:2.4/1;object-fit:cover}
.fr-dialog-copy{padding:24px}
.fr-dialog h2{font-size:1.7rem;line-height:1.15;margin:12px 0 16px}
.fr-dialog-copy>p{font-size:.94rem;line-height:1.8;color:#bad1e9}
.fr-demo-message{display:flex;gap:10px;background:#122d45;border:1px solid #28546b;border-radius:10px;padding:14px;margin:22px 0;color:#bbd6eb;font-size:.83rem;line-height:1.7}
.fr-demo-message .icon{color:var(--cyan);width:20px;height:20px;margin-top:3px}
/* Progressive enhancement: wider cards first, then multi-column panels. */
@media(min-width:380px){.fr-hero-actions .button{font-size:.83rem}.fr-hero-visual{height:323px}.fr-character{width:369px}.fr-hero-copy h1{font-size:3.8rem}.fr-game h4{font-size:.87rem;min-height:2.8em}.fr-game-body{padding:11px}.fr-play{font-size:.75rem}.fr-play .icon{width:15px}.fr-stats .icon{width:25px;height:25px}.fr-stats p{font-size:.65rem}}
@media(min-width:560px){.fr-hero-visual{height:350px}.fr-character{width:406px}.fr-hero-copy{padding-top:42px}.fr-hero-copy h1{font-size:5rem}.fr-hero-actions .button{flex:0 1 auto;padding-inline:22px}.fr-hero-copy .eyebrow{font-size:.68rem}.fr-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fr-card h3{padding-right:0;font-size:1.08rem}.fr-card-copy{padding-bottom:45px;min-height:128px}.fr-count{top:auto;right:auto;bottom:12px;left:14px}.fr-selected{position:absolute;bottom:16px;right:13px;margin:0}.fr-card:has(.fr-select[aria-pressed=true]) .fr-selected{display:flex}.fr-story-art{aspect-ratio:4/1}.fr-story h2{font-size:2.6rem}.fr-story-copy{padding:24px}.fr-lore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-stats{max-width:400px}.fr-games{grid-template-columns:repeat(4,minmax(0,1fr))}.fr-game h4{font-size:.79rem;min-height:4.2em}.fr-game-body{padding:10px 8px}.fr-play{font-size:.66rem}.fr-sort-label{flex-grow:0}.fr-universe-label{display:block}}
@media(min-width:760px){.fr-hero-grid{grid-template-columns:1.05fr 1fr;min-height:399px;align-items:center}.fr-hero-copy{text-align:left;padding:35px 0 39px}.fr-hero-copy .eyebrow{justify-content:flex-start;font-size:.59rem}.fr-hero-copy h1{font-size:4.15rem;margin-top:15px}.fr-hero-lead{margin:0 0 12px;font-size:1.19rem}.fr-hero-description{font-size:.91rem;max-width:420px}.fr-hero-actions{justify-content:flex-start;gap:8px}.fr-hero-actions .button{padding-inline:12px;font-size:.74rem}.fr-browser-promise{justify-content:flex-start;font-size:.66rem}.fr-hero-visual{height:399px;align-self:end;max-width:none}.fr-character{width:441px;top:5px;left:51%;mask-image:linear-gradient(#000 67%,transparent 89%)}.fr-speech{top:66px;right:0;font-size:.62rem}.fr-ambient{opacity:.38;width:150px}.fr-ambient-left{display:block}.fr-content{padding-top:23px}.fr-definition{grid-template-columns:1fr 1.8fr;gap:22px;align-items:center;padding:24px}.fr-definition-title h2{font-size:1.5rem}.fr-definition-note{grid-column:1/-1;padding:15px;border:1px solid #1b5174;border-radius:10px;justify-content:center}.fr-definition-note strong{display:inline;margin-left:5px}.fr-catalog{padding-top:33px}.fr-section-head{flex-wrap:nowrap}.fr-section-head h2{font-size:1.8rem}.fr-section-head p{font-size:.86rem}.fr-catalog-toggle{margin-left:0;font-size:.77rem}.fr-card-copy{min-height:108px}.fr-card-copy p{font-size:.79rem}.fr-franchise{grid-template-columns:1fr}.fr-story{display:grid;grid-template-columns:1fr 1.1fr}.fr-story-art{height:100%;width:100%;object-fit:cover;object-position:55%;border-bottom:0;border-right:1px solid #22516b}.fr-story h2{font-size:2.25rem}.fr-story-copy{padding:23px}.fr-explorer{padding:18px}.fr-tab-nav{gap:7px}.fr-tab{flex:1;padding:11px 10px}.fr-games{gap:12px}.fr-game h4{font-size:.9rem;min-height:2.8em}.fr-game-body>p{font-size:.73rem;min-height:3em}.fr-play{font-size:.76rem}.fr-benefits{grid-template-columns:repeat(4,minmax(0,1fr));padding:26px;gap:25px}.fr-benefits-intro{padding-bottom:22px}.fr-benefits h2{font-size:1.55rem}.fr-benefit h3{font-size:.93rem}.fr-benefit p{font-size:.78rem}}
@media(min-width:1050px){.fr-hero-grid{grid-template-columns:1.03fr 1fr;min-height:413px}.fr-hero-copy{padding:37px 0 42px}.fr-hero-copy h1{font-size:5.8rem}.fr-hero-copy .eyebrow{font-size:.67rem;letter-spacing:.2em}.fr-hero-lead{font-size:1.48rem;max-width:none}.fr-hero-description{font-size:1.04rem;max-width:520px;margin:0}.fr-hero-actions{margin-top:24px}.fr-hero-actions .button{padding:12px 19px;font-size:.86rem}.fr-browser-promise{font-size:.76rem}.fr-hero-visual{height:425px}.fr-character{width:490px;top:5px;left:43%;mask-image:linear-gradient(#000 66%,transparent 84%)}.fr-speech{right:0;top:68px;font-size:.77rem;line-height:1.4;padding:13px 16px}.fr-signature{display:block;position:absolute;right:2px;top:190px;font-family:Georgia,serif;font-style:italic;font-size:.97rem;line-height:1.5;color:#c9b8ff;transform:rotate(-9deg);text-align:center}.fr-signature span{font-size:1.6rem;display:block;margin-top:9px;color:#dcc9ff}.fr-ambient{width:240px;opacity:.34}.fr-definition{grid-template-columns:.95fr 1.8fr .9fr;gap:24px;padding:22px 24px}.fr-definition-title{gap:17px}.fr-definition-title h2{font-size:1.55rem}.fr-definition-title>.icon{width:43px;height:43px}.fr-definition>p{font-size:.82rem;line-height:1.8;border-left:1px solid #215070;padding-left:24px}.fr-definition-note{grid-column:auto;border-top:1px solid #1b5174;padding:15px;justify-content:start;font-size:.76rem;gap:12px}.fr-definition-note strong{display:block;margin:0}.fr-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fr-card h3{font-size:1.1rem}.fr-card-copy{min-height:127px}.fr-card-copy p{font-size:.72rem}.fr-franchise{grid-template-columns:37% minmax(0,1fr)}.fr-story{display:block;border-right:1px solid #235270;border-bottom:0}.fr-story-art{height:123px;width:100%;aspect-ratio:auto;object-fit:cover;object-position:55% center;border-right:0;border-bottom:1px solid #235270}.fr-story-copy{padding:22px}.fr-story h2{font-size:2.5rem}.fr-story-text{font-size:.78rem;line-height:1.8}.fr-story-tagline{font-size:.82rem}.fr-stats{gap:8px;margin-top:17px}.fr-explorer{padding:14px;display:flex;flex-direction:column}.fr-tab{font-size:.69rem;padding:10px 8px;gap:6px}.fr-tab .icon{width:20px;height:20px}.fr-tab-nav{gap:5px}.fr-tabpanel{padding-top:15px;flex:1}.fr-panel-heading{margin:6px 0 18px}.fr-panel-heading h3{font-size:1.04rem}.fr-universe-label{font-size:.68rem}.fr-games{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.fr-game{flex-direction:row}.fr-game>.fr-capa-link>img{width:36%;aspect-ratio:auto;object-fit:cover;object-position:center}.fr-game-body{padding:10px;min-width:0}.fr-game h4{font-size:.78rem;min-height:2.7em}.fr-game-body>p{font-size:.66rem;line-height:1.5;min-height:2.8em;margin:6px 0 10px}.fr-play{font-size:.67rem;min-height:44px}.fr-lore>img{aspect-ratio:2.4/1}.fr-lore>div{padding:13px}.fr-lore h4{font-size:1rem}.fr-lore p{font-size:.8rem}.fr-benefits{grid-template-columns:1.45fr 1fr 1fr 1fr 1fr;gap:17px;padding:23px}.fr-benefits-intro{grid-column:auto;border-bottom:0;padding:0;gap:13px}.fr-benefits h2{font-size:1.06rem;line-height:1.3}.fr-benefits-intro p{font-size:.71rem;line-height:1.6}.fr-benefit{border-left:1px solid #1c415e;padding-left:17px}.fr-benefit h3{font-size:.8rem}.fr-benefit p{font-size:.72rem}.fr-benefit>.icon{margin-bottom:8px;width:25px;height:25px}}
@media(min-width:1280px){.fr-hero-grid{min-height:430px;grid-template-columns:1fr 1.08fr}.fr-hero-copy h1{font-size:6.15rem}.fr-hero-visual{height:440px}.fr-character{width:534px;top:-5px;left:42%}.fr-hero-copy .eyebrow{font-size:.72rem}.fr-hero-description{font-size:1.08rem}.fr-speech{right:20px;top:62px;font-size:.81rem}.fr-signature{right:26px;top:195px;font-size:1.1rem}.fr-definition{grid-template-columns:1.13fr 2fr .95fr}.fr-definition-title h2{font-size:1.6rem}.fr-definition>p{font-size:.84rem}.fr-cards{gap:15px}.fr-card-copy{min-height:116px}.fr-card h3{font-size:1.2rem}.fr-card-copy p{font-size:.76rem}.fr-franchise{grid-template-columns:39% minmax(0,1fr)}.fr-story-art{height:145px}.fr-story h2{font-size:2.6rem}.fr-story-copy{padding:21px 24px 23px}.fr-story-text{font-size:.84rem;line-height:1.75}.fr-story-tagline{font-size:.9rem}.fr-stats .icon{width:28px;height:28px}.fr-stats p{font-size:.73rem}.fr-stats strong{font-size:1.3rem}.fr-explorer{padding:16px}.fr-tab{font-size:.73rem}.fr-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fr-game{flex-direction:column}.fr-game>.fr-capa-link>img{width:100%;height:auto;aspect-ratio:2.2/1;object-fit:cover}.fr-game h4{font-size:.8rem;min-height:4.1em}.fr-game-body>p{font-size:.69rem;min-height:3em}.fr-game-body{padding:11px 9px}.fr-play{font-size:.69rem}.fr-benefits{padding:24px 25px;gap:20px}.fr-benefit{display:flex;gap:12px;align-items:flex-start;padding-left:20px}.fr-benefit>.icon{width:28px;height:28px;margin-top:2px}.fr-benefits h2{font-size:1.14rem}.fr-benefit h3{font-size:.81rem}}
@media(prefers-reduced-motion:reduce){.fr-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fr-card:hover{transform:none}}
@media print{.fr-page{overflow:visible}.fr-hero{background:white;color:black}.fr-hero-copy h1{color:black;background:none;filter:none}.fr-ambient,.fr-hero-visual,.fr-filter,.fr-catalog-toggle,.fr-tab-nav,.fr-play{display:none!important}.fr-franchise[hidden],.fr-tabpanel[hidden]{display:block!important}.fr-franchise,.fr-story,.fr-explorer{background:white;color:black;border-color:#aaa}.fr-card-copy{background:white}.fr-page p,.fr-page strong,.fr-page h2,.fr-page h3,.fr-page h4{color:#111}.fr-card{break-inside:avoid}.fr-dialog{display:none}}


/* SELMINHA / MIAUVERSO — página de uma franquia.
   Mobile first: 320 px. Ampliações progressivas por min-width.
   Imagens são recortes do PNG aprovado; interface e textos são HTML real.
   O topo e o rodapé usam style.css + paginas.css. Sem fontes externas. */
.mv-page{--mv-border:#1b5778;--mv-surface:#071e35;--mv-accent:#35e7f5;min-width:0;background:radial-gradient(ellipse at 85% 36%,#07385455,transparent 44%),#061528}
.mv-page :is(h1,h2,h3){text-wrap:balance}
.mv-page .icon{flex-shrink:0}
.mv-page figure{margin:0}
.mv-page button{font-family:inherit}
.mv-page [id]{scroll-margin-top:calc(var(--header-h) + 28px)}
/* Hero — largura e ordem concebidas primeiro para o celular. */
.mv-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 60% 60%,#123e64,transparent 62%),linear-gradient(135deg,#061427,#062641 60%,#082039);border-bottom:1px solid #185471;overflow:hidden}
.mv-hero-grid{position:relative;display:grid;gap:0}
.mv-intro{position:relative;z-index:2;padding:22px 0 0}
.mv-breadcrumb{display:flex;align-items:center;gap:9px;color:#abd6e9;font-size:.76rem;min-height:30px;margin-bottom:12px}
.mv-breadcrumb a{display:inline-flex;align-items:center;gap:7px;min-height:36px}
.mv-breadcrumb a:hover{color:#fff}
.mv-breadcrumb .icon{width:15px;height:15px;color:var(--mv-accent)}
.mv-breadcrumb span[aria-current]{color:var(--mv-accent);font-weight:750}
.mv-intro h1{font-size:clamp(2.8rem,13vw,4.7rem);line-height:1.04;font-weight:900;letter-spacing:-.055em;color:#9cfcff;background:linear-gradient(104deg,#fff 5%,#fff 35%,#78f7ff 72%,#13cfee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #112c42);margin:4px 0 13px}
.mv-tagline{font-family:var(--title-font);font-size:clamp(1.07rem,4.7vw,1.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.28;color:#f6faff;margin-bottom:11px}
.mv-description{font-size:.9rem;line-height:1.65;color:#c2d7ea;max-width:570px}
.mv-hero-visual{position:relative;margin-inline:-16px!important;min-width:0;height:260px;overflow:hidden;isolation:isolate}
.mv-hero-visual::before{content:'';position:absolute;inset:15% 10%;background:#1c9ecd2b;filter:blur(32px);border-radius:50%;z-index:-1}
.mv-hero-art{width:100%;height:100%;object-fit:cover;object-position:center 36%;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 84%,transparent);filter:saturate(1.04)}
.mv-hero-quote{position:absolute;bottom:10px;right:20px;font-family:var(--title-font);font-size:.85rem;font-style:italic;line-height:1.3;color:#fff;text-align:right;text-shadow:0 2px 6px #001023;max-width:180px;background:#061b32cc;border:1px solid #42d6f03b;border-radius:14px;padding:9px 13px}
.mv-hero-quote .icon{display:inline-block;width:14px;height:14px;vertical-align:middle;color:#ff92dc}
.mv-actions-block{z-index:3;position:relative;padding:2px 0 24px}
.mv-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 8px}
.mv-stat{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:11px 15px;min-height:66px;background:linear-gradient(120deg,#092840f0,#06172cf0);border:1px solid #27648b;border-radius:10px;box-shadow:inset 0 1px #62daff12}
.mv-stat .icon{width:27px;height:27px;color:#42e4f5;filter:drop-shadow(0 0 5px #20ddff88)}
.mv-stat:last-child .icon{color:#ff75d5;filter:drop-shadow(0 0 5px #ff54c755)}
.mv-stat strong{display:block;font-size:1.05rem;line-height:1.15;font-weight:850;color:#f5fbff}
.mv-stat span{display:block;font-size:.73rem;color:#bed5e8;line-height:1.35;margin-top:3px}
.mv-prototype-caption{font-size:.66rem;color:#a3bdd2;margin:0 0 15px;display:flex;align-items:center;gap:5px}
.mv-prototype-caption .icon{width:12px;height:12px}
.mv-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
.mv-hero-actions .button{font-size:.8rem;min-height:46px;white-space:normal}
.mv-hero-actions .button .icon{width:19px;height:19px}
.mv-hero-actions .button-primary .icon{fill:currentColor;stroke:none}
.mv-promise{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.7rem;color:#abcede}
.mv-promise .icon{width:14px;height:14px;color:#55eaff}
/* História, navegação por abas e painéis */
.mv-content{padding-block:20px 28px}
.mv-story{display:grid;gap:17px;background:linear-gradient(118deg,#07233b,#061a2e);border:1px solid var(--mv-border);border-radius:16px;padding:20px;margin-bottom:19px;box-shadow:inset 0 1px #6fdcf90d}
.mv-story-title{display:flex;align-items:center;gap:12px}
.mv-story-title>.icon{width:37px;height:37px;color:#37e8f6;filter:drop-shadow(0 0 7px #00edff66)}
.mv-story-title h2{font-size:1.37rem;line-height:1.16}
.mv-story>p{font-size:.85rem;line-height:1.75;color:#c1d4e8}
.mv-story-note{display:flex;align-items:center;gap:12px;border-top:1px solid #204965;padding-top:15px;font-size:.79rem;color:#b8d7ed}
.mv-story-note>.icon{width:31px;height:31px;color:#48e5ff;filter:drop-shadow(0 0 6px #1acfff77)}
.mv-story-note strong{display:block;color:#48f2fc;line-height:1.45}
.mv-explorer{min-width:0}
.mv-tabs{display:flex;overflow-x:auto;gap:5px;scrollbar-width:thin;scrollbar-color:#245772 transparent;border:1px solid #1b5070;border-radius:12px;background:#061c30;padding:5px;margin-bottom:14px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.mv-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;flex:0 0 auto;min-height:46px;padding:10px 15px;border:1px solid transparent;border-radius:9px;background:#08283f;font-size:.78rem;color:#c9dfee;line-height:1.3;scroll-snap-align:start;transition:border-color .16s,background .16s,color .16s}
.mv-tabs .icon{width:23px;height:23px;color:#42e8f9;filter:drop-shadow(0 0 5px #14eaff35)}
.mv-tabs [data-mv-tab="viloes"] .icon{color:#ff62d6}
.mv-tabs [data-mv-tab="lugares"] .icon{color:#ad8cff}
.mv-tabs a[aria-selected=true]{background:linear-gradient(120deg,#083d5b,#07203c);border-color:#37e9fb;box-shadow:inset 0 0 13px #1fcfee55,0 0 8px #18eafa22;color:white;font-weight:800}
.mv-tabs a:hover{color:#fff;border-color:#457998}
.mv-tabs a:focus-visible{outline-offset:-3px}
.mv-tab-hint{font-size:.65rem;color:#8daac3;text-align:right;margin:-7px 3px 13px}
.mv-panel{min-width:0}
.mv-games-layout{display:grid;gap:16px}
.mv-box{min-width:0;background:linear-gradient(134deg,#07253d,#061a2e);border:1px solid var(--mv-border);border-radius:14px;padding:14px;box-shadow:inset 0 1px #79dbff13}
.mv-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:3px 0 16px}
.mv-box-head-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 190px}
.mv-box-head-title>.icon{width:27px;height:27px;color:#3debfa;filter:drop-shadow(0 0 5px #08ddff55)}
.mv-box-head h2{font-size:1.2rem;line-height:1.25}
.mv-box-head p{font-size:.76rem;line-height:1.5;color:#afc7de;margin-top:5px}
.mv-box-head .text-link{font-size:.71rem;min-height:32px}
.mv-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mv-game-card{min-width:0;display:flex;flex-direction:column;border:1px solid #286783;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#0b2b42,#072035);transition:transform .17s,border-color .17s,box-shadow .17s}
.mv-game-card:hover{border-color:#3de9f7;transform:translateY(-3px);box-shadow:0 6px 20px #0003}
.mv-game-art{width:100%;height:auto;aspect-ratio:1.78/1;object-fit:cover;border-bottom:1px solid #2e7089}
.mv-game-copy{padding:10px 9px 9px;display:flex;flex-direction:column;flex:1;min-width:0}
.mv-game-copy h3{font-size:.82rem;line-height:1.3;letter-spacing:-.025em;margin-bottom:6px;overflow-wrap:break-word}
.mv-game-copy p{font-size:.73rem;color:#bdd3e4;line-height:1.48;margin-bottom:11px}
.mv-game-copy .button{margin-top:auto;min-height:42px;font-size:.73rem;padding:9px 6px;gap:6px;border-radius:7px;width:100%}
.mv-game-copy .button .icon{width:13px;height:13px;fill:currentColor;stroke:none}
.mv-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mv-character-card{min-width:0;position:relative;border:1px solid #286883;border-radius:10px;background:#09273d;overflow:hidden;transition:border-color .17s,transform .17s}
.mv-character-card:hover{transform:translateY(-3px);border-color:#4deaff}
.mv-character-card[data-tone="pink"]{border-color:#73406e}
.mv-character-card img{width:100%;aspect-ratio:1/1.18;object-fit:cover;object-position:50% 30%;border-bottom:1px solid #2d6279}
.mv-character-copy{padding:9px 10px 11px}
.mv-character-copy h3{font-size:.88rem;line-height:1.3;margin-bottom:5px}
.mv-card-trigger{border:0;background:none;padding:0;color:inherit;text-align:left;font:inherit;line-height:inherit;letter-spacing:inherit}
.mv-card-trigger::after{content:'';position:absolute;inset:0}
.mv-card-trigger:focus-visible{outline:0}
.mv-character-card:focus-within{outline:3px solid #71eeff;outline-offset:3px}
.mv-character-copy p{font-size:.72rem;line-height:1.5;color:#bcd2e5}
.mv-role{display:inline-flex;margin-bottom:8px;color:#67eafa;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.mv-role-pink{color:#ff95da}
.mv-tab-footer{font-size:.7rem;line-height:1.6;color:#91b0c8;margin:15px 2px 0;border-top:1px solid #184661;padding-top:12px}
.mv-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mv-directory .mv-character-copy{padding:12px}
.mv-directory .mv-character-copy h3{font-size:1rem}
.mv-directory .mv-character-copy p{font-size:.8rem}
.mv-villain-layout{display:grid;gap:20px}
.mv-villain-layout .mv-character-card{max-width:250px;width:100%}
.mv-panel-message{align-self:center;padding:17px 0;max-width:480px;color:#c7d9ed;font-size:.9rem;line-height:1.7}
.mv-panel-message h3{font-size:1.2rem;margin-bottom:13px;color:#f4faff}
.mv-panel-message p+p{margin-top:14px}
.mv-panel-message .button{margin-top:20px}
.mv-place-grid{display:grid;gap:14px}
.mv-place{min-width:0;border:1px solid #255f7b;background:#08263b;border-radius:12px;overflow:hidden}
.mv-place img{width:100%;aspect-ratio:1.9/1;object-fit:cover}
.mv-place>div{padding:17px}
.mv-place h3{font-size:1.03rem;line-height:1.3;margin-bottom:6px}
.mv-place p{font-size:.84rem;line-height:1.7;color:#aecadf}
.mv-scene-grid{display:grid;gap:14px}
.mv-scene{position:relative;overflow:hidden;border-radius:13px;background:#09243b;border:1px solid #255c76}
.mv-scene img{width:100%;aspect-ratio:1.7/1;object-fit:cover}
.mv-scene figcaption{padding:15px 16px;color:#d9eff8;font-size:.85rem;line-height:1.6}
.mv-scene h3{font-size:.98rem;line-height:1.25;margin-bottom:5px}
/* Benefícios e nota de protótipo */
.mv-why{display:grid;gap:18px;border:1px solid var(--mv-border);border-radius:14px;padding:21px 19px;background:linear-gradient(118deg,#06223a,#071a30);margin-top:21px}
.mv-why-intro{display:flex;align-items:center;gap:13px}
.mv-why-intro>.icon{width:35px;height:35px;color:#ffd982;filter:drop-shadow(0 0 8px #ffb42288)}
.mv-why-intro h2{font-size:1.16rem;line-height:1.2}
.mv-why-intro p{font-size:.77rem;line-height:1.5;color:#b5cfe2;margin-top:7px}
.mv-values{display:grid;grid-template-columns:1fr;gap:17px;border-top:1px solid #21516b;padding-top:19px}
.mv-value{display:flex;align-items:flex-start;gap:12px}
.mv-value>.icon{width:25px;height:25px;filter:drop-shadow(0 0 7px currentColor);color:#38eaf7;margin-top:2px}
.mv-value:nth-child(1)>.icon{color:#868aff}.mv-value:nth-child(3)>.icon{color:#ff7ace}.mv-value:nth-child(4)>.icon{color:#ffd477}
.mv-value h3{font-size:.83rem;line-height:1.25}
.mv-value p{color:#acc8df;font-size:.74rem;line-height:1.65;margin-top:5px}
.mv-demo-note{display:flex;gap:8px;align-items:flex-start;font-size:.68rem;color:#88a6bf;line-height:1.65;margin:17px 3px 0}
.mv-demo-note .icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}
/* Diálogos explicam a prévia; não fingem jogos executáveis. */
.mv-dialog{padding:0;margin:auto;width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 38px);overflow:auto;border:1px solid #3c83a4;border-radius:20px;background:#0a2137;color:#eaf8ff;box-shadow:0 24px 100px #0008}
.mv-dialog::backdrop{background:#020b1ed9;backdrop-filter:blur(6px)}
.mv-dialog-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-bottom:1px solid #2b5976}
.mv-dialog-body{padding:22px}
.mv-dialog-body h2{font-size:1.45rem;line-height:1.2;padding-right:20px;margin:0 0 12px}
.mv-dialog-body p{font-size:.9rem;line-height:1.7;color:#c5daeb}
.mv-dialog-body p+p{margin-top:13px}
.mv-dialog-body h3{font-size:1rem;line-height:1.3;margin-top:22px;margin-bottom:8px}
.mv-dialog-label{display:block;color:#42e6f4;font-size:.65rem;line-height:1.3;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-weight:750}
.mv-dialog-note{padding:14px;border:1px solid #285875;border-radius:10px;margin:19px 0;background:#061a2d;font-size:.79rem!important}
.mv-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.mv-dialog-actions .button{flex:1 1 auto;font-size:.8rem}
.mv-dialog-close{position:sticky;float:right;top:12px;right:12px;margin:12px 12px -54px 0;z-index:3;background:#07192fe8;box-shadow:0 0 0 1px #43758e;width:42px;height:42px}
.mv-dialog-portrait{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding-top:26px}
.mv-dialog-portrait img{width:110px;border-radius:12px;border:1px solid #436783}
.mv-dialog-portrait h2{font-size:1.7rem}
.mv-dialog-portrait .mv-dialog-body{padding:0}
@media(min-width:480px){
 .mv-hero-visual{height:310px;margin-inline:-24px!important}.mv-hero-actions{grid-template-columns:1fr 1fr}.mv-hero-actions .mv-history-button{grid-column:1/-1}.mv-hero-actions .button{font-size:.85rem}.mv-intro h1{font-size:4.7rem}.mv-description{font-size:.98rem}.mv-hero-quote{right:30px;bottom:20px;font-size:.95rem}.mv-values{grid-template-columns:1fr 1fr;gap:20px}.mv-box{padding:17px}.mv-game-copy h3{font-size:1rem}.mv-game-copy p{font-size:.8rem}.mv-game-copy .button{font-size:.81rem}.mv-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mv-character-copy{padding:9px 8px 11px}.mv-character-copy h3{font-size:.81rem}.mv-character-copy p{font-size:.68rem}
}
@media(min-width:640px){
 .mv-intro{padding-top:25px}.mv-hero-visual{height:350px;margin-inline:-32px!important}.mv-hero-art{object-position:50% 38%}.mv-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mv-stat{padding:11px 12px;gap:9px}.mv-stat .icon{width:25px;height:25px}.mv-hero-actions{display:flex;flex-wrap:wrap}.mv-hero-actions .button{flex:1}.mv-promise{justify-content:flex-start}.mv-content{padding-top:24px}.mv-story{padding:24px;gap:19px}.mv-story-title h2{font-size:1.55rem}.mv-story>p{font-size:.9rem}.mv-story-note{border:1px solid #256482;padding:14px;border-radius:10px;max-width:350px}.mv-tabs a{flex:1 0 auto;font-size:.83rem;padding-inline:17px}.mv-box-head h2{font-size:1.4rem}.mv-box-head p{font-size:.81rem}.mv-box-head .text-link{font-size:.76rem}.mv-character-copy h3{font-size:1.03rem}.mv-character-copy p{font-size:.78rem}.mv-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mv-place-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mv-place>div{padding:14px}.mv-place h3{font-size:1rem}.mv-place p{font-size:.8rem}.mv-scene-grid{grid-template-columns:1fr 1fr}.mv-villain-layout{grid-template-columns:200px 1fr;gap:28px}.mv-dialog-body{padding:27px}
}
@media(min-width:860px){
 .mv-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;column-gap:0;min-height:480px;align-items:center}.mv-intro{grid-column:1;grid-row:1;padding:25px 0 8px;max-width:580px}.mv-breadcrumb{margin-bottom:10px}.mv-intro h1{font-size:clamp(3.4rem,6.6vw,6.5rem);margin-bottom:15px}.mv-tagline{font-size:1.35rem;max-width:600px}.mv-description{font-size:.91rem;max-width:500px;line-height:1.65}.mv-hero-visual{position:absolute;inset:0 -32px 0 40%;height:auto;margin:0!important;width:auto;z-index:0;pointer-events:none}.mv-hero-art{height:100%;width:100%;object-fit:cover;object-position:42% center;mask-image:linear-gradient(to right,transparent,#000 30%);opacity:.95}.mv-hero-visual::after{content:'';position:absolute;inset:0;mask-image:linear-gradient(to right,transparent,#000 25%);background:linear-gradient(to top,#061a31dd,transparent 22%),linear-gradient(to right,#061b31cc,transparent 48%)}.mv-hero-quote{z-index:1;right:38px;bottom:23px;font-size:.86rem;max-width:160px}.mv-actions-block{grid-column:1;grid-row:2;padding-bottom:29px;align-self:start;max-width:610px}.mv-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mv-stat{padding:10px 8px;gap:7px;min-height:63px}.mv-stat .icon{width:24px;height:24px}.mv-stat span{font-size:.66rem}.mv-stat strong{font-size:1rem}.mv-hero-actions{gap:8px}.mv-hero-actions .button{font-size:.74rem;padding-inline:11px}.mv-hero-actions .mv-history-button{flex-basis:100%}.mv-prototype-caption{font-size:.61rem;margin-bottom:12px}.mv-promise{font-size:.7rem}.mv-story{grid-template-columns:250px 1fr;align-items:center;padding:23px;gap:21px}.mv-story-title{padding-right:10px}.mv-story-title h2{font-size:1.55rem}.mv-story>p{padding-left:21px;border-left:1px solid #1c4b69;font-size:.83rem;line-height:1.75}.mv-story-note{grid-column:2;font-size:.78rem;max-width:none;justify-content:center}.mv-tabs a{flex:1 1 0;font-size:.85rem;padding-inline:8px;gap:10px}.mv-tabs .icon{width:28px;height:28px}.mv-tab-hint{display:none}.mv-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mv-game-copy h3{font-size:.91rem}.mv-game-copy p{font-size:.76rem}.mv-game-copy .button{font-size:.77rem}.mv-character-copy h3{font-size:1.1rem}.mv-character-copy p{font-size:.81rem}.mv-directory{max-width:850px}.mv-why{grid-template-columns:250px 1fr;align-items:center;padding:23px;gap:23px}.mv-values{border-top:0;border-left:1px solid #1d4d68;padding:0 0 0 24px}.mv-why-intro h2{font-size:1.2rem}.mv-why-intro p{font-size:.78rem}
}
@media(min-width:1120px){
 .mv-hero-grid{min-height:458px;grid-template-columns:1.03fr 1fr;grid-template-rows:auto auto}.mv-intro{max-width:640px;padding:26px 0 13px}.mv-intro h1{font-size:clamp(4.4rem,6.6vw,6.1rem)}.mv-tagline{font-size:1.46rem}.mv-description{font-size:.95rem;max-width:550px}.mv-hero-visual{left:44%;right:-35px}.mv-hero-art{object-position:54% center;mask-image:linear-gradient(to right,transparent,#000 25%)}.mv-hero-quote{right:40px;bottom:25px;font-size:.93rem}.mv-actions-block{max-width:625px;padding-bottom:29px}.mv-hero-actions{flex-wrap:nowrap;gap:8px}.mv-hero-actions .mv-history-button{flex-basis:0}.mv-hero-actions .button{font-size:.74rem;padding:10px 11px;min-height:43px}.mv-hero-actions .button .icon{width:17px;height:17px}.mv-stat{padding:11px 12px;gap:10px}.mv-stat .icon{width:29px;height:29px}.mv-stat strong{font-size:1.13rem}.mv-stat span{font-size:.72rem}.mv-story{grid-template-columns:310px 1fr 210px;gap:20px;padding:21px}.mv-story-title h2{font-size:1.55rem}.mv-story-title>.icon{width:41px;height:41px}.mv-story>p{font-size:.83rem;line-height:1.75}.mv-story-note{grid-column:auto;padding:11px;gap:11px;justify-content:flex-start;font-size:.72rem}.mv-story-note>.icon{width:34px;height:34px}.mv-tabs{margin-bottom:16px}.mv-tabs a{min-height:48px;font-size:.9rem;gap:14px}.mv-games-layout{grid-template-columns:minmax(0,1.67fr) minmax(0,1fr);gap:15px}.mv-box{padding:13px}.mv-box-head{min-height:48px;margin-bottom:13px;align-items:center;gap:4px}.mv-box-head-title{gap:10px;flex-basis:175px}.mv-box-head h2{font-size:1.17rem}.mv-box-head p{font-size:.72rem}.mv-box-head .text-link{font-size:.69rem;gap:4px}.mv-box-head .text-link .icon{width:14px;height:14px}.mv-game-grid{gap:9px}.mv-game-copy{padding:9px 8px}.mv-game-copy h3{font-size:.82rem;line-height:1.33;min-height:2.66em}.mv-game-copy p{font-size:.72rem;line-height:1.5;margin-bottom:12px}.mv-game-copy .button{font-size:.72rem;min-height:40px}.mv-character-grid{gap:8px;align-items:stretch}.mv-character-card img{aspect-ratio:1/1.32}.mv-character-copy{padding:10px 8px}.mv-character-copy h3{font-size:.86rem}.mv-character-copy p{font-size:.71rem;line-height:1.5}.mv-characters-panel .mv-box-head h2{font-size:1.06rem}.mv-directory .mv-character-card img{aspect-ratio:1/1.18}.mv-directory .mv-character-copy h3{font-size:1.2rem}.mv-directory .mv-character-copy p{font-size:.88rem}.mv-directory .mv-character-copy{padding:18px}.mv-place-grid{gap:19px}.mv-place img{aspect-ratio:2.2/1}.mv-place>div{padding:20px}.mv-place h3{font-size:1.16rem}.mv-place p{font-size:.88rem}.mv-why{grid-template-columns:335px 1fr;padding:22px 23px}.mv-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mv-value{gap:10px}.mv-value>.icon{width:27px;height:27px}.mv-value h3{font-size:.79rem}.mv-value p{font-size:.7rem;line-height:1.6}.mv-demo-note{font-size:.7rem}
}
@media(min-width:1440px){.mv-intro h1{font-size:6.05rem}.mv-hero-grid{min-height:463px}.mv-description{font-size:1rem;max-width:555px}.mv-tagline{font-size:1.53rem}.mv-hero-visual{left:43%;right:-44px}.mv-hero-actions .button{font-size:.8rem}.mv-box-head h2{font-size:1.3rem}.mv-game-copy h3{font-size:.87rem}.mv-game-copy p{font-size:.76rem}.mv-game-copy .button{font-size:.77rem}.mv-character-copy h3{font-size:.91rem}.mv-character-copy p{font-size:.75rem}.mv-characters-panel .mv-box-head h2{font-size:1.12rem}.mv-why-intro h2{font-size:1.29rem}}
@media(prefers-reduced-motion:reduce){.mv-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.mv-tabs,.mv-hero-actions,.mv-dialog,.mv-tab-hint{display:none!important}.mv-panel[hidden]{display:block!important}.mv-panel{margin-bottom:20px}.mv-page{background:white;color:#111}.mv-page p{color:#333}.mv-game-grid{grid-template-columns:repeat(4,1fr)}}

/* ===== FRANQUIAS — complementos do site (20/10/2026) ===== */
.fr-hero-copy .breadcrumbs,.mv-intro .breadcrumbs{margin-bottom:14px}
.fr-ver-franquia{margin-top:16px;align-self:flex-start}
.fr-lore{display:flex;align-items:stretch}
.fr-lore>img,.fr-lore>.mv-monograma{width:92px;flex:none;aspect-ratio:auto;height:auto;object-fit:cover;object-position:50% 25%;border-right:1px solid #244b68}
.fr-lore>div{min-width:0}
.mv-monograma{display:grid;place-items:center;width:100%;aspect-ratio:1/1.18;font-weight:800;font-size:2.4rem;letter-spacing:-.04em;color:var(--fr-tone,#43e7f4);background:radial-gradient(circle at 50% 35%,#13405f,#071a2d 70%);border-bottom:1px solid #2d6279;text-shadow:0 0 18px #00eaff55}
.mv-character-card[data-tone="pink"] .mv-monograma{color:#ff6fcf;background:radial-gradient(circle at 50% 35%,#4a1d48,#1a0b22 70%);text-shadow:0 0 18px #ff54c755}
.fr-lore>.mv-monograma{font-size:1.8rem;border-bottom:0}
.mv-aparece{margin-top:10px;font-size:.74rem!important;line-height:1.6;color:#9fbfd6!important}
.mv-aparece span{display:block;font-weight:700;color:#d9e8f6;text-transform:uppercase;letter-spacing:.05em;font-size:.66rem;margin-bottom:2px}
.mv-aparece a{color:var(--cyan);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mv-aparece a:hover{color:#fff}
.mv-count{flex:none;font-size:.8rem;font-weight:700;color:var(--cyan);border:1px solid #2b6a86;border-radius:999px;padding:5px 11px;white-space:nowrap}
.mv-game-copy p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.fr-game-body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mv-outras{margin-top:26px}
.mv-outras .mv-box-head{margin-bottom:14px}
.mv-outra{border-color:color-mix(in srgb,var(--fr-tone) 45%,#255f7b)}
.mv-outra h3 a{color:#f4f8ff}
.mv-outra h3 a::after{content:"";position:absolute;inset:0}
.mv-outra{position:relative;transition:transform .17s,border-color .17s}
.mv-outra:hover{transform:translateY(-3px);border-color:var(--fr-tone)}
.mv-outra-n{margin-top:8px;font-weight:700;color:var(--fr-tone)!important}
.mv-hero-art{background:#071a2d}
@media(min-width:640px){.fr-lore>img,.fr-lore>.mv-monograma{width:104px}}
.fr-mais-jogos{grid-column:1/-1;display:flex;justify-content:center;margin-top:6px}
.mv-story-text p{font-size:.85rem;line-height:1.75;color:#c1d4e8}
.mv-story-text p+p{margin-top:.75em}
@media(min-width:860px){.mv-story-text{padding-left:21px;border-left:1px solid #1c4b69}.mv-story-text p{font-size:.86rem}}
@media(min-width:1120px){.mv-directory{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 21/10/2026 (dono): a imagem do topo da franquia não passa da margem do site — fica dentro do container em todas as telas */
.mv-hero-visual{margin-inline:0!important;border-radius:16px}
@media(min-width:860px){.mv-hero-visual{right:0!important;border-radius:0}}
/* 21/10/2026 (dono): H1 menor e com folga embaixo — o texto em degradê (background-clip) cortava a perna do "g" e do "ç" */
.fr-hero-copy h1{font-size:clamp(2.6rem,11.5vw,3.9rem)!important;line-height:1.12;padding-bottom:.14em;margin-bottom:4px}
.mv-intro h1{line-height:1.12;padding-bottom:.14em;margin-bottom:6px}
@media(min-width:640px){.fr-hero-copy h1{font-size:3.6rem!important}}
@media(min-width:1120px){.fr-hero-copy h1{font-size:4.5rem!important}.mv-intro h1{font-size:clamp(3.4rem,5.6vw,5.3rem)!important}}
/* 21/10/2026 (dono): no topo da página-índice, o livro aberto dos universos no lugar da Selminha (inteiro, sem corte) */
.fr-character.fr-livro{mask-image:none;-webkit-mask-image:none;width:228px;top:4px;filter:drop-shadow(0 0 22px #7a5cff40)}
@media(min-width:480px){.fr-character.fr-livro{width:250px}}
@media(min-width:640px){.fr-character.fr-livro{width:254px}}
@media(min-width:860px){.fr-character.fr-livro{width:274px}}
@media(min-width:1120px){.fr-character.fr-livro{width:312px;top:6px;left:46%}}
@media(min-width:1280px){.fr-character.fr-livro{width:334px}}
@media(min-width:1440px){.fr-character.fr-livro{width:346px}}

.fr-capa-link{display:contents}.fr-capa-link img{transition:filter .2s}.fr-capa-link:hover img{filter:brightness(1.1)}

/* 21/10/2026 (dono): no celular o topo do índice segue o alinhamento do site (texto à esquerda, como a home e as páginas internas) */
@media(max-width:759.98px){.fr-hero-copy{text-align:left}.fr-hero-copy .eyebrow{justify-content:flex-start}.fr-hero-lead,.fr-hero-description{margin-left:0;margin-right:0;max-width:none}.fr-hero-actions{justify-content:flex-start;gap:9px}.fr-hero-actions .button{flex:1;white-space:normal;padding-inline:13px;line-height:1.25}.fr-browser-promise{justify-content:flex-start}.mv-promise{justify-content:flex-start}}
