.interaction-guide{font-size:14px;line-height:1.55;color:var(--yellow);margin:0 0 12px;flex-shrink:0;max-width:1000px}.required-action:not(circle){border-color:var(--yellow)!important;box-shadow:0 0 0 1px #e2cb7830}.required-action circle,circle.required-action{stroke:var(--yellow);stroke-width:2px}.attention{animation:guidePulse .8s ease-in-out 2!important}@keyframes guidePulse{50%{filter:brightness(1.5);box-shadow:0 0 0 6px #e2cb7828}}.term-key{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;margin:8px 0 12px}.term-key p{margin:0;font-size:13px;color:#bdc5ca;line-height:1.6}.term-key b{font-size:14px;color:var(--text);display:block;margin-bottom:4px}.term-key .swatch{margin-right:7px}#confirmChart1{order:1;font-size:14px;padding:7px 13px}.chart-actions .chart-share{order:0}.chart-actions .doubts{order:2}.chart-actions{flex-shrink:0}.scene.result>.interaction-guide{margin-bottom:10px}#average #lines1,#proficiency #lines1{width:90%;margin:0 auto;gap:8px 12px}#average .mini svg,#proficiency .mini svg{max-height:135px}#average #linesBox,#proficiency #linesBox{display:flex;flex-direction:column;overflow:hidden;padding:12px 18px 10px!important}#linesBox .chart-top{flex-shrink:0;margin-bottom:6px}#lines1{min-height:0;flex:1}#lines1 .mini{min-height:0;display:flex;flex-direction:column}#lines1 .mini svg{min-height:0;flex:1;width:100%}#lines1 .mini-name{font-size:16px!important;flex-shrink:0}#lineNote{margin:5px 0 0!important;font-size:11px!important;line-height:1.4;flex-shrink:0}#linesBox .chart-actions{margin-top:7px;padding-top:7px;gap:8px}#linesBox .chart-top strong{font-size:19px}#linesBox .chart-share,#linesBox .doubts{font-size:12px;white-space:nowrap}#linesBox #reply1{font-size:15px;margin:3px 0 6px;flex-shrink:0}#chart3 #bars3{max-height:240px}#chart3 .legend{margin-bottom:8px}#chart3 .chart-box{overflow:auto}#mobileCountries{display:none}#finish h2{color:var(--orange)}#finish .lead{max-width:900px}#storyNav #stepHint{max-width:100%;min-width:0}dialog .metric{flex-wrap:wrap}dialog .metric b{white-space:normal}#stageLive{pointer-events:none}@media(min-width:1600px){#average .mini svg,#proficiency .mini svg{max-height:225px}#chart3 #bars3{max-height:390px}}@media(max-height:650px) and (min-width:901px){.scene.result{padding-top:12px;padding-bottom:12px}.scene.result>h2{font-size:23px;margin-bottom:6px}.scene.result>.eyebrow{margin-bottom:6px}.interaction-guide{font-size:12px;margin-bottom:5px!important}#linesBox .chart-top strong{font-size:17px}#lines1 .mini-name{font-size:14px!important}#average .mini svg,#proficiency .mini svg{max-height:115px}#linesBox .chart-top{margin-bottom:2px}#linesBox .chart-actions{margin-top:4px;padding-top:4px}}@media(max-width:900px){
 .scene{padding-left:18px;padding-right:18px}.scene.result{overflow-y:auto;overflow-x:hidden}.scene.result>.explorer{width:100%;min-width:0}#opportunity .explorer>aside{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:9px 13px;width:100%;padding:14px;overflow:visible}#opportunity aside h3{grid-column:1/-1;margin:0;font-size:17px}#worldMap{grid-column:1;grid-row:2/4;margin:0;min-width:0;align-self:center}#worldMap svg{min-height:0;max-height:125px;width:100%;display:block}#continentButtons{grid-column:2;grid-row:2;margin:0;gap:5px;grid-template-columns:1fr 1fr}#continentButtons button{font-size:11px;padding:6px 3px;min-width:0}#allContinents{grid-column:2;grid-row:3;font-size:11px!important;padding:5px!important}#opportunity aside>.tiny{grid-column:1/-1;margin:0;font-size:12px}#opportunity .chart-box{width:100%;min-width:0;padding:13px!important;overflow:visible}#opportunity #scatter2{overflow:visible;max-width:100%;width:100%;max-height:none}#opportunity #scatter2 .chart-svg,#opportunity #scatter2 .chart-svg.with-labels{width:100%!important;min-width:0!important;max-width:100%;height:auto!important;display:block;overflow:visible}.mobile-scatter text{font-size:16px}.mobile-scatter text:first-of-type{font-size:17px}#mobileCountries{display:block}.mobile-country-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-country-list button{font-size:12px;text-align:left;padding:8px;display:flex;gap:7px;align-items:center;min-width:0;overflow-wrap:anywhere}.mobile-country-list img{width:20px;height:15px;object-fit:cover;flex-shrink:0}.term-key{grid-template-columns:1fr;gap:9px}.term-key p{font-size:13px}#chart3 #bars3{max-height:none;overflow:visible}.bar-head{flex-wrap:wrap;gap:2px 8px}.bar-track{margin-right:55px}#chart3 .chart-box{overflow:visible;padding:14px!important}#chart3 .explorer>aside{width:100%}.chart-actions{flex-wrap:wrap}.chart-actions button{max-width:100%}#average .mini svg,#proficiency .mini svg{max-height:170px}#average #linesBox,#proficiency #linesBox{overflow:visible;flex:none;width:100%;padding:12px!important}#average #lines1,#proficiency #lines1{width:90%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px;flex:none}#lines1 .mini svg{flex:none}#lines1 .mini-name{font-size:13px!important}#lineNote{font-size:12px!important;margin-top:12px!important}#confirmChart1{order:3;width:100%;margin-top:4px}#stepHint{font-size:10px!important;line-height:1.4}#storyNav{gap:7px;padding:0 12px}#storyNav button{padding:5px 10px}#stepCount{font-size:9px;white-space:nowrap}.choices button{font-size:16px;min-width:115px}header .music-toggle{margin-left:0}header{padding:0 15px}.scene.question h2{font-size:32px}.definition{padding-left:15px}.share-layout,.share-tools{min-width:0}dialog{max-width:94vw;padding:30px 18px}.share-link{min-width:0}#finish .lead{font-size:17px}.scene.question,.scene.intro{overflow-x:hidden}
}@media(prefers-reduced-motion:reduce){.attention{animation:none!important;outline:2px solid var(--yellow)}}
@media(max-width:900px){#average #lines1,#proficiency #lines1{display:block;width:100%}.mobile-score-head,.mobile-score-row{display:grid;grid-template-columns:minmax(0,1fr) 52px 12px 52px 32px;align-items:center;gap:6px}.mobile-score-head{font-size:12px;color:#aeb8bf;margin:8px 0}.mobile-score-row{min-height:48px;border-bottom:1px solid #ffffff18;font-size:15px}.mobile-score-row b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.mobile-score-row>span{color:var(--metric-color);font-size:15px;font-variant-numeric:tabular-nums}.mobile-score-row small{color:#88949c}.mobile-score-row svg{display:block;width:32px;height:34px}#linesBox .chart-top strong{font-size:17px}#linesBox .chart-top button{font-size:12px}#linesBox .chart-actions{gap:5px}#linesBox .chart-share,#linesBox .doubts{font-size:11px}#lineNote{font-size:10px!important;margin-top:8px!important}#linesBox #reply1{font-size:13px}.scene.result>.interaction-guide{font-size:12px}}

@media(max-width:900px){.mobile-score-row{min-height:40px}}
@media(max-width:900px){.scene:after{display:none}}
#opportunity>.interaction-guide{display:none!important}#exploreHelp{align-self:flex-end;font-size:12px;padding:5px 10px;margin:-1px 0 9px;color:var(--blue);border-color:#8acbd050}#exploreTip[hidden]{display:none!important}#opportunity>.explore-tip{position:fixed;z-index:40;top:110px;right:5vw;bottom:auto;width:300px;max-width:calc(100vw - 36px);padding:18px 22px 15px;background:#272d31;border:1px solid #8acbd060;box-shadow:0 15px 50px #0007;border-radius:8px;overflow:visible;min-height:0}#exploreTip b{font-size:15px;color:#f1eee8;display:block;padding-right:20px}#exploreTip ol{list-style:none;padding:0;margin:12px 0}#exploreTip li{font-size:13px;line-height:1.7;margin:5px 0;color:#d0d8dd}#exploreTip li.done{color:#8acbd0}#exploreTip p{font-size:11px;color:#aeb8bf;margin:8px 0 0}#closeExploreTip{position:absolute;right:6px;top:5px;padding:0 7px;font-size:22px;border:0;background:none;color:#bdc7ce}#summary{justify-content:center}#summary h2{font-size:clamp(30px,3.5vw,52px);margin-bottom:25px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.summary-grid article{border-top:2px solid var(--orange);padding:18px 16px 18px 0;background:linear-gradient(130deg,#ffffff05,transparent)}.summary-number{color:var(--orange);font-size:15px;letter-spacing:2px}.summary-grid h3{font-size:clamp(20px,1.9vw,30px);line-height:1.45;white-space:normal;margin:15px 0}.summary-grid p{font-size:16px;line-height:1.7;color:#c2cbd1;margin:10px 0 18px}.summary-grid small{font-size:11px;line-height:1.5;color:#8d9ca5;display:block}.summary-caption{font-size:14px;color:#aeb8bf;margin-top:25px;max-width:100%}@media(max-width:900px){#opportunity>.explore-tip{position:fixed;top:auto;bottom:82px;right:18px;width:285px}#exploreHelp{margin-top:0}#summary{justify-content:flex-start;padding-top:30px}#summary h2{font-size:28px;margin-bottom:18px}.summary-grid{grid-template-columns:1fr;gap:13px}.summary-grid article{padding:10px 10px 9px 0;display:grid;grid-template-columns:28px 1fr;gap:3px 10px}.summary-number{grid-column:1;grid-row:1/4;font-size:12px}.summary-grid h3{grid-column:2;font-size:18px;margin:0 0 4px;line-height:1.45}.summary-grid p{grid-column:2;font-size:13px;margin:0 0 7px;line-height:1.6}.summary-grid small{grid-column:2;font-size:10px}.summary-caption{font-size:12px;margin-top:16px}}@media(max-height:650px) and (min-width:901px){#summary h2{font-size:35px;margin-bottom:15px}.summary-grid h3{font-size:22px}.summary-grid p{font-size:14px}}

/* Keep the explanation and actions inside the visible chart panel. */
@media(min-width:901px){
 #chart3 .explorer{align-items:stretch;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}
 #chart3 .explorer>.chart-box{height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px!important}
 #chart3 .chart-top,#chart3 .legend,#chart3 .term-key,#chart3 #pairSummary,#chart3 .chart-box>.tiny,#chart3 .chart-actions{flex:0 0 auto}
 #chart3 #bars3{flex:1 1 0%;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-bottom:8px}
 #chart3 #pairSummary{font-size:16px;line-height:1.5;margin:12px 0 7px}
 #chart3 .chart-box>.tiny{font-size:12px;line-height:1.5;margin:0}
 #chart3 .chart-actions{margin-top:10px;padding-top:8px}
 #chart3 .explorer>aside{height:100%;max-height:100%;overflow-y:auto;min-height:0}
}
@media(max-height:650px) and (min-width:901px){
 #chart3 .term-key{padding:6px 0;margin:5px 0 7px;gap:10px}
 #chart3 .term-key p{font-size:11px;line-height:1.4}
 #chart3 .term-key b{font-size:12px;margin-bottom:2px}
 #chart3 .chart-top{margin-bottom:6px}
 #chart3 #pairSummary{font-size:13px;margin:7px 0 4px}
 #chart3 .chart-box>.tiny{font-size:11px}
}
@media(max-width:900px){#chart3{padding-bottom:32px}#chart3 .chart-box{padding-bottom:22px!important}#chart3 #pairSummary{margin-top:15px;line-height:1.6}}
@media(min-width:901px){#chart3 .legend{display:none}}@media(min-width:901px) and (max-height:800px){#chart3 .bar-row{padding:6px 0}#chart3 .bar-head{font-size:15px;margin-bottom:5px}#chart3 .bar-track,#chart3 .bar-original{height:18px}#chart3 .bar-adjusted{top:3px;height:12px}#chart3 .term-key{padding:7px 0;margin:5px 0 8px}#chart3 .term-key p{font-size:12px;line-height:1.5}#chart3 .term-key b{font-size:13px;margin-bottom:2px}}

#musicHint{position:fixed;right:22px;top:72px;z-index:45;background:#252b2f;color:#dfe6ea;border:1px solid #8acbd055;border-radius:20px;padding:6px 12px;font-size:12px;box-shadow:0 5px 20px #0004;pointer-events:none}#musicHint[hidden]{display:none!important}.music-toggle.music-playing{color:var(--blue);border-color:#8acbd080}.music-toggle[data-audio-state="blocked"]{opacity:1;border-color:var(--yellow)}@media(max-width:900px){#musicHint{top:70px;right:15px;font-size:11px;padding:5px 10px}}

#scatter2 .country-dot text,#scatter2 .country-dot rect{pointer-events:all}#scatter2 .country-dot:focus-visible rect{stroke:var(--yellow);stroke-width:2}#discussion h2{font-size:clamp(30px,3.8vw,58px);max-width:1100px}#discussion .lead{font-size:18px;max-width:1050px}.discussion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 12px;width:100%}.discussion-grid article{border-top:2px solid var(--orange);padding:16px 20px;background:#202428cf}.discussion-grid span{font-size:11px;letter-spacing:1px;color:var(--blue)}.discussion-grid h3{font-size:22px;line-height:1.35;margin:14px 0}.discussion-grid p{font-size:16px;line-height:1.6;color:#bdc5ca;margin:0}.discussion-note{font-size:14px;color:var(--yellow);margin:8px 0 16px}.discussion-actions{display:flex;gap:12px;flex-wrap:wrap}.discussion-actions button{font-size:14px;padding:8px 15px}@media(max-width:900px){#discussion{justify-content:flex-start;padding-top:30px;padding-bottom:30px}.discussion-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.discussion-grid article{padding:14px 16px}.discussion-grid h3{font-size:20px;margin:8px 0}#discussion .lead{font-size:16px}.discussion-grid p{font-size:15px}}

/* Keep the exploration tip in the chart's open right-hand area, away from the map. */
@media(min-width:901px){#opportunity>.explore-tip{top:48%;right:calc(5vw + 302px + 20px);width:clamp(220px,17vw,300px);padding:16px 18px 14px}}
@media(min-width:1600px){#opportunity>.explore-tip{right:calc(6vw + 302px + 22px);top:46%}}
/* Small screens have no reliable empty plot area: reserve space instead of covering controls. */
@media(max-width:900px){#opportunity>.explore-tip{position:relative;inset:auto;align-self:stretch;width:100%;max-width:100%;margin:0 0 14px;flex-shrink:0;box-shadow:0 6px 20px #0003}}