/* SPOT THE WORLD – Pre-Landingpage | V0.4.18.9 */
.prelanding-main { max-width:1500px; margin:0 auto; padding:52px 42px 70px; }
.prelanding-hero { min-height:510px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:40px; padding:30px 20px 45px; }
.prelanding-hero__copy { max-width:760px; }
.prelanding-hero h1 { margin:12px 0 18px; font-size:clamp(42px,6vw,76px); line-height:.98; letter-spacing:-.035em; }
.prelanding-hero p { max-width:690px; color:#c8cbc7; font-size:17px; line-height:1.7; }
.prelanding-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:28px; }
.prelanding-note { margin-top:16px; color:var(--muted); font-size:10px; }
.prelanding-globe { width:min(430px,34vw); aspect-ratio:1; margin-left:auto; border-radius:50%; border:1px solid rgba(217,188,88,.32); background:radial-gradient(circle at 36% 30%,#292b2a 0,#17191a 58%,#0f1011 100%); position:relative; box-shadow:inset -35px -25px 70px rgba(0,0,0,.65),0 0 80px rgba(217,188,88,.07); }
.prelanding-globe:before,.prelanding-globe:after { content:""; position:absolute; inset:12%; border:1px solid rgba(217,188,88,.14); border-radius:50%; }
.prelanding-globe:after { inset:27% 7%; transform:rotate(-25deg); border-color:rgba(217,188,88,.11); }
.prelanding-globe__ring { position:absolute; inset:18%; border:1px dashed rgba(217,188,88,.12); border-radius:50%; }
.prelanding-globe__spot { position:absolute; left:54%; top:36%; color:var(--accent); font-size:36px; filter:drop-shadow(0 0 12px rgba(217,188,88,.35)); }
.prelanding-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.prelanding-grid article { min-height:210px; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:8px; display:flex; flex-direction:column; }
.prelanding-grid article>span { color:var(--accent); font-size:10px; letter-spacing:.12em; font-weight:700; }
.prelanding-grid h2 { margin:12px 0 8px; font-size:22px; }
.prelanding-grid p { color:var(--muted); font-size:11px; line-height:1.6; max-width:440px; }
.prelanding-grid a { margin-top:auto; color:var(--accent); text-decoration:none; font-size:9px; letter-spacing:.09em; font-weight:700; }
.prelanding-register { margin-top:16px; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px; }
.prelanding-register h2 { margin:7px 0 5px; font-size:24px; }
.prelanding-register p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; max-width:720px; }
@media(max-width:1000px){ .prelanding-main{padding:34px 24px 55px;} .prelanding-hero{grid-template-columns:1fr;min-height:0;} .prelanding-globe{width:min(420px,70vw);margin:15px auto 0;} .prelanding-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:650px){ .prelanding-main{padding:24px 16px 40px;} .prelanding-hero{padding:20px 0 35px;} .prelanding-hero h1{font-size:44px;} .prelanding-hero p{font-size:14px;} .prelanding-grid{grid-template-columns:1fr;} .prelanding-register{display:block;} .prelanding-register .game-action{margin-top:18px;} }

.prelanding-grid details{margin:10px 0 14px}.prelanding-grid summary{cursor:pointer;color:var(--accent);font-size:9px;letter-spacing:.08em;font-weight:700;list-style:none}.prelanding-grid summary::-webkit-details-marker{display:none}.prelanding-grid details p{margin:9px 0 0;color:#c7cac6}.prelanding-grid details[open]{padding:10px 0;border-top:1px solid rgba(217,188,88,.15);border-bottom:1px solid rgba(217,188,88,.15)}
/* V0.4.18.18 – slow satellite orbit */
.prelanding-globe__orbit{position:absolute;inset:-7%;border:1px solid rgba(217,188,88,.17);border-radius:50%;transform:rotate(-16deg);animation:stw-satellite-orbit 22s linear infinite}.prelanding-globe__satellite{position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(217,188,88,.4);transform:translateX(-50%)}
@keyframes stw-satellite-orbit{from{transform:rotate(-16deg)}to{transform:rotate(344deg)}}
@media(prefers-reduced-motion:reduce){.prelanding-globe__satellite{animation:none}}
/* V0.4.18.18 – very subtle globe relief / texture */
.prelanding-globe{background-image:radial-gradient(circle at 32% 27%,rgba(255,255,255,.10),transparent 17%),radial-gradient(circle at 63% 58%,rgba(217,188,88,.055),transparent 24%),radial-gradient(circle at 44% 74%,rgba(255,255,255,.035),transparent 20%),repeating-radial-gradient(circle at 48% 48%,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),radial-gradient(circle at 36% 30%,#2a2c2b 0,#17191a 58%,#0e1011 100%);box-shadow:inset -42px -30px 80px rgba(0,0,0,.68),inset 16px 12px 35px rgba(255,255,255,.045),0 0 80px rgba(217,188,88,.07)}
.prelanding-globe:before{box-shadow:inset 0 0 45px rgba(0,0,0,.16)}

/* V0.4.18.32 – official globe logo */
.prelanding-globe:after{background:url('') center/50% auto no-repeat;opacity:.5;border:0;transform:none;inset:20%;}
.prelanding-globe__spot{left:68%;top:36%;}

.stw-ad-campaign{margin:14px auto;padding:12px 18px;max-width:1200px;border:1px solid rgba(217,188,88,.45);border-radius:8px;background:#1d2022;display:flex;align-items:center;gap:14px}
.stw-ad-campaign>small{color:#d9bc58;letter-spacing:.12em;font-size:10px}
.stw-ad-campaign a{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-weight:700}
.stw-ad-campaign img{max-width:240px;max-height:90px;object-fit:contain}
.stw-ad-campaign a:hover{color:#d9bc58}

/* V0.5.56: globe image is a single replaceable element, not a fixed pseudo background */
.prelanding-globe:after{background-image:none!important}
.prelanding-globe__logo{position:absolute;inset:25%;width:50%;height:50%;object-fit:contain;opacity:.62;z-index:1;pointer-events:none}

/* V0.5.57 – separate decorative markers around the globe */
.prelanding-globe__spot{left:88%!important;top:34%!important;font-size:27px;z-index:3}.prelanding-globe__marker{position:absolute;display:block;z-index:3;pointer-events:none;border:3px solid var(--accent);width:13px;height:13px;transform:rotate(18deg);border-radius:4px;opacity:.92;box-shadow:0 0 10px rgba(217,188,88,.12)}.prelanding-globe__marker--left{left:11%;top:32%}.prelanding-globe__marker--right{right:9%;top:26%}.prelanding-globe__marker--bottom{left:49%;bottom:8%;width:0;height:0;border:9px solid transparent;border-bottom:0;border-top:15px solid var(--accent);border-radius:0;transform:rotate(-90deg)}