:root{color-scheme:light;--bg:#f5eadb;--panel:#fffdf9;--panel2:#efe1cf;--blue:#805334;--blue2:#5f3c26;--green:#278565;--red:#bd4a4a;--text:#38271d;--muted:#806d5d;--border:#dfcbb5;--radius:22px;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 5%,#14284b 0,transparent 29%),radial-gradient(circle at 90% 35%,#102d32 0,transparent 24%),var(--bg);display:flex;flex-direction:column}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #82b3ff;outline-offset:3px}.hidden{display:none!important}.topbar{width:100%;min-height:72px;padding:12px max(5%,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(10,17,29,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}.brand-logo{width:43px;height:43px;display:block}.brand-logo svg,.hero-logo svg{width:100%;height:100%;display:block}.brand-name{font-size:19px}.top-label{color:var(--muted);font-size:13px}.container{width:min(100% - 28px,760px);margin:34px auto;flex:1}.panel{padding:clamp(20px,5vw,36px);background:linear-gradient(145deg,rgba(19,30,48,.98),rgba(14,23,38,.98));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 55px #0004}.welcome-screen,.message-screen,.result-screen{text-align:center}.hero-logo{width:112px;height:112px;margin:0 auto 18px}.eyebrow{color:#75aaff;font-size:13px;font-weight:700;margin:8px 0}h1,h2,p{overflow-wrap:anywhere}h1{font-size:clamp(32px,7vw,43px);margin:8px 0;letter-spacing:-1px}h2{margin:6px 0;font-size:25px}.subtitle{color:#86b5ff;font-size:17px;font-weight:700;margin:10px 0}.intro{color:var(--muted);line-height:1.9;font-size:14px;max-width:440px;margin:18px auto 26px}#start-form{text-align:right;max-width:420px;margin:auto}#start-form label,.field-label{display:block;margin:0 0 9px;font-size:14px;font-weight:700}input[type=text],input[type=number],.search-input{width:100%;min-height:50px;padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:#0a1321;color:var(--text)}input::placeholder{color:#72839c}.primary-button,.secondary-button{width:100%;min-height:50px;padding:13px 18px;border-radius:12px;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.primary-button{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));border:0;margin-top:15px;box-shadow:0 7px 20px #2868d933}.primary-button:hover{filter:brightness(1.1)}.primary-button:active{transform:scale(.99)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{margin-top:10px;color:#a8caff;background:#16253b;border:1px solid #314b70}.secondary-button:hover{background:#1c304c;border-color:#4d73a8}.feature-row{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:center;flex-wrap:wrap;gap:13px 20px;color:var(--muted);font-size:12px}.menu-actions{display:grid;gap:5px;max-width:470px;margin:0 auto}.muted-note,.helper-text{color:var(--muted);font-size:12px;line-height:1.8}.muted-note{text-align:center;margin:20px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.heading-icon{width:50px;height:50px;display:grid;place-items:center;background:#1a2c46;border:1px solid #2e4566;border-radius:15px;font-size:24px}.settings-group{border:1px solid var(--border);border-radius:15px;padding:17px;margin:18px 0}.settings-group legend{padding:0 8px;font-weight:800}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.option-card{position:relative;cursor:pointer}.option-card input{position:absolute;opacity:0;pointer-events:none}.option-card span{min-height:47px;display:grid;place-items:center;text-align:center;padding:8px;border:1px solid var(--border);border-radius:10px;background:#0b1524;color:#dce7fa;font-size:13px}.option-card input:checked+span{background:#19345b;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:#fff}.field-label{margin-top:16px}.difficulty-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.difficulty-option{display:flex;align-items:flex-start;gap:8px;padding:12px 10px;border:1px solid var(--border);border-radius:11px;background:#0b1524;cursor:pointer}.difficulty-option:has(input:checked){border-color:var(--blue);background:#172b47}.difficulty-option input{accent-color:var(--blue);margin-top:4px}.difficulty-option b,.difficulty-option small{display:block}.difficulty-option b{font-size:14px}.difficulty-option small{color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px}.inline-error,.error-message{color:#ff9da4;background:#3b1d2a;border:1px solid #75303b;border-radius:11px;padding:12px;line-height:1.7}.error-message{margin:16px 0 0}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-counter{flex-shrink:0;padding:10px 14px;border-radius:12px;background:#1b2f4d;color:#9ec4ff;font-weight:800;direction:ltr}.counter-divider{padding:0 4px;color:#5f7fa9}.progress-track{height:8px;background:#26354b;border-radius:20px;overflow:hidden;margin:20px 0}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:20px;transition:width .25s}.question-hint{text-align:center;color:var(--muted);margin:22px 0 16px}.flag-card{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;background:#0a1320;border:1px solid var(--border);border-radius:16px}.flag-image{display:block;width:min(100%,390px);height:205px;object-fit:contain;border-radius:7px;filter:drop-shadow(0 8px 18px #0005)}#flag-fallback{color:var(--muted);text-align:center}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}.choice-button{min-height:55px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#172438;color:var(--text);font-weight:700;transition:.18s}.choice-button:hover:not(:disabled){border-color:#6c9fe9;background:#1c304c}.choice-button:disabled{cursor:default}.choice-button.correct{background:#123b32;border-color:#20a77f;color:#a6ffdf}.choice-button.wrong{background:#451f2a;border-color:#ef5965;color:#ffc0c5}.feedback{padding:13px;margin-top:15px;border-radius:11px;line-height:1.8}.correct-text{color:#5ce0b2}.wrong-text{color:#ff929a}.feedback.correct-text{background:#123b32}.feedback.wrong-text{background:#451f2a}.text-button{display:block;margin:16px auto 0;padding:8px;background:none;border:0;color:var(--muted);font-size:12px}.text-button:hover{color:var(--text)}.result-icon{font-size:48px}.score-circle{width:135px;height:135px;border-radius:50%;margin:22px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#172d4c,#0b1423);border:4px solid var(--blue);box-shadow:0 0 0 7px #4388ff16}.score-circle strong{font-size:38px}.score-circle span{color:var(--muted);font-size:12px}.result-message{color:var(--muted);line-height:1.8}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.stat-card{display:flex;flex-direction:column;gap:7px;padding:14px 7px;border:1px solid var(--border);border-radius:12px;background:#0c1523;font-size:12px;color:var(--muted)}.stat-number{font-size:23px;font-weight:800;color:#9fc4ff}.stat-number.correct-text{color:#5ce0b2}.stat-number.wrong-text{color:#ff929a}.search-input{margin:5px 0 12px}.encyclopedia-intro{margin:0 auto 14px}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 22px}.country-card{min-width:0;padding:13px;border:1px solid var(--border);border-radius:14px;background:#0b1524}.country-card img{display:block;width:100%;height:110px;object-fit:contain;background:#101d2f;border-radius:8px;margin-bottom:11px}.country-card h3{font-size:16px;margin:0 0 5px}.country-card .english-name{font-size:12px;color:#92b8f5;direction:ltr;text-align:right;margin:0 0 10px}.country-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:5px 0}.country-card strong{color:#dbe8fb}
.country-card .map-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:7px 0 9px;padding:9px 10px;border:1px solid #28568a;border-radius:10px;background:#102744;color:#9dceff;text-decoration:none;font-size:12px;font-weight:700;transition:background .18s,border-color .18s}.country-card .map-link:hover{background:#17375d;border-color:#4388ff}.country-card .country-fact{padding-top:8px;border-top:1px solid #203149}.country-card .country-fact strong{color:#f4c95d}.country-card .country-location{margin-top:8px}
.loader{width:43px;height:43px;border:4px solid #293a53;border-top-color:var(--blue);border-radius:50%;margin:10px auto 22px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{width:min(100% - 28px,760px);margin:0 auto;padding:18px 0 24px;display:flex;justify-content:space-between;gap:10px;color:#71829b;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:540px){.container{margin:18px auto}.topbar{min-height:62px}.top-label{font-size:11px}.brand-name{font-size:17px}.brand-logo{width:38px;height:38px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-list{grid-template-columns:1fr}.difficulty-option{align-items:center}.difficulty-option small{display:inline;margin-right:8px}.choices{grid-template-columns:1fr}.flag-image{height:175px}.country-grid{grid-template-columns:1fr}.country-card{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:12px}.country-card img{grid-row:span 4;width:100px;height:100px;margin:0}.country-card h3{align-self:end}.stats-grid{gap:6px}.stat-card{font-size:11px}.footer{font-size:11px}.panel{border-radius:17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Vivid refresh: energetic, modern, responsive, while preserving the globe logo */
:root{--bg:#050b18;--panel:#0d1b31;--panel2:#112747;--blue:#24b8ff;--blue2:#386bff;--green:#27e0ae;--gold:#ffd166;--red:#ff647c;--text:#f6f9ff;--muted:#aec2df;--border:rgba(65,167,255,.34);--radius:24px}
body{background:radial-gradient(ellipse at 12% 0%,rgba(36,184,255,.2),transparent 34%),radial-gradient(ellipse at 90% 18%,rgba(39,224,174,.13),transparent 28%),radial-gradient(ellipse at 50% 100%,rgba(56,107,255,.14),transparent 38%),#050b18;background-attachment:fixed}
.topbar{position:sticky;top:0;z-index:10;background:rgba(5,11,24,.82);border-bottom:1px solid rgba(36,184,255,.28);box-shadow:0 8px 35px #0003}
.brand-logo{filter:drop-shadow(0 0 12px rgba(36,184,255,.35));transition:transform .25s}.brand:hover .brand-logo{transform:rotate(-7deg) scale(1.07)}.brand-name{background:linear-gradient(100deg,#fff 15%,#8ee6ff 50%,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent}
.container{width:min(100% - 28px,900px);margin:clamp(18px,4vw,42px) auto}.panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,34,61,.97),rgba(7,19,38,.97));border:1px solid rgba(59,174,255,.38);border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.035)}.panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#24b8ff,#27e0ae,#ffd166,transparent);opacity:.9}.welcome-screen{padding-top:clamp(28px,5vw,48px)}.hero-logo{filter:drop-shadow(0 0 24px rgba(36,184,255,.28));animation:earth-float 5s ease-in-out infinite}@keyframes earth-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}h1{background:linear-gradient(95deg,#fff 10%,#7de2ff 45%,#ffd166 85%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 35px rgba(36,184,255,.1)}h2{letter-spacing:-.4px}.eyebrow{color:#69d9ff;text-transform:none;letter-spacing:.3px}.intro,.subtitle{max-width:560px}.subtitle{color:#8bdcff}.primary-button{position:relative;overflow:hidden;background:linear-gradient(115deg,#138bff,#4668ff 48%,#08bca3);box-shadow:0 10px 28px rgba(32,139,255,.28);transition:transform .2s,filter .2s,box-shadow .2s}.primary-button:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transition:transform .55s}.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 15px 34px rgba(32,139,255,.36)}.primary-button:hover:after{transform:translateX(110%)}.secondary-button{background:linear-gradient(120deg,rgba(27,56,91,.95),rgba(13,37,67,.95));border-color:rgba(73,174,255,.34);color:#c5eaff;transition:transform .2s,border-color .2s,background .2s}.secondary-button:hover{transform:translateY(-2px);background:#173d66;border-color:#24b8ff}.feature-row span{padding:8px 12px;border:1px solid rgba(86,168,255,.16);border-radius:999px;background:rgba(16,39,69,.56)}
.settings-group{background:rgba(4,15,31,.4);border-color:rgba(65,167,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.025)}.settings-group legend{color:#a8e8ff}.option-card span,.difficulty-option{background:linear-gradient(145deg,rgba(10,28,51,.96),rgba(10,22,41,.96));border-color:rgba(78,149,221,.3);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.option-card:hover span{transform:translateY(-2px);border-color:rgba(36,184,255,.75)}.option-card input:checked+span{background:linear-gradient(135deg,rgba(25,119,213,.55),rgba(31,69,147,.55));border-color:#35c7ff;box-shadow:0 0 0 1px #35c7ff,0 0 22px rgba(36,184,255,.16);color:#fff}.continent-option span{min-height:52px}.continent-option input:checked+span{background:linear-gradient(120deg,rgba(10,144,160,.4),rgba(40,92,181,.5));border-color:#27e0ae;box-shadow:0 0 18px rgba(39,224,174,.12)}.small-button{border:1px solid rgba(65,167,255,.35);border-radius:999px;background:rgba(17,48,81,.8);color:#bdeaff;padding:9px 14px;transition:.2s}.small-button:hover{background:#174e7b;border-color:#24b8ff}.heading-icon{background:linear-gradient(145deg,#153d68,#122541);border-color:rgba(36,184,255,.4);box-shadow:0 8px 20px #0002}.question-counter{background:linear-gradient(135deg,#123d69,#17346c);border:1px solid rgba(36,184,255,.35);color:#c5f4ff}.progress-track{background:#122540;border:1px solid rgba(255,255,255,.04)}.progress-bar{background:linear-gradient(90deg,#24b8ff,#27e0ae,#ffd166);box-shadow:0 0 15px rgba(36,184,255,.35)}.flag-card{background:radial-gradient(ellipse at 50% 0%,rgba(36,184,255,.1),transparent 70%),#07152a;border-color:rgba(36,184,255,.25);box-shadow:inset 0 0 30px rgba(36,184,255,.035)}.choice-button{background:linear-gradient(135deg,#122945,#102038);border-color:rgba(75,157,228,.28);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.choice-button:hover:not(:disabled){transform:translateY(-2px);border-color:#24b8ff;background:linear-gradient(135deg,#17436c,#1a3562);box-shadow:0 8px 20px #0002}.choice-button.correct{box-shadow:0 0 0 1px #27e0ae,0 0 20px rgba(39,224,174,.12)}.choice-button.wrong{box-shadow:0 0 0 1px #ff647c,0 0 20px rgba(255,100,124,.1)}.country-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.country-card{position:relative;overflow:hidden;padding:16px;background:linear-gradient(145deg,rgba(15,39,67,.96),rgba(8,22,42,.98));border-color:rgba(65,167,255,.25);border-radius:19px;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .22s,border-color .22s,box-shadow .22s}.country-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#24b8ff,#27e0ae,#ffd166);opacity:.75}.country-card:hover{transform:translateY(-4px);border-color:rgba(36,184,255,.68);box-shadow:0 18px 38px rgba(0,0,0,.25),0 0 20px rgba(36,184,255,.07)}.country-card img{height:145px;background:linear-gradient(145deg,#0a1b31,#102845);border:1px solid rgba(90,164,230,.15);padding:8px}.country-card h3{font-size:19px;color:#fff}.country-card .english-name{color:#8be1ff}.country-card .map-link{background:linear-gradient(110deg,rgba(18,93,155,.5),rgba(18,57,105,.6));border-color:rgba(36,184,255,.36);color:#b8efff}.country-card .map-link:hover{background:#14517d}.country-card .country-fact{background:rgba(255,209,102,.055);padding:10px;border-radius:10px;border-top:1px solid rgba(255,209,102,.17)}.country-card .country-fact strong{color:#ffd166}.country-capital strong,.country-location strong{color:#91e4ff}.search-input{background:rgba(6,19,37,.85);border-color:rgba(65,167,255,.35)}.search-input:focus{border-color:#24b8ff;box-shadow:0 0 0 3px rgba(36,184,255,.12)}.score-circle{border-color:#24b8ff;box-shadow:0 0 0 7px rgba(36,184,255,.08),0 0 32px rgba(36,184,255,.13)}.stat-card{background:linear-gradient(145deg,#102744,#0b1b31);border-color:rgba(65,167,255,.22)}.footer{width:min(100% - 28px,900px);color:#829bbd}.loader{border-color:#163453;border-top-color:#24b8ff;border-right-color:#27e0ae}
@media(max-width:540px){.panel{border-radius:21px}.country-grid{grid-template-columns:1fr}.country-card{display:block}.country-card img{width:100%;height:135px;margin:0 0 12px}.country-card h3{font-size:19px}.topbar{padding-inline:14px}.container{width:calc(100% - 20px)}}

/* Continent picker: lively, clear, accessible selection cards */
.continent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:16px 0}
.continent-option{display:block;position:relative;cursor:pointer;min-width:0}
.continent-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.continent-option span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:12px 14px;text-align:center;border:1px solid rgba(98,158,220,.35);border-radius:16px;background:linear-gradient(145deg,rgba(17,39,67,.96),rgba(8,21,41,.98));color:#d7eaff;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.14);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.continent-option:hover span{transform:translateY(-2px);border-color:#37c9ff;box-shadow:0 10px 24px rgba(36,184,255,.13)}
.continent-option input:checked+span{color:#fff;border-color:#32e2b4;background:linear-gradient(135deg,rgba(12,139,154,.48),rgba(35,91,170,.65));box-shadow:inset 0 0 0 1px rgba(50,226,180,.35),0 0 22px rgba(39,224,174,.16)}
.continent-option input:checked+span:before{content:'✓';display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#27e0ae;color:#062b30;font-size:13px;flex-shrink:0}
.continent-option input:focus-visible+span{outline:3px solid #ffd166;outline-offset:3px}
.continent-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
@media(max-width:520px){.continent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.continent-option span{min-height:58px;padding:9px 7px;font-size:14px}}

.country-flag-fallback{display:grid;place-items:center;min-height:90px;margin:0 0 11px;padding:12px;text-align:center;overflow-wrap:anywhere;border:1px dashed #3a5273;border-radius:8px;background:#101d2f;color:#a9c5e9;font-size:12px;line-height:1.7}

/* Always keep a visible flag representation when external image hosts fail. */
.game-flag-emoji-fallback{white-space:pre-line;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:205px;width:100%;font-size:clamp(30px,8vw,54px);font-weight:800;color:#f0f5ff;text-align:center;line-height:1.4}
.country-flag-emoji-fallback{white-space:pre-line;display:grid;place-items:center;gap:6px;min-height:145px;margin:0 0 11px;padding:8px;text-align:center;overflow-wrap:anywhere;border:1px solid rgba(90,164,230,.2);border-radius:8px;background:linear-gradient(145deg,#0a1b31,#102845);color:#f0f5ff;font-size:30px;line-height:1.5}
@media(max-width:540px){.game-flag-emoji-fallback{min-height:175px}.country-flag-emoji-fallback{min-height:100px;font-size:25px}}

/* Selectable extra modes; the classic game remains separate. */
.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:145px;padding:17px;text-align:right;border:1px solid rgba(65,167,255,.3);border-radius:16px;background:linear-gradient(145deg,rgba(17,43,72,.98),rgba(8,22,42,.98));color:var(--text);transition:transform .2s,border-color .2s,box-shadow .2s}
.mode-card:hover{transform:translateY(-3px);border-color:#24b8ff;box-shadow:0 10px 28px rgba(36,184,255,.12)}
.mode-card>span{font-size:28px}.mode-card b{font-size:16px}.mode-card small{color:var(--muted);font-size:12px;line-height:1.7;font-weight:400}
.mode-status{padding:10px 13px;border-radius:10px;background:rgba(23,61,99,.5);border:1px solid rgba(65,167,255,.22);color:#bdeaff;text-align:center;font-size:13px}
.map-challenge{overflow:hidden;border:1px solid rgba(65,167,255,.3);border-radius:15px;margin:14px 0;background:#0a1320}
.map-frame{display:block;width:100%;height:280px;border:0;background:#0a1320}
.answer-fact{margin-top:14px;padding:14px;border:1px solid rgba(255,209,102,.25);border-radius:12px;background:rgba(255,209,102,.06);color:#f5e5b9;line-height:1.8;font-size:14px}
.records-panel{padding:16px;margin:18px 0;border:1px solid var(--border);border-radius:14px;background:#0b1524;line-height:1.8}.records-panel h3{margin-top:0;color:#ffd166}.records-panel p{margin:7px 0;color:var(--muted)}.records-panel b{color:#eaf3ff}
@media(max-width:540px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:unset}.map-frame{height:230px}}


/* Animated welcome screen: floating continent cards frame the existing login form. */
.container{width:min(calc(100% - 32px),1240px);position:relative;isolation:isolate}
#welcome-screen{width:min(100%,650px);margin-inline:auto;z-index:1;animation:welcome-arrive .7s cubic-bezier(.2,.8,.2,1) both}
#welcome-screen .hero-logo{animation:earth-float 5s ease-in-out infinite,logo-glow 4s ease-in-out infinite}
.continent-floaters{position:absolute;inset:0;pointer-events:none;z-index:-1}
.continent-float{position:absolute;width:190px;min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:13px 14px;border:1px solid rgba(67,190,255,.36);border-radius:20px;background:linear-gradient(145deg,rgba(13,36,64,.9),rgba(7,18,37,.88));box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(36,184,255,.08);backdrop-filter:blur(12px);transform:translate3d(var(--mx,0),var(--my,0),0) rotate(var(--tilt,0deg));animation:continent-drift var(--float-time,6s) ease-in-out infinite;animation-delay:var(--delay,0s);transition:border-color .25s,box-shadow .25s,background .25s;will-change:transform}
.continent-float:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(36,184,255,.45),transparent 45%,rgba(255,209,102,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.continent-symbol{font-size:27px;line-height:1.1;filter:drop-shadow(0 0 10px rgba(36,184,255,.24))}
.continent-float b{font-size:14px;color:#f2f8ff;text-align:center}
.continent-float small{font-size:9px;letter-spacing:1.8px;color:#79dfff;direction:ltr}
.continent-africa{top:8%;right:calc(100% + 22px);--tilt:-4deg;--float-time:6.8s;--delay:-1s}
.continent-asia{top:6%;left:calc(100% + 22px);--tilt:4deg;--float-time:7.3s;--delay:-2s}
.continent-europe{top:35%;right:calc(100% + 58px);--tilt:3deg;--float-time:6.1s;--delay:-3s}
.continent-north{top:34%;left:calc(100% + 52px);--tilt:-3deg;--float-time:7s;--delay:-1.5s}
.continent-south{bottom:10%;right:calc(100% + 18px);--tilt:4deg;--float-time:6.4s;--delay:-2.5s}
.continent-oceania{bottom:8%;left:calc(100% + 20px);--tilt:-4deg;--float-time:7.4s;--delay:-.7s}
.continent-antarctica{bottom:-5%;left:50%;transform:translate3d(var(--mx,0),var(--my,0),0) translateX(-50%) rotate(var(--tilt,0deg));--tilt:1deg;--float-time:8s;--delay:-4s}
@keyframes welcome-arrive{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes continent-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes logo-glow{0%,100%{filter:drop-shadow(0 0 18px rgba(36,184,255,.2))}50%{filter:drop-shadow(0 0 30px rgba(255,209,102,.22))}}
@media(max-width:1120px){.continent-float{width:155px;min-height:88px}.continent-africa{right:calc(100% + 8px)}.continent-asia{left:calc(100% + 8px)}.continent-europe{right:calc(100% + 15px)}.continent-north{left:calc(100% + 15px)}.continent-south{right:calc(100% + 5px)}.continent-oceania{left:calc(100% + 5px)}}
@media(max-width:820px){.container{width:min(calc(100% - 22px),650px)}.continent-floaters{position:relative;inset:auto;z-index:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:28px auto 0;max-width:490px}.continent-float{position:relative;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto;min-height:80px;transform:none;animation:continent-drift var(--float-time,6s) ease-in-out infinite}.continent-antarctica{grid-column:1/-1;left:auto;transform:none}.continent-float b{font-size:13px}.continent-float small{font-size:8px}#welcome-screen{overflow:hidden}}
@media(max-width:420px){.continent-floaters{gap:7px}.continent-float{padding:10px 7px;min-height:76px;border-radius:15px}.continent-symbol{font-size:23px}.continent-float b{font-size:12px}}
@media(hover:hover) and (pointer:fine){.continent-float:hover{border-color:rgba(255,209,102,.75);box-shadow:0 22px 50px rgba(0,0,0,.3),0 0 30px rgba(255,209,102,.12)}}
@media(prefers-reduced-motion:reduce){#welcome-screen,.continent-float,#welcome-screen .hero-logo{animation:none!important;transition:none!important}.continent-float{translate:none!important}}
@media(min-width:821px){#welcome-screen{overflow:visible}}

/* Player progression, daily challenge, map explorer and history additions */
.result-rewards{margin:18px auto;padding:13px 16px;max-width:520px;border:1px solid rgba(39,224,174,.32);border-radius:13px;background:linear-gradient(120deg,rgba(19,85,76,.42),rgba(19,49,82,.42));color:#8ff3d0;font-weight:800;line-height:1.8}
.profile-hero{display:flex;align-items:center;gap:16px;padding:18px;margin:16px 0;border:1px solid rgba(65,167,255,.3);border-radius:18px;background:linear-gradient(130deg,rgba(18,55,91,.65),rgba(8,25,44,.65))}.profile-avatar{width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;border-radius:22px;background:linear-gradient(145deg,#1c5280,#13304f);font-size:42px;box-shadow:0 8px 24px #0003}.profile-hero h3{margin:0 0 6px;font-size:22px}.profile-title{margin:0;color:#ffd166;font-weight:800}.profile-progress{margin:22px 0;padding:16px;border:1px solid var(--border);border-radius:15px;background:rgba(6,18,34,.55)}.profile-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.profile-progress span{color:var(--muted);font-size:12px}.achievements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 22px}.achievement-card{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:14px 8px;border:1px solid var(--border);border-radius:14px;background:#0b1728}.achievement-card>span{font-size:28px}.achievement-card b{font-size:13px}.achievement-card small{font-size:11px;color:var(--muted);line-height:1.5}.achievement-card.unlocked{border-color:rgba(255,209,102,.55);background:linear-gradient(145deg,rgba(86,65,22,.35),rgba(12,29,46,.8));box-shadow:inset 0 0 18px rgba(255,209,102,.04)}.achievement-card.locked{filter:saturate(.35);opacity:.65}.review-list,.history-list{display:grid;gap:10px;margin:16px 0}.review-item,.history-item{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(8,22,40,.78)}.review-item>div,.history-item>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.review-item small,.history-item small{font-size:11px;color:var(--muted);line-height:1.5}.review-item button{flex-shrink:0}.review-flag{font-size:28px}.history-item>strong{color:#8ee6ff;white-space:nowrap}.history-item>span{color:#67e6bc;white-space:nowrap;font-size:12px}.world-map-frame-wrap{margin:14px 0}.map-frame{height:360px}.world-map-screen .small-button{min-height:42px}.world-map-screen .continent-grid{margin:16px 0}@media(max-width:540px){.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{align-items:flex-start}.profile-avatar{width:60px;height:60px;font-size:34px;border-radius:17px}.review-item{flex-wrap:wrap}.review-item>div{min-width:calc(100% - 65px)}.review-item button{width:100%}.history-item{flex-wrap:wrap}.history-item>strong{margin-right:auto}.map-frame{height:270px}}@media(prefers-reduced-motion:reduce){.profile-avatar,.achievement-card,.review-item,.history-item{transition:none!important}}

/* Profile-first home menu and XP-gated bonus modes */
.menu-profile-card{width:100%;display:flex;align-items:center;gap:15px;text-align:right;margin:18px 0 20px;padding:17px 18px;border:1px solid rgba(255,209,102,.38);border-radius:19px;background:linear-gradient(115deg,rgba(24,54,85,.98),rgba(12,29,49,.98));color:var(--text);box-shadow:0 12px 32px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);transition:transform .2s,border-color .2s,box-shadow .2s}
.menu-profile-card:hover{transform:translateY(-2px);border-color:#ffd166;box-shadow:0 16px 35px rgba(0,0,0,.25),0 0 22px rgba(255,209,102,.08)}
.menu-profile-avatar{width:58px;height:58px;display:grid;place-items:center;flex-shrink:0;border-radius:17px;background:linear-gradient(145deg,#1b5680,#102944);border:1px solid rgba(125,226,255,.25);font-size:31px}
.menu-profile-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.menu-profile-copy b{font-size:17px}.menu-profile-copy small{color:#b8cce5;font-size:12px;overflow-wrap:anywhere}.menu-profile-progress{height:5px;display:block;overflow:hidden;border-radius:99px;background:#071729;margin-top:3px}.menu-profile-progress i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#24b8ff,#27e0ae,#ffd166);transition:width .35s}.menu-profile-arrow{font-size:23px;color:#ffd166}
.menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-actions .primary-button,.menu-actions .secondary-button{margin:0;min-height:58px}.menu-actions #menu-start{grid-column:1/-1}.modes-entry-button{display:flex;align-items:center;gap:13px;width:100%;margin-top:16px;padding:17px;border:1px solid rgba(36,184,255,.4);border-radius:17px;background:linear-gradient(110deg,rgba(16,70,108,.85),rgba(16,40,72,.95));color:var(--text);text-align:right;transition:transform .2s,border-color .2s,box-shadow .2s}.modes-entry-button:hover{transform:translateY(-2px);border-color:#24b8ff;box-shadow:0 12px 30px rgba(36,184,255,.12)}.modes-entry-button>span:first-child{font-size:30px}.modes-entry-button>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}.modes-entry-button b{font-size:16px}.modes-entry-button small{font-size:12px;color:#b4cce8;line-height:1.6}.modes-entry-button strong{font-size:22px;color:#7de2ff}
.mode-wallet{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:10px 0 20px;padding:13px 15px;border:1px solid rgba(255,209,102,.28);border-radius:13px;background:rgba(80,61,22,.15)}.mode-wallet b{color:#ffd166}.mode-wallet span{font-size:12px;color:var(--muted)}.mode-card{position:relative;overflow:hidden}.mode-tier{display:block;width:100%;margin-top:auto;padding-top:9px;border-top:1px solid rgba(117,169,220,.16);font-style:normal;font-size:12px;font-weight:800;color:#70e8bd;line-height:1.6}.mode-locked{border-color:rgba(145,160,180,.22);background:linear-gradient(145deg,rgba(19,31,47,.96),rgba(9,18,31,.98));filter:saturate(.68)}.mode-locked>span:first-child{filter:grayscale(.45)}.mode-locked .mode-tier{color:#ffd166}.mode-card[data-mode="records"] .mode-tier{color:#8bdcff}
#profile-screen .section-heading{margin-bottom:20px}#profile-screen .profile-hero{padding:22px;background:radial-gradient(circle at 100% 0%,rgba(36,184,255,.13),transparent 55%),linear-gradient(130deg,rgba(18,55,91,.7),rgba(8,25,44,.85));border-color:rgba(255,209,102,.24)}#profile-screen .profile-hero h3{font-size:24px}#profile-screen .field-label{margin-top:18px}#profile-screen input,#profile-screen select{margin-bottom:4px}#profile-screen #save-profile{margin-top:18px}#profile-screen .profile-progress{margin-top:20px}#profile-screen>h3{margin-top:25px;color:#ffd166}.achievement-card{min-height:125px;justify-content:center;transition:transform .2s,border-color .2s}.achievement-card:hover{transform:translateY(-3px)}
@media(max-width:540px){.menu-actions{grid-template-columns:1fr}.menu-actions #menu-start{grid-column:auto}.menu-profile-card{padding:14px}.menu-profile-avatar{width:51px;height:51px}.mode-wallet{align-items:flex-start;flex-direction:column}.mode-tier{font-size:11px}}


/* Online friend rooms */
.online-config-notice{padding:13px 15px;border:1px solid rgba(39,224,174,.28);border-radius:13px;background:rgba(20,91,77,.16);color:#baf7e5;line-height:1.8;font-size:13px;margin:18px 0}.online-config-notice.needs-config{border-color:rgba(255,209,102,.3);background:rgba(116,78,20,.16);color:#ffe3a1}.online-lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.online-join-box{padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(4,15,31,.36)}.online-join-box .field-label{margin-top:0}.online-room-panel{margin-top:20px;padding:18px;border:1px solid rgba(36,184,255,.34);border-radius:18px;background:linear-gradient(145deg,rgba(14,38,67,.8),rgba(6,18,36,.8))}.online-room-code-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.online-room-code-wrap>span{color:var(--muted);font-size:13px}.online-room-code-wrap strong{font-size:27px;letter-spacing:5px;color:#ffd166;margin-inline:auto}.online-players{display:grid;gap:9px;margin:15px 0}.online-player{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(65,167,255,.2);border-radius:12px;background:rgba(6,19,37,.72)}.online-player>span{font-size:22px}.online-player>div{flex:1;display:grid;gap:4px}.online-player small{color:var(--muted)}.online-player i{font-style:normal;font-size:11px;color:#7fe8c8}.online-room-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.online-room-buttons .text-button{grid-column:1/-1}.online-question-area{margin:16px 0;padding:14px;border:1px solid rgba(65,167,255,.22);border-radius:14px;background:rgba(4,14,28,.7)}.online-q-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.online-q-head span{color:#ffd166;font-size:13px}.online-flag{display:block;width:min(100%,360px);height:175px;object-fit:contain;margin:12px auto;padding:10px;border-radius:10px;background:#07152a}.online-answer-note{text-align:center;line-height:1.8;color:#aee8ff;font-size:13px}.online-finish{text-align:center}.online-finish>span,.online-finish{font-size:16px}.online-finish h3{font-size:24px}.online-rank{display:flex;justify-content:space-between;gap:12px;padding:13px;margin:9px 0;border:1px solid var(--border);border-radius:11px;background:#0b1b31}.online-rank b{color:#ffd166}.online-finish>p{color:#8de6ca;font-weight:700;margin-top:18px}
@media(max-width:560px){.online-lobby-actions{grid-template-columns:1fr}.online-room-buttons{grid-template-columns:1fr}.online-room-code-wrap strong{margin-inline:0}.online-flag{height:145px}}


/* Warm professional brown, cream and white theme */
:root{color-scheme:light}
body{color:var(--text);background:radial-gradient(circle at 12% 5%,#fffaf2 0,transparent 34%),radial-gradient(circle at 90% 35%,#ead8c2 0,transparent 28%),#f5eadb}
.topbar{background:rgba(255,253,249,.94);border-bottom-color:#dfcbb5;box-shadow:0 4px 20px rgba(87,55,32,.06)}
.brand,.brand:hover{color:#573820}.top-label,.muted-note,.helper-text,.intro,.result-message,.question-hint,.footer{color:#806d5d}
.panel{background:linear-gradient(145deg,#fffefa,#f8efe4);border-color:#dfcbb5;box-shadow:0 18px 45px rgba(87,55,32,.10)}
h1,h2,h3,h4{color:#503522}.eyebrow,.subtitle{color:#966a3e}
input[type=text],input[type=number],.search-input,#profile-screen input,#profile-screen select{background:#fff;border-color:#d8c1a7;color:#38271d}
input::placeholder{color:#a28c78}button:focus-visible,input:focus-visible{outline-color:#c49a55}
.primary-button{background:linear-gradient(135deg,#8b603c,#5f3c26);color:#fff;box-shadow:0 7px 18px rgba(95,60,38,.18)}
.secondary-button{background:#f0e2d0;border-color:#d7bea3;color:#65452e}.secondary-button:hover{background:#e8d4bb;border-color:#a9815c}
.heading-icon{background:#f0e1cf;border-color:#ddc5aa;color:#67452d}
.settings-group,.profile-progress,.country-card,.achievement-card,.review-item,.history-item,.online-join-box{background:#fffdf9;border-color:#dfcbb5}
.option-card span,.difficulty-option,.choice-button{background:#f7eee3;border-color:#dfcbb5;color:#503522}
.option-card input:checked+span,.difficulty-option:has(input:checked){background:#ead6bd;border-color:#9a704b;color:#4d301c;box-shadow:inset 0 0 0 1px #b38a62}
.difficulty-option input{accent-color:#805334}
.question-counter{background:#ead9c5;color:#6b472e}.counter-divider{color:#a88a6d}
.progress-track{background:#e3d2bf}.progress-bar{background:linear-gradient(90deg,#8b603c,#c49a55,#278565)}
.flag-card{background:#fff;border-color:#dfcbb5}.choice-button:hover:not(:disabled){border-color:#a47b55;background:#eee0ce}
.choice-button.correct,.feedback.correct-text{background:#e0f2e8;border-color:#83c2a1;color:#216448}.choice-button.wrong,.feedback.wrong-text{background:#fae5e2;border-color:#d99a93;color:#8b302c}
.score-circle{background:radial-gradient(circle,#fffdf9,#ead9c5);border-color:#a7794c;box-shadow:0 0 0 7px rgba(167,121,76,.13)}
.stat-card{background:#fff;border-color:#dfcbb5;color:#806d5d}.stat-number{color:#805334}.stat-number.correct-text{color:#278565}.stat-number.wrong-text{color:#bd4a4a}
.country-card img{background:#f4e8d9}.country-card .english-name{color:#8b603c}.country-card .map-link{background:#f1e1ce;border-color:#d2b391;color:#69462c}.country-card .map-link:hover{background:#e8d2b9;border-color:#a7794c}
.loader{border-color:#e5d5c4;border-top-color:#805334}
.result-rewards{background:linear-gradient(120deg,#e2f2e8,#f8eee0);border-color:#a7d4b9;color:#24664b}
.profile-hero,#profile-screen .profile-hero{background:linear-gradient(130deg,#f0dfcb,#fffdf9);border-color:#d8bfa3;color:#38271d}
.profile-avatar,.menu-profile-avatar{background:linear-gradient(145deg,#b88b5e,#71492e);border-color:#d9b98f;color:#fff}
.profile-title{color:#8a602f}.profile-progress{background:#fff9f1}.achievement-card.unlocked{background:linear-gradient(145deg,#f7e9c9,#fffaf1);border-color:#d5b36d}.achievement-card.locked{background:#f4eee7}
.menu-profile-card{background:linear-gradient(115deg,#fffdf9,#efe0ce);border-color:#d6b995;color:#38271d;box-shadow:0 12px 28px rgba(87,55,32,.09)}
.menu-profile-card:hover{border-color:#b78c57;box-shadow:0 16px 32px rgba(87,55,32,.13)}.menu-profile-copy small{color:#806d5d}.menu-profile-progress{background:#dfcdb9}.menu-profile-progress i{background:linear-gradient(90deg,#805334,#c49a55,#278565)}.menu-profile-arrow{color:#9b713f}
.modes-entry-button{background:linear-gradient(110deg,#f2e2cf,#fffdf9);border-color:#d6b995;color:#503522}.modes-entry-button:hover{border-color:#a7794c;box-shadow:0 12px 28px rgba(95,60,38,.1)}.modes-entry-button small{color:#806d5d}.modes-entry-button strong{color:#8b603c}
.mode-wallet{background:#f5e8d6;border-color:#dfc49f}.mode-wallet b,.mode-locked .mode-tier{color:#8b603c}.mode-locked{background:linear-gradient(145deg,#f0e6da,#fffdf9);border-color:#dfcbb5}
.online-config-notice{background:#e3f2e9;border-color:#afd4bd;color:#28694f}.online-config-notice.needs-config{background:#fff0d4;border-color:#e4c58d;color:#77521e}
.online-room-panel{background:linear-gradient(145deg,#f0e0cd,#fffdf9);border-color:#d5b692}.online-room-code-wrap strong{color:#8b603c}.online-player{background:#fff;border-color:#dfcbb5}.online-player i{color:#278565}.online-question-area{background:#fff;border-color:#dfcbb5}.online-q-head span{color:#8b603c}.online-flag{background:#f3e7d8}.online-answer-note{color:#6b513d}.online-rank{background:#fff;border-color:#dfcbb5}.online-rank b{color:#8b603c}.online-finish>p{color:#278565}
#profile-screen>h3{color:#805334}.mode-tier{color:#278565}.country-card strong{color:#503522}.country-card .country-fact strong{color:#946a31}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Dedicated, visible profile logo area */
.profile-identity-card{margin:16px 0 22px;padding:12px;border:1px solid #d9c3a9;border-radius:22px;background:linear-gradient(145deg,#fffdf9,#f1e2d1);box-shadow:0 12px 28px rgba(83,53,31,.08)}
#profile-screen .profile-hero{margin:0;padding:18px;border:0;border-radius:16px;background:linear-gradient(130deg,#ead4bb,#fffaf3);color:#38271d}
#profile-screen .profile-avatar{width:104px;height:104px;border-radius:50%;border:4px solid #fff9f0;outline:3px solid #c69a45;box-shadow:0 7px 20px rgba(83,53,31,.18);font-size:52px;background:linear-gradient(145deg,#b88b5e,#71492e)}
.profile-identity-copy{min-width:0;flex:1}
.profile-identity-copy .eyebrow{margin:0 0 5px;color:#8b603c;font-size:12px;font-weight:800}
.profile-customize-note{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 13px;border-radius:12px;background:#fff;color:#6f452b;font-size:13px;line-height:1.7}
.profile-avatar-hint{margin:7px 0 0;line-height:1.7}
@media(max-width:540px){#profile-screen .profile-avatar{width:78px;height:78px;font-size:40px}.profile-identity-card{padding:8px}#profile-screen .profile-hero{padding:14px}}

/* Shop additions: warm brown/cream theme */
.shop-panel{margin:26px 0 18px;padding:18px;border:1px solid #d8c1a7;border-radius:20px;background:linear-gradient(145deg,#fffdf9,#f4e8d9);color:#38271d;box-shadow:0 12px 28px rgba(83,53,31,.07)}
.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-heading h3{margin:0;color:#6f452b}.shop-wallet{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 7px;padding:10px 13px;background:#6f452b;color:white;border-radius:12px}.shop-wallet span{grid-row:span 2;font-size:22px}.shop-wallet b{font-size:20px}.shop-wallet small{font-size:10px;color:#f5e7d5}.shop-note{margin:10px 0;text-align:right}.shop-convert{padding:12px;border:1px solid #e0ccb5;background:#fff;border-radius:13px;margin:14px 0}.shop-convert label{display:block;font-weight:800;margin-bottom:8px}.shop-convert>div{display:flex;gap:8px}.shop-convert input{min-width:0;flex:1;margin:0}.shop-convert .secondary-button{width:auto;margin:0;background:#6f452b;color:#fff;border-color:#6f452b}.shop-convert small{display:block;margin-top:7px;color:#765d4a}.shop-tabs{display:flex;gap:7px;overflow-x:auto;padding:5px 0 12px}.shop-tab{white-space:nowrap;border:1px solid #d8c1a7;background:#fffaf3;color:#6f452b;border-radius:999px;padding:9px 13px;font-weight:800}.shop-tab.active{background:#6f452b;color:#fff;border-color:#6f452b}.shop-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shop-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:12px 8px;background:#fff;border:1px solid #e0ccb5;border-radius:15px}.shop-item-icon{display:grid;place-items:center;width:62px;height:62px;border:2px solid #c69a45;border-radius:50%;background:linear-gradient(145deg,#fffdf9,#f0dfcb);font-size:34px;box-shadow:0 4px 10px #6f452b12}.shop-item b{font-size:13px;line-height:1.5;min-height:36px;color:#503522}.shop-item small{color:#8b603c;font-weight:800}.shop-buy{width:100%;min-height:38px;margin:0;padding:8px;background:#6f452b;color:white;border-color:#6f452b;font-size:12px}.shop-buy:disabled{opacity:.7}.shop-message{min-height:24px;margin:12px 0 0;color:#6f452b;font-weight:800;text-align:center}.profile-avatar{position:relative}.shop-item button:focus-visible,.shop-tab:focus-visible{outline:3px solid #c69a45;outline-offset:2px}
@media(max-width:540px){.shop-panel{padding:12px}.shop-items{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-heading{align-items:flex-start}.shop-heading h3{font-size:16px}.shop-wallet{padding:8px}.shop-convert>div{flex-direction:column}.shop-convert .secondary-button{width:100%}}

/* Egyptian-inspired refresh: obsidian, papyrus, lapis and royal gold */
:root{--primary:#d6a84f;--primary-dark:#986c22;--accent:#19b6a4;--ink:#f6eedc;--muted:#c6b99f;--surface:#171c27;--surface-soft:#202838;--border:rgba(214,168,79,.28);--shadow:0 22px 65px rgba(0,0,0,.28)}
body{background:radial-gradient(ellipse at 12% 0%,rgba(25,182,164,.14),transparent 34%),radial-gradient(ellipse at 90% 8%,rgba(214,168,79,.15),transparent 31%),linear-gradient(150deg,#0b1018,#111827 58%,#171d29);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(30deg,transparent 48%,rgba(214,168,79,.18) 49%,rgba(214,168,79,.18) 50%,transparent 51%),linear-gradient(150deg,transparent 48%,rgba(25,182,164,.14) 49%,rgba(25,182,164,.14) 50%,transparent 51%);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.topbar{background:rgba(10,15,23,.88);border-bottom:1px solid rgba(214,168,79,.28);backdrop-filter:blur(18px)}
.brand-name,.section-heading h2,.welcome-screen h1,.profile-identity-copy h3{color:#f4d58a}
.brand-logo,.hero-logo,.heading-icon{filter:drop-shadow(0 5px 16px rgba(214,168,79,.22))}
.panel{background:linear-gradient(145deg,rgba(29,37,52,.96),rgba(17,23,34,.97));border:1px solid rgba(214,168,79,.24);border-radius:25px;box-shadow:var(--shadow);color:var(--ink)}
.panel:before{border-color:rgba(214,168,79,.24)}
.eyebrow{color:#45d1c1;letter-spacing:.12em}
.intro,.subtitle,.muted-note,.helper-text,.top-label{color:#c6b99f}
.primary-button{background:linear-gradient(120deg,#f2d78e,#c08a2f);border:1px solid #f4d58a;color:#211a0d;box-shadow:0 8px 22px rgba(192,138,47,.2);font-weight:900}
.primary-button:hover{background:linear-gradient(120deg,#ffe8a7,#d6a84f);transform:translateY(-1px)}
.secondary-button,.small-button,.text-button{background:#202a3a;border-color:rgba(214,168,79,.32);color:#f3e8cf}
.secondary-button:hover,.small-button:hover{background:#29364a;border-color:#d6a84f}
input,select,textarea,.search-input{background:#101722!important;color:#f6eedc!important;border-color:rgba(214,168,79,.3)!important}
input::placeholder{color:#938873}
.option-card,.difficulty-option,.continent-option,.mode-card,.country-card,.stat-card,.profile-identity-card,.profile-progress,.map-challenge{background:linear-gradient(145deg,#222c3c,#171e2a);border-color:rgba(214,168,79,.22);color:#f6eedc}
.option-card:has(input:checked),.difficulty-option:has(input:checked),.continent-option:has(input:checked){border-color:#d6a84f;background:rgba(214,168,79,.12)}
.mode-card:hover,.country-card:hover{border-color:#d6a84f;box-shadow:0 12px 28px rgba(0,0,0,.22);transform:translateY(-2px)}
.mode-card>span,.stat-number,.result-icon{filter:drop-shadow(0 3px 8px rgba(214,168,79,.18))}
.shop-panel{background:linear-gradient(145deg,#171e2a,#10151e);border:1px solid rgba(214,168,79,.42);color:#f6eedc;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.shop-heading h3,.shop-message{color:#f4d58a}.shop-wallet{background:linear-gradient(135deg,#b8862d,#60451e);border:1px solid #e4bd66}.shop-convert{background:#121a26;border-color:rgba(214,168,79,.3)}.shop-convert small{color:#c6b99f}.shop-tab{background:#202a3a;color:#e8dcc1;border-color:rgba(214,168,79,.28)}.shop-tab.active{background:linear-gradient(120deg,#f2d78e,#c08a2f);color:#211a0d;border-color:#f2d78e}.shop-item{background:linear-gradient(145deg,#222c3c,#151c28);border-color:rgba(214,168,79,.24)}.shop-item-icon{background:radial-gradient(circle at 35% 25%,#fff2bd,#b8862d);border-color:#f2d78e;color:#1b1b1b}.shop-item b{color:#f6eedc}.shop-item small{color:#d9bd80}.shop-buy{background:linear-gradient(120deg,#d6a84f,#986c22);color:#20180a;border-color:#d6a84f}.profile-avatar{border-color:#d6a84f;box-shadow:0 0 0 5px rgba(214,168,79,.1)}
.feedback{border-radius:14px}.choice-button{background:#202a3a;color:#f6eedc;border-color:rgba(214,168,79,.25)}.choice-button:hover:not(:disabled){border-color:#d6a84f;background:#29364a}.choice-button.correct{background:rgba(25,182,164,.16);border-color:#19b6a4;color:#9af2df}.choice-button.wrong{background:rgba(220,80,80,.14);border-color:#d75c5c;color:#ffc1b8}
.progress-track{background:#2b3443}.progress-bar{background:linear-gradient(90deg,#19b6a4,#d6a84f)}
.footer{color:#938873}
@media(max-width:600px){.panel{border-radius:19px}.shop-panel{border-radius:17px}.shop-items{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Clean professional polish: deep navy, teal and warm gold, with motion kept subtle. */
:root{color-scheme:dark;--primary:#e2b85f;--primary-dark:#a77927;--accent:#28c9b4;--ink:#f3f5f8;--muted:#a9b7c8;--surface:#111a28;--surface-soft:#182438;--border:rgba(226,184,95,.24);--shadow:0 24px 70px rgba(0,0,0,.32)}
body{background:radial-gradient(ellipse at 50% -12%,rgba(26,142,174,.25),transparent 45%),radial-gradient(ellipse at 4% 28%,rgba(226,184,95,.08),transparent 28%),#080f1b;color:#edf4fc}
body:before{opacity:.07;background-size:64px 64px}
.topbar{background:rgba(7,14,25,.84);border-bottom:1px solid rgba(226,184,95,.2)}
.panel{background:linear-gradient(145deg,rgba(20,32,49,.97),rgba(11,19,31,.98));border:1px solid rgba(226,184,95,.19);border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.panel:before{height:2px;background:linear-gradient(90deg,transparent,#25c5b0,#e2b85f,transparent)}
.welcome-screen{backdrop-filter:blur(8px)}
.hero-logo{filter:drop-shadow(0 0 24px rgba(35,191,220,.25));transform-origin:center;animation:earth-float 5s ease-in-out infinite,earth-glow 4s ease-in-out infinite}
.hero-logo svg{overflow:visible}
@keyframes earth-glow{0%,100%{filter:drop-shadow(0 0 12px rgba(35,191,220,.22))}50%{filter:drop-shadow(0 0 27px rgba(226,184,95,.35))}}
.brand-logo svg{animation:earth-spin 16s linear infinite;transform-origin:center}
@keyframes earth-spin{to{transform:rotate(360deg)}}
h1{background:linear-gradient(100deg,#fff0bd,#e2b85f 40%,#7fe9df 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:#51d9cb}
.intro,.subtitle,.muted-note,.helper-text,.top-label{color:#aebed0}
.primary-button{background:linear-gradient(115deg,#dcb65c,#f1d58e 48%,#24bba8);color:#091522;border:1px solid rgba(255,239,186,.55);box-shadow:0 9px 25px rgba(22,181,166,.15)}
.secondary-button,.small-button,.text-button{background:linear-gradient(145deg,#19283b,#111d2e);border-color:rgba(226,184,95,.25);color:#e4edf8}
.secondary-button:hover,.small-button:hover{border-color:#29c8b6;background:#20344a}
input,select,textarea,.search-input{background:#0c1522!important;color:#f0f5fb!important;border-color:rgba(226,184,95,.27)!important;box-shadow:inset 0 1px 3px #0003}
input::placeholder{color:#7f91a8}
.option-card span,.difficulty-option,.continent-option,.mode-card,.country-card,.stat-card,.profile-identity-card,.profile-progress,.map-challenge{background:linear-gradient(145deg,#19283b,#101a29);border-color:rgba(226,184,95,.19);color:#edf4fc}
.option-card input:checked+span,.difficulty-option:has(input:checked),.continent-option:has(input:checked){background:rgba(32,190,171,.12);border-color:#28c9b4}
.shop-panel{background:linear-gradient(145deg,#142237,#0c1523);border:1px solid rgba(226,184,95,.3);color:#edf4fc;box-shadow:0 18px 48px #0004}
.shop-heading h3,.shop-message{color:#f1d58e}.shop-wallet{background:linear-gradient(135deg,#b88b35,#6b4b18);border:1px solid #e2b85f}
.shop-convert{background:#0d1827;border-color:rgba(226,184,95,.22);color:#edf4fc}.shop-convert small{color:#a9b7c8}
.shop-tab{background:#142236;color:#dce7f3;border-color:rgba(226,184,95,.22)}.shop-tab.active{background:linear-gradient(110deg,#e2b85f,#f1d58e);color:#171b20;border-color:#f1d58e}
.shop-item{background:linear-gradient(145deg,#1b2b40,#111b2a);border-color:rgba(226,184,95,.22);box-shadow:0 6px 18px #0002;transition:transform .2s,border-color .2s,box-shadow .2s}.shop-item:hover{transform:translateY(-4px);border-color:#28c9b4;box-shadow:0 14px 28px #0004}
.shop-item-icon{background:radial-gradient(circle at 30% 20%,#243e56,#0d1725);border:2px solid #b88b35;color:#f5d98e;box-shadow:0 0 0 4px rgba(226,184,95,.05);overflow:hidden}.shop-item-icon img{width:100%;height:100%;object-fit:cover;display:block}
.shop-item b{color:#f1f5fb}.shop-item small{color:#b7c5d5}.shop-buy{background:linear-gradient(110deg,#dcb65c,#f1d58e);color:#151a21;border-color:#e2b85f}.shop-buy:hover{filter:brightness(1.08)}
#profile-avatar[data-frame="fire-frame"]{box-shadow:0 0 0 4px #ff8b39,0 0 15px 7px #ff542a;animation:fire-pulse 1.5s ease-in-out infinite alternate}
#profile-avatar[data-frame="ice-frame"]{box-shadow:0 0 0 4px #8ce8ff,0 0 15px 7px #399dff;animation:ice-pulse 2s ease-in-out infinite alternate}
#profile-avatar[data-frame="gold-frame"],#profile-avatar[data-frame="ancient-frame"]{box-shadow:0 0 0 4px #e2b85f,0 0 14px 5px #bd852c;animation:gold-pulse 2.3s ease-in-out infinite alternate}
#profile-avatar[data-frame="royal-frame"]{box-shadow:0 0 0 4px #55b8ff,0 0 15px 6px #285ed7;animation:ice-pulse 2s ease-in-out infinite alternate}
#profile-avatar[data-effect="spark"]:after,#profile-avatar[data-effect="aura"]:after,#profile-avatar[data-effect="gold-dust"]:after{content:"✦ · ✧";position:absolute;inset:-15px;color:#ffe49b;font-size:17px;letter-spacing:4px;pointer-events:none;animation:spark-rotate 5s linear infinite}
@keyframes fire-pulse{to{box-shadow:0 0 0 4px #ffb24d,0 0 23px 10px #ff542a}}
@keyframes ice-pulse{to{box-shadow:0 0 0 4px #c7f5ff,0 0 22px 9px #399dff}}
@keyframes gold-pulse{to{box-shadow:0 0 0 4px #ffe49b,0 0 22px 8px #bd852c}}
@keyframes spark-rotate{to{transform:rotate(360deg)}}
.encyclopedia-card .map-link{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:9px 11px;border-radius:10px;border:1px solid rgba(40,201,180,.35);background:rgba(40,201,180,.09);color:#73e8d8;text-decoration:none;font-size:12px;font-weight:800}.encyclopedia-card .map-link:hover{background:rgba(40,201,180,.17);border-color:#28c9b4}.country-fact{padding:8px 10px;border-right:2px solid #dcb65c;background:rgba(226,184,95,.05);border-radius:8px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ===== Atlas UI refresh: clean, cinematic, responsive ===== */
:root{color-scheme:dark;--bg:#07111f;--panel:#0d1a2b;--panel2:#13263b;--blue:#27c7d9;--blue2:#167f9d;--green:#35d6a1;--red:#ff6b78;--text:#edf5ff;--muted:#9db0c6;--border:rgba(111,164,201,.22);--radius:24px;font-family:Inter,Tahoma,Arial,sans-serif}
html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(ellipse at 12% -10%,rgba(25,113,151,.25),transparent 38%),radial-gradient(ellipse at 100% 30%,rgba(152,112,39,.13),transparent 30%),linear-gradient(155deg,#050b14,#091728 55%,#07111f);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(133,195,230,.55) .7px,transparent .7px);background-size:27px 27px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
.topbar{position:sticky;top:0;z-index:30;min-height:76px;padding:12px max(4%,calc((100% - 1180px)/2));background:rgba(5,13,24,.82);border-bottom:1px solid rgba(117,192,218,.18);box-shadow:0 12px 40px #0002;backdrop-filter:blur(18px)}
.brand{color:var(--text);gap:12px}.brand-logo{filter:drop-shadow(0 0 13px rgba(39,199,217,.25));animation:brand-pulse 4s ease-in-out infinite}.brand-name{font-size:20px;letter-spacing:-.5px}.top-label{color:#8ba8bd;letter-spacing:.4px}
.container{width:min(calc(100% - 32px),940px);margin:clamp(22px,5vw,54px) auto;perspective:1200px}.panel{position:relative;overflow:hidden;padding:clamp(22px,4vw,42px);background:linear-gradient(145deg,rgba(13,28,46,.94),rgba(8,19,33,.97));border:1px solid rgba(111,164,201,.2);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);animation:panel-enter .45s cubic-bezier(.2,.8,.2,1) both}
.panel:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(69,218,231,.7),rgba(255,201,100,.5),transparent);opacity:.7;pointer-events:none}
.panel>*{position:relative;z-index:1}.welcome-screen{overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(23,113,153,.2),transparent 45%),linear-gradient(145deg,rgba(13,28,46,.97),rgba(7,17,30,.98))}.welcome-screen:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(48,201,218,.09);border-radius:50%;top:-190px;left:calc(50% - 150px);box-shadow:0 0 0 32px rgba(48,201,218,.025),0 0 0 65px rgba(48,201,218,.018);pointer-events:none}
.hero-logo{width:clamp(125px,20vw,164px);height:clamp(125px,20vw,164px);margin:0 auto 22px;filter:drop-shadow(0 0 22px rgba(39,199,217,.2));animation:earth-hover 5s ease-in-out infinite,logo-glow 4s ease-in-out infinite}.hero-logo svg{overflow:visible}.hero-logo svg ellipse{transform-origin:60px 60px;animation:orbit-spin 12s linear infinite}.hero-logo svg circle:first-of-type{filter:drop-shadow(0 0 15px rgba(39,199,217,.4))}.eyebrow{color:#63d7e6;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(36px,7vw,56px);letter-spacing:-1.5px;color:#f2f8ff;text-shadow:0 4px 30px rgba(39,199,217,.12)}h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.6px}.subtitle{color:#ffd27c;font-size:16px}.intro{color:#9db0c6;line-height:1.95}.feature-row{border-color:rgba(111,164,201,.16);color:#9eb7cb}.feature-row span{padding:8px 12px;border:1px solid rgba(111,164,201,.16);border-radius:999px;background:rgba(17,42,62,.55)}
/* Keep login focused: no oversized floating continent cards beneath Continue. */
.continent-floaters{display:none!important}
input[type=text],input[type=number],.search-input,select,textarea{background:#071321!important;color:#eef7ff!important;border:1px solid rgba(114,172,203,.28)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s,box-shadow .2s,background .2s}input:focus,.search-input:focus,select:focus{border-color:#35c9d9!important;box-shadow:0 0 0 3px rgba(53,201,217,.12)!important;outline:none}input::placeholder{color:#6f879e}.primary-button,.secondary-button,.small-button{border-radius:14px;font-weight:800;transition:transform .2s,box-shadow .25s,background .25s,border-color .25s;letter-spacing:.1px}.primary-button{background:linear-gradient(115deg,#18a9bd,#176f98 60%,#8e6b2e);color:#fff;border:1px solid rgba(114,226,239,.25);box-shadow:0 10px 28px rgba(15,142,172,.18),inset 0 1px rgba(255,255,255,.13)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(15,142,172,.25)}.secondary-button,.small-button{color:#d6e9f6;background:linear-gradient(145deg,#14283d,#0d1d30);border:1px solid rgba(115,169,201,.24)}.secondary-button:hover,.small-button:hover{transform:translateY(-2px);border-color:rgba(59,209,224,.55);background:linear-gradient(145deg,#18354c,#10253b);box-shadow:0 10px 24px #0002}.menu-actions{gap:10px;max-width:560px}.menu-actions button{min-height:56px;text-align:right;padding-inline:18px}.menu-profile-card{border-color:rgba(255,205,110,.25);background:linear-gradient(120deg,rgba(22,52,76,.96),rgba(10,27,44,.96));border-radius:20px}.menu-profile-avatar,.profile-avatar{position:relative;overflow:visible;border:1px solid rgba(72,211,224,.28);background:radial-gradient(circle at 30% 20%,#235979,#0c2438 70%);box-shadow:0 8px 28px #0003}.section-heading{margin-bottom:22px}.heading-icon{color:#75e1e8;background:linear-gradient(145deg,#153a4c,#102538);border-color:rgba(62,197,214,.22);border-radius:17px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.settings-group,.profile-progress{background:rgba(6,18,31,.55);border-color:rgba(111,164,201,.19);border-radius:18px}.option-card span,.difficulty-option{background:#0b1929;border-color:rgba(111,164,201,.22);color:#dceaf5}.option-card input:checked+span,.difficulty-option:has(input:checked){background:linear-gradient(135deg,rgba(18,116,140,.32),rgba(17,49,72,.7));border-color:#31c6d6;box-shadow:inset 0 0 0 1px rgba(49,198,214,.2)}.option-card input:checked+span{color:#fff}.field-label{color:#d9e7f2}.question-counter{background:#10324a;color:#80e8f1;border:1px solid rgba(66,208,222,.18)}.progress-track{background:#14283b}.progress-bar{background:linear-gradient(90deg,#20c3d0,#47d6a1,#ffd27c);box-shadow:0 0 15px rgba(39,199,217,.2)}.flag-card,.country-card,.stat-card,.achievement-card,.review-item,.history-item{background:linear-gradient(145deg,rgba(15,34,53,.95),rgba(8,22,37,.96));border-color:rgba(111,164,201,.2);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .22s,border-color .22s,box-shadow .22s}.country-card:hover,.achievement-card:hover{transform:translateY(-4px);border-color:rgba(56,207,222,.45);box-shadow:0 16px 34px rgba(0,0,0,.2)}.country-card img{background:#091522;border:1px solid rgba(111,164,201,.12)}.country-card .map-link{background:#103044;border-color:rgba(53,201,217,.25);color:#88e8f0}.country-card .country-fact strong{color:#ffd27c}.shop-panel{margin-top:28px;padding:clamp(16px,3vw,28px);border:1px solid rgba(104,172,202,.22);border-radius:24px;background:linear-gradient(145deg,rgba(8,21,35,.9),rgba(12,29,45,.84));box-shadow:inset 0 1px rgba(255,255,255,.025)}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.shop-heading h3{font-size:clamp(19px,3vw,25px);margin:4px 0 8px}.shop-wallet{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 8px;padding:12px 16px;border:1px solid rgba(255,207,111,.3);border-radius:16px;background:linear-gradient(135deg,rgba(92,65,22,.22),rgba(17,39,55,.8))}.shop-wallet b{font-size:22px;color:#ffd27c}.shop-wallet small{grid-column:1/-1;color:#aebed0;font-size:11px}.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 16px;padding-bottom:14px;border-bottom:1px solid rgba(111,164,201,.15)}.shop-tab{padding:10px 14px;border:1px solid rgba(111,164,201,.2);border-radius:999px;background:#0b1b2b;color:#a9c0d2;font-weight:700;cursor:pointer;transition:.2s}.shop-tab:hover{color:#e8faff;border-color:rgba(48,200,218,.5)}.shop-tab.active{color:#f7fcff;background:linear-gradient(120deg,#147e98,#174765);border-color:rgba(83,222,231,.55);box-shadow:0 6px 18px rgba(20,126,152,.18)}.shop-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:13px}.shop-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 12px;border:1px solid rgba(111,164,201,.19);border-radius:19px;background:linear-gradient(145deg,#10243a,#0a1929);text-align:center;transition:transform .22s,border-color .22s,box-shadow .22s;animation:item-arrive .3s ease both}.shop-item:hover{transform:translateY(-4px);border-color:rgba(55,204,220,.48);box-shadow:0 14px 28px #0003}.shop-item-icon{width:82px;height:82px;display:grid;place-items:center;font-size:40px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#204f67,#0a1b2d 72%);border:1px solid rgba(90,203,221,.24);box-shadow:0 8px 20px #0003}.shop-item-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.shop-item-icon.frame-preview{outline:2px solid rgba(255,207,111,.65);outline-offset:3px}.shop-item>b{font-size:14px;line-height:1.6}.shop-item>small{color:#9bb2c5;line-height:1.6;font-size:11px}.shop-item .shop-buy{width:100%;min-height:40px;margin-top:auto;padding:8px 10px;font-size:12px}.shop-convert{padding:14px;border-radius:16px;background:rgba(6,18,31,.6);border:1px solid rgba(111,164,201,.16)}.shop-convert>div{display:flex;gap:8px;margin-top:8px}.shop-convert input{min-width:0;flex:1}.shop-convert button{width:auto;min-width:110px;margin:0}.shop-message{min-height:1em;color:#7de4c3;font-weight:700;line-height:1.7}.profile-customize-note{color:#9db0c6;font-size:12px;line-height:1.7}.profile-avatar[data-frame="fire-frame"]{outline:3px solid #ff7a35;outline-offset:4px;box-shadow:0 0 14px #ff5d2e,0 0 28px #ff5d2e66;animation:fire-ring 1.5s ease-in-out infinite alternate}.profile-avatar[data-frame="ice-frame"]{outline:3px solid #79eaff;outline-offset:4px;box-shadow:0 0 14px #79eaff,0 0 28px #79eaff66;animation:ice-ring 2s ease-in-out infinite alternate}.profile-avatar[data-frame="gold-frame"]{outline:3px solid #ffd27c;outline-offset:4px;box-shadow:0 0 18px #ffd27c88}.profile-avatar[data-frame="ancient-frame"]{outline:4px double #d9ac52;outline-offset:4px;box-shadow:0 0 17px #d9ac5244}.profile-avatar[data-frame="royal-frame"]{outline:3px solid #638eff;outline-offset:4px;box-shadow:0 0 17px #638eff88}.footer{color:#748da3;border-top:1px solid rgba(111,164,201,.12)}
@keyframes panel-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes item-arrive{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes earth-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes brand-pulse{0%,100%{filter:drop-shadow(0 0 6px rgba(39,199,217,.12))}50%{filter:drop-shadow(0 0 13px rgba(39,199,217,.32))}}@keyframes fire-ring{from{box-shadow:0 0 9px #ff5d2e66,0 0 18px #ff5d2e33}to{box-shadow:0 0 17px #ff5d2e,0 0 34px #ff5d2e77}}@keyframes ice-ring{from{box-shadow:0 0 9px #79eaff66,0 0 18px #79eaff33}to{box-shadow:0 0 17px #79eaff,0 0 32px #79eaff77}}
@media(max-width:620px){.container{width:calc(100% - 18px);margin:16px auto 26px}.panel{padding:21px 16px;border-radius:21px}.topbar{padding:10px 14px;min-height:65px}.brand-name{font-size:17px}.top-label{font-size:11px}.shop-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-item{padding:13px 9px}.shop-item-icon{width:68px;height:68px;font-size:34px}.shop-tabs{gap:6px}.shop-tab{padding:9px 11px;font-size:12px}.shop-convert>div{flex-direction:column}.shop-convert button{width:100%}.feature-row{gap:7px}.feature-row span{padding:7px 9px}.footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.update-banner { position: fixed; z-index: 50; inset-inline: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: #18251f; color: #fff; box-shadow: 0 12px 40px rgba(0,0,0,.35); }
.update-banner .primary-button, .update-banner .secondary-button { margin: 0; }
@media (max-width: 560px) { .update-banner { flex-wrap: wrap; } }