:root{
  --bg:#070b24;
  --panel:rgba(12,18,50,.74);
  --panel-strong:rgba(10,15,43,.9);
  --line:rgba(255,255,255,.13);
  --text:#f8fbff;
  --muted:#b9c2e4;
  --accent:#8d5cff;
  --accent-2:#20c6ff;
  --ok:#42df91;
  --bad:#ff5f7f;
  --warning:#ffd166;
  --shadow:0 22px 60px rgba(0,0,0,.32);
  --answer-a:#9d64ff;
  --answer-b:#27a9ff;
  --answer-c:#36d782;
  --answer-d:#ff6585;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif}
body{min-height:100vh;overflow-x:hidden}
button,input,textarea{font:inherit}
button,a{ -webkit-tap-highlight-color:transparent }
button{color:inherit}
[hidden]{display:none!important}

.world-stage{position:fixed;inset:0;overflow:hidden;z-index:0;background:radial-gradient(circle at 50% 35%,#1b245f 0,#10163f 34%,#070b24 75%);transition:background 600ms ease}
.stage-base,.stage-stars,.stage-planet,.stage-moon,.stage-forest,.stage-fireflies,.stage-rainbow,.stage-coins,.stage-water,.stage-bubbles,.stage-disco-ball,.stage-beams,.stage-city,.stage-rain,.stage-grid,.stage-data,.stage-aurora,.stage-mountains,.stage-celebration{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s ease,transform .65s ease}
.stage-base{opacity:1;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 44%,rgba(0,0,0,.28));}
.stage-stars{background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,#9edfff 0 1px,transparent 1.5px),radial-gradient(circle,#e7ccff 0 1px,transparent 1.5px);background-size:88px 88px,131px 131px,173px 173px;background-position:5px 17px,44px 71px,101px 23px;animation:starsDrift 26s linear infinite}
@keyframes starsDrift{to{background-position:93px 105px,175px 202px,274px 196px}}
.stage-planet.planet-one{width:31vw;height:31vw;max-width:420px;max-height:420px;left:auto;right:-8vw;top:-8vw;inset:auto -8vw auto auto;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff8bd8,#8658ff 40%,#2e296c 68%,#151737 70%);box-shadow:0 0 80px rgba(142,92,255,.28)}
.stage-planet.planet-two{width:18vw;height:18vw;max-width:240px;max-height:240px;left:-5vw;top:32vh;inset:32vh auto auto -5vw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27b,#ff8e79 42%,#b34d90 75%);box-shadow:0 0 60px rgba(255,124,156,.28)}
.stage-moon{inset:7vh auto auto 7vw;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff9d8,#d9e8ff 72%,#8998bd);box-shadow:0 0 46px rgba(220,239,255,.45)}
.stage-forest{inset:auto 0 0 0;height:72%;background:
  linear-gradient(155deg,transparent 0 57%,rgba(8,33,31,.72) 58% 100%),
  linear-gradient(205deg,transparent 0 60%,rgba(7,27,35,.78) 61% 100%);
clip-path:polygon(0 35%,7% 7%,11% 38%,18% 0,23% 40%,31% 12%,36% 44%,45% 4%,52% 42%,61% 10%,68% 45%,78% 5%,84% 42%,93% 13%,100% 39%,100% 100%,0 100%)}
.stage-fireflies{background-image:radial-gradient(circle,#fff5a7 0 2px,transparent 3px),radial-gradient(circle,#8bffd9 0 2px,transparent 3px);background-size:150px 130px,190px 160px;background-position:0 25%,70px 47%;animation:fireflies 4.8s ease-in-out infinite alternate}
@keyframes fireflies{from{transform:translateY(7px);filter:brightness(.9)}to{transform:translateY(-9px);filter:brightness(1.4)}}
.stage-rainbow{inset:18vh auto auto -10vw;width:67vw;height:42vw;border-radius:50%;border:22px solid transparent;border-top-color:#ff6585;border-right-color:#ffd166;box-shadow:0 -14px 0 #ff9f43,0 -28px 0 #ffe66d,0 -42px 0 #4de29e,0 -56px 0 #45b7ff,0 -70px 0 #9b6cff;transform:rotate(-17deg);opacity:0}
.stage-coins{background-image:radial-gradient(ellipse,#ffe889 0 35%,#c98017 38% 55%,transparent 58%);background-size:28px 20px;background-position:0 0;animation:coinsFloat 8s linear infinite}
@keyframes coinsFloat{to{background-position:140px 220px}}
.stage-water{inset:auto 0 0 0;height:58%;background:linear-gradient(180deg,rgba(62,203,255,.16),rgba(0,84,153,.45) 35%,rgba(0,34,88,.88));clip-path:polygon(0 11%,12% 6%,24% 12%,36% 4%,48% 11%,61% 6%,76% 12%,88% 5%,100% 10%,100% 100%,0 100%);animation:waterWave 6s ease-in-out infinite alternate}
@keyframes waterWave{to{clip-path:polygon(0 7%,12% 12%,24% 6%,36% 11%,48% 5%,61% 12%,76% 6%,88% 11%,100% 7%,100% 100%,0 100%)}}
.stage-bubbles{background-image:radial-gradient(circle at 40% 35%,rgba(255,255,255,.72) 0 1px,rgba(255,255,255,.15) 2px 5px,transparent 6px),radial-gradient(circle at 40% 35%,rgba(255,255,255,.64) 0 1px,rgba(255,255,255,.12) 2px 7px,transparent 8px);background-size:120px 160px,180px 210px;background-position:0 100%,90px 110%;animation:bubblesUp 9s linear infinite}
@keyframes bubblesUp{to{background-position:0 -80%,90px -60%}}
.stage-disco-ball{inset:14vh auto auto 78%;width:128px;height:128px;transform:translateX(-50%);border-radius:50%;overflow:hidden;background:
  radial-gradient(circle at 31% 25%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.28) 4% 8%,transparent 9%),
  radial-gradient(circle at 36% 31%,#edfaff 0 10%,#a9d8ff 24%,#9f86e4 48%,#57306e 70%,#17132f 100%);
  border:1px solid rgba(255,255,255,.55);box-shadow:0 0 20px rgba(255,255,255,.32),0 0 62px rgba(182,113,255,.34),inset -18px -22px 30px rgba(14,7,40,.58),inset 12px 10px 22px rgba(255,255,255,.16);animation:discoSpin 10s linear infinite}
.stage-disco-ball:before{content:"";position:absolute;inset:-1px;border-radius:50%;background-image:
  linear-gradient(rgba(255,255,255,.31) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.29) 1px,transparent 1px),
  linear-gradient(135deg,rgba(255,255,255,.12),rgba(78,190,255,.08) 42%,rgba(255,92,211,.13) 74%,transparent);
  background-size:13px 13px,13px 13px,100% 100%;opacity:.9;mix-blend-mode:screen;box-shadow:inset 0 0 20px rgba(255,255,255,.16)}
.stage-disco-ball:after{content:"";position:absolute;left:19%;top:13%;width:31%;height:18%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.08));filter:blur(1px);transform:rotate(-24deg);opacity:.72}
@keyframes discoSpin{to{transform:translateX(-50%) rotate(360deg)}}
.stage-beams{--beam-x:78%;--beam-y:calc(14vh + 64px);background:conic-gradient(from 160deg at var(--beam-x) var(--beam-y),transparent 0 9deg,rgba(255,74,200,.14) 10deg 18deg,transparent 19deg 36deg,rgba(63,191,255,.15) 37deg 45deg,transparent 46deg 67deg,rgba(122,255,195,.10) 68deg 76deg,transparent 77deg 360deg);transform-origin:var(--beam-x) var(--beam-y);animation:beamSweepA 11s ease-in-out infinite alternate}
.stage-beams:before{content:"";position:absolute;inset:0;background:conic-gradient(from 205deg at var(--beam-x) var(--beam-y),transparent 0 16deg,rgba(255,230,120,.10) 17deg 24deg,transparent 25deg 51deg,rgba(174,95,255,.13) 52deg 61deg,transparent 62deg 360deg);transform-origin:var(--beam-x) var(--beam-y);animation:beamSweepB 8.5s ease-in-out infinite alternate}
.stage-beams:after{content:"";position:absolute;left:calc(var(--beam-x) - 5px);top:calc(var(--beam-y) - 5px);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.95),0 0 28px rgba(176,126,255,.8);opacity:.65}
@keyframes beamSweepA{from{transform:rotate(-11deg)}to{transform:rotate(15deg)}}
@keyframes beamSweepB{from{transform:rotate(13deg)}to{transform:rotate(-17deg)}}
.stage-city{inset:auto 0 0;height:54%;background:
  linear-gradient(90deg,transparent 0 4%,#091226 4% 11%,transparent 11% 14%,#111a36 14% 21%,transparent 21% 24%,#07132c 24% 34%,transparent 34% 38%,#101632 38% 49%,transparent 49% 53%,#081631 53% 64%,transparent 64% 68%,#111a36 68% 79%,transparent 79% 83%,#071128 83% 94%,transparent 94% 100%);
box-shadow:inset 0 -120px 160px rgba(2,5,17,.95)}
.stage-city:after{content:"";position:absolute;inset:12% 4% 12% 4%;background-image:linear-gradient(90deg,transparent 45%,rgba(255,60,203,.65) 46% 52%,transparent 53%),linear-gradient(0deg,transparent 45%,rgba(35,210,255,.55) 46% 52%,transparent 53%);background-size:58px 42px,64px 54px;opacity:.6}
.stage-rain{background-image:linear-gradient(115deg,transparent 0 48%,rgba(150,220,255,.22) 49% 50%,transparent 51% 100%);background-size:26px 58px;animation:rainFall .8s linear infinite}
@keyframes rainFall{to{background-position:0 58px}}
.stage-grid{inset:28% -15% -40% -15%;background-image:linear-gradient(rgba(42,237,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(42,237,255,.22) 1px,transparent 1px);background-size:48px 48px;transform:perspective(440px) rotateX(62deg);transform-origin:50% 0;animation:gridFlow 4s linear infinite}
@keyframes gridFlow{to{background-position:0 96px,96px 0}}
.stage-data{background-image:linear-gradient(90deg,transparent 0 49%,rgba(61,255,222,.14) 50%,transparent 51%),linear-gradient(0deg,transparent 0 49%,rgba(69,185,255,.13) 50%,transparent 51%);background-size:167px 100%,100% 139px;animation:dataPulse 3s ease-in-out infinite alternate}
@keyframes dataPulse{to{filter:brightness(1.6);transform:scale(1.02)}}
.stage-aurora{inset:0 -15% 36% -15%;background:radial-gradient(ellipse at 30% 35%,rgba(83,255,190,.33),transparent 40%),radial-gradient(ellipse at 62% 28%,rgba(105,145,255,.35),transparent 43%),radial-gradient(ellipse at 78% 42%,rgba(210,109,255,.27),transparent 35%);filter:blur(18px);animation:auroraWave 8s ease-in-out infinite alternate}
@keyframes auroraWave{to{transform:translateX(5%) skewX(-6deg) scaleY(1.18);filter:blur(22px) brightness(1.15)}}
.stage-mountains{inset:auto 0 0;height:50%;background:linear-gradient(145deg,transparent 0 40%,#d7e6ff 41% 47%,#66789a 48% 55%,transparent 56%),linear-gradient(215deg,transparent 0 40%,#f4f8ff 41% 47%,#566985 48% 57%,transparent 58%),linear-gradient(155deg,transparent 0 43%,#b9c9e4 44% 54%,#25344e 55% 100%);opacity:0}
.stage-celebration{z-index:5}
.stage-celebration.is-active{opacity:1}
.stage-celebration.is-active:before,.stage-celebration.is-active:after{content:"✦  ✧  ★  ✦  ✧  ★  ✦  ✧";position:absolute;left:0;right:0;top:-10%;font-size:clamp(26px,5vw,66px);letter-spacing:8vw;text-shadow:0 0 18px currentColor;animation:celebrateFall 3.8s linear forwards;color:#fff3a7}
.stage-celebration.is-active:after{top:-30%;animation-delay:.35s;color:#9ef5ff}
@keyframes celebrateFall{to{transform:translateY(125vh) rotate(15deg);opacity:.15}}

body.world-space .world-stage{background:radial-gradient(circle at 50% 34%,#302a7b 0,#151948 36%,#070b24 78%)}
body.world-space .stage-stars,body.world-space .stage-planet{opacity:1}
body.world-forest .world-stage{background:radial-gradient(circle at 55% 16%,#244f54 0,#102f38 34%,#071b27 72%,#06131a 100%)}
body.world-forest .stage-moon,body.world-forest .stage-forest,body.world-forest .stage-fireflies{opacity:1}
body.world-rainbow .world-stage{background:linear-gradient(180deg,#593b9c 0,#6f5bc0 31%,#5388d0 54%,#23527b 100%)}
body.world-rainbow .stage-rainbow{opacity:.8}body.world-rainbow .stage-coins{opacity:.18}
body.world-ocean .world-stage{background:radial-gradient(circle at 50% 7%,#47c8d7 0,#127a9f 30%,#07527a 55%,#04213d 100%)}
body.world-ocean .stage-water,body.world-ocean .stage-bubbles{opacity:1}
body.world-disco .world-stage{background:radial-gradient(circle at 50% 20%,#3b1758 0,#160b35 41%,#07091b 100%)}
body.world-disco .stage-disco-ball,body.world-disco .stage-beams{opacity:1}
body.world-neon .world-stage{background:linear-gradient(180deg,#100c2e 0,#11163a 40%,#071124 100%)}
body.world-neon .stage-city,body.world-neon .stage-rain{opacity:1}
body.world-cyber .world-stage{background:radial-gradient(circle at 50% 20%,#063b4d 0,#071f35 34%,#040d1c 78%)}
body.world-cyber .stage-grid,body.world-cyber .stage-data{opacity:1}
body.world-aurora .world-stage{background:linear-gradient(180deg,#07142e 0,#0c2340 44%,#13293d 70%,#091423 100%)}
body.world-aurora .stage-stars,body.world-aurora .stage-aurora,body.world-aurora .stage-mountains{opacity:1}
body.world-hub .stage-stars{opacity:.6}
body.world-hub .stage-planet.planet-one{opacity:.45;transform:scale(.7)}
body.world-hub .stage-planet.planet-two{opacity:.35;transform:scale(.75)}

.app-shell{position:relative;z-index:10;min-height:100vh}
.screen{display:none;min-height:100vh}
.screen--active{display:block;animation:screenIn .35s ease-out both}
@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.glass-card{background:linear-gradient(180deg,rgba(17,25,66,.79),rgba(8,14,43,.72));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar{min-height:78px;padding:16px clamp(18px,4vw,58px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(5,9,30,.72),rgba(5,9,30,.18));backdrop-filter:blur(12px);position:relative;z-index:20}
.topbar--setup{border-bottom:0;background:transparent}
.brand-mini{display:flex;align-items:baseline;gap:8px;font-weight:900;letter-spacing:-.04em}
.brand-mark{font-size:25px;background:linear-gradient(90deg,#fff,#7cecff 45%,#bca3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-mini-text{font-size:19px;color:#cbd5ff}
.topbar-actions,.game-tools{display:flex;gap:9px;justify-content:flex-end}
.icon-button,.back-button{border:1px solid rgba(255,255,255,.15);background:rgba(8,13,39,.56);border-radius:14px;min-width:46px;height:46px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;box-shadow:0 8px 20px rgba(0,0,0,.13)}
.icon-button:hover,.back-button:hover{transform:translateY(-1px);background:rgba(38,45,92,.72);border-color:rgba(255,255,255,.28)}
.icon-button.is-off{opacity:.48;filter:grayscale(1)}
.icon-button--danger:hover{background:rgba(255,72,104,.23);border-color:rgba(255,95,127,.45)}
.back-button{min-width:auto;font-weight:800;padding:0 17px}
.screen-title-block{text-align:center}.screen-title-block h2{margin:2px 0 0;font-size:25px}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px;color:#9bc9ff;margin:0}

.setup-main{width:min(1500px,calc(100% - 36px));margin:0 auto;padding:2vh 0 54px}
.hero-copy{text-align:center;margin:2px auto 22px}.hero-copy h1{font-size:clamp(44px,6vw,82px);line-height:.92;margin:9px 0 12px;letter-spacing:-.055em;text-shadow:0 10px 40px rgba(0,0,0,.3)}
.hero-copy h1 span{background:linear-gradient(90deg,#66dcff,#9f73ff 54%,#ff83c5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p:last-child{margin:0;color:#d4dcfa;font-size:clamp(16px,1.7vw,22px)}
.world-picker-card{border-radius:28px;padding:22px 24px 20px;overflow:hidden}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading>div:first-child,.compact-heading{display:flex;align-items:center;gap:13px}.section-heading h2{margin:0;font-size:22px}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:14px}.step-badge{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5fd4ff,#9b6dff);font-weight:900;box-shadow:0 0 22px rgba(102,190,255,.25);flex:none}
.segmented{display:flex;background:rgba(4,8,27,.58);border:1px solid var(--line);border-radius:999px;padding:4px;gap:3px}.segmented label{cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:9px 14px;border-radius:999px;color:#aeb8dd;font-weight:800;font-size:14px}.segmented input:checked+span{background:linear-gradient(135deg,#5a67e8,#9f5de9);color:#fff;box-shadow:0 7px 18px rgba(87,66,207,.35)}
.world-orbs{display:grid;grid-template-columns:repeat(8,minmax(88px,1fr));gap:13px;align-items:start}
.world-option{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;cursor:pointer;user-select:none;position:relative}.world-option button{width:clamp(76px,7.3vw,112px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.19);padding:0;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 0 22px rgba(255,255,255,.08);transition:.2s ease;background:#1d2559}.world-option button:hover{transform:translateY(-4px) scale(1.025);border-color:rgba(255,255,255,.48)}.world-option.is-selected button{border-color:#fff;box-shadow:0 0 0 4px rgba(133,111,255,.28),0 0 32px rgba(92,179,255,.35),inset 0 0 26px rgba(255,255,255,.1)}.world-option.is-preview button{transform:translateY(-4px) scale(1.035)}
.world-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(30px,3.2vw,48px);text-shadow:0 4px 12px rgba(0,0,0,.35)}.world-preview:before,.world-preview:after{content:"";position:absolute}
.world-preview--space{background:radial-gradient(circle at 28% 23%,#fb8ee4,#6b55de 30%,#151b58 67%,#070b22)}.world-preview--space:before{width:48%;height:48%;border-radius:50%;right:-7%;top:5%;background:linear-gradient(135deg,#ffd36b,#f2659f);box-shadow:0 0 14px rgba(255,164,166,.6)}
.world-preview--forest{background:radial-gradient(circle at 68% 18%,#dff9ff 0 8%,transparent 9%),linear-gradient(180deg,#1c6472,#144438 62%,#0a241e)}.world-preview--forest:after{inset:auto 0 0;height:55%;background:linear-gradient(75deg,transparent 40%,#082f28 41% 55%,transparent 56%),linear-gradient(105deg,transparent 42%,#0a3e31 43% 56%,transparent 57%)}
.world-preview--rainbow{background:linear-gradient(180deg,#6d5cc2,#54a5da 60%,#63b576)}.world-preview--rainbow:before{width:72%;height:58%;border:8px solid #ff668b;border-left-color:#ffbd5a;border-bottom-color:#4ee7a0;border-radius:50%;transform:rotate(-15deg);left:9%;top:16%}
.world-preview--ocean{background:radial-gradient(circle at 50% 0,#79f1f0,#1b87ad 44%,#07537c 80%)}.world-preview--ocean:after{inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent,#063a61)}
.world-preview--disco{background:radial-gradient(circle at 50% 28%,#ff74c7,#4e2b84 36%,#130b31 74%)}.world-preview--disco:before{width:34%;height:34%;border-radius:50%;top:10%;left:33%;background:conic-gradient(#fff,#72c9ff,#ff94e4,#fff,#9ff5ff);box-shadow:0 0 14px #fff}
.world-preview--neon{background:linear-gradient(180deg,#151239,#17184c 55%,#070e20)}.world-preview--neon:before{inset:auto 8% 0;height:58%;background:repeating-linear-gradient(90deg,#091425 0 10px,transparent 10px 17px);box-shadow:inset 0 0 0 1px rgba(255,55,200,.3)}
.world-preview--cyber{background:radial-gradient(circle,#096477,#072539 48%,#03111e)}.world-preview--cyber:after{inset:38% -20% -30%;background-image:linear-gradient(rgba(42,255,227,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(42,255,227,.3) 1px,transparent 1px);background-size:14px 14px;transform:perspective(90px) rotateX(57deg)}
.world-preview--aurora{background:linear-gradient(180deg,#081536,#123252 70%,#13243a)}.world-preview--aurora:before{inset:0;background:radial-gradient(ellipse at 35% 30%,rgba(81,255,181,.65),transparent 35%),radial-gradient(ellipse at 70% 24%,rgba(109,123,255,.6),transparent 36%);filter:blur(4px)}
.world-option-name{font-weight:900;font-size:12px;text-align:center;color:#d9e1ff;line-height:1.15;min-height:28px;display:flex;align-items:flex-start;justify-content:center}.world-order{position:absolute;top:-4px;right:calc(50% - 48px);z-index:4;min-width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#382b88;font-weight:900;border:2px solid #8d6cff;box-shadow:0 5px 14px rgba(0,0,0,.3)}
.world-selection-note{text-align:center;color:#c8d1f1;margin-top:14px;min-height:22px;font-size:14px;font-weight:700}
.setup-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}.setup-card{border-radius:24px;padding:20px 22px}.compact-heading{justify-content:flex-start!important;margin-bottom:14px}.compact-heading h2{font-size:20px!important}
.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-card{cursor:pointer;position:relative}.mode-card input{position:absolute;opacity:0}.mode-card>span:not(.mode-icon){display:flex;flex-direction:column}.mode-card{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(5,9,31,.4);padding:12px;border-radius:16px;transition:.16s ease}.mode-card:has(input:checked){background:linear-gradient(135deg,rgba(84,104,228,.54),rgba(128,82,214,.48));border-color:rgba(185,184,255,.7);box-shadow:0 8px 22px rgba(54,43,134,.22)}.mode-icon{font-size:24px}.mode-card strong{font-size:15px}.mode-card small{font-size:11.5px;line-height:1.2;color:#c2caeb;margin-top:2px}
.timer-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);font-weight:800;color:#cdd5f4}.timer-pills{display:flex;gap:6px;flex-wrap:wrap}.timer-pills label{cursor:pointer}.timer-pills input{position:absolute;opacity:0}.timer-pills span{display:block;padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(4,8,28,.43);font-size:13px}.timer-pills input:checked+span{background:#765be2;border-color:#bdb2ff;color:white}
.count-stepper{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;align-items:center}.count-stepper button{height:48px;border-radius:14px;border:1px solid var(--line);background:rgba(5,9,31,.5);font-size:28px;cursor:pointer}.count-stepper label{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.1);background:rgba(5,9,31,.4);border-radius:14px;padding:7px 9px 7px 13px;color:#cbd3ee;font-size:13px;font-weight:800}.count-stepper input{width:74px;border:0;border-radius:10px;background:#fff;color:#18214b;font-weight:900;font-size:21px;text-align:center;padding:5px 4px;outline:none}.requirement-card{margin-top:13px;border-radius:14px;padding:11px 13px;background:rgba(79,103,218,.14);border:1px solid rgba(124,154,255,.2);display:flex;flex-direction:column;gap:2px}.requirement-card strong{font-size:14px}.requirement-card span{font-size:12px;color:#bec8e9}
.primary-button,.secondary-button{border:0;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.17s ease}.primary-button{background:linear-gradient(135deg,#695bdf,#a353dc);color:#fff;box-shadow:0 12px 26px rgba(79,53,181,.31)}.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.primary-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.secondary-button{background:rgba(18,28,68,.75);border:1px solid rgba(255,255,255,.15);color:#eef2ff}.secondary-button:hover{background:rgba(41,52,103,.8);border-color:rgba(255,255,255,.27)}.continue-button{display:flex;margin:20px auto 0;min-width:270px;padding:15px 22px;font-size:17px}

.questions-main{width:min(1260px,calc(100% - 36px));margin:0 auto;padding:28px 0 55px}.requirement-banner{border-radius:22px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.requirement-banner>div:first-child{display:flex;gap:13px;align-items:center}.requirement-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#59caff,#986bff);display:flex;align-items:center;justify-content:center;font-size:20px}.requirement-banner strong{font-size:17px}.requirement-banner p{margin:2px 0 0;color:var(--muted);font-size:13px}.loaded-badge{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-weight:900;font-size:13px;white-space:nowrap}.loaded-badge.is-ok{background:rgba(47,211,133,.16);border-color:rgba(73,232,154,.32);color:#a8ffd0}.loaded-badge.is-warning{background:rgba(255,205,78,.14);border-color:rgba(255,210,94,.26);color:#ffe39a}
.question-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.question-source-card{border-radius:24px;padding:20px;position:relative;overflow:hidden}.question-source-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(127,105,255,.24),transparent 68%)}.source-file:before{background:radial-gradient(circle,rgba(42,199,255,.2),transparent 68%)}.source-number{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.11);display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px}.source-copy h3{margin:0 0 5px;font-size:20px}.source-copy p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}.mini-steps{margin:14px 0 16px;padding-left:21px;color:#d2daf7;font-size:13px;line-height:1.55}.source-button{width:100%;margin-top:8px}.manual-paste{margin-top:11px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(2,6,25,.35)}.manual-paste p{font-size:12.5px;color:#c5cdef;margin:0 0 8px}.manual-paste textarea{width:100%;min-height:126px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;padding:11px;resize:vertical;outline:none;margin-bottom:8px}.dropzone{min-height:260px;margin-top:16px;border:1.5px dashed rgba(152,195,255,.34);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:rgba(16,43,84,.16);color:#cbd7f8;cursor:pointer;transition:.18s}.dropzone:hover,.dropzone.is-dragover{border-color:#7cd8ff;background:rgba(48,133,196,.16);transform:translateY(-1px)}.drop-icon{font-size:38px}.dropzone strong{color:#fff}.dropzone>span:not(.drop-icon){font-size:12px;color:#9fadd4}
.loaded-panel{margin-top:18px;border-radius:22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.loaded-panel-copy{display:flex;gap:12px;align-items:center}.loaded-check{width:40px;height:40px;border-radius:50%;background:rgba(47,220,137,.18);border:1px solid rgba(84,243,163,.28);color:#95ffc4;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}.loaded-panel-copy p{margin:2px 0 0;color:var(--muted);font-size:13px}.loaded-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.explain-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#d0d7f2;cursor:pointer}.explain-toggle input{accent-color:#8766eb;width:17px;height:17px}.status-message{white-space:pre-line;margin:16px auto 0;text-align:center;max-width:900px;min-height:24px;font-size:13px;color:#c5cdef}.status-message.is-error{color:#ff9fb1}.status-message.is-warning{color:#ffe09a}.status-message.is-success{color:#9effca}.start-button{display:flex;margin:17px auto 0;min-width:230px;padding:14px 22px}

.game-screen{position:relative}.game-topbar{position:relative;z-index:20;min-height:76px;padding:14px clamp(16px,3vw,42px) 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,rgba(2,5,22,.78),rgba(4,9,32,.28));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.game-progress-meta{display:flex;align-items:center;gap:12px}.world-chip,.question-count-label{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;padding:7px 12px;background:rgba(8,14,43,.58);border:1px solid rgba(255,255,255,.13);font-weight:900;font-size:13px}.question-count-label{color:#c9d4f6}.progress-track{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.08);overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#52d6ff,#8a69ff,#ff77bd);box-shadow:0 0 14px #76cfff;transition:width .35s ease}.game-main{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:clamp(20px,4vh,48px) 0 42px;display:flex;flex-direction:column;align-items:center}.question-card-game{width:min(1220px,100%);border-radius:26px;padding:clamp(20px,3vw,34px);text-align:center}.question-kicker{margin:0 0 7px;text-transform:uppercase;letter-spacing:.13em;color:#a8c9ff;font-size:12px;font-weight:900}.question-card-game h2{margin:0;font-size:clamp(24px,3.25vw,48px);line-height:1.16;text-wrap:balance}.answers-grid{width:min(1400px,100%);display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.answer-button{--choice:var(--answer-a);min-height:clamp(84px,11vh,132px);border-radius:24px;border:1.5px solid color-mix(in srgb,var(--choice) 62%,white 8%);background:linear-gradient(135deg,rgba(12,19,53,.88),rgba(18,25,67,.76));display:grid;grid-template-columns:62px 1fr;align-items:center;gap:16px;text-align:left;padding:16px 22px;cursor:pointer;box-shadow:inset 5px 0 0 var(--choice),0 14px 30px rgba(0,0,0,.2);transition:transform .14s ease,filter .14s ease,background .2s,border-color .2s,box-shadow .2s}.answer-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.answer-button:disabled{cursor:default}.answer-button[data-letter="A"]{--choice:var(--answer-a)}.answer-button[data-letter="B"]{--choice:var(--answer-b)}.answer-button[data-letter="C"]{--choice:var(--answer-c)}.answer-button[data-letter="D"]{--choice:var(--answer-d)}.answer-letter{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--choice) 70%,#15204b 30%);font-size:27px;font-weight:900;box-shadow:0 0 18px color-mix(in srgb,var(--choice) 34%,transparent)}.answer-text{font-size:clamp(17px,2vw,28px);line-height:1.22;font-weight:800}.answer-button.is-correct{--choice:#31e18b!important;background:linear-gradient(135deg,rgba(12,96,63,.93),rgba(15,62,56,.9));border-color:#7bffc0;box-shadow:0 0 0 2px rgba(107,255,181,.18),0 0 34px rgba(50,230,142,.34),inset 5px 0 0 #4ff3a2;animation:correctGlow .55s ease}.answer-button.is-wrong{--choice:#ff5477!important;background:linear-gradient(135deg,rgba(112,24,55,.93),rgba(68,20,49,.9));border-color:#ff96aa;box-shadow:0 0 0 2px rgba(255,93,126,.14),0 0 30px rgba(255,61,111,.3),inset 5px 0 0 #ff5f7f;animation:wrongShake .36s ease}.answer-button.is-neutral{background:linear-gradient(135deg,rgba(47,65,117,.94),rgba(28,38,80,.9));border-color:#b7c7ff;box-shadow:0 0 28px rgba(105,157,255,.23),inset 5px 0 0 #8db6ff}
@keyframes correctGlow{50%{transform:scale(1.018);filter:brightness(1.25)}}@keyframes wrongShake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.feedback-card{width:min(1050px,100%);border-radius:22px;padding:16px 18px;margin-top:15px}.feedback-main{display:flex;gap:12px;align-items:center}.feedback-main>span{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.09);font-size:22px;font-weight:900}.feedback-main strong{font-size:18px}.feedback-main p{margin:2px 0 0;color:#c9d2ef;font-size:13px}.explanation{margin-top:11px;padding:11px 13px;border-radius:14px;background:rgba(74,102,193,.15);border:1px solid rgba(124,154,255,.2);color:#d9e2ff;line-height:1.4}.next-button{display:flex;margin:13px auto 0}.quick-timer{position:relative;width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(5,11,35,.82);border:2px solid rgba(255,255,255,.18);margin-bottom:12px;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.25)}.quick-timer span{position:relative;z-index:2;font-size:21px;font-weight:900}.quick-timer i{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(180deg,rgba(121,97,240,.18),rgba(65,202,255,.55));transform-origin:bottom;transition:height .1s linear}

.result-main,.final-main{width:min(1120px,calc(100% - 36px));min-height:calc(100vh - 80px);margin:0 auto;padding:34px 0 55px;display:flex;flex-direction:column;align-items:center;text-align:center}.result-orb{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:54px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),rgba(94,77,184,.4),rgba(6,12,37,.85));border:1px solid rgba(255,255,255,.18);box-shadow:0 0 40px rgba(103,99,255,.26);margin-bottom:13px}.result-main h2,.final-main h2{font-size:clamp(34px,5vw,58px);margin:6px 0 17px;letter-spacing:-.035em}.percent-ring,.overall-score{width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(28,39,91,.92),rgba(7,13,42,.86));border:2px solid rgba(139,173,255,.24);box-shadow:0 0 50px rgba(86,112,255,.17),inset 0 0 32px rgba(113,95,222,.18)}.percent-ring strong,.overall-score strong{font-size:50px;line-height:1}.percent-ring span,.overall-score span{font-size:12px;color:#bfc9eb;margin-top:5px}.result-copy{font-size:17px;color:#cbd4f1;margin:17px 0 0}.result-secondary{margin-top:8px;color:#b9c6e7;font-weight:800;font-size:13px}.result-actions,.final-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;justify-content:center}.world-results{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;width:100%;margin-top:26px}.world-result-card{border-radius:19px;padding:16px 12px;background:rgba(10,17,49,.68);border:1px solid rgba(255,255,255,.11);box-shadow:0 10px 25px rgba(0,0,0,.16);display:flex;flex-direction:column;align-items:center;gap:4px}.world-result-card .icon{font-size:31px}.world-result-card strong{font-size:14px}.world-result-card .pct{font-size:24px;font-weight:900;color:#dbe4ff}.overall-score{margin-top:3px}

.review-modal,.answers-modal{position:fixed;inset:0;z-index:100;background:rgba(2,5,20,.78);backdrop-filter:blur(12px);padding:18px;overflow:auto}.review-dialog,.answers-dialog{width:min(1180px,100%);margin:0 auto;background:#0c1234;border:1px solid rgba(255,255,255,.13);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.review-head,.answers-head{position:sticky;top:0;z-index:3;background:rgba(12,18,52,.97);padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr auto;gap:10px 16px}.review-head h2,.answers-head h2{margin:3px 0 2px}.review-head p:not(.eyebrow){margin:0;color:#aeb9df;font-size:13px}.modal-close{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:28px;cursor:pointer}.review-summary{grid-column:1/-1;border-radius:12px;padding:9px 12px;background:rgba(255,255,255,.06);font-size:13px;font-weight:800}.review-summary.is-error{color:#ff9eb1;background:rgba(255,75,112,.1)}.review-summary.is-warning{color:#ffe29b;background:rgba(255,203,73,.09)}.review-summary.is-success{color:#9cffca;background:rgba(63,217,139,.09)}.review-list{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:13px;max-height:68vh;overflow:auto}.review-card{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:18px;padding:14px}.review-card.has-error{border-color:rgba(255,95,127,.55);box-shadow:0 0 0 1px rgba(255,95,127,.12)}.review-card.is-empty{opacity:.74}.review-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-weight:900}.review-note{font-size:11px;color:#9da9cf}.review-note.is-error{color:#ff9caf}.review-note.is-ok{color:#91f8bd}.review-field{margin-bottom:8px}.review-field label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#aeb9dd;margin-bottom:4px;font-weight:800}.review-field textarea{width:100%;min-height:48px;max-height:160px;resize:vertical;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:8px 10px;outline:none;line-height:1.3}.review-field textarea.is-error{border-color:#ff6e89}.review-answers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.review-correct{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.review-correct>span{font-size:12px;color:#aeb9dc;font-weight:800;margin-right:4px}.review-correct label{cursor:pointer}.review-correct input{position:absolute;opacity:0}.review-correct label span{width:35px;height:31px;border-radius:9px;border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;font-weight:900;background:rgba(255,255,255,.05)}.review-correct input:checked+span{background:#725dde;border-color:#b8adff}.review-footer{position:sticky;bottom:0;padding:14px 18px;background:rgba(12,18,52,.97);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px}.review-footer-left{display:flex;gap:10px;flex-wrap:wrap}.review-save-note{margin-top:7px!important;color:#c9d3f2!important;font-size:12px!important}.review-save-note:before{content:"📄 ";}.review-head{align-items:start}.answers-list{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:78vh;overflow:auto}.answer-review-card{border-radius:17px;padding:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:left}.answer-review-card.is-correct{border-color:rgba(65,222,139,.27)}.answer-review-card.is-wrong{border-color:rgba(255,96,126,.3)}.answer-review-card h4{margin:0 0 9px;font-size:15px;line-height:1.28}.answer-review-card p{margin:5px 0;font-size:13px;color:#d1d8f3}.answer-review-card .your-wrong{text-decoration:line-through;color:#ff9db1}.answer-review-card .correct-line{color:#9ff9c5;font-weight:800}.answer-review-card .review-explain{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:#b9c6e6;font-size:12px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);z-index:200;background:#111a44;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 40px rgba(0,0,0,.4);border-radius:13px;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}


@media(max-width:780px){.topbar{padding:12px 14px;min-height:66px}.setup-main,.questions-main,.result-main,.final-main{width:min(100% - 20px,100%)}.hero-copy{margin-top:8px}.hero-copy h1{font-size:46px}.world-picker-card,.setup-card,.question-source-card{border-radius:20px;padding:15px}.section-heading--worlds{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented label{flex:1}.segmented span{text-align:center}.world-orbs{grid-template-columns:repeat(4,1fr);gap:10px}.world-option button{width:72px}.world-option-name{font-size:10.5px}.world-order{right:calc(50% - 37px);top:-3px}.mode-cards{grid-template-columns:1fr}.timer-setting{align-items:flex-start;flex-direction:column}.question-source-grid{grid-template-columns:1fr}.loaded-panel{align-items:flex-start;flex-direction:column}.loaded-actions{justify-content:flex-start}.answers-grid{grid-template-columns:1fr;gap:10px}.answer-button{min-height:78px;border-radius:19px;grid-template-columns:48px 1fr;padding:12px 15px}.answer-letter{width:42px;height:42px;border-radius:13px;font-size:22px}.game-main{padding-top:20px}.question-card-game{border-radius:20px;padding:18px 15px}.game-topbar{padding:10px 12px 14px}.world-chip{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-tools{gap:5px}.game-tools .icon-button{min-width:40px;width:40px;height:40px;padding:0}.review-list,.answers-list{grid-template-columns:1fr}.review-answers{grid-template-columns:1fr}.review-dialog,.answers-dialog{border-radius:18px}.review-modal,.answers-modal{padding:7px}.world-results{grid-template-columns:1fr 1fr}.result-actions,.final-actions{width:100%}.result-actions button,.final-actions button{flex:1}.stage-planet.planet-one{width:60vw;height:60vw}.stage-planet.planet-two{width:38vw;height:38vw}.screen-title-block h2{font-size:20px}.screen-title-block .eyebrow{font-size:9px}}
@media(max-width:430px){.world-orbs{grid-template-columns:repeat(4,1fr)}.world-option button{width:64px}.world-option-name{font-size:9.5px}.world-order{right:calc(50% - 33px);width:22px;height:22px;min-width:22px;font-size:11px}.hero-copy>p:last-child{font-size:15px}.mode-card small{font-size:11px}.requirement-banner{align-items:flex-start;flex-direction:column}.loaded-badge{align-self:flex-start}.game-progress-meta{gap:5px}.question-count-label{padding:6px 9px}.world-chip{max-width:122px}.answer-text{font-size:17px}.world-results{grid-template-columns:1fr}.topbar .brand-mini{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .stage-stars{animation-duration:52s}
  .stage-fireflies{animation-duration:9.6s}
  .stage-coins{animation-duration:16s}
  .stage-water{animation-duration:12s}
  .stage-bubbles{animation-duration:18s}
  .stage-disco-ball{animation-duration:16s}
  .stage-beams{animation-duration:18s}
  .stage-rain{animation-duration:1.6s}
  .stage-grid{animation-duration:8s}
  .stage-data{animation-duration:6s}
  .stage-aurora{animation-duration:16s}
}
.celebration-item{position:absolute;top:-12%;z-index:4;animation:worldCelebration 3.4s cubic-bezier(.2,.65,.25,1) forwards;filter:drop-shadow(0 0 10px rgba(255,255,255,.45));}
@keyframes worldCelebration{0%{transform:translateY(0) rotate(0deg) scale(.8);opacity:0}12%{opacity:1}100%{transform:translateY(118vh) rotate(240deg) scale(1.15);opacity:.1}}
.cyber-complete{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);padding:15px 24px;border:1px solid rgba(93,255,231,.65);background:rgba(3,28,37,.8);color:#72ffe5;letter-spacing:.16em;font-size:clamp(20px,4vw,48px);box-shadow:0 0 35px rgba(77,255,223,.34);animation:cyberComplete 3.2s ease forwards}
@keyframes cyberComplete{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.share-modal{position:fixed;inset:0;z-index:110;background:rgba(2,5,20,.78);backdrop-filter:blur(12px);padding:18px;overflow:auto}.share-dialog{width:min(720px,100%);margin:5vh auto 0;background:#0c1234;border:1px solid rgba(255,255,255,.13);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.share-body{padding:20px}.share-body>p{margin:0 0 15px;color:#c1cae8;line-height:1.5}.share-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#b9c4e5;margin-bottom:12px}.share-field input{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;padding:0 12px;outline:none}.share-result{margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09)}.share-row{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:center}.qr-box{width:240px;height:240px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.qr-box img,.qr-box canvas{max-width:100%;height:auto!important}.share-actions{display:flex;flex-direction:column;gap:9px}.share-actions small{color:#aeb9dc;line-height:1.4}.share-actions .secondary-button{width:100%}@media(max-width:600px){.share-row{grid-template-columns:1fr}.qr-box{width:220px;height:220px;margin:0 auto}.share-modal{padding:8px}.share-dialog{margin-top:1vh}}

/* --- v3 test: compact layout, richer world previews, safer dialogs --- */
.world-preview{font-size:0;isolation:isolate}
.world-preview:before,.world-preview:after{content:none!important;display:none!important}
.world-preview svg{position:absolute;inset:0;width:100%;height:100%;display:block;transform:scale(1.02)}
.world-option button{background:#0b1234}
.world-stage::before,.world-stage::after,.stage-base::before,.stage-base::after{content:none!important;display:none!important}
.stage-celebration:not(.is-active){visibility:hidden}

.import-choice-modal{position:fixed;inset:0;z-index:130;background:rgba(2,5,20,.8);backdrop-filter:blur(12px);padding:18px;display:flex;align-items:center;justify-content:center}
.import-choice-dialog{width:min(620px,100%);background:#0c1234;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.52);text-align:center}
.import-choice-dialog h2{margin:6px 0 10px;font-size:28px}
.import-choice-dialog>p:not(.eyebrow){margin:0 auto 18px;color:#c7d0ed;line-height:1.5;max-width:520px}
.import-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.import-choice-actions .import-cancel{grid-column:1/-1}
.import-choice-dialog small{display:block;color:#9fadd2;margin-top:14px;line-height:1.4}

/* Keep 4:3 interactive boards compact; do not force 1024px wide screens into mobile stacking. */
@media(max-width:900px){
  .world-orbs{grid-template-columns:repeat(4,1fr);row-gap:16px}
  .world-option button{width:90px}
  .setup-grid{grid-template-columns:1fr}
  .world-results{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:901px) and (max-height:900px){
  .topbar{min-height:58px;padding:8px clamp(16px,3vw,38px)}
  .icon-button,.back-button{height:40px;min-width:40px;border-radius:12px}
  .brand-mark{font-size:22px}.brand-mini-text{font-size:17px}
  .setup-main{width:min(1420px,calc(100% - 28px));padding:0 0 14px}
  .hero-copy{margin:-2px auto 9px}
  .hero-copy .eyebrow{font-size:9px}
  .hero-copy h1{font-size:clamp(34px,4.4vw,58px);margin:4px 0 5px;line-height:.96}
  .hero-copy>p:last-child{font-size:14px}
  .world-picker-card{padding:11px 16px 9px;border-radius:20px}
  .section-heading{margin-bottom:8px;gap:12px}
  .section-heading h2{font-size:18px}.section-heading p{font-size:11px}
  .step-badge{width:28px;height:28px;font-size:12px}
  .segmented span{padding:6px 11px;font-size:12px}
  .world-orbs{gap:8px;grid-template-columns:repeat(8,minmax(70px,1fr))}
  .world-option{gap:5px}
  .world-option button{width:clamp(64px,6.5vw,82px)}
  .world-option-name{font-size:10px;min-height:20px}
  .world-order{right:calc(50% - 38px);width:23px;height:23px;min-width:23px;font-size:11px}
  .world-selection-note{margin-top:5px;min-height:16px;font-size:11px}
  .setup-grid{grid-template-columns:1.35fr .65fr;gap:10px;margin-top:10px}
  .setup-card{padding:11px 14px;border-radius:19px}
  .compact-heading{margin-bottom:8px}.compact-heading h2{font-size:17px!important}
  .mode-cards{gap:6px}.mode-card{grid-template-columns:28px 1fr;gap:6px;padding:7px 8px;border-radius:12px}
  .mode-icon{font-size:19px}.mode-card strong{font-size:13px}.mode-card small{font-size:9.5px}
  .timer-setting{margin-top:8px;padding-top:7px;font-size:12px}.timer-pills span{padding:5px 8px;font-size:11px}
  .count-stepper{grid-template-columns:38px 1fr 38px;gap:6px}.count-stepper button{height:40px}.count-stepper label{padding:5px 7px 5px 10px;font-size:11px}.count-stepper input{font-size:18px;width:62px}
  .requirement-card{margin-top:7px;padding:7px 10px}.requirement-card strong{font-size:12px}.requirement-card span{font-size:10px}
  .continue-button{margin:10px auto 0;padding:10px 18px;min-width:240px;font-size:14px}
  .questions-main{padding:14px 0 22px}
  .question-source-grid{gap:12px;margin-top:12px}.question-source-card{padding:14px}.dropzone{min-height:190px;margin-top:10px}
  .requirement-banner{padding:11px 15px}.loaded-panel{margin-top:12px;padding:11px 14px}.start-button{margin-top:10px}
  .result-main,.final-main{min-height:calc(100vh - 58px);padding:18px 0 24px}.result-orb{width:78px;height:78px;font-size:38px}.percent-ring,.overall-score{width:150px;height:150px}.percent-ring strong,.overall-score strong{font-size:42px}
}

@media(max-width:600px){.import-choice-actions{grid-template-columns:1fr}.import-choice-actions .import-cancel{grid-column:auto}.import-choice-dialog{padding:18px}}

/* v4: keep decorative layers clean and review controls responsive */
.world-stage::before,.world-stage::after,.stage-base::before,.stage-base::after{content:none!important;display:none!important}
@media(max-width:720px){.review-footer{align-items:stretch;flex-direction:column}.review-footer-left{display:grid;grid-template-columns:1fr}.review-footer .primary-button{width:100%}}


/* --- v5: active worlds, reactions, QR quiet zone --- */
/* Mountains belong only to Aurora. This removes the accidental X visible in every world. */
.stage-mountains{opacity:0}
body.world-aurora .stage-mountains{opacity:1}

/* Ambient motion remains visible even when the operating system requests reduced motion;
   it simply runs more slowly (see the media query above). */

/* Feedback animations: answer buttons already change colour; these animate only the world. */
body.world-space.reaction-correct .stage-stars{animation:spaceAnswerGlow .9s ease both}
body.world-space.reaction-correct .stage-planet{filter:brightness(1.35) saturate(1.15)}
body.world-space.reaction-wrong .stage-stars{animation:worldDim .8s ease both}
@keyframes spaceAnswerGlow{0%,100%{filter:brightness(1)}45%{filter:brightness(2.2);transform:scale(1.018)}}

body.world-forest.reaction-correct .stage-fireflies{animation:forestAnswerGlow .9s ease both}
body.world-forest.reaction-wrong .stage-fireflies{animation:worldDim .8s ease both}
@keyframes forestAnswerGlow{0%,100%{filter:brightness(1);transform:translateY(0)}45%{filter:brightness(2.2);transform:translateY(-16px) scale(1.025)}}

body.world-rainbow.reaction-correct .stage-coins{opacity:.72!important;animation:rainbowCoinsBurst .9s ease both}
body.world-rainbow.reaction-correct .stage-rainbow{filter:brightness(1.25) saturate(1.18)}
body.world-rainbow.reaction-wrong .stage-rainbow{animation:rainbowWrong .8s ease both}
@keyframes rainbowCoinsBurst{0%{transform:translateY(18px) scale(.96);filter:brightness(1)}45%{transform:translateY(-18px) scale(1.04);filter:brightness(1.45)}100%{transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes rainbowWrong{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(.65) brightness(.72)}}

body.world-ocean.reaction-correct .stage-bubbles{animation:oceanBubbleBurst .95s ease both}
body.world-ocean.reaction-correct .stage-water{filter:brightness(1.25) saturate(1.15)}
body.world-ocean.reaction-wrong .stage-water{animation:oceanWrong .8s ease both}
@keyframes oceanBubbleBurst{0%{transform:translateY(10px);filter:brightness(1)}45%{transform:translateY(-26px) scale(1.025);filter:brightness(1.65)}100%{transform:translateY(0);filter:brightness(1)}}
@keyframes oceanWrong{0%,100%{filter:brightness(1)}50%{filter:brightness(.72) saturate(.78)}}

body.world-disco.reaction-correct .stage-disco-ball{animation:discoAnswerHit .85s ease both}
body.world-disco.reaction-correct .stage-beams{animation:discoBeamHit .85s ease both}
body.world-disco.reaction-wrong .stage-beams{animation:discoWrong .75s ease both}
@keyframes discoAnswerHit{0%,100%{transform:translateX(-50%) scale(1);filter:brightness(1)}40%{transform:translateX(-50%) scale(1.22) rotate(22deg);filter:brightness(1.65)}}
@keyframes discoBeamHit{0%,100%{filter:brightness(1)}45%{filter:brightness(1.8) saturate(1.35)}}
@keyframes discoWrong{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.22;filter:brightness(.5)}}

body.world-neon.reaction-correct .stage-city{animation:neonSuccess .85s ease both}
body.world-neon.reaction-wrong .stage-city{animation:neonFail .75s steps(2,end) both}
@keyframes neonSuccess{0%,100%{filter:brightness(1) saturate(1)}45%{filter:brightness(1.75) saturate(1.4);transform:scale(1.008)}}
@keyframes neonFail{0%,100%{filter:brightness(1)}25%{filter:brightness(.35)}50%{filter:brightness(1.2)}75%{filter:brightness(.55)}}

body.world-cyber.reaction-correct .stage-data{animation:cyberSuccess .85s ease both}
body.world-cyber.reaction-correct .stage-grid{filter:brightness(1.45)}
body.world-cyber.reaction-wrong .stage-grid,body.world-cyber.reaction-wrong .stage-data{animation:cyberGlitch .7s steps(2,end) both}
@keyframes cyberSuccess{0%,100%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(2);transform:scale(1.025)}}
@keyframes cyberGlitch{0%,100%{transform:translate(0);filter:brightness(1)}25%{transform:translate(-8px,2px);filter:hue-rotate(38deg) brightness(.7)}50%{transform:translate(7px,-2px)}75%{transform:translate(-3px,1px);filter:hue-rotate(-28deg)}}

body.world-aurora.reaction-correct .stage-aurora{animation:auroraAnswerGlow 1.15s ease both}
body.world-aurora.reaction-wrong .stage-aurora{animation:auroraAnswerDim .95s ease both}
@keyframes auroraAnswerGlow{0%,100%{filter:blur(18px) brightness(1);transform:translateX(0) scaleY(1)}50%{filter:blur(20px) brightness(1.45);transform:translateX(3%) scaleY(1.22)}}
@keyframes auroraAnswerDim{0%,100%{filter:blur(18px) brightness(1)}50%{filter:blur(20px) brightness(.63) saturate(.72)}}

@keyframes worldDim{0%,100%{filter:brightness(1)}50%{filter:brightness(.62) saturate(.72)}}

/* Result screens reuse the same world animation but more strongly. */
body.reaction-strong.world-space .stage-stars,
body.reaction-strong.world-forest .stage-fireflies,
body.reaction-strong.world-rainbow .stage-coins,
body.reaction-strong.world-ocean .stage-bubbles,
body.reaction-strong.world-disco .stage-beams,
body.reaction-strong.world-neon .stage-city,
body.reaction-strong.world-cyber .stage-data,
body.reaction-strong.world-aurora .stage-aurora{filter:brightness(1.55) saturate(1.18)}

/* Larger, cleaner QR with a visibly generous quiet zone. */
.share-row{grid-template-columns:356px 1fr}
.qr-box{width:356px;height:356px;padding:28px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 16px 38px rgba(0,0,0,.22)}
.qr-box img,.qr-box canvas{width:300px!important;height:300px!important;max-width:none}
@media(max-width:700px){.share-row{grid-template-columns:1fr}.qr-box{width:336px;height:336px;padding:18px;margin:0 auto}.qr-box img,.qr-box canvas{width:300px!important;height:300px!important}}
@media(max-width:380px){.qr-box{width:310px;height:310px;padding:10px}.qr-box img,.qr-box canvas{width:290px!important;height:290px!important}}

/* --- v6: compact settings, clearer question tools, livelier worlds --- */
/* Settings and question preparation use a centered workspace instead of the full screen width. */
.setup-main{width:min(1120px,calc(100% - 32px))}
.questions-main{width:min(1040px,calc(100% - 32px))}
.review-dialog{width:min(980px,calc(100% - 18px))}

/* Loaded questions: three clear action groups. */
.loaded-panel{display:block;padding:16px 18px 18px}
.loaded-panel-copy{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.question-tools-grid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:10px}
.question-tool-card{min-width:0;border:1px solid rgba(255,255,255,.1);background:rgba(4,9,31,.34);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:9px}
.question-tool-title{display:flex;align-items:center;gap:8px;color:#e3e9ff;font-size:14px}.question-tool-title>span{font-size:17px}
.question-tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.question-tool-card .secondary-button{width:100%;min-height:40px;padding:8px 11px}
.question-tool-card .explain-toggle{margin-top:auto}
.question-tool-card--share .secondary-button{margin-top:auto}

/* Sharing opens only when requested, so normal game preparation stays clean. */
.share-dialog{width:min(780px,100%)}
.share-body{padding:20px}
.share-lead{margin:0 0 14px!important;color:#d2daf4!important;font-weight:700}
.share-status{min-height:20px;margin-top:10px;font-size:12px;color:#aeb9dc}.share-status.is-error{color:#ff9fb1}.share-status.is-success{color:#9effca}.share-status.is-warning{color:#ffe09a}
.share-result{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.share-result-grid{display:grid;grid-template-columns:1fr 360px;gap:14px;align-items:start}
.share-option-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:10px;min-width:0}
.share-option-title{display:flex;align-items:center;gap:8px;font-size:15px}.share-option-title>span{font-size:18px}
.share-option-card p{margin:0;color:#bcc6e6;line-height:1.45;font-size:12.5px}
.share-option-card .secondary-button{margin-top:4px;width:100%}
.share-option-card--qr{align-items:center;text-align:center}.share-option-card--qr .secondary-button{margin-top:4px}
.share-option-card--qr .share-option-title{align-self:flex-start}
.share-note{display:block;margin-top:11px;color:#9fadd2;line-height:1.4;text-align:center}
.qr-box{width:336px;height:336px;padding:18px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.85),0 14px 34px rgba(0,0,0,.2);overflow:hidden}
.qr-box canvas{width:300px!important;height:300px!important;max-width:none}

/* Aurora: calm snowy ridges instead of crossed mountain gradients. */
.stage-mountains{inset:auto 0 0;height:34%;opacity:0;background:linear-gradient(180deg,#dcecff 0%,#aabbd1 38%,#63758d 100%);clip-path:polygon(0 72%,10% 60%,21% 69%,34% 52%,47% 66%,61% 45%,73% 61%,86% 49%,100% 58%,100% 100%,0 100%);filter:drop-shadow(0 -10px 28px rgba(197,224,255,.12))}
.stage-mountains:before{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(180deg,#f7fbff,#b9cae0 55%,#5d6e84);clip-path:polygon(0 77%,13% 65%,25% 73%,39% 57%,52% 71%,68% 55%,82% 70%,100% 60%,100% 100%,0 100%);opacity:.82}
body.world-aurora .stage-mountains{opacity:1}

/* Forest: individual fireflies with varied curved routes and different speeds. */
.stage-fireflies{background:none!important;animation:none!important;overflow:hidden}
.firefly{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,#fffde0 0 22%,#fff59c 28% 46%,rgba(134,255,211,.72) 54%,transparent 72%);box-shadow:0 0 8px #fff3a0,0 0 18px rgba(114,255,205,.55);opacity:.25;animation:fireflyFlight var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity,filter}
@keyframes fireflyFlight{
  0%{transform:translate3d(0,0,0) scale(.72);opacity:.22;filter:brightness(.8)}
  24%{transform:translate3d(var(--x1),var(--y1),0) scale(1.05);opacity:.92;filter:brightness(1.35)}
  52%{transform:translate3d(var(--x2),var(--y2),0) scale(.86);opacity:.55;filter:brightness(1)}
  76%{transform:translate3d(var(--x3),var(--y3),0) scale(1.12);opacity:1;filter:brightness(1.5)}
  100%{transform:translate3d(var(--x4),var(--y4),0) scale(.78);opacity:.34;filter:brightness(.9)}
}
body.world-forest.reaction-correct .stage-fireflies{animation:forestAnswerGlow .9s ease both!important}
body.world-forest.reaction-wrong .stage-fireflies{animation:worldDim .8s ease both!important}

@media(max-width:780px){
  .setup-main,.questions-main{width:min(100% - 20px,100%)}
  .question-tools-grid{grid-template-columns:1fr}
  .question-tool-buttons{grid-template-columns:1fr 1fr}
  .share-result-grid{grid-template-columns:1fr}
  .qr-box{width:316px;height:316px;padding:13px}
  .qr-box canvas{width:290px!important;height:290px!important}
}
@media(max-width:380px){.qr-box{width:292px;height:292px;padding:11px}.qr-box canvas{width:270px!important;height:270px!important}.question-tool-buttons{grid-template-columns:1fr}}

@media(min-width:901px) and (max-height:900px){
  .setup-main{width:min(1080px,calc(100% - 28px))}
  .questions-main{width:min(980px,calc(100% - 28px));padding:12px 0 18px}
  .question-tools-grid{gap:8px}.question-tool-card{padding:9px}.question-tool-card .secondary-button{font-size:12px;min-height:36px}
}


/* v7 – thematic world detail and cleaner post-review flow */
.stage-space-planets,.stage-snowflakes{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s ease;overflow:hidden}
body.world-space .stage-space-planets{opacity:1}
body.world-aurora .stage-snowflakes{opacity:1}
body.world-space .stage-stars{opacity:.42}
body.world-aurora .stage-stars{opacity:0!important}

.spacelet{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--light),var(--mid) 44%,var(--dark) 78%);box-shadow:0 0 13px color-mix(in srgb,var(--mid) 45%,transparent);opacity:.8;animation:spaceletDrift var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform}
.spacelet.has-ring:after{content:"";position:absolute;left:-32%;right:-32%;top:42%;height:15%;border:2px solid rgba(255,238,190,.72);border-radius:50%;transform:rotate(var(--ring));box-shadow:0 0 7px rgba(255,230,166,.2)}
@keyframes spaceletDrift{to{transform:translate3d(var(--dx),var(--dy),0) rotate(7deg)}}

.snowflake{position:absolute;left:var(--left);top:-8%;font-size:var(--size);line-height:1;color:rgba(242,249,255,.9);text-shadow:0 0 7px rgba(210,235,255,.5);opacity:var(--opacity);animation:snowFall var(--dur) linear var(--delay) infinite;will-change:transform}
@keyframes snowFall{0%{transform:translate3d(0,-12vh,0) rotate(0)}50%{transform:translate3d(var(--drift),50vh,0) rotate(135deg)}100%{transform:translate3d(var(--drift2),112vh,0) rotate(290deg)}}

/* A recognisable layered forest: trunks + crowns instead of a single jagged silhouette. */
.stage-forest{inset:auto 0 0;height:76%;clip-path:none!important;background:linear-gradient(180deg,transparent 0 12%,rgba(3,23,22,.16) 28%,rgba(2,15,18,.72) 100%);overflow:hidden}
.forest-tree{position:absolute;bottom:-2%;left:var(--left);width:var(--w);height:var(--h);opacity:var(--opacity);filter:drop-shadow(0 0 8px rgba(6,24,20,.35));transform:translateX(-50%)}
.forest-tree:before{content:"";position:absolute;left:42%;bottom:0;width:16%;height:58%;border-radius:45% 45% 8% 8%;background:linear-gradient(90deg,#1b3028,#3e4935 44%,#182a24);box-shadow:inset 2px 0 rgba(255,255,255,.04)}
.forest-tree:after{content:"";position:absolute;left:0;right:0;top:0;height:61%;border-radius:48% 52% 44% 48%;background:radial-gradient(ellipse at 50% 70%,#173d31 0 35%,transparent 37%),radial-gradient(ellipse at 25% 60%,#1b4c3b 0 34%,transparent 36%),radial-gradient(ellipse at 72% 57%,#205542 0 35%,transparent 37%),radial-gradient(ellipse at 49% 28%,#2a6651 0 38%,transparent 40%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.24))}
body.world-forest .stage-moon{opacity:.72}
body.world-forest .stage-forest{opacity:1}

/* Rainbow world: fewer, clearly coin-shaped particles. */
.stage-coins{background:none!important;animation:none!important;overflow:hidden}
.coin-particle{position:absolute;left:var(--left);top:var(--top);width:var(--w);height:var(--h);border-radius:50%;background:radial-gradient(ellipse at 34% 28%,#fff4ae 0 10%,#ffd758 18% 48%,#d89116 62% 78%,#8d5707 84%);border:1px solid rgba(255,235,143,.76);box-shadow:0 0 8px rgba(255,197,64,.22),inset 0 0 0 2px rgba(255,246,185,.17);color:#8b5909;font-weight:900;font-size:var(--font);display:flex;align-items:center;justify-content:center;opacity:.78;transform:rotate(var(--tilt));animation:coinFloat var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform,filter}
.coin-particle:after{content:"€";transform:scaleX(.82);text-shadow:0 1px rgba(255,255,255,.35)}
@keyframes coinFloat{0%{transform:translate3d(0,0,0) rotate(var(--tilt)) rotateY(0);filter:brightness(.9)}55%{transform:translate3d(var(--dx),var(--dy),0) rotate(calc(var(--tilt) + 7deg)) rotateY(150deg);filter:brightness(1.18)}100%{transform:translate3d(var(--dx2),var(--dy2),0) rotate(var(--tilt2)) rotateY(300deg);filter:brightness(.95)}}
body.world-rainbow .stage-coins{opacity:.72}

/* Post-review screen: only save/share/continue. */
.questions-screen.is-approved #question-requirement-banner,
.questions-screen.is-approved #question-source-grid,
.questions-screen.is-approved #question-edit-card,
.questions-screen.is-approved .loaded-panel-copy{display:none!important}
.questions-screen.is-approved .loaded-panel{padding:0;background:transparent;border:0;box-shadow:none}
.questions-screen.is-approved .question-tools-grid{grid-template-columns:1fr 1fr;max-width:760px;margin:0 auto}
.questions-screen.is-approved .question-tool-card{min-height:132px;justify-content:center}
.questions-screen.is-approved .question-tool-card--share{display:flex}
.questions-screen.is-approved #question-status{max-width:760px;margin-left:auto;margin-right:auto}
.questions-screen.is-approved .start-button{max-width:760px;margin-left:auto;margin-right:auto;width:100%}

.ready-main{position:relative;z-index:3;width:min(840px,calc(100% - 32px));min-height:calc(100vh - 104px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:16px 0 24px}
.ready-card{display:flex;align-items:center;gap:18px;padding:28px 30px}
.ready-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#54e0a0,#47b7ff);font-size:30px;font-weight:900;box-shadow:0 0 28px rgba(76,218,174,.24)}
.ready-card h3{margin:0 0 5px;font-size:25px}.ready-card p{margin:0;color:var(--muted);line-height:1.5}
.ready-start-button{width:min(520px,100%);margin:0 auto;min-height:60px;font-size:18px}
@media(max-width:700px){.questions-screen.is-approved .question-tools-grid{grid-template-columns:1fr}.ready-main{width:min(100% - 20px,840px)}.ready-card{padding:22px 20px}}
.ready-screen{min-height:calc(100vh - 8px)}

/* --- v8: online question source, stable fullscreen, own world mini-graphics --- */
.question-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.source-online:before{background:radial-gradient(circle,rgba(75,232,184,.2),transparent 68%)}
.online-json-field{display:block;margin-top:18px;margin-bottom:6px;font-size:12px;font-weight:900;color:#cbd5f3}
.online-json-input{width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;padding:0 12px;outline:none}
.online-json-input:focus{border-color:rgba(104,226,205,.75);box-shadow:0 0 0 3px rgba(64,211,188,.11)}
.source-online .source-button{margin-top:10px}

/* Sharing only exists for questions that still match their online JSON source. */
.question-tool-card--share[hidden]{display:none!important}
.questions-screen.is-approved .question-tools-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}

/* Themed mini-scenes replace OS-dependent emoji on game/result world labels. */
.world-chip{gap:8px}
.world-chip-mini{width:26px;height:26px;flex:0 0 26px;border-radius:50%;overflow:hidden;display:inline-block;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 12px rgba(94,174,255,.18)}
.world-chip-mini svg,.result-orb svg,.result-world-mini svg{display:block;width:100%;height:100%}
.result-orb{padding:5px;font-size:0;background:rgba(8,14,43,.55)}
.result-orb svg{border-radius:50%}
.result-world-mini{width:46px;height:46px;border-radius:50%;overflow:hidden;display:block;border:1px solid rgba(255,255,255,.17);box-shadow:0 0 18px rgba(91,147,255,.16)}
.world-result-card .icon{display:none}

/* Keep page scrolling available in fullscreen, but hide the browser scrollbar so it cannot flash between screens. */
html.is-fullscreen,html.is-fullscreen body{scrollbar-width:none;-ms-overflow-style:none}
html.is-fullscreen::-webkit-scrollbar,html.is-fullscreen body::-webkit-scrollbar{width:0!important;height:0!important;display:none}

@media(max-width:960px){.question-source-grid{grid-template-columns:1fr}}


/* --- v9 final cosmetic polish: share spacing, touch highlight, disco lighting --- */
:where(button,a,label,[role="button"],.world-option,.mode-card,.segmented span,.timer-pills span,.dropzone){-webkit-tap-highlight-color:transparent}
:where(button,a,input,textarea,[tabindex]):focus-visible{outline:3px solid rgba(126,211,255,.82);outline-offset:3px}
.share-result-grid>.share-option-card:first-child{align-self:start}
.share-result-grid>.share-option-card:first-child p{margin-bottom:2px}
@media(max-width:780px){.share-result-grid{align-items:start}.share-option-card{min-height:0}}

/* --- v10: Tematická výprava --- */
.thematic-builder{margin-top:18px;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}
.thematic-builder[hidden]{display:none!important}
.thematic-builder-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.thematic-builder-head>div:first-child{display:flex;flex-direction:column;gap:3px}.thematic-builder-head strong{font-size:15px}.thematic-builder-head span{font-size:12px;color:#aeb9dc}
.compact-button{min-height:38px;padding:8px 12px}
.thematic-assignment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.thematic-assignment{border:1px solid rgba(255,255,255,.1);background:rgba(4,9,31,.34);border-radius:16px;padding:12px;display:grid;grid-template-columns:minmax(180px,.9fr) minmax(220px,1.3fr) auto;gap:10px;align-items:center}
.thematic-world-label{display:flex;align-items:center;gap:9px;min-width:0}.thematic-world-label>div{display:flex;flex-direction:column;min-width:0}.thematic-world-label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thematic-world-label small{font-size:11px;color:#98a7cf}
.thematic-world-mini{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.thematic-world-mini svg{display:block;width:100%;height:100%}
.thematic-topic-field,.thematic-number-fields label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#aeb9dc;font-weight:800}.thematic-topic-field input,.thematic-number-fields input{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;padding:0 10px;outline:none}.thematic-topic-field input:focus,.thematic-number-fields input:focus{border-color:rgba(112,210,255,.75);box-shadow:0 0 0 3px rgba(86,180,255,.1)}
.thematic-number-fields{display:grid;grid-template-columns:90px 80px;gap:7px}.thematic-number-fields input{text-align:center;font-weight:900}
.thematic-availability{grid-column:1/-1;font-size:11px;color:#94d7be;min-height:15px}.thematic-availability.is-warning{color:#ffe09a}
.thematic-help{margin:10px 0 0;color:#aeb9dc;font-size:11.5px}

.project-modal{position:fixed;inset:0;z-index:115;background:rgba(2,5,20,.8);backdrop-filter:blur(12px);padding:18px;overflow:auto}.project-dialog{width:min(720px,100%);margin:7vh auto 0;background:#0c1234;border:1px solid rgba(255,255,255,.13);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.project-body{padding:22px}.project-stats,.project-last{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:5px}.project-last{margin-top:10px}.project-stats span,.project-last span{font-size:12px;color:#b8c3e3}.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.project-actions button{width:100%}

.theme-review-group{grid-column:1/-1;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden}.theme-review-group>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(255,255,255,.045)}.theme-review-group>summary::-webkit-details-marker{display:none}.theme-review-group>summary>span:first-child{display:flex;flex-direction:column;gap:2px}.theme-review-group>summary small{color:#aeb9dc;font-size:11px}.theme-review-arrow{font-size:20px;transition:transform .2s ease}.theme-review-group[open] .theme-review-arrow{transform:rotate(180deg)}
.theme-review-content{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-review-content .theme-add-question{grid-column:1/-1;justify-self:start}

@media(max-width:980px){.thematic-assignment-list{grid-template-columns:1fr}.thematic-assignment{grid-template-columns:minmax(150px,.8fr) minmax(200px,1.2fr) auto}}
@media(max-width:700px){.segmented{border-radius:18px;flex-wrap:wrap}.segmented label{flex:1 1 30%}.thematic-builder-head{align-items:flex-start;flex-direction:column}.thematic-assignment{grid-template-columns:1fr}.thematic-number-fields{grid-template-columns:1fr 1fr}.thematic-availability{grid-column:1}.theme-review-content{grid-template-columns:1fr}.project-actions{grid-template-columns:1fr}}

/* v10 – Tematická výprava */
.thematic-title-field{display:flex;flex-direction:column;gap:5px;margin:0 0 12px;font-size:11px;color:#aeb9dc;font-weight:800}
.thematic-title-field input{height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;padding:0 12px;outline:none;font-size:14px}
.thematic-title-field input:focus{border-color:rgba(112,210,255,.75);box-shadow:0 0 0 3px rgba(86,180,255,.1)}
.theme-choice-modal{position:fixed;inset:0;z-index:136;background:rgba(2,5,20,.82);backdrop-filter:blur(12px);padding:18px;display:flex;align-items:center;justify-content:center}
.theme-choice-modal[hidden]{display:none!important}
.theme-choice-dialog{width:min(650px,100%);background:#0c1234;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.52);text-align:center}
.theme-choice-dialog h2{margin:6px 0 10px;font-size:28px}.theme-choice-dialog>p:not(.eyebrow){margin:0 auto 18px;color:#c7d0ed;line-height:1.5;max-width:540px}
.theme-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-choice-actions .theme-choice-cancel{grid-column:1/-1}
.theme-custom-name{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:left}.theme-custom-name label{display:block;color:#b9c5e4;font-size:12px;font-weight:800;margin-bottom:6px}
.theme-custom-name input{width:100%;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff;padding:0 12px;outline:none}.theme-custom-name input:focus{border-color:rgba(112,210,255,.75);box-shadow:0 0 0 3px rgba(86,180,255,.1)}
.theme-custom-actions{display:flex;gap:10px;margin-top:10px}.theme-custom-actions>*{flex:1}
@media(max-width:600px){.theme-choice-actions{grid-template-columns:1fr}.theme-choice-actions .theme-choice-cancel{grid-column:auto}.theme-choice-dialog{padding:18px}.theme-custom-actions{flex-direction:column}}

/* --- v11: cleaner question flow, thematic fixes and recovery UI --- */
#setup-count-card[hidden]{display:none!important}
.source-chooser{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.source-choice{border:1px solid rgba(255,255,255,.12);background:rgba(6,11,35,.48);color:#dbe4ff;border-radius:999px;padding:9px 13px;font:inherit;font-weight:900;font-size:13px;cursor:pointer;transition:.16s}
.source-choice:hover{background:rgba(255,255,255,.08)}
.source-choice.is-active{background:linear-gradient(135deg,#6d5be7,#387cda);border-color:rgba(183,205,255,.45);color:#fff;box-shadow:0 7px 20px rgba(58,94,210,.22)}
.question-source-grid{grid-template-columns:1fr!important;max-width:900px}
.question-source-card[hidden]{display:none!important}
.question-source-card{min-height:0}
.question-source-card .dropzone{min-height:180px}
.text-action{margin-top:7px;padding:0;border:0;background:transparent;color:#b9c9ff;font:inherit;font-size:13px;font-weight:900;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.text-action:hover{color:#fff}
.questions-screen.is-approved .loaded-panel-copy{display:flex!important;justify-content:center;border:0;margin:0 0 10px;padding:0}
.questions-screen.is-approved .loaded-panel-copy .loaded-check,
.questions-screen.is-approved .loaded-panel-copy #loaded-title,
.questions-screen.is-approved .loaded-panel-copy #loaded-note{display:none!important}
.questions-screen.is-approved #edit-again{display:inline-block!important}
.questions-screen.is-approved #source-chooser{display:none!important}

.target-theme-modal,.recovery-modal{position:fixed;inset:0;z-index:145;background:rgba(2,5,20,.82);backdrop-filter:blur(12px);padding:18px;display:flex;align-items:center;justify-content:center}
.target-theme-modal[hidden],.recovery-modal[hidden]{display:none!important}
.target-theme-dialog,.recovery-dialog{width:min(620px,100%);background:#0c1234;border:1px solid rgba(255,255,255,.13);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.5);padding:22px}
.target-theme-dialog h2,.recovery-dialog h2{margin:4px 0 8px}.target-theme-dialog>p:not(.eyebrow),.recovery-dialog>p:not(.eyebrow){color:#bdc7e7;line-height:1.45;margin:0 0 14px}
.target-theme-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px}
.target-theme-button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:#fff;border-radius:13px;padding:11px 12px;font:inherit;cursor:pointer}
.target-theme-button:hover{border-color:rgba(131,168,255,.55);background:rgba(89,111,221,.13)}
.target-theme-button span{font-size:12px;color:#aeb9dc;white-space:nowrap}.target-theme-button strong{line-height:1.35}
.recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.recovery-actions button{width:100%}

.thematic-assignment,.thematic-assignment *{overflow:visible}
.thematic-world-label strong,.thematic-world-label small,.thematic-topic-field span,.thematic-number-fields span,.thematic-availability{line-height:1.4}
.thematic-availability{min-height:1.4em;padding-block:2px}
.theme-review-group summary,.theme-review-group summary *{line-height:1.4;overflow:visible}

@media(max-width:700px){
  .source-chooser{display:grid;grid-template-columns:1fr;gap:6px}
  .source-choice{width:100%;border-radius:12px;text-align:left}
  .target-theme-list{grid-template-columns:1fr}
  .recovery-actions{grid-template-columns:1fr}
}
html.is-page-hidden .world-stage *,html.is-page-hidden .stage-celebration *{animation-play-state:paused!important}

/* --- v12: thematic workflow polish (52–61) --- */
.world-mode-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;min-height:46px}
.world-mode-row .segmented{margin-left:auto}
.thematic-quick-load[hidden]{display:none!important}
.thematic-load-button{min-height:42px;border:1px solid rgba(111,236,226,.38);border-radius:14px;padding:0 16px;background:linear-gradient(135deg,rgba(59,205,190,.22),rgba(86,118,236,.26));color:#f8ffff;font:inherit;font-weight:900;box-shadow:0 8px 24px rgba(42,164,180,.12);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.thematic-load-button:hover{transform:translateY(-1px);border-color:rgba(124,245,234,.68);background:linear-gradient(135deg,rgba(59,205,190,.3),rgba(86,118,236,.34))}
.thematic-load-button:focus-visible{outline:3px solid rgba(113,235,228,.3);outline-offset:2px}
.section-heading--worlds{margin-bottom:14px}
.section-heading--worlds>div:first-child{padding:3px 2px 4px;overflow:visible}
.section-heading--worlds .step-badge{margin:1px}

.thematic-assignment{grid-template-columns:1fr;align-items:stretch;overflow:hidden!important;padding:14px;gap:10px}
.thematic-assignment>*{min-width:0}
.thematic-world-label>div,.thematic-topic-field,.thematic-number-group{min-width:0;padding-block:2px}
.thematic-world-label strong,.thematic-world-label small,.thematic-topic-field>span,.thematic-number-group>span:first-child,.thematic-availability{line-height:1.45!important;padding-top:1px;padding-bottom:1px}
.thematic-number-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;min-width:0}
.thematic-number-group{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#aeb9dc;font-weight:800;min-width:0}
.thematic-stepper{display:grid;grid-template-columns:42px minmax(38px,1fr) 42px;align-items:center;min-width:0;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);overflow:hidden!important}
.thematic-stepper button{height:100%;min-width:42px;border:0;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:22px;font-weight:900;line-height:1;cursor:pointer;padding:0}
.thematic-stepper button:hover{background:rgba(255,255,255,.15)}
.thematic-stepper button:focus-visible{outline:2px solid rgba(112,210,255,.72);outline-offset:-3px}
.thematic-stepper input{height:100%!important;width:100%;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;padding:0 3px!important;text-align:center;font-weight:900;font-size:16px;box-shadow:none!important;appearance:textfield;-moz-appearance:textfield}
.thematic-stepper input::-webkit-outer-spin-button,.thematic-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.thematic-availability{grid-column:1/-1;overflow:visible!important;padding:2px 1px 1px}

.theme-mismatch-modal{position:fixed;inset:0;z-index:118;background:rgba(2,5,20,.82);backdrop-filter:blur(12px);padding:18px;overflow:auto}
.theme-mismatch-dialog{width:min(700px,100%);margin:9vh auto 0;background:#0c1234;border:1px solid rgba(255,255,255,.13);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.52);padding:22px}
.theme-mismatch-dialog h2{margin:4px 0 8px;font-size:26px}.theme-mismatch-dialog>p:not(.eyebrow){color:#bdc7e7;line-height:1.5;margin:0 0 15px}
.theme-mismatch-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.theme-mismatch-list>div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:5px}.theme-mismatch-list strong{font-size:12px}.theme-mismatch-list span{font-size:12px;color:#b8c3e3;line-height:1.45;overflow-wrap:anywhere}
.theme-mismatch-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-mismatch-actions button{width:100%}

.cyber-level-transition{position:fixed;inset:0;z-index:125;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(0,255,213,.12),rgba(2,9,21,.86) 58%,rgba(1,5,14,.96));opacity:0}
.cyber-level-transition[hidden]{display:none!important}
.cyber-level-transition strong{padding:18px 28px;border:1px solid rgba(93,255,231,.72);border-radius:10px;background:rgba(3,28,37,.88);color:#7dffea;letter-spacing:.16em;font-size:clamp(24px,5vw,56px);box-shadow:0 0 42px rgba(77,255,223,.38),inset 0 0 24px rgba(67,255,223,.08);text-shadow:0 0 16px rgba(109,255,234,.7);transform:scale(.9);opacity:0}
.cyber-level-transition.is-showing{animation:cyberTransitionFade 1.05s ease both}
.cyber-level-transition.is-showing strong{animation:cyberTransitionText 1.05s ease both}
@keyframes cyberTransitionFade{0%{opacity:0}18%,78%{opacity:1}100%{opacity:0}}
@keyframes cyberTransitionText{0%{opacity:0;transform:scale(.86)}22%,72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}

@media(max-width:780px){.world-mode-row{align-items:stretch;flex-direction:column}.world-mode-row .segmented{margin-left:0;width:100%}.thematic-quick-load{align-self:flex-start}.section-heading--worlds{margin-top:2px}.theme-mismatch-list,.theme-mismatch-actions{grid-template-columns:1fr}}
@media(max-width:430px){.thematic-number-fields{grid-template-columns:1fr}.thematic-stepper{grid-template-columns:46px minmax(44px,1fr) 46px}}
html,body{max-width:100%;overflow-x:hidden}

/* --- v13: guided thematic JSON setup and quieter quick-load UI --- */
.thematic-quick-load{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:430px;min-width:0}
.thematic-load-button{min-height:38px;padding:0 13px;border-radius:12px;font-size:13px;font-weight:800;line-height:1.2;box-shadow:0 5px 16px rgba(42,164,180,.09);white-space:normal;text-align:left}
.thematic-load-button>span{display:inline-block;margin-right:5px;font-size:15px;font-weight:900;transform:translateY(-1px)}
.thematic-load-help{margin:0 2px;color:#aeb9dc;font-size:11px;line-height:1.35;max-width:420px}

.section-heading--worlds{padding:8px 9px 7px!important;margin:0 0 5px!important;overflow:visible!important}
.section-heading--worlds>div:first-child{padding:0!important;overflow:visible!important;min-width:0}
.section-heading--worlds h2,.section-heading--worlds .step-badge{line-height:1.25!important;overflow:visible!important}
.world-help-below{margin:6px 4px 10px;color:var(--muted);font-size:13px;line-height:1.4}

.thematic-json-guide{margin:2px 0 4px;border:1px solid rgba(104,219,211,.27);background:linear-gradient(135deg,rgba(49,174,166,.10),rgba(79,105,214,.10));border-radius:14px;padding:11px 13px;color:#dceaff;font-size:13px;line-height:1.45}
.thematic-json-guide strong{display:block;color:#fff;margin-bottom:2px;line-height:1.35}
.thematic-json-guide.is-warning{border-color:rgba(255,200,111,.34);background:rgba(130,87,28,.12);color:#ffe2a9}

.thematic-add-theme{display:block;margin:10px 0 0;border:1px dashed rgba(129,205,224,.38);background:rgba(73,142,171,.08);color:#bdebf3;border-radius:11px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.thematic-add-theme[hidden]{display:none!important}
.thematic-add-theme:hover{background:rgba(73,142,171,.15);border-color:rgba(129,205,224,.62);color:#fff}
.thematic-fill-questions{margin-left:7px;border:0;background:transparent;color:#b9c9ff;font:inherit;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:2px 1px}
.thematic-fill-questions:hover{color:#fff}
.thematic-availability{display:flex;align-items:center;flex-wrap:wrap;gap:2px 5px}

@media(max-width:980px){
  .world-mode-row{align-items:flex-start}
  .thematic-quick-load{max-width:360px}
}
@media(max-width:780px){
  .thematic-quick-load{max-width:100%;width:100%}
  .thematic-load-help{max-width:100%}
  .world-help-below{font-size:11.5px;margin-top:5px}
  .thematic-json-guide{font-size:12px;padding:10px 11px}
}