/* Isolated geography selector preview. No game logic lives here. */
.geo-visual-preview{width:min(1120px,100%);margin:38px auto 28px;display:grid;gap:14px}
.geo-visual-card{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b0d12 center/contain no-repeat;box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);padding:0;color:#fff;isolation:isolate}
.geo-visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18) 54%,rgba(0,0,0,.42));z-index:-1;pointer-events:none}
.geo-visual-card>span{position:relative;z-index:1;font-weight:900;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.98),0 1px 3px rgba(0,0,0,.9)}
.geo-world-preview{width:100%;aspect-ratio:12/5;background-image:url('assets/world[1].webp');background-size:contain;background-position:center;background-color:#05070b}
.geo-world-preview>span{font-size:clamp(34px,5vw,68px)}
.geo-region-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.geo-region-preview{width:100%;aspect-ratio:2/3;background-size:contain;background-position:center;background-color:#080a0f}
.geo-region-preview>span{font-size:clamp(15px,1.55vw,23px);line-height:1.08;padding:0 10px;text-align:center}
.geo-europe-preview{background-image:url('assets/europe[1].webp');border-color:rgba(43,154,255,.55)}
.geo-asia-preview{background-image:url('assets/asia[1].webp');border-color:rgba(221,64,204,.5)}
.geo-africa-preview{background-image:url('assets/africa[1].webp');border-color:rgba(255,173,56,.52)}
.geo-americas-preview{background-image:url('assets/americas[1].webp');border-color:rgba(56,210,116,.5)}
.geo-oceania-preview{background-image:url('assets/oceania[1].webp');border-color:rgba(39,211,231,.5)}
@media(max-width:900px){.geo-region-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-region-preview-grid .geo-region-preview:nth-child(4),.geo-region-preview-grid .geo-region-preview:nth-child(5){width:min(100%,260px);justify-self:center}}
@media(max-width:620px){.geo-visual-preview{gap:10px;margin-top:28px}.geo-world-preview{aspect-ratio:12/5}.geo-region-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.geo-region-preview-grid .geo-region-preview:nth-child(4),.geo-region-preview-grid .geo-region-preview:nth-child(5){width:100%}.geo-region-preview-grid .geo-region-preview:last-child{grid-column:1/-1;width:min(52%,240px)}.geo-region-preview>span{font-size:17px}}
.geo-visual-card{font:inherit;padding:0;cursor:pointer;text-align:center;-webkit-appearance:none;appearance:none;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease;}
.geo-visual-card:focus-visible{outline:3px solid #ffd84a;outline-offset:4px;}
.geo-visual-card:hover{transform:translateY(-3px);filter:brightness(1.08);border-color:#ffd84a;box-shadow:0 0 0 1px rgba(255,216,74,.85),0 0 18px rgba(255,216,74,.72),0 0 38px rgba(255,216,74,.34),0 18px 46px rgba(0,0,0,.34),inset 0 0 20px rgba(255,216,74,.08);}
.geo-visual-card:hover>span{text-shadow:0 0 10px rgba(255,216,74,.45),0 4px 20px rgba(0,0,0,.98),0 1px 3px rgba(0,0,0,.9);}
#start{display:none!important;}
#intro{position:relative;isolation:isolate;}
#intro::before{content:"";position:absolute;z-index:-2;pointer-events:none;top:-70px;left:50%;width:100vw;height:1220px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 29%,rgba(0,126,220,.28) 0%,rgba(0,92,175,.15) 19%,rgba(0,54,105,.055) 40%,transparent 61%),radial-gradient(ellipse at -5% 51%,rgba(0,118,205,.18) 0%,rgba(0,86,160,.095) 19%,transparent 44%),radial-gradient(ellipse at 4% 72%,rgba(0,64,140,.11) 0%,transparent 35%),radial-gradient(ellipse at 104% 58%,rgba(79,32,185,.19) 0%,rgba(67,25,150,.095) 20%,transparent 45%),radial-gradient(ellipse at 97% 82%,rgba(41,36,158,.10) 0%,transparent 34%),linear-gradient(180deg,#05080d 0%,#050911 28%,#04070d 72%,#06080c 100%);}
#intro::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-10px;left:50%;width:100vw;height:1080px;transform:translateX(-50%);opacity:.58;background-image:radial-gradient(circle at 4% 18%,rgba(95,204,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 11% 34%,rgba(255,255,255,.42) 0 .7px,transparent 1.1px),radial-gradient(circle at 18% 11%,rgba(44,151,255,.62) 0 .9px,transparent 1.4px),radial-gradient(circle at 27% 47%,rgba(112,203,255,.38) 0 .7px,transparent 1.1px),radial-gradient(circle at 37% 20%,rgba(255,255,255,.34) 0 .6px,transparent 1px),radial-gradient(circle at 54% 8%,rgba(79,174,255,.46) 0 .8px,transparent 1.3px),radial-gradient(circle at 67% 31%,rgba(255,255,255,.34) 0 .7px,transparent 1.1px),radial-gradient(circle at 78% 16%,rgba(102,83,255,.52) 0 .8px,transparent 1.3px),radial-gradient(circle at 89% 42%,rgba(151,92,255,.48) 0 .9px,transparent 1.4px),radial-gradient(circle at 96% 22%,rgba(86,179,255,.52) 0 .8px,transparent 1.3px),radial-gradient(ellipse at 1% 56%,rgba(0,126,230,.12) 0%,transparent 30%),radial-gradient(ellipse at 100% 61%,rgba(107,42,215,.13) 0%,transparent 31%);}
.geo-world-preview{box-shadow:0 22px 58px rgba(0,0,0,.46),0 0 34px rgba(32,143,235,.16),0 0 88px rgba(0,111,205,.12),inset 0 1px 0 rgba(255,255,255,.03);}
#game{position:relative;isolation:isolate;}
#game::before{content:"";position:absolute;z-index:-2;pointer-events:none;top:-80px;bottom:-120px;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 2%,rgba(24,100,155,.105) 0%,rgba(13,58,98,.045) 30%,transparent 58%),radial-gradient(ellipse at 0% 35%,rgba(0,118,168,.035) 0%,transparent 32%),radial-gradient(ellipse at 100% 62%,rgba(79,46,145,.03) 0%,transparent 34%);}
#game::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-30px;left:50%;width:100vw;height:720px;transform:translateX(-50%);opacity:.12;background-image:radial-gradient(circle at 7% 16%,rgba(100,190,255,.75) 0 .8px,transparent 1.2px),radial-gradient(circle at 24% 38%,rgba(255,255,255,.38) 0 .6px,transparent 1px),radial-gradient(circle at 43% 9%,rgba(79,171,240,.5) 0 .7px,transparent 1.1px),radial-gradient(circle at 72% 24%,rgba(255,255,255,.32) 0 .6px,transparent 1px),radial-gradient(circle at 91% 42%,rgba(117,83,235,.4) 0 .7px,transparent 1.1px);}
#intro>.world-mode-hidden{display:none!important;}
#intro>#modeSelect:not(.hidden){min-height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:center;max-width:1100px;margin:0 auto;padding:48px 20px;}
#intro>#modeSelect:not(.hidden) h2{text-align:center;}
.geo-region-preview .geo-best-time{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:2;white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.72);text-shadow:0 2px 10px rgba(0,0,0,.95);pointer-events:none;opacity:.66;}
.geo-region-preview:hover .geo-best-time{color:#ffe36d;opacity:1;}
.geo-visual-card>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.geo-visual-card>span::after{display:block;font-size:clamp(9px,.72vw,12px);line-height:1;font-weight:900;letter-spacing:.13em;color:#d9ff31;text-shadow:0 2px 10px rgba(0,0,0,.95);}
html[lang="en"] .geo-visual-card>span::after{content:attr(data-count-en);}
html[lang="de"] .geo-visual-card>span::after{content:attr(data-count-de);}
.geo-world-preview>span::after{font-size:clamp(10px,.86vw,14px);}
@media(max-width:620px){.geo-visual-card>span{gap:6px}.geo-visual-card>span::after{font-size:8px}.geo-region-preview .geo-best-time{bottom:5px;font-size:8px;}}

/* Cinematic World difficulty selector. Existing mode buttons and JS behavior stay intact. */
#modeSelect.mode-select{width:min(1160px,100%);}
#modeSelect .mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px;}
#modeSelect .mode-card{position:relative;overflow:hidden;min-height:310px;padding:38px 38px 30px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background-color:#05090e;background-repeat:no-repeat;background-size:cover;color:#fff;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:pointer;isolation:isolate;box-shadow:0 24px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;}
#modeSelect .mode-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,7,12,.94) 0%,rgba(3,7,12,.80) 42%,rgba(3,7,12,.32) 74%,rgba(3,7,12,.18) 100%),linear-gradient(0deg,rgba(2,5,9,.72),transparent 58%);}
#modeSelect .mode-card::after{position:absolute;right:28px;top:25px;color:rgba(216,255,62,.5);font-size:38px;line-height:1;filter:drop-shadow(0 0 12px rgba(216,255,62,.18));}
#modeSelect .mode-card[data-mode="easy"]{background-image:url('assets/world-explorer.webp');background-position:center;}
#modeSelect .mode-card[data-mode="easy"]::after{content:"◇";}
#modeSelect .mode-card[data-mode="medium"]{background-image:url('assets/world-navigator.webp');background-position:center;}
#modeSelect .mode-card[data-mode="medium"]::before{background:linear-gradient(90deg,rgba(3,7,12,.96) 0%,rgba(3,7,12,.88) 44%,rgba(3,7,12,.42) 70%,rgba(3,7,12,.15) 100%),linear-gradient(0deg,rgba(2,5,9,.72),transparent 58%);}
#modeSelect .mode-card[data-mode="medium"]::after{content:"◎";}
#modeSelect .mode-card[data-mode="hard"]{grid-column:1/-1;min-height:300px;padding-left:46%;background-image:url('assets/world-master.webp');background-position:center;}
#modeSelect .mode-card[data-mode="hard"]::before{background:linear-gradient(90deg,rgba(3,7,12,.08) 0%,rgba(3,7,12,.30) 34%,rgba(3,7,12,.91) 54%,rgba(3,7,12,.96) 100%),linear-gradient(0deg,rgba(2,5,9,.64),transparent 60%);}
#modeSelect .mode-card[data-mode="hard"]::after{content:"♛";right:34px;font-size:45px;color:rgba(216,255,62,.64);}
#modeSelect .mode-card:hover{transform:translateY(-4px);filter:brightness(1.08);border-color:#d8ff3e;box-shadow:0 0 0 1px rgba(216,255,62,.5),0 0 24px rgba(216,255,62,.20),0 26px 62px rgba(0,0,0,.46),inset 0 0 30px rgba(216,255,62,.04);}
#modeSelect .mode-card b{font-size:clamp(24px,2.2vw,34px);line-height:1;letter-spacing:.015em;text-shadow:0 3px 18px #000;}
#modeSelect .mode-card small{order:2;margin-top:10px;padding:4px 11px;border-radius:999px;background:#d8ff3e;color:#0a0d08;font-size:10px;line-height:1;font-weight:1000;letter-spacing:.08em;box-shadow:0 0 16px rgba(216,255,62,.20);}
#modeSelect .mode-card strong{order:3;margin-top:27px;font-size:clamp(38px,4vw,56px);line-height:.95;letter-spacing:-.045em;text-shadow:0 3px 18px #000;}
#modeSelect .mode-card span{order:4;margin-top:13px;color:#d4d9df;font-size:14px;line-height:1.5;text-shadow:0 2px 12px #000;}
@media(max-width:760px){#intro>#modeSelect:not(.hidden){padding:34px 8px;}#modeSelect .mode-grid{grid-template-columns:1fr;gap:14px;}#modeSelect .mode-card,#modeSelect .mode-card[data-mode="hard"]{grid-column:auto;min-height:270px;padding:30px 26px;background-position:center;}#modeSelect .mode-card[data-mode="hard"]::before{background:linear-gradient(90deg,rgba(3,7,12,.91),rgba(3,7,12,.60) 70%,rgba(3,7,12,.32)),linear-gradient(0deg,rgba(2,5,9,.7),transparent 60%);}}