.tour-section{background:radial-gradient(ellipse at 20% 60%,#41238466,transparent 65%),#19102f;border-block:1px solid var(--line)}
.tour-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:65px;align-items:center}
.tour-stage{position:relative;display:grid;place-items:center;padding:50px 25px 45px;min-height:650px;border:1px solid #ffffff30;border-radius:24px;background:radial-gradient(ellipse at center,#7953b14a,transparent 70%),repeating-linear-gradient(30deg,transparent 0 89px,#ffffff03 90px 92px,transparent 93px 180px),#20143e;overflow:hidden}
.tour-stage-label,.tour-stage-foot{position:absolute;font-size:10px;letter-spacing:1.5px;color:#bcacd4;left:22px;right:22px;text-align:center;line-height:1.7}.tour-stage-label{top:19px;font-weight:bold}.tour-stage-foot{bottom:15px;font-size:9px;letter-spacing:.4px}
.tour-phone{width:290px;max-width:100%;min-height:520px;background:#241743;border:7px solid #0c091b;border-radius:27px;overflow:hidden;box-shadow:0 0 0 1px #b68bdd70,0 25px 45px #0005}
.tour-phone-header{height:77px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 15px;background:#38205d}.tour-phone-header img{width:140px;height:60px;object-fit:contain}.tour-phone-header>span{font-size:8px;border:1px solid #ffffff40;padding:5px;border-radius:4px;letter-spacing:1px;color:#c5b1e2}
.tour-hud{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ffffff20}.tour-hud>span{font-size:9px;letter-spacing:1px;color:#c2addd}.tour-hud strong{font-size:19px;color:var(--yellow)}
.tour-screen{min-height:380px;padding:22px 18px;text-align:center}.tour-screen[data-tour-view=map]{padding:0}.tour-map{position:relative}.tour-map svg{width:100%;height:240px;display:block}.tour-map-tag{position:absolute;top:12px;left:12px;background:#172641ed;color:#fff;font-size:8px;padding:8px;letter-spacing:.7px;border-radius:4px}
.tour-screen-note{padding:17px 15px}.tour-screen-note>strong{font-size:15px}.tour-screen-note>p{font-size:12px;color:var(--muted);margin:8px 0 12px}.tour-small-button{background:var(--yellow);border:0;border-radius:6px;padding:12px 13px;font-size:12px;line-height:1.5;font-weight:bold;color:#25133d;min-height:42px}.tour-small-button:disabled{opacity:.65}
.tour-question-tag{font-size:9px;line-height:1.5;font-weight:bold;letter-spacing:1px;color:var(--yellow);display:block;margin-bottom:25px}.tour-screen h3{font-size:27px;line-height:1.1;letter-spacing:-1px;margin:12px 0 17px}.tour-screen>p{font-size:13px;line-height:1.7;color:#d4c5e7}.tour-puzzle{display:block;font-size:27px;letter-spacing:1px;color:white;margin-top:18px}.tour-answers{display:flex;gap:8px;margin-top:25px}.tour-answers button{flex:1;background:#ffffff10;color:white;border:1px solid #ffffff40;border-radius:6px;padding:14px 6px;font-size:18px;font-weight:bold}.tour-answers button.correct{background:#20553c;border-color:#7bdfa5}.tour-answers button.incorrect{background:#6a2542;border-color:#e79bb8}.tour-feedback{font-size:12px!important;line-height:1.6;min-height:39px;margin:14px 0 5px;color:#ecdcff!important}
.tour-bomb{width:105px;height:105px;object-fit:contain;margin:5px auto 15px;filter:drop-shadow(0 8px 12px #0006)}.tour-screen[data-tour-view=item] .tour-question-tag{margin-bottom:12px}.tour-screen[data-tour-view=item] h3{font-size:23px}.tour-rival{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#ffffff0b;border-radius:6px;padding:12px;font-size:12px;margin:15px 0}.tour-rival strong{color:var(--yellow);white-space:nowrap}.tour-screen[data-tour-view=item] .tour-feedback{min-height:20px}
.tour-finish-icon{font-size:64px;display:block;margin:25px 0}.tour-final-score{font-size:67px;letter-spacing:-3px;color:var(--yellow);display:block;line-height:1.1;margin-top:20px}.tour-points-label{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin:10px 0 25px}
.tour-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:35px}.tour-mode button{background:#ffffff06;color:#c8b8db;border:1px solid #ffffff30;padding:14px 10px;border-radius:8px;font-size:13px;font-weight:bold}.tour-mode button[aria-pressed=true]{border-color:var(--yellow);background:#ffcf3913;color:var(--yellow)}.tour-scene-count{font-size:10px;letter-spacing:2px;font-weight:bold;color:#ac92ca}.tour-guide>h3{font-size:34px;line-height:1.1;letter-spacing:-1px;max-width:400px;margin:15px 0 20px;min-height:2.2em}.tour-guide>p:not(.tour-scene-count):not(.tour-disclaimer){font-size:15px;color:var(--muted);line-height:1.8;min-height:5.4em;margin-bottom:25px}.tour-actions{display:flex;gap:12px;flex-wrap:wrap}.tour-actions .button{font-size:12px;min-height:48px;padding:14px 17px}.tour-progress{height:4px;border-radius:4px;background:#ffffff20;margin:30px 0 23px;overflow:hidden}.tour-progress>span{display:block;background:var(--yellow);width:0;height:100%}.tour-timeline{display:flex;gap:8px}.tour-timeline button{flex:1;background:none;border:0;color:#a48bbf;text-align:left;padding:8px 0;font-size:10px;line-height:1.5}.tour-timeline button>span{display:block;margin-bottom:5px;font-size:14px;font-weight:bold}.tour-timeline button[aria-current=step]{color:var(--yellow)}.tour-bottom-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.tour-bottom-controls>span{font-size:10px;line-height:1.6;color:var(--muted)}.tour-plan-link{display:inline-block;font-size:13px;color:var(--yellow);font-weight:bold;margin-top:28px;border-bottom:1px solid #ffcf3960;padding-bottom:6px}.tour-disclaimer{font-size:11px;line-height:1.8;color:#a08eb5;margin:22px 0 0}
.tour-phone{height:580px;min-height:580px}.tour-screen{height:442px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.tour-screen[data-tour-view=item]>p:not(.tour-feedback){display:none}.tour-bomb{width:85px;height:85px;margin-bottom:10px}.tour-screen[data-tour-view=item] h3{font-size:23px;margin:10px 0}.tour-screen[data-tour-view=item] .tour-question-tag{margin-bottom:8px}
@media(max-width:1100px){.tour-layout{gap:35px}.tour-stage{padding-inline:18px}.tour-guide>h3{font-size:30px}.tour-actions{gap:10px}.tour-actions .button{font-size:11px;padding:13px}.tour-mode button{font-size:12px}}
@media(max-width:760px){.tour-layout{grid-template-columns:minmax(0,1fr);gap:30px}.tour-stage{min-height:620px;padding-top:48px;padding-bottom:40px}.tour-guide>h3{font-size:30px;min-height:0;max-width:100%}.tour-guide>p:not(.tour-scene-count):not(.tour-disclaimer){min-height:0}.tour-mode{margin-bottom:25px}.tour-mode button{font-size:13px}.tour-actions .button{font-size:12px;padding:14px 17px}.tour-disclaimer{font-size:11px}.tour-timeline button{font-size:11px}}
@media(max-width:360px){.tour-stage{padding-inline:10px;min-height:605px}.tour-phone{border-width:5px;width:264px}.tour-phone-header{padding-inline:10px}.tour-screen{padding-inline:14px}.tour-stage-label{font-size:9px}.tour-stage-foot{font-size:8px;left:10px;right:10px}.tour-actions .button{font-size:11px;padding:13px}.tour-bottom-controls{gap:10px}.tour-bottom-controls>span{font-size:9px}.tour-guide>h3{font-size:28px}}

/* Different game experiences are visible before the first question. */
.tour-layout{grid-template-areas:"stage switch" "stage guide";grid-template-rows:auto 1fr;gap:22px 65px;align-items:start}
.tour-section.section{padding-block:32px}
.tour-optional{border:1px solid #ffffff35;border-radius:15px;padding:0 25px;background:#ffffff04}
.tour-optional>summary{font-size:18px;padding:24px 0;gap:25px}
.tour-optional>summary strong{display:block;font-size:21px;letter-spacing:-.5px;line-height:1.3}
.tour-optional>summary small{display:block;font-size:13px;line-height:1.6;color:var(--muted);font-weight:normal;margin-top:7px}
.tour-optional-content{padding-block:26px}
@media(max-width:760px){.tour-optional{padding-inline:18px}.tour-optional>summary strong{font-size:19px}.tour-optional>summary small{font-size:12px}.tour-optional-content{padding-top:15px}.tour-section.section{padding-block:24px}}
.tour-stage{grid-area:stage;align-self:stretch}
.tour-mode{grid-area:switch;margin:0}
.tour-guide{grid-area:guide}
.tour-mode-identity{border-left:3px solid #ffcf39;padding:4px 0 4px 14px;margin-bottom:25px}
.tour-mode-identity>span{display:block;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#ffcf39;margin-bottom:8px}
.tour-mode-identity>strong{display:block;font-size:15px;font-weight:700;color:#e9dbff;line-height:1.5}
.tour-hud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.tour-own-score,.tour-opponent-score{display:flex;flex-direction:column;gap:3px;min-width:0}
.tour-opponent-score{text-align:right;border-left:1px solid #ffffff30;padding-left:10px}
.tour-hud div>span{font-size:8px;letter-spacing:1px;color:#c9b6de}
.tour-hud strong{font-size:18px;line-height:1.2}
.tour-opponent-score strong{color:#ff9fae}
.tour-screen{height:430px}
.tour-inventory{position:absolute;bottom:9px;right:8px;display:flex;align-items:center;gap:7px;padding:6px 10px 6px 5px;background:#482160f5;border:1px solid #d5a0ff;border-radius:9px;color:#fff;text-align:left;box-shadow:0 5px 15px #23103433}
.tour-inventory img{width:40px;height:40px;object-fit:contain}
.tour-inventory span{font-size:7px;letter-spacing:.7px;color:#d8bce8}
.tour-inventory strong{display:block;font-size:10px;letter-spacing:0;margin-top:5px;color:#ffdf76}
.tour-rival{position:relative}
.tour-impact{position:absolute;right:10px;top:-16px;color:#ff9aa6;font-size:23px;font-weight:900;background:#4a1939;border:1px solid #ef7c94;border-radius:7px;padding:3px 7px;box-shadow:0 4px 12px #0003;transform:rotate(-7deg)}
[data-item-used=true] .tour-opponent-score strong{color:#ff718a}
.tour-screen[data-tour-view=finish]{padding:16px}
.tour-finish-icon{font-size:38px;margin:6px 0;line-height:1.2}
.tour-screen[data-tour-view=finish] h3{font-size:26px;margin:8px 0 10px}
.tour-screen[data-tour-view=finish]>p:not(#tour-finish-message){display:none}
.tour-final-score{font-size:50px;line-height:1;margin-top:8px}
.tour-points-label{font-size:8px;margin:6px 0 12px}
.tour-finish-opponent{background:#ffffff0b;border:1px solid #d496f455;border-radius:9px;padding:9px 10px;margin:12px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;text-align:left}
.tour-finish-opponent>span{font-size:10px;color:#ddc7eb;line-height:1.5}
.tour-finish-opponent>strong{color:#ff9fae;font-size:19px}
.tour-finish-opponent small{grid-column:1/-1;font-size:10px;color:#cdb7df;line-height:1.5}
.tour-screen #tour-finish-message{font-size:11px;line-height:1.6;margin:8px 0}
.tour-section[data-mode=city]{background:radial-gradient(ellipse at 20% 60%,#196d8540,transparent 65%),#101d31}
[data-mode=city] .tour-stage{border-color:#64d1ff65;background:radial-gradient(ellipse at center,#24637c55,transparent 70%),repeating-linear-gradient(30deg,transparent 0 89px,#ffffff03 90px 92px,transparent 93px 180px),#11283c}
[data-mode=city] .tour-phone{background:#162f46;box-shadow:0 0 0 1px #6dd6f780,0 25px 45px #0005}
[data-mode=city] .tour-phone-header{background:#1c4c67}
[data-mode=city] .tour-hud{grid-template-columns:1fr;background:#15364c}
[data-mode=city] .tour-own-score{flex-direction:row;align-items:center;justify-content:space-between;min-height:22px}
[data-mode=city] .tour-hud strong{color:#80dfff}
[data-mode=city] .tour-screen{height:442px}
[data-mode=city] .tour-mode button[aria-pressed=true]{border-color:#70d9ff;background:#38bdff20;color:#8de3ff}
[data-mode=city] .tour-mode-identity{border-color:#70d9ff}
[data-mode=city] .tour-mode-identity>span,[data-mode=city] .tour-question-tag{color:#8de3ff}
[data-mode=city] .tour-mode-identity>strong{color:#cfeaf4}
[data-mode=city] .tour-progress>span{background:#70d9ff}
[data-mode=city] .tour-timeline button[aria-current=step]{color:#8de3ff}
[data-mode=city] .tour-stage-label{color:#98ddf2}
[data-mode=battle] .tour-stage{border-color:#bf73ed70;background:radial-gradient(ellipse at center,#8736bb55,transparent 70%),repeating-linear-gradient(30deg,transparent 0 89px,#ffffff03 90px 92px,transparent 93px 180px),#29123e}
[data-mode=battle] .tour-map svg>rect{fill:#d6cfe4}
[data-mode=battle] .tour-map svg>path:nth-of-type(1){stroke:#f6edfa}
[data-mode=battle] .tour-map svg>path:nth-of-type(2){stroke:#b8afda}
[data-mode=battle] .tour-map svg>path:nth-of-type(3){stroke:#9452d9}
[data-mode=battle] .tour-stage-label{color:#ead0ff}
@media(max-width:1100px){.tour-layout{column-gap:35px}.tour-mode-identity>strong{font-size:14px}}
@media(max-width:760px){.tour-layout{grid-template-areas:"switch" "stage" "guide";grid-template-rows:auto auto auto;gap:25px}.tour-mode-identity{margin-bottom:22px}.tour-mode-identity>strong{font-size:15px}}