/* Scoped guide styles. The existing game dashboard is not restyled. */
.mc-tour-replay-row{display:flex;justify-content:flex-end;margin:8px 0}.mc-tour-replay-row button{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#ffdf85;border:1px solid #a8c4ca55;border-radius:999px;padding:8px 14px;font:600 14px/1.4 'Noto Sans SC Variable',sans-serif;background:#17313e;cursor:pointer}.mc-tour-replay-row button span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:20px;height:20px}.mc-tour{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:#17262e;overflow:hidden;font-family:'Noto Sans SC Variable',sans-serif}.mc-tour::backdrop{background:#04121ecc}.mc-tour.mc-tour-guiding::backdrop{background:transparent}.mc-tour-card{box-sizing:border-box;background:#fffdf5;border:1px solid #fff1ac;border-radius:24px;box-shadow:0 20px 80px #0005;position:relative;max-height:calc(100dvh - 32px);overflow:auto;color:#17262e}.mc-tour-intro,.mc-tour-finale{align-content:center;padding:16px}.mc-tour-welcome{display:grid;grid-template-columns:210px 1fr;width:min(820px,100%);margin:auto}.mc-tour-welcome-art{background:#ffda22;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px;border-radius:23px 0 0 23px}.mc-tour-welcome-art>span{font-size:14px;font-weight:850;letter-spacing:.08em}.mc-tour-welcome-art img{width:100%;height:auto;object-fit:contain;max-height:270px}.mc-tour-welcome-copy{padding:32px}.mc-tour h2{font-size:clamp(23px,3vw,30px);line-height:1.4;letter-spacing:-.02em;margin:12px 0;color:#112630}.mc-tour p{font-size:16px;line-height:1.75;margin:12px 0;color:#3e535d}.mc-tour h2:focus{outline:none}.mc-tour-kicker{font-size:14px;line-height:1.5;font-weight:700;color:#61757f;display:block;padding-right:26px}.mc-tour-close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:50%;font-size:27px;color:#39505c;cursor:pointer;z-index:2}.mc-tour button:focus-visible{outline:3px solid #2175b5;outline-offset:3px}.mc-tour-close:hover{background:#1726300b}.mc-tour-path{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.mc-tour-path li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#f3efda;padding:12px;border-radius:12px;font-size:14px;line-height:1.5}.mc-tour-path b{background:#192e39;color:#ffe47a;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:13px}.mc-tour .mc-tour-note{border-left:3px solid #e4b83d;padding:8px 12px;background:#faf0cb;color:#5c522e;font-size:14px;line-height:1.7;border-radius:0 8px 8px 0}.mc-tour-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mc-tour-primary,.mc-tour-secondary{font:700 15px/1.5 'Noto Sans SC Variable',sans-serif;min-height:48px;padding:12px 18px;border-radius:12px;cursor:pointer}.mc-tour-primary{background:#ffda22;color:#14252e;border:1px solid #e6c01b}.mc-tour-secondary{background:transparent;color:#3c5360;border:1px solid #b8c5cc}.mc-tour small{display:block;color:#62717a;font-size:13px;line-height:1.65;margin-top:16px}.mc-tour-spot{position:fixed;pointer-events:none;border:3px solid #ffe473;border-radius:18px;box-shadow:0 0 0 9999px #06141cce;z-index:0}.mc-tour-step{position:fixed;z-index:1;width:410px;padding:24px;max-height:calc(100dvh - 24px)}.mc-tour-step-head{display:flex;gap:10px;align-items:center;padding-right:30px}.mc-tour-step-head img{width:48px;height:48px;object-fit:contain;background:#ffe372;border-radius:14px;flex:none}.mc-tour-step-head .mc-tour-kicker{padding:0;font-size:13px}.mc-tour-count{margin-left:auto;white-space:nowrap;font-size:14px;color:#61717a}.mc-tour-step h2{font-size:24px;margin-top:12px}.mc-tour-step p{font-size:16px}.mc-tour-progress{display:flex;gap:6px;margin-top:16px}.mc-tour-progress i{height:4px;flex:1;background:#dce3e5;border-radius:10px}.mc-tour-progress .done{background:#c8a010}.mc-tour-step .mc-tour-buttons{display:grid;grid-template-columns:1fr 1.4fr;margin-top:16px}.mc-tour-skip{display:block;margin:8px auto -8px;padding:10px;min-height:44px;border:0;background:transparent;color:#5a6f7a;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:14px}.mc-tour-done{width:min(540px,100%);padding:28px 32px;margin:auto;text-align:center}.mc-tour-done>img{width:112px;height:112px;object-fit:contain}.mc-tour-done .mc-tour-kicker{padding-right:0}.mc-tour-done .mc-tour-buttons{justify-content:center}.mc-tour-target{scroll-margin-top:24px}
@media(max-width:759px){.mc-tour-replay-row{justify-content:flex-start;margin:4px 0 12px}.mc-tour-intro,.mc-tour-finale{padding:12px;align-content:end;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mc-tour-welcome{grid-template-columns:1fr;max-height:calc(100dvh - 24px)}.mc-tour-welcome-art{min-height:94px;flex-direction:row;justify-content:flex-start;gap:18px;padding:8px 22px;border-radius:23px 23px 0 0}.mc-tour-welcome-art img{width:90px;height:90px;order:-1}.mc-tour-welcome-copy{padding:20px}.mc-tour-close{top:12px;right:10px;background:#fffdf5}.mc-tour-welcome-copy>.mc-tour-kicker{padding-right:0}.mc-tour h2{font-size:24px}.mc-tour p{font-size:16px;line-height:1.65}.mc-tour-path{margin:14px 0;gap:6px}.mc-tour-path li{padding:9px;font-size:13px}.mc-tour-welcome .mc-tour-buttons{display:grid;grid-template-columns:1fr;margin-top:16px}.mc-tour small{margin-top:10px}.mc-tour-step{width:calc(100% - 24px);max-height:55dvh;border-radius:20px;padding:18px 20px}.mc-tour-step h2{font-size:21px}.mc-tour-step-head img{width:36px;height:36px}.mc-tour-step p{font-size:15px;line-height:1.65;margin:10px 0}.mc-tour-step .mc-tour-note{font-size:13px;padding:7px 10px}.mc-tour-step .mc-tour-progress{margin-top:10px}.mc-tour-step .mc-tour-buttons{margin-top:12px}.mc-tour-step-head .mc-tour-kicker{font-size:12px}.mc-tour-done{padding:24px}.mc-tour-done .mc-tour-buttons{flex-direction:column}.mc-tour-done>img{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){.mc-tour,.mc-tour *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.mc-tour-step{display:flex;flex-direction:column}.mc-tour-step-body{overflow:auto;min-height:0;overscroll-behavior:contain}.mc-tour-step-head,.mc-tour-step h2,.mc-tour-progress,.mc-tour-buttons,.mc-tour-skip{flex-shrink:0}.mc-tour-step-body:focus-visible{outline:2px solid #2175b5;outline-offset:-2px}
/* A dedicated viewing area and a frameless explanation: they never overlap. */
.mc-tour.mc-tour-guiding{background:#0d202bf5;padding:clamp(16px,3vw,40px);box-sizing:border-box}
.mc-tour.mc-tour-guiding::backdrop{background:#07131bea}
.mc-tour-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:clamp(28px,4vw,64px);max-width:1440px;height:100%;margin:auto;align-items:center}
.mc-tour-scene{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden}
.mc-tour-scene-label{color:#ffdf85;font-weight:750;font-size:16px;line-height:1.5;flex:none}
.mc-tour-stage{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;scrollbar-color:#c4aa61 #17333f;scrollbar-width:thin;border:2px solid #f3d779;border-radius:20px;background:#142b37;box-shadow:0 0 28px #f5d47312;box-sizing:border-box}
.mc-tour-stage:focus-visible{outline:3px solid #fff1ba;outline-offset:3px}
.mc-tour-stage .mc-tour-context{display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:visible!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;animation:none!important}
.mc-tour-stage .mc-tour-target{margin:0!important;max-width:100%;box-sizing:border-box}
.mc-tour-stage .city-quick-share{padding:24px;color:#1b333e}
.mc-tour-stage .community-meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px!important;padding:16px 0}
.mc-tour-stage .mobile-city-avatar{width:100%;margin:0!important}
.mc-tour-stage .mobile-city-avatar .city-avatar{width:100%!important;max-width:420px!important;margin:auto!important;aspect-ratio:1}
.mc-tour-stage .mobile-city-avatar img{object-fit:contain}
.mc-tour-scroll-hint{color:#b4cbd0;font-size:13px;line-height:1.5;text-align:center;flex:none}
.mc-tour-scroll-hint[hidden]{display:none}
.mc-tour-guiding .mc-tour-step{position:relative;left:auto!important;top:auto!important;width:100%;max-height:100%;padding:16px 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;color:#fff7df}
.mc-tour-guiding .mc-tour-step h2{color:#fff7df;font-size:clamp(23px,2.4vw,30px);line-height:1.45;margin:14px 0}
.mc-tour-guiding .mc-tour-step p{color:#d1e1e4}
.mc-tour-guiding .mc-tour-step .mc-tour-note{color:#bbcdd1;background:none;border-left:2px solid #e4c96c;padding:0 0 0 12px;font-size:14px}
.mc-tour-guiding .mc-tour-kicker,.mc-tour-guiding .mc-tour-count{color:#e9d699}
.mc-tour-guiding .mc-tour-close{color:#e6eeee;right:0;top:12px;background:transparent}
.mc-tour-guiding .mc-tour-secondary{color:#e4eded;border-color:#67818c}
.mc-tour-guiding .mc-tour-skip{color:#b7ccd2}
.mc-tour-guiding .mc-tour-progress i{background:#3b525d}.mc-tour-guiding .mc-tour-progress i.done{background:#f0d16f}
.mc-tour-pointer{color:#ffdf85;font-size:42px;line-height:1;display:block;margin-bottom:12px;flex:none}
.mc-tour-guiding .mc-tour-step-body{scrollbar-color:#c4aa61 #17333f;scrollbar-width:thin}
@media(max-width:959px){
 .mc-tour.mc-tour-guiding{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));height:100dvh}
 .mc-tour-workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:stretch}
 .mc-tour-scene{gap:8px;justify-content:flex-start}
 .mc-tour-scene-label{font-size:14px}
 .mc-tour-stage{padding:10px;width:100%}
 .mc-tour-guiding .mc-tour-step{max-height:46dvh;padding:0}
 .mc-tour-guiding .mc-tour-step-head img{width:30px;height:30px}
 .mc-tour-guiding .mc-tour-step-head{padding-left:28px;min-height:32px}
 .mc-tour-pointer{position:absolute;top:0;left:0;font-size:28px;margin:0}
 .mc-tour-guiding .mc-tour-close{top:-6px}
 .mc-tour-guiding .mc-tour-step h2{font-size:21px;margin:8px 0}
 .mc-tour-guiding .mc-tour-step p{font-size:15px;line-height:1.6;margin:8px 0}
 .mc-tour-guiding .mc-tour-step .mc-tour-note{font-size:13px}
 .mc-tour-guiding .mc-tour-progress{margin-top:8px}
 .mc-tour-guiding .mc-tour-buttons{margin-top:8px}
 .mc-tour-guiding .mc-tour-skip{margin:2px auto 0;min-height:40px;padding:6px}
 .mc-tour-stage .city-quick-share{padding:16px}
 .mc-tour-stage .city-quick-share h2{font-size:21px}
 .mc-tour-stage .community-meters{gap:14px 8px!important;padding:8px 0}
 .mc-tour-stage .mobile-city-avatar .city-avatar{max-width:300px!important}
}

.mc-tour-stage .mobile-city-avatar .city-avatar{max-width:min(420px,var(--mc-tour-avatar-size,300px))!important}
.mc-tour-stage .quick-share-row{flex-wrap:wrap}.mc-tour-stage .quick-share-row input{flex:1 1 200px}.mc-tour-stage .quick-share-row button{max-width:100%}