/* As duas salas novas compartilham o mesmo ritmo de navegação. */
.dressing{--base:#1b121b;--panel:#251923;--panel-lit:#3b2532;--edge:#a57879;--accent:#ebc4ba;--shimmer:#f5d7ab;--ink:#fff3e9;--soft:#e2c8c5}
body.mosaics{--base:#102220;--panel:#172c29;--panel-lit:#29443c;--edge:#859e87;--accent:#c2ddc7;--shimmer:#e9d7a8;--ink:#fff4dc;--soft:#ccded0}
:is(.dressing,.mosaics)::before{opacity:.32}
.world-bar{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:13px}
.world-bar .jewel{border-color:var(--edge);border-radius:14px;background:linear-gradient(150deg,var(--panel-lit),var(--base))}
.portal-mark{width:112px}
.coin-pill{border-radius:23px;background:#100b127d;border-color:#e4bdad43}
.game-intro.lunar-panel{
 display:block;min-height:540px;background:var(--base);border-radius:29px 29px 17px 17px;
 box-shadow:0 28px 75px #05040672;overflow:hidden
}
.game-intro.lunar-panel::before{
 top:9px;right:9px;bottom:9px;left:9px;border-radius:23px 23px 11px 11px;opacity:.82;--corner-size:34px
}
.game-intro .intro-art{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;min-height:0;background:none}
.game-intro .intro-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center}
.game-intro .intro-art::after{
 background:linear-gradient(90deg,#120d17e8 3%,#120d17cc 24%,#120d1780 41%,transparent 65%);
 background:linear-gradient(90deg,var(--base) 2%,color-mix(in srgb,var(--base),transparent 8%) 23%,color-mix(in srgb,var(--base),transparent 29%) 37%,transparent 65%),
 linear-gradient(0deg,#100a11ab,transparent 39%)
}
.game-intro .introduction{padding:34px 0 34px clamp(27px,5.6vw,72px);width:min(48%,535px);min-height:540px;gap:12px}
.game-intro .introduction .game-logo{width:min(396px,100%);height:clamp(145px,19vw,218px);object-fit:contain;object-position:left center;margin:-7px 0 -9px}
.game-intro .introduction>.eyebrow{display:flex;align-items:center;letter-spacing:.19em;margin:0}
.game-intro .introduction>.eyebrow::before{content:'';display:inline-block;width:23px;height:1px;background:var(--accent);margin-right:9px}
.game-intro .introduction>p:not(.fine){font-size:1.04rem;line-height:1.47;max-width:34ch;margin:0 0 6px}
.game-intro .action-row{gap:7px}
.game-intro .introduction .fine{font-size:.75rem}
.charm,.jewel,.quiet-link{font-weight:650}
.charm,.charm.main-action{
 border-radius:30px 30px 19px 19px;
 box-shadow:inset 0 0 0 3px #ffedcd13,0 3px 8px #0e090c53;
}
.charm.main-action{
 position:relative;min-width:140px;
 background:linear-gradient(160deg,#f9e8cb 4%,var(--shimmer) 52%,var(--accent));
 border-color:#ffedce;box-shadow:inset 0 0 0 3px #70414326,0 5px 15px #150b1959
}
.charm.main-action::after{content:'';position:absolute;top:4px;bottom:4px;left:4px;right:4px;border:1px solid #82593c40;border-radius:inherit;pointer-events:none}
.quiet-link{font-weight:580;border-radius:12px}
.game-heading{
 position:relative;min-height:71px;margin-bottom:11px;padding-bottom:6px;
 background:linear-gradient(90deg,transparent,#dfb88a54 22%,#dfb88a54 78%,transparent) left bottom/100% 1px no-repeat
}
.game-heading .game-logo{width:183px;height:90px;object-fit:contain;object-position:left center}
.game-heading .heading-commands .charm{box-shadow:none;background:var(--panel)}
.game-heading .heading-commands #menu{font-size:0;width:44px;gap:0;padding:0;background:transparent}
.game-heading .heading-commands #menu .icon{display:block}
@media(max-width:740px){
 .portal-mark{width:88px}
 .game-intro.lunar-panel{border-radius:24px 24px 16px 16px;min-height:0}
 .game-intro .intro-art{position:relative;min-height:0;height:clamp(205px,59vw,340px)}
 .game-intro .intro-art img{object-position:66% 42%}
 .game-intro .intro-art::after{background:linear-gradient(0deg,var(--base),transparent 53%)}
 .game-intro .introduction{width:100%;min-height:0;padding:0 18px 27px;align-items:center;text-align:center;gap:8px;margin-top:-73px}
 .game-intro .introduction>.eyebrow{justify-content:center;order:1;font-size:.62rem}
 .game-intro .introduction>.eyebrow::before{width:15px}
 .game-intro .introduction .game-logo{width:min(275px,87%);height:145px;object-position:center;margin:0;order:0}
 .game-intro .introduction>p,.game-intro .introduction>.action-row,.game-intro .introduction>.fine{order:2}
 .game-intro .introduction>p:not(.fine){font-size:.95rem;margin:0 0 6px}
 .game-intro .action-row{justify-content:center}
 .game-heading{min-height:61px;margin-bottom:8px;gap:5px}
 .game-heading .game-logo{width:143px;height:74px;min-width:83px;flex:0 1 auto}
 .game-heading .heading-commands{gap:3px}
 .game-heading .heading-commands button{padding-inline:7px;font-size:.73rem}
}
@media(max-width:375px){
 .portal-mark{width:68px}
 .world-bar{gap:6px}
 .world-tools{gap:3px}
 .coin-pill{padding-inline:6px}
 .game-intro .introduction .game-logo{height:129px}
}