:root{--bg:#09162d;--surface:#122442;--card:#e9eef4;--text:#edf4ff;--ink:#14213b;--muted:#9fb0cc;--accent:#55d6be;--accent2:#315fbd;--button:#244f9e;--button-hover:#193d82;--button-active:#12316c;--danger:#c83f5b;--success:#218a67;--radius:18px;--shadow:0 16px 45px #02081755;--space:clamp(1rem,2vw,1.5rem);--max:1180px}
[data-theme=light]{--bg:#e7edf4;--surface:#eef2f6;--card:#e9eef4;--text:#14213b;--ink:#14213b;--muted:#52627c;--shadow:0 14px 35px #2f46621c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#173b68 0,transparent 32%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:var(--accent);color:#071b1a;padding:.7rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.75rem max(1rem,calc((100% - var(--max))/2));background:#09162dee;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff18;color:#fff}.brand{font-size:1.25rem;font-weight:800;text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;align-items:center;gap:.35rem}nav a{padding:.55rem .75rem;border-radius:9px;text-decoration:none}nav a:hover,nav a[aria-current=page]{background:#ffffff16}.icon-button{border:1px solid #ffffff2b;background:#ffffff12;color:inherit;border-radius:10px;padding:.45rem .7rem;cursor:pointer}.menu-toggle{display:none}main{width:min(var(--max),calc(100% - 2rem));min-height:75vh;margin:auto;padding:clamp(2rem,5vw,4.5rem) 0}.hero{text-align:center;max-width:780px;margin:0 auto 2.5rem}.eyebrow{color:var(--accent);font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,8vw,5.2rem);line-height:1;margin:.25rem 0 1rem}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:var(--space)}.card,.panel{background:var(--card);color:var(--ink);border:1px solid #ffffff1f;border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space)}button.card{width:100%;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}button.card:hover{transform:translateY(-4px)}button.card .symbol{font-size:2.2rem;display:block}.card h2,.card h3{margin:.5rem 0}.card p{color:#52627c}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:50px;border:1px solid #ffffff1f;border-radius:11px;padding:.65rem 1.05rem;background:var(--button);color:#fff;text-decoration:none;font-weight:750;box-shadow:0 7px 18px #102f6b26;cursor:pointer;transition:background-color .18s,transform .18s,box-shadow .18s}.button:hover{background:var(--button-hover);box-shadow:0 9px 22px #102f6b38;transform:translateY(-1px)}.button:active{background:var(--button-active);transform:translateY(0);box-shadow:0 3px 9px #102f6b2e}.button.secondary{background:#17345f;color:#fff;border-color:#53709a;box-shadow:none}.button.secondary:hover{background:#10294e;border-color:#6f8bb2}.button.danger{background:var(--danger)}.button.danger:hover{background:#a92f48}.button:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.metric{padding:1rem;border-radius:14px;background:#ffffff0d;text-align:center}.metric strong{display:block;font-size:1.7rem;color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.field{display:grid;gap:.4rem}.field select,.field input[type=text]{width:100%;padding:.75rem;border:1px solid #9aa8bc;border-radius:10px;background:#e2e8f0;color:#111}.check{display:flex;align-items:center;gap:.55rem}.quiz-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.progress{height:12px;background:#cad2df;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .3s}.question{text-align:center;margin:2rem 0}.flag{display:block;width:min(340px,90%);height:190px;object-fit:contain;margin:1rem auto;border:0;border-radius:0;background:transparent}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.answer{min-height:60px;border:2px solid #aebbcf;border-radius:12px;background:#e2e8f0;color:#122747;padding:.8rem;font-weight:650;cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}.answer:hover:not(:disabled){background:#dbe5f1;border-color:#315fbd;transform:translateY(-1px)}.answer.correct{border-color:var(--success);background:#d9f6eb}.answer.wrong{border-color:var(--danger);background:#fde1e6}.answer:disabled{cursor:default;opacity:1}.feedback{min-height:0;display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1.25rem;font-size:1.25rem;font-weight:800;text-align:center}.feedback:empty{display:none}.feedback .button{flex:0 0 auto}.flashcard{min-height:330px;display:grid;place-items:center;text-align:center;cursor:pointer}.flashcard .back{display:none}.flashcard.flipped .front{display:none}.flashcard.flipped .back{display:block}.wrong-list{padding-left:1.25rem}.bar-row{display:grid;grid-template-columns:130px 1fr 55px;gap:.7rem;align-items:center;margin:.6rem 0}.toast{position:fixed;right:1rem;bottom:1rem;max-width:360px;background:#172238;color:#fff;padding:.8rem 1rem;border-radius:10px;box-shadow:var(--shadow);transform:translateY(150%);transition:.25s;z-index:50}.toast.show{transform:none}footer{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:2rem 1rem;color:var(--muted);border-top:1px solid #ffffff15}.empty{text-align:center;padding:3rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:720px){.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:1rem;background:#09162d}nav.open{display:flex}.stats-strip{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.bar-row{grid-template-columns:90px 1fr 45px}.hero h1{font-size:3rem}}
.hero + .stats-strip{display:grid;grid-template-columns:1fr;width:min(360px,100%);margin:1.5rem auto 2rem}.hero + .stats-strip .metric:nth-child(n+2){display:none}

/* Premium animated continent cards */
.quiz-section{position:relative;padding:1.5rem 0 2rem}.quiz-section::before{content:"";position:absolute;z-index:-1;inset:5rem -5% -1rem;border-radius:40px;background:radial-gradient(circle at 50% 0,#2f72c91b,transparent 55%)}
.quiz-section button.card{--continent-color:#55d6be;isolation:isolate;min-height:190px!important;border:1px solid color-mix(in srgb,var(--continent-color) 38%,#38516f)!important;border-top:1px solid color-mix(in srgb,var(--continent-color) 62%,#fff)!important;border-radius:20px!important;background:linear-gradient(145deg,#152d4e,#102440 65%,#0d2039)!important;color:#f4f8ff!important;box-shadow:0 14px 32px #02081745,inset 0 1px #ffffff10!important;animation:continent-card-enter .55s cubic-bezier(.2,.8,.25,1) both;transition:transform .28s cubic-bezier(.2,.8,.25,1),border-color .28s,box-shadow .28s!important}
.quiz-section button.card:nth-child(1){--continent-color:#5ad9c0;animation-delay:.03s}.quiz-section button.card:nth-child(2){--continent-color:#e6a85d;animation-delay:.08s}.quiz-section button.card:nth-child(3){--continent-color:#9b8cff;animation-delay:.13s}.quiz-section button.card:nth-child(4){--continent-color:#64a9ff;animation-delay:.18s}.quiz-section button.card:nth-child(5){--continent-color:#ef7f83;animation-delay:.23s}.quiz-section button.card:nth-child(6){--continent-color:#42c9dc;animation-delay:.28s}.quiz-section button.card:nth-child(7){--continent-color:#75e7d0;animation-delay:.33s}
.quiz-section button.card::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--continent-color) 20%,transparent),transparent 42%),linear-gradient(110deg,transparent 30%,#ffffff0c 48%,transparent 66%);background-size:auto,220% 100%;background-position:center,-120% 0;transition:background-position .65s ease}
.quiz-section button.card:hover{transform:translateY(-8px) scale(1.015)!important;border-color:color-mix(in srgb,var(--continent-color) 72%,#fff)!important;background:linear-gradient(145deg,#19385f,#132b4a 65%,#102640)!important;box-shadow:0 22px 45px #02081766,0 0 26px color-mix(in srgb,var(--continent-color) 19%,transparent),inset 0 1px #ffffff1a!important}.quiz-section button.card:hover::before{background-position:center,120% 0}
.quiz-section button.card .symbol{width:54px!important;height:54px!important;margin-bottom:1.15rem!important;border:1px solid color-mix(in srgb,var(--continent-color) 55%,#fff)!important;background:color-mix(in srgb,var(--continent-color) 12%,#102440)!important;color:var(--continent-color)!important;box-shadow:0 7px 18px #02081755,inset 0 0 18px color-mix(in srgb,var(--continent-color) 12%,transparent)!important;transition:transform .35s cubic-bezier(.2,.8,.25,1),box-shadow .35s!important}.quiz-section button.card:hover .symbol{transform:translateY(-2px) rotate(-4deg) scale(1.1);box-shadow:0 10px 25px #02081766,0 0 20px color-mix(in srgb,var(--continent-color) 30%,transparent)!important}
.quiz-section button.card .symbol::after{filter:drop-shadow(0 2px 4px #02081788)}.quiz-section button.card h2{color:#f6f9ff!important;font-size:1.28rem!important}.quiz-section button.card p{color:#aebed3!important}.quiz-section button.card::after{color:#7890ad!important}.quiz-section button.card:hover::after{color:var(--continent-color)!important;transform:translateX(6px)!important}
@keyframes continent-card-enter{from{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.quiz-section button.card{animation:none!important;transition:none!important}.quiz-section button.card:hover{transform:none!important}.quiz-section button.card .symbol{transition:none!important}.quiz-section button.card:hover .symbol{transform:none}}
.quiz-section::before{display:none!important}
.quiz-section .section-heading{position:relative;margin-bottom:2.25rem!important}.quiz-section .section-heading h2{background:linear-gradient(180deg,#fff,#c9d9ef);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 8px 28px #02081730}.quiz-section .section-subtitle{color:#93a8c3!important;letter-spacing:.01em}
.quiz-section button.card{background:linear-gradient(145deg,color-mix(in srgb,var(--continent-color) 8%,#173253),#102440 55%,#0c1d34)!important}.quiz-section button.card::before{background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--continent-color) 18%,transparent),transparent 44%),linear-gradient(110deg,transparent 32%,#ffffff0b 49%,transparent 66%)!important;background-size:auto,220% 100%!important;background-position:center,-120% 0!important}.quiz-section button.card:hover::before{background-position:center,120% 0!important}.quiz-section button.card .symbol{background:linear-gradient(145deg,color-mix(in srgb,var(--continent-color) 19%,#183454),#102541)!important}.quiz-section button.card .symbol::after{filter:brightness(0) invert(1) opacity(.92) drop-shadow(0 2px 4px #02081788)!important}.quiz-section button.card::after{display:grid;place-items:center;width:28px;height:28px;right:1rem!important;bottom:.85rem!important;border-radius:50%;background:#ffffff08;color:#8da3bd!important;font-size:.9rem!important}.quiz-section button.card:hover::after{background:color-mix(in srgb,var(--continent-color) 16%,transparent);color:var(--continent-color)!important;transform:translateX(4px) scale(1.08)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.globe-wrap{display:grid;justify-items:center;margin:.4rem auto 1rem}.interactive-globe{display:block;width:clamp(180px,25vw,270px);height:clamp(180px,25vw,270px);border:0;border-radius:50%;cursor:grab;touch-action:none;user-select:none}.interactive-globe.dragging{cursor:grabbing}.interactive-globe:focus-visible{outline:3px solid #ffd166;outline-offset:6px}.globe-hint{margin:-.2rem 0 0;color:var(--muted);font-size:.85rem}.interactive-globe:hover{filter:brightness(1.08)}
.hero-note{margin:1.25rem 0 .35rem;color:var(--accent);font-weight:700}

.answers>.button{align-self:end;height:50px;min-height:50px}
.quiz-head>.button{height:40px;min-height:40px;margin-left:auto;padding:.4rem .75rem;font-size:.875rem;white-space:nowrap;align-self:flex-start}

.quiz-head+.progress{margin-top:.75rem}

#app:focus{outline:none}

@media(max-width:520px){.feedback{flex-direction:column;gap:.65rem}.feedback .button{width:100%}}
.rank-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.15rem;margin:0 0 2rem;padding:1.15rem 1.35rem;border:1px solid #55d6be38;border-radius:var(--radius);background:linear-gradient(135deg,#12284a,#10213d);color:#fff;box-shadow:var(--shadow)}.rank-badge{display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--accent);border-radius:50%;background:#55d6be16;color:var(--accent);font-size:2rem}.rank-details{min-width:0}.rank-label{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.rank-details h2{margin:.05rem 0 .6rem;font-size:1.35rem}.rank-details p{margin:.45rem 0 0;color:#bac9df;font-size:.9rem}.rank-card .progress{max-width:620px;background:#ffffff24}.rank-card .progress>span{background:linear-gradient(90deg,#55d6be,#79a0ff)}
@media(max-width:520px){.rank-card{grid-template-columns:1fr;text-align:center}.rank-badge{margin:auto}.rank-card .progress{margin:auto}}
.result-rank{padding:.8rem 1rem;border-radius:11px;background:#55d6be1c;color:var(--ink);font-size:1.05rem;font-weight:800}
.rank-overview{display:grid;gap:.85rem;max-width:780px;margin:0 auto}.rank-tier{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid #ffffff24;border-left:5px solid var(--rank-color);border-radius:14px;background:var(--surface);color:var(--text)}.rank-tier.current{box-shadow:0 0 0 2px var(--rank-color),var(--shadow)}.tier-symbol{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--rank-color);border-radius:50%;color:var(--rank-color);font-size:1.45rem}.rank-tier h2{margin:0}.rank-tier p{margin:.1rem 0;color:var(--muted)}.tier-status{color:var(--rank-color);font-size:.88rem;font-weight:800}.rank-card>.button{white-space:nowrap}
@media(max-width:620px){.rank-card{grid-template-columns:1fr;text-align:center}.rank-card>.button{width:100%}}
.quiz-section{scroll-margin-top:88px}.section-heading{text-align:center;margin:0 auto 1.5rem}.section-heading h2{margin:0;font-size:clamp(2.8rem,7vw,4.6rem);line-height:1}.section-subtitle{margin:.75rem 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}.statistics-panel{max-width:1080px;margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem)}.statistics-heading{text-align:center;margin:0 auto 1.5rem}.statistics-heading .eyebrow{margin:0}.statistics-heading h1{margin:.15rem 0 .35rem;font-size:clamp(2rem,5vw,3.1rem)}.statistics-heading>p:last-child{margin:0;color:#60708a}.stats-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1.5rem 0}.statistics-panel .metric{display:grid;align-content:center;min-height:112px;padding:1rem;border:1px solid #d8e0eb;border-radius:14px;background:#edf2f8}.statistics-panel .metric strong{font-size:1.65rem}.statistics-panel .rank-card{margin:1.5rem 0;box-shadow:0 12px 28px #10213d28}.statistics-panel>.actions{justify-content:flex-end;margin:1.6rem 0 0;padding-top:1.25rem;border-top:1px solid #d8e0eb}
@media(max-width:700px){.stats-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.stats-overview{grid-template-columns:1fr}.statistics-panel>.actions .button{width:100%}}
.quiz-panel{background:#e9eef4;border-color:#d3dce8}.quiz-panel .answer{background:#dde5ee}.quiz-panel .answer:hover:not(:disabled){background:#e2e9f2}
.profile-page{max-width:1000px;margin:0 auto}.profile-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid #55d6be42;border-radius:var(--radius);background:linear-gradient(135deg,#12284a,#10213d);box-shadow:var(--shadow)}.profile-avatar{display:block;width:130px;height:130px;border:4px solid var(--accent);border-radius:50%;object-fit:cover;background:#dce5ef}.avatar-placeholder{display:grid;place-items:center;color:#0b2431;background:linear-gradient(135deg,var(--accent),#85a8ff);font-size:3rem;font-weight:900}.profile-identity h1{margin:.1rem 0 .5rem}.profile-identity p{margin:.4rem 0;color:#bac9df}.profile-country{display:flex;align-items:center;gap:.65rem;font-weight:750}.profile-country .flag{width:42px;height:28px;margin:0}.profile-section-heading{margin:2.5rem 0 1rem}.profile-section-heading h2{margin:0}.profile-section-heading p{margin:.25rem 0;color:var(--muted)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.achievement{padding:1.2rem;border-radius:16px;background:var(--card);color:var(--ink);box-shadow:var(--shadow);border:2px solid transparent}.achievement.unlocked{border-color:#55d6be}.achievement.locked{opacity:.62;filter:saturate(.35)}.achievement-icon{font-size:2.2rem}.achievement h2{margin:.45rem 0 .2rem;font-size:1.1rem}.achievement p{min-height:3em;margin:.2rem 0;color:#52627c}.achievement strong{color:#218a67;font-size:.84rem}.achievement.locked strong{color:#6d7787}.profile-editor{max-width:650px;margin:0 auto}.profile-editor form{display:grid;gap:1rem}.profile-editor h1,.profile-editor p{margin:0}.avatar-preview{display:grid;place-items:center;margin:.5rem}.profile-file input{padding:.65rem;border:1px dashed #8797ad;border-radius:10px}.profile-editor .actions{margin:.5rem 0 0}
.new-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1rem 0;padding:1rem;border:2px solid #e7b93f;border-radius:12px;background:#fff5cf}.new-badges strong{color:#7a5400}.new-badges .button{margin-left:auto}
@media(max-width:650px){.profile-card{grid-template-columns:1fr;text-align:center}.profile-card .profile-avatar{margin:auto}.profile-country{justify-content:center}.profile-card>.button{width:100%}}
.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + .35rem);right:0;display:grid;min-width:170px;padding:.4rem;border:1px solid #ffffff22;border-radius:11px;background:#10213df5;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .18s,transform .18s,visibility .18s}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{white-space:nowrap}.profile-subsection{scroll-margin-top:90px}.profile-statistics{margin-top:2.5rem}.profile-statistics .profile-section-heading{margin:0 0 1rem}.profile-statistics .rank-card{margin:1.5rem 0}.profile-statistics .metric{background:#edf2f8;border:1px solid #d8e0eb}
@media(max-width:720px){.nav-dropdown-menu{position:static;display:grid;margin:.25rem 0 0 1rem;border:0;border-left:2px solid var(--accent);border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none}}
.nav-info-button{padding:.55rem .75rem;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.nav-info-button:hover{background:#ffffff16}.info-dialog{width:min(620px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:1px solid #55d6be55;border-radius:18px;background:#e9eef4;color:#14213b;box-shadow:0 24px 80px #020817aa}.info-dialog::backdrop{background:#020817b8;backdrop-filter:blur(4px)}.info-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;background:#12284a;color:#fff}.info-dialog-head h2{margin:0}.info-close{width:40px;height:40px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.info-dialog>p,.info-dialog>.storage-help,.info-dialog>.button{margin-left:1.35rem;margin-right:1.35rem}.storage-help{margin-top:1rem;margin-bottom:1.25rem;padding:1rem;border-left:5px solid #e7b93f;border-radius:10px;background:#fff5cf}.storage-help h3{margin:0 0 .5rem}.storage-help p{margin:.55rem 0}.storage-help code{display:block;padding:.7rem;border-radius:8px;background:#14213b;color:#fff;overflow-wrap:anywhere;user-select:all}.info-dialog>.button{margin-bottom:1.35rem}
@media(max-width:720px){.nav-info-button{text-align:left}.info-dialog-head{padding:1rem}.info-dialog>p,.info-dialog>.storage-help,.info-dialog>.button{margin-left:1rem;margin-right:1rem}}
.achievement:nth-child(n+13):nth-child(-n+17){border-left:1px solid #ffffff25;background:linear-gradient(160deg,#eef3f8,#dfe7f0);color:var(--ink)}.achievement:nth-child(n+13):nth-child(-n+17) .achievement-icon{background:transparent}.achievement:nth-child(n+13):nth-child(-n+17) p{color:#52627c}.achievement:nth-child(n+13):nth-child(-n+17) strong{background:#d3f2e7;color:var(--medal-color)}.achievement.locked:nth-child(n+13):nth-child(-n+17){opacity:.62;filter:saturate(.35)}.achievement.locked:nth-child(n+13):nth-child(-n+17) .achievement-icon{background:transparent}
.achievement:nth-child(n+13):nth-child(-n+17){border:1px solid #ffffff25;background:linear-gradient(160deg,#eef3f8,#dfe7f0);color:var(--ink)}.achievement:nth-child(n+13):nth-child(-n+17) .achievement-icon{width:100px;height:100px;border:5px solid #55d6be;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff,#b9d7e7 68%,#7aa5bd);box-shadow:inset 0 0 0 5px #ffffff88,0 9px 22px #102f6b35;color:transparent;font-size:0}.achievement:nth-child(n+13):nth-child(-n+17) .achievement-icon::before{color:var(--medal-color);font-size:2.25rem;line-height:1}.achievement:nth-child(13) .achievement-icon::before,.achievement:nth-child(14) .achievement-icon::before,.achievement:nth-child(15) .achievement-icon::before{content:"●"}.achievement:nth-child(16) .achievement-icon::before,.achievement:nth-child(17) .achievement-icon::before{content:"◆"}.achievement:nth-child(n+13):nth-child(-n+17) p{color:#52627c}.achievement:nth-child(n+13):nth-child(-n+17) strong{background:#d3f2e7;color:#218a67}.achievement.locked:nth-child(n+13):nth-child(-n+17){opacity:.62;filter:saturate(.35)}.achievement.locked:nth-child(n+13):nth-child(-n+17) .achievement-icon{border-color:#8e99a8;background:#cbd3dc;box-shadow:inset 0 0 0 5px #ffffff55}.achievement.locked:nth-child(n+13):nth-child(-n+17) strong{background:#d5d9df;color:#6d7787}
.achievement:nth-child(n+13):nth-child(-n+17) .achievement-icon{color:var(--medal-color);font-size:3.35rem}.achievement:nth-child(n+13):nth-child(-n+17) .achievement-icon::before{content:none}.achievement.locked:nth-child(n+13):nth-child(-n+17) .achievement-icon{color:initial;font-size:3.35rem}
.achievement.locked:nth-child(n+13):nth-child(-n+17){border:1px solid #ffffff25;opacity:.62;filter:saturate(.35)}.achievement.locked:nth-child(n+13):nth-child(-n+17) .achievement-icon{width:100px;height:100px;border:5px solid #8e99a8!important;border-radius:50%;background:#cbd3dc!important;box-shadow:inset 0 0 0 5px #ffffff55!important;color:initial!important;font-size:3.35rem!important}.achievement.locked:nth-child(n+13):nth-child(-n+17) p{color:#52627c}.achievement.locked:nth-child(n+13):nth-child(-n+17) strong{background:#d5d9df;color:#6d7787}
.achievement.locked:nth-child(n+13):nth-child(-n+17) .achievement-icon{filter:none!important}
.profile-nav-link{display:flex;align-items:center;gap:.45rem}.header-avatar{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:2px solid var(--accent);border-radius:50%;background:linear-gradient(135deg,var(--accent),#85a8ff);background-position:center;background-size:cover;color:#0b2431;font-size:.8rem;font-weight:900}.header-avatar.has-image{color:transparent}
.badge-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1.25rem}.achievement{display:flex;align-items:center;flex-direction:column;overflow:hidden;padding:1.25rem 1rem;text-align:center;border:1px solid #ffffff25;border-radius:18px;background:linear-gradient(160deg,#eef3f8,#dfe7f0);transition:transform .2s,box-shadow .2s}.achievement.unlocked:hover{transform:translateY(-5px);box-shadow:0 18px 38px #02081755}.achievement-icon{display:grid;place-items:center;width:100px;height:100px;margin:0 auto .65rem;border:5px solid #55d6be;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff,#b9d7e7 68%,#7aa5bd);box-shadow:inset 0 0 0 5px #ffffff88,0 9px 22px #102f6b35;font-size:3.35rem;line-height:1}.achievement.locked .achievement-icon{border-color:#8e99a8;background:#cbd3dc;box-shadow:inset 0 0 0 5px #ffffff55}.achievement h2{margin:.35rem 0 .3rem;font-size:1.05rem}.achievement p{min-height:0;margin:0 0 .7rem;font-size:.9rem}.achievement strong{margin-top:auto;padding:.25rem .6rem;border-radius:99px;background:#d3f2e7}.achievement.locked strong{background:#d5d9df}.achievement:nth-child(13){--medal-color:#b87333}.achievement:nth-child(14){--medal-color:#b8c2cc}.achievement:nth-child(15){--medal-color:#e7b93f}.achievement:nth-child(16){--medal-color:#68d5d0}.achievement:nth-child(17){--medal-color:#73a9ff}.achievement.unlocked:nth-child(n+13):nth-child(-n+17) .achievement-icon{color:var(--medal-color)}.achievement.locked:nth-child(n+13):nth-child(-n+17){opacity:.62;filter:saturate(.35)}.achievement.locked:nth-child(n+13):nth-child(-n+17) .achievement-icon{width:100px;height:100px;border:5px solid #8e99a8;border-radius:50%;background:#cbd3dc;box-shadow:inset 0 0 0 5px #ffffff55;color:initial;font-size:3.35rem;filter:none}.achievement.locked:nth-child(n+13):nth-child(-n+17) p{color:#52627c}.achievement.locked:nth-child(n+13):nth-child(-n+17) strong{background:#d5d9df;color:#6d7787}
.badge-groups{display:grid;gap:2.5rem}.badge-group-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem;padding-bottom:.65rem;border-bottom:1px solid #ffffff22}.badge-group-heading h3{margin:0;font-size:1.35rem}.badge-group-heading span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 .55rem;border-radius:99px;background:#55d6be20;color:var(--accent);font-weight:850}.badge-group .badge-grid:empty::after{content:"Noch keine Abzeichen in diesem Bereich.";grid-column:1/-1;padding:1.5rem;border:1px dashed #ffffff35;border-radius:14px;color:var(--muted);text-align:center}
.badge-groups .achievement{border:1px solid #ffffff25!important;background:linear-gradient(160deg,#eef3f8,#dfe7f0)!important;color:var(--ink)!important}.badge-groups .achievement-icon{width:100px!important;height:100px!important}.badge-groups .achievement p{color:#52627c!important}.badge-groups .achievement.unlocked strong{background:#d3f2e7!important;color:#218a67!important}.badge-groups .achievement.locked{opacity:.62!important;filter:saturate(.35)!important}.badge-groups .achievement.locked .achievement-icon{border:5px solid #8e99a8!important;background:#cbd3dc!important;box-shadow:inset 0 0 0 5px #ffffff55!important;color:initial!important;font-size:3.35rem!important;filter:none!important}.badge-groups .achievement.locked strong{background:#d5d9df!important;color:#6d7787!important}.rank-bronze{--rank-badge-color:#b87333}.rank-silver{--rank-badge-color:#8b98a8}.rank-gold{--rank-badge-color:#c89612}.rank-platinum{--rank-badge-color:#38aeb2}.rank-diamond{--rank-badge-color:#4c84d8}.badge-groups .rank-achievement.unlocked .achievement-icon{color:var(--rank-badge-color)!important}
.toast.achievement-toast{display:flex;align-items:center;gap:1rem;width:min(390px,calc(100% - 2rem));max-width:none;padding:1rem 1.15rem;border:1px solid #e7b93f;background:linear-gradient(135deg,#12284a,#173761);box-shadow:0 18px 50px #02081799,0 0 0 1px #e7b93f33;cursor:pointer}.achievement-toast::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#ffffff18 45%,transparent 70%);transform:translateX(-100%);animation:achievement-shine 1.1s ease .2s}.achievement-toast-icon{display:grid;place-items:center;flex:0 0 auto;width:66px;height:66px;border:3px solid #e7b93f;border-radius:50%;background:#ffffff12;font-size:2rem;box-shadow:0 0 22px #e7b93f55}.achievement-toast>div:last-child{display:grid;gap:.1rem}.achievement-toast span{color:#e7b93f;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.achievement-toast strong{color:#fff;font-size:1.05rem}.achievement-toast small{color:#b8c6dc}@keyframes achievement-shine{to{transform:translateX(100%)}}@media(max-width:520px){.toast.achievement-toast{left:1rem;right:1rem;bottom:1rem;width:auto}}
.settings-open{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border:1px solid #ffffff28;border-radius:10px;background:#ffffff0d;color:#fff;cursor:pointer}.settings-open:hover{background:#ffffff1c}.settings-dialog{width:min(520px,calc(100% - 2rem));padding:0;border:1px solid #55d6be55;border-radius:18px;background:#e9eef4;color:#14213b;box-shadow:0 24px 80px #020817aa}.settings-dialog::backdrop{background:#020817b8;backdrop-filter:blur(4px)}.settings-content{display:grid;gap:1.5rem;padding:1.4rem}.settings-content select{padding:.8rem;border:1px solid #9aa8bc;border-radius:10px;background:#fff;color:#14213b}.theme-settings{margin:0;padding:0;border:0}.theme-settings legend{margin-bottom:.55rem;font-weight:750}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.theme-options button{display:grid;place-items:center;gap:.25rem;min-height:100px;border:2px solid #b6c2d1;border-radius:14px;background:#dde5ee;color:#14213b;cursor:pointer}.theme-options button span{font-size:2rem}.theme-options button.active{border-color:#315fbd;background:#d8e7ff;box-shadow:0 0 0 3px #315fbd22}.theme-options button:hover{transform:translateY(-2px)}@media(max-width:720px){.settings-open{width:100%;border:0;text-align:left}.theme-options{grid-template-columns:1fr 1fr}}
.site-header{min-height:70px;padding-top:.65rem;padding-bottom:.65rem}.brand{display:flex;align-items:center;gap:.45rem;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--accent);border-radius:50%;font-size:.85rem}#main-nav{align-items:center;gap:.3rem;padding:.25rem;border:1px solid #ffffff0d;border-radius:14px;background:#ffffff05}#main-nav>a,.profile-nav-link,.nav-info-button{display:flex;align-items:center;min-height:42px;padding:.55rem .8rem;border-radius:10px;color:#dce7f7;font-weight:650;transition:background-color .18s,color .18s}#main-nav>a:hover,.profile-nav-link:hover,.nav-info-button:hover,#main-nav>a[aria-current=page],.profile-nav-link[aria-current=page]{background:#ffffff12;color:#fff}.nav-dropdown{display:flex;align-items:center}.settings-open{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff24;border-radius:11px;background:#ffffff0b;color:#dce7f7;font-size:1.05rem;transition:background-color .18s,border-color .18s,transform .18s}.settings-open:hover{border-color:#55d6be88;background:#55d6be18;color:#fff;transform:rotate(8deg)}.settings-open:active{transform:rotate(8deg) scale(.94)}
@media(max-width:720px){#main-nav{gap:.25rem;padding:.75rem 1rem;border:0;border-radius:0;background:#09162d}.nav-dropdown{display:block}.settings-open{width:42px;height:42px;margin-top:.25rem;border:1px solid #ffffff24;text-align:center}}
.site-header{width:100%;min-height:72px;gap:1.5rem}.brand{flex:0 0 auto;white-space:nowrap}#main-nav{margin-left:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#main-nav>a,.profile-nav-link,.nav-info-button{min-height:42px;padding:.5rem .7rem}.settings-open{flex:0 0 42px}
.site-header{padding-left:clamp(1rem,3vw,3.25rem);padding-right:clamp(1rem,3vw,3.25rem)}
.mode-page{max-width:1050px;margin:0 auto}.mode-hero{margin-bottom:2rem}.mode-hero h1{font-size:clamp(2.6rem,6vw,4.7rem)}.mode-hero .lead{margin:.6rem 0 0}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mode-card{--mode-color:#55d6be;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;min-height:145px;padding:1.25rem;border:1px solid #ffffff22;border-left:5px solid var(--mode-color);border-radius:18px;background:linear-gradient(145deg,#edf2f8,#dce5ef);color:#14213b;text-align:left;box-shadow:0 12px 30px #02081735;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.mode-card::after{content:"";position:absolute;right:-35px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:var(--mode-color);opacity:.08}.mode-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #02081755}.mode-card:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.mode-countryCapital{--mode-color:#e7b93f}.mode-flagInput{--mode-color:#73a9ff}.mode-capitalInput{--mode-color:#b586e8}.mode-mapCountry{--mode-color:#f18c62}.mode-icon{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--mode-color);border-radius:16px;background:#fff8;font-size:2rem;box-shadow:0 7px 16px #102f6b18}.mode-copy h2{margin:0 0 .3rem;font-size:1.18rem}.mode-copy p{margin:0;color:#52627c}.mode-arrow{position:relative;z-index:1;color:var(--mode-color);font-size:1.6rem;font-weight:900;transition:transform .2s}.mode-card:hover .mode-arrow{transform:translateX(4px)}.mode-actions{margin-top:1.25rem}.mode-actions .button{min-height:44px}.mode-grid .mode-mapCountry:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - .5rem)}
@media(max-width:720px){.mode-grid{grid-template-columns:1fr}.mode-grid .mode-mapCountry:last-child:nth-child(odd){grid-column:auto;max-width:none}.mode-card{min-height:125px;padding:1rem}.mode-icon{width:56px;height:56px;font-size:1.7rem}.mode-arrow{font-size:1.3rem}}
@media(max-width:420px){.mode-card{grid-template-columns:auto 1fr}.mode-arrow{display:none}.mode-copy h2{font-size:1.05rem}.mode-copy p{font-size:.9rem}}
.mode-page{max-width:1080px}.mode-hero{margin-bottom:2.25rem}.mode-card{--mode-color:#3b78c8;min-height:132px;padding:1.2rem 1.35rem;border:1px solid #c8d3e0;border-left:4px solid var(--mode-color);background:#e7edf4;box-shadow:0 8px 22px #02081726}.mode-card::after{display:none}.mode-card:hover{border-color:#aebfd1;border-left-color:var(--mode-color);background:#edf2f7;box-shadow:0 14px 30px #0208173d;transform:translateY(-3px)}.mode-countryCapital,.mode-flagInput,.mode-capitalInput,.mode-mapCountry{--mode-color:#3b78c8}.mode-icon{width:56px;height:56px;border:1px solid #b9c9db;border-radius:12px;background:#f4f7fa;color:var(--mode-color);box-shadow:none}.mode-icon svg{width:28px;height:28px}.mode-copy h2{font-size:1.12rem;letter-spacing:-.01em}.mode-copy p{font-size:.94rem;line-height:1.45}.mode-arrow{color:#6f8198;font-size:1.25rem}.mode-card:hover .mode-arrow{color:var(--mode-color)}.mode-grid .mode-mapCountry:last-child:nth-child(odd){grid-column:1/-1;max-width:none;min-height:116px}.mode-actions{display:flex;justify-content:flex-start;margin-top:1.4rem}
@media(max-width:720px){.mode-card{min-height:118px}.mode-grid .mode-mapCountry:last-child:nth-child(odd){grid-column:auto;min-height:118px}}
.mode-card .mode-icon{color:#101827}
.time-settings{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(220px,1fr);align-items:end;gap:1rem;margin-top:1.15rem;padding:1rem;border:1px solid #cbd6e3;border-radius:13px;background:#dde5ee}.time-settings .check{min-height:46px}.time-limit-field{transition:opacity .18s}.time-limit-field.disabled{opacity:.48}@media(max-width:580px){.time-settings{grid-template-columns:1fr}.time-settings .check{min-height:auto}}
.quiz-panel .answer.correct{border-color:#218a67;background:#c9f1df;color:#105c43;box-shadow:inset 0 0 0 1px #218a6733}.quiz-panel .answer.wrong{border-color:#c83f5b;background:#f8cfd7;color:#8d2639;box-shadow:inset 0 0 0 1px #c83f5b33}
.time-settings{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1.15rem;padding:.85rem 1rem;border:1px solid #c5d1df;border-radius:12px;background:#edf2f7}.time-settings .check{display:flex;align-items:center;gap:.75rem;min-height:auto;font-weight:700;white-space:nowrap}.time-settings .check input{position:relative;flex:0 0 auto;width:46px;height:26px;margin:0;border:0;border-radius:99px;background:#a8b5c5;appearance:none;cursor:pointer;transition:background-color .2s}.time-settings .check input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #14213b40;transition:transform .2s}.time-settings .check input:checked{background:#218a67}.time-settings .check input:checked::after{transform:translateX(20px)}.time-settings .check input:focus-visible{outline:3px solid #315fbd55;outline-offset:3px}.time-limit-field{display:flex;align-items:center;gap:.75rem;min-width:min(330px,48%);opacity:1}.time-limit-field>span{flex:0 0 auto;color:#52627c;font-size:.9rem;font-weight:650}.time-limit-field select{min-width:145px;padding:.6rem .75rem}.time-limit-field.disabled{opacity:.55}.time-limit-field.disabled select{cursor:not-allowed}.panel form>.actions{margin-bottom:0}
@media(max-width:620px){.time-settings{align-items:stretch;flex-direction:column;gap:.9rem}.time-limit-field{display:grid;min-width:0}.time-limit-field select{width:100%}}
.quiz-section{max-width:1120px;margin:0 auto}.quiz-section .section-heading{margin-bottom:2rem}.quiz-section .section-heading h2{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.04em}.quiz-section .section-subtitle{margin-top:.45rem}.quiz-section .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.quiz-section button.card{--continent-color:#315fbd;position:relative;min-height:180px;padding:1.25rem;border:1px solid #c7d2df;border-top:4px solid var(--continent-color);background:#e7edf4;box-shadow:0 8px 24px #02081725;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s}.quiz-section button.card::after{content:"→";position:absolute;right:1.2rem;bottom:1rem;color:#75879e;font-size:1.15rem;font-weight:800;transition:color .2s,transform .2s}.quiz-section button.card:hover{border-color:#aebfd1;border-top-color:var(--continent-color);background:#edf2f7;box-shadow:0 14px 32px #0208173d;transform:translateY(-4px)}.quiz-section button.card:hover::after{color:var(--continent-color);transform:translateX(4px)}.quiz-section button.card .symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;border:1px solid #b7c6d8;border-radius:50%;background:#f5f8fb;color:var(--continent-color);font-size:0;font-weight:850;letter-spacing:.03em}.quiz-section button.card .symbol::after{font-size:.82rem}.quiz-section button.card:nth-child(1) .symbol::after{content:"EU"}.quiz-section button.card:nth-child(2) .symbol::after{content:"AF"}.quiz-section button.card:nth-child(3) .symbol::after{content:"AS"}.quiz-section button.card:nth-child(4) .symbol::after{content:"NA"}.quiz-section button.card:nth-child(5) .symbol::after{content:"SA"}.quiz-section button.card:nth-child(6) .symbol::after{content:"OZ"}.quiz-section button.card:nth-child(7) .symbol::after{content:"◎";font-size:1.25rem}.quiz-section button.card h2{margin:.1rem 0 .25rem;font-size:1.25rem;letter-spacing:-.01em}.quiz-section button.card p{margin:.2rem 0;color:#607089;font-size:.92rem}
@media(max-width:1000px){.quiz-section .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.quiz-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-section button.card{min-height:165px}}
@media(max-width:480px){.quiz-section .grid{grid-template-columns:1fr}.quiz-section button.card{min-height:135px}.quiz-section button.card .symbol{width:42px;height:42px;margin-bottom:.7rem}}
.quiz-section button.card .symbol::after{content:""!important;display:block;width:29px;height:29px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.quiz-section button.card:nth-child(1) .symbol::after{mask-image:url("../assets/continents/europe.svg");-webkit-mask-image:url("../assets/continents/europe.svg")}.quiz-section button.card:nth-child(2) .symbol::after{mask-image:url("../assets/continents/africa.svg");-webkit-mask-image:url("../assets/continents/africa.svg")}.quiz-section button.card:nth-child(3) .symbol::after{mask-image:url("../assets/continents/asia.svg");-webkit-mask-image:url("../assets/continents/asia.svg")}.quiz-section button.card:nth-child(4) .symbol::after{mask-image:url("../assets/continents/north-america.svg");-webkit-mask-image:url("../assets/continents/north-america.svg")}.quiz-section button.card:nth-child(5) .symbol::after{mask-image:url("../assets/continents/south-america.svg");-webkit-mask-image:url("../assets/continents/south-america.svg")}.quiz-section button.card:nth-child(6) .symbol::after{mask-image:url("../assets/continents/oceania.svg");-webkit-mask-image:url("../assets/continents/oceania.svg")}.quiz-section button.card:nth-child(7) .symbol::after{width:27px;height:27px;mask-image:url("../assets/continents/world.svg");-webkit-mask-image:url("../assets/continents/world.svg")}
@media(max-width:1050px) and (min-width:901px){.site-header{padding-left:1.25rem;padding-right:1.25rem;gap:.75rem}.brand{font-size:1.1rem}#main-nav{gap:.05rem}#main-nav>a,.profile-nav-link,.nav-info-button{padding:.45rem .55rem;font-size:.93rem}.header-avatar{width:27px;height:27px}}
@media(max-width:900px){.site-header{min-height:64px;padding:.65rem 1rem}.menu-toggle{display:block;margin-left:auto}#main-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100vh - 64px);margin:0;padding:.75rem 1rem 1rem;overflow-y:auto;border-top:1px solid #ffffff18;background:#09162df8;box-shadow:0 18px 35px #02081766;backdrop-filter:blur(14px)}#main-nav.open{display:flex;align-items:stretch;flex-direction:column}#main-nav>a,.profile-nav-link,.nav-info-button{width:100%;min-height:46px;padding:.65rem .75rem}.nav-dropdown{display:block}.nav-dropdown-menu{position:static;display:grid;margin:.15rem 0 .35rem .8rem;padding:.15rem 0 .15rem .65rem;border:0;border-left:2px solid var(--accent);border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{min-height:40px;padding:.5rem .7rem}.settings-open{width:46px;height:46px;margin:.2rem 0 0 .1rem}.settings-open:hover{transform:none}}
@media(max-width:380px){.site-header{padding-left:.75rem;padding-right:.75rem}.brand{font-size:1.05rem}.brand span{width:23px;height:23px}.menu-toggle{padding:.4rem .6rem}}
.statistics-panel .statistics-heading .eyebrow{color:#315fbd}.statistics-panel .metric strong{color:#315fbd}.statistics-panel .statistics-panel .rank-card .progress>span{background:linear-gradient(90deg,#315fbd,#6f8edb)}.statistics-panel .rank-card{background:#dde5ee;color:#14213b;border-color:#c7d2e0;box-shadow:0 10px 24px #10213d1e}.statistics-panel .rank-card .rank-label{color:#315fbd}.statistics-panel .rank-card .rank-details p{color:#52627c}.statistics-panel .rank-card .progress{background:#c3cedc}.season-countdown{margin-top:.3rem!important;color:#8fa5c4!important;font-size:.78rem!important;font-weight:650}.statistics-panel .season-countdown{color:#52627c!important}.season-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0 0 1.5rem}.season-summary>div{display:grid;gap:.2rem;padding:1rem;border:1px solid #cbd6e3;border-radius:12px;background:#dde5ee}.season-summary span{color:#52627c;font-size:.86rem}.season-summary strong{color:#244f9e;font-size:1.2rem}@media(max-width:560px){.season-summary{grid-template-columns:1fr}}.season-history{margin:0 0 1.5rem}.season-history h2{margin:0 0 .8rem}.season-history-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.season-history-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid #cbd6e3;border-left:4px solid var(--season-rank-color);border-radius:11px;background:#dde5ee}.season-history-item strong,.season-history-item span{display:block}.season-history-item>div span{color:#52627c;font-size:.85rem}.season-history-rank{color:var(--season-rank-color);font-weight:850}.season-history-empty{padding:1rem;border:1px dashed #b9c6d6;border-radius:11px;background:#e3e9f0;color:#52627c}@media(max-width:480px){.season-history-item{align-items:flex-start;flex-direction:column}}.map-answer{display:block}.country-map{display:block;width:100%;max-height:520px;margin:0 auto;border:1px solid #c4cfdd;border-radius:16px;background:#cfdae7;outline:none;touch-action:manipulation}.map-ocean{fill:#cfdae7}.map-shape{fill:#91a6b8;stroke:#f1f4f7;stroke-width:1.1;transition:fill .16s,filter .16s}.map-marker{fill:#91a6b8;stroke:#f1f4f7;stroke-width:2;transition:fill .16s}.map-country{cursor:pointer;outline:none}.map-country:hover .map-shape,.map-country:hover .map-marker,.map-country:focus .map-shape,.map-country:focus .map-marker{fill:#5f83a8;filter:drop-shadow(0 0 3px #244f9e88)}.map-country:focus .map-shape,.map-country:focus .map-marker{stroke:#ffd166;stroke-width:2.5}.map-country.selected-correct .map-shape,.map-country.selected-correct .map-marker{fill:#35a77c;stroke:#146749}.map-country.selected-wrong .map-shape,.map-country.selected-wrong .map-marker{fill:#d75369;stroke:#8d2639}.map-loading,.map-error{padding:2rem;text-align:center;border:1px solid #c4cfdd;border-radius:14px;background:#dde5ee}.map-error{color:#8d2639;font-weight:750}@media(max-width:700px){.country-map{max-height:430px}.map-shape{stroke-width:1.5}}
.quiz-section button.card .symbol::after{background-color:transparent!important;mask-image:none!important;-webkit-mask-image:none!important;background-position:center;background-repeat:no-repeat;background-size:contain}.quiz-section button.card:nth-child(1) .symbol::after{background-image:url("../assets/continents/europe.svg")}.quiz-section button.card:nth-child(2) .symbol::after{background-image:url("../assets/continents/africa.svg")}.quiz-section button.card:nth-child(3) .symbol::after{background-image:url("../assets/continents/asia.svg")}.quiz-section button.card:nth-child(4) .symbol::after{background-image:url("../assets/continents/north-america.svg")}.quiz-section button.card:nth-child(5) .symbol::after{background-image:url("../assets/continents/south-america.svg")}.quiz-section button.card:nth-child(6) .symbol::after{background-image:url("../assets/continents/oceania.svg")}.quiz-section button.card:nth-child(7) .symbol::after{background-image:url("../assets/continents/world.svg")}
@media(min-width:1001px){.quiz-section .grid{grid-template-columns:repeat(8,minmax(0,1fr))}.quiz-section button.card{grid-column:span 2}.quiz-section button.card:nth-child(5){grid-column:2/span 2}.quiz-section button.card:nth-child(6){grid-column:4/span 2}.quiz-section button.card:nth-child(7){grid-column:6/span 2}}
.quiz-section button.card:nth-child(7){text-align:center}.quiz-section button.card:nth-child(7) .symbol{margin-left:auto;margin-right:auto}.quiz-section button.card:nth-child(7)::after{left:50%;right:auto;transform:translateX(-50%)}.quiz-section button.card:nth-child(7):hover::after{transform:translateX(calc(-50% + 4px))}
@media(max-width:1000px) and (min-width:721px){.quiz-section button.card:nth-child(7){grid-column:2}}@media(max-width:720px) and (min-width:481px){.quiz-section button.card:nth-child(7){grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}}
.quiz-section button.card:nth-child(7){text-align:left}.quiz-section button.card:nth-child(7) .symbol{position:relative;margin-left:0;margin-right:0}.quiz-section button.card:nth-child(7) .symbol::after{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);background-position:50% 50%}.quiz-section button.card:nth-child(7)::after{left:auto;right:1.2rem;transform:none}.quiz-section button.card:nth-child(7):hover::after{transform:translateX(4px)}
.map-controls{display:flex;justify-content:flex-end;gap:.45rem;margin:0 0 .55rem}.map-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #aebdce;border-radius:10px;background:#edf2f7;color:#14213b;font-size:1.25rem;font-weight:800;cursor:pointer}.map-controls button:hover{border-color:#315fbd;background:#dce8f6}.country-map{cursor:grab;touch-action:none}.country-map.panning{cursor:grabbing}.country-map.panning .map-country{pointer-events:none}
.map-marker{stroke-width:1.2}
.map-marker[r="8"],.map-marker[r="7"]{r:3px}
.map-country.selected-correct .map-shape{fill:#22a06b!important;stroke:#075d3c!important;stroke-width:3!important;filter:drop-shadow(0 0 6px #22a06bcc)!important}.map-country.selected-wrong .map-shape{fill:#e0445e!important;stroke:#7f1428!important;stroke-width:3!important;filter:drop-shadow(0 0 6px #e0445ecc)!important}.map-country.selected-correct .map-marker{r:6px!important;fill:#22a06b!important;stroke:#075d3c!important;stroke-width:3!important;filter:drop-shadow(0 0 5px #22a06b)!important}.map-country.selected-wrong .map-marker{r:6px!important;fill:#e0445e!important;stroke:#7f1428!important;stroke-width:3!important;filter:drop-shadow(0 0 5px #e0445e)!important}
.quiz-panel{animation:quiz-enter .28s ease-out}.country-map{touch-action:none;-webkit-tap-highlight-color:transparent}.map-country .map-shape,.map-country .map-marker{transition:fill .2s ease,stroke .2s ease,filter .2s ease,transform .15s ease}.map-country:active .map-shape,.map-country:active .map-marker{filter:brightness(.9)}.map-country.selected-correct .map-shape,.map-country.selected-correct .map-marker{fill:#2fa879;stroke:#0c6746;filter:drop-shadow(0 0 6px #2fa879aa)}.map-country.selected-wrong .map-shape,.map-country.selected-wrong .map-marker{fill:#d65369;stroke:#8b2437;filter:drop-shadow(0 0 5px #d6536977)}.auto-next{color:#52627c;font-size:.82rem;font-weight:700}.map-answer+.feedback,.feedback+.map-answer{transition:opacity .2s ease}@keyframes quiz-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(hover:hover){.map-country:hover .map-shape,.map-country:hover .map-marker{fill:#5f83a8;filter:drop-shadow(0 0 3px #244f9e88)}.map-country.selected-correct:hover .map-shape,.map-country.selected-correct:hover .map-marker{fill:#2fa879;filter:drop-shadow(0 0 6px #2fa879aa)}.map-country.selected-wrong:hover .map-shape,.map-country.selected-wrong:hover .map-marker{fill:#d65369}}
.map-country.solved-correct .map-shape,.map-country.solved-correct .map-marker{fill:#2fa879!important;stroke:#0c6746!important;filter:drop-shadow(0 0 4px #2fa87988)!important}.map-country.solved-correct:hover .map-shape,.map-country.solved-correct:hover .map-marker,.map-country.solved-correct:focus .map-shape,.map-country.solved-correct:focus .map-marker{fill:#2fa879!important}
.map-country.solved-correct.selected-wrong .map-shape,.map-country.solved-correct.selected-wrong .map-marker{fill:#d65369!important;stroke:#8b2437!important;filter:drop-shadow(0 0 5px #d6536977)!important}
.account-open{padding:.65rem .9rem;border:1px solid #52709a;border-radius:10px;background:#17365f;color:#f4f7fb;font:inherit;font-weight:750;cursor:pointer}.account-open:hover{background:#244f83}.account-dialog{width:min(900px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:1.6rem;border:1px solid #c7d2e0;border-radius:20px;background:#e5ebf2;color:#10213d;box-shadow:0 24px 70px #020b1c88}.account-dialog::backdrop{background:#020b1cbb;backdrop-filter:blur(4px)}.account-dialog h2,.account-dialog h3{margin:.2rem 0 1rem}.account-dialog .eyebrow{margin:0;color:#315fbd}.account-guest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.account-guest>section,.account-user{padding:1.25rem;border:1px solid #c7d2e0;border-radius:15px;background:#dce4ed}.account-form{display:grid;gap:.8rem}.account-form .field{display:grid;gap:.35rem}.account-form input{width:100%;padding:.75rem .85rem;border:1px solid #aebdd0;border-radius:10px;background:#f1f4f7;color:#10213d;font:inherit}.account-form input:focus{outline:3px solid #55d6be55;border-color:#315fbd}.account-form .button{justify-self:start}.account-message{min-height:1.4rem;margin:.4rem 0 1rem;font-weight:700}.account-message.error{color:#a92742}.account-message.success{color:#167654}.account-note{margin:1rem 0 0;color:#52627c;font-size:.88rem}.account-status{color:#167654;font-weight:800}.account-user h3{font-size:1.5rem;margin:.45rem 0 .1rem}.account-user p{color:#52627c}.account-user[hidden],.account-guest[hidden]{display:none}@media(max-width:720px){.account-guest{grid-template-columns:1fr}.account-dialog{padding:1rem}.account-open{width:100%}}
.map-answer{position:relative}.country-map:focus-visible{outline:3px solid #315fbd;outline-offset:3px}.map-controls button:active{transform:scale(.96)}.map-controls button{transition:background-color .16s,border-color .16s,transform .12s}

.map-context{pointer-events:none}.map-context .map-shape{fill:#91a6b8;stroke:#f1f4f7;filter:none}

.social-dialog{width:min(760px,calc(100% - 2rem));max-height:85vh;padding:1.5rem;border:1px solid #c7d2e0;border-radius:20px;background:#e5ebf2;color:#10213d}.social-dialog::backdrop{background:#020b1cbb}.friend-add{display:flex;gap:.65rem;margin:1rem 0}.friend-add input{flex:1;padding:.75rem;border:1px solid #aebdd0;border-radius:10px}.social-content{display:grid;gap:.65rem}.social-content h3{margin:1rem 0 .2rem}.social-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid #c7d2e0;border-radius:12px;background:#dce4ed}.social-card strong,.social-card span{display:block}.social-card span{color:#52627c;font-size:.86rem}.social-card button{padding:.55rem .7rem;margin-left:.35rem;border:1px solid #52709a;border-radius:8px;background:#17365f;color:#fff;font-weight:700;cursor:pointer}.social-message{min-height:1.2rem;color:#315fbd;font-weight:700}@media(max-width:600px){.social-card,.friend-add{align-items:stretch;flex-direction:column}.social-card button{margin:.25rem .25rem 0 0}}
.profile-menu-action{width:100%;min-height:40px;padding:.5rem .7rem;border:0;border-radius:8px;background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer}.profile-menu-action:hover{background:#ffffff12}.social-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.social-panel{margin-top:1.5rem}.social-content>section{margin-top:1.5rem}.social-content>section h2{margin-bottom:.8rem}
.friend-tools{display:flex;align-items:center;gap:.75rem}.friend-tools .friend-add{flex:1}@media(max-width:650px){.friend-tools{align-items:stretch;flex-direction:column}.friend-tools .friend-add{margin-bottom:0}}/* Polished account experience */
.account-dialog{width:min(960px,calc(100% - 2rem));padding:0;overflow:hidden;border:1px solid #6f8edb55;border-radius:24px;background:#e8edf4;box-shadow:0 30px 90px #020817b8}
.account-dialog-head{align-items:flex-start;padding:1.65rem 1.75rem;background:linear-gradient(135deg,#10294f 0%,#173d70 58%,#1d527f 100%);color:#fff}
.account-dialog-brand{display:flex;align-items:center;gap:1rem}.account-dialog-logo{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:1px solid #8be8d6aa;border-radius:17px;background:#55d6be18;color:#68e2ca;font-size:1.75rem;box-shadow:inset 0 0 20px #55d6be16}
.account-dialog-head .eyebrow{margin:0 0 .25rem;color:#67e2ca;font-size:.74rem;letter-spacing:.12em}.account-dialog-head h2{margin:0;color:#fff;font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:-.025em}.account-dialog-head p:not(.eyebrow){max-width:560px;margin:.4rem 0 0;color:#c6d6ea;font-size:.93rem}
.account-dialog-head .info-close{flex:0 0 42px;width:42px;height:42px;border-color:#ffffff38;background:#ffffff0c;color:#fff}.account-dialog-head .info-close:hover{background:#ffffff1c;border-color:#7be3cf}
.account-benefits{display:flex;justify-content:center;gap:2rem;padding:.8rem 1.5rem;border-bottom:1px solid #c7d3e2;background:#dce5ef;color:#315270;font-size:.82rem;font-weight:750}.account-benefits span::first-letter{color:#168568}
.account-message{margin:.75rem 1.65rem 0;padding:0;min-height:1.2rem}.account-message:not(:empty){padding:.7rem .85rem;border-radius:10px;background:#d8e2ed}.account-message.error:not(:empty){background:#f6dce2}.account-message.success:not(:empty){background:#d6ede5}
.account-guest{gap:1rem;padding:1rem 1.65rem .9rem}.account-guest>section{position:relative;padding:1.35rem;border:1px solid #c6d2e1;border-radius:16px;background:#f2f5f8;box-shadow:0 8px 22px #10213d0c;transition:transform .2s,border-color .2s,box-shadow .2s}.account-guest>section:hover{transform:translateY(-2px);border-color:#8ea9ce;box-shadow:0 13px 28px #10213d16}.account-card-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.75rem;border-radius:10px;background:#dce8f7;color:#2459a6;font-size:1.15rem;font-weight:900}.account-guest h3{margin:0 0 .25rem;font-size:1.16rem}.account-card-intro{min-height:2.5rem;margin:0 0 1rem;color:#60718a;font-size:.86rem;line-height:1.45}
.account-form{gap:.72rem}.account-form .field span{color:#263a58;font-size:.82rem;font-weight:700}.account-form input{min-height:48px;padding:.7rem .85rem;border-color:#b5c5d8;background:#fff;box-shadow:inset 0 1px 2px #10213d09}.account-form input:hover{border-color:#8da7c7}.account-form input:focus{border-color:#315fbd;outline:3px solid #315fbd20;box-shadow:0 0 0 1px #315fbd}
.account-form .account-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:.25rem;padding:.75rem 1rem;border-radius:11px;background:linear-gradient(135deg,#2859ae,#3271cf);box-shadow:0 8px 18px #2859ae32}.account-form .account-submit:hover{transform:translateY(-1px);background:linear-gradient(135deg,#214e9c,#2d67bc);box-shadow:0 11px 24px #2859ae40}.account-submit span{font-size:1.1rem}
.account-note{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:0;padding:.8rem 1.5rem 1.15rem;color:#66758b;font-size:.8rem}.account-user{margin:1rem 1.65rem;padding:1.4rem;background:#f2f5f8}
@media(max-width:720px){.account-dialog{width:min(100% - 1rem,560px);max-height:calc(100vh - 1rem);border-radius:19px}.account-dialog-head{padding:1.2rem}.account-dialog-logo{display:none}.account-benefits{align-items:flex-start;flex-direction:column;gap:.3rem;padding:.75rem 1.2rem}.account-message{margin-left:1rem;margin-right:1rem}.account-guest{padding:.8rem 1rem}.account-guest>section{padding:1.1rem}.account-card-intro{min-height:0}.account-note{padding: .5rem 1rem 1rem;text-align:center}.account-user{margin:.8rem 1rem}}/* Single-card account flow */
.account-dialog{width:min(680px,calc(100% - 2rem));background:linear-gradient(180deg,#dce7f7 0,#edf2f7 42%)}
.account-dialog-head{padding:1.4rem 1.55rem;background:linear-gradient(135deg,#2859ae,#3978df)}
.account-dialog-head .account-dialog-brand{align-items:flex-start}.account-dialog-head .account-dialog-logo{width:46px;height:46px;flex-basis:46px;border-radius:14px}.account-dialog-head h2{font-size:1.5rem}.account-dialog-head p:not(.eyebrow){font-size:.86rem}
.account-benefits{gap:1.2rem;padding:.68rem 1rem;background:#d5e2f2;font-size:.76rem}
.account-guest{display:block;width:100%;max-width:520px;margin:0 auto;padding:1.35rem 1.25rem}
.account-guest>.account-auth-view{padding:1.7rem 1.8rem 1.35rem;border:1px solid #d4dce7;border-radius:20px;background:#fff;box-shadow:0 16px 38px #18315422}
.account-guest>.account-auth-view:hover{transform:none;border-color:#c5d1e1;box-shadow:0 18px 42px #18315429}
.account-auth-view[hidden]{display:none!important}.account-auth-view>.eyebrow{margin:0 0 .35rem;color:#3164c4;letter-spacing:.11em}.account-auth-view h3{font-size:1.45rem;text-align:center}.account-auth-view .account-card-icon{margin:0 auto .75rem}.account-auth-view .account-card-intro{text-align:center}
.account-switch{margin:1rem 0 0;text-align:center;color:#687990;font-size:.84rem}.account-switch button{padding:.2rem;border:0;background:transparent;color:#2c61bd;font:inherit;font-weight:800;cursor:pointer}.account-switch button:hover{text-decoration:underline}
.account-dialog .account-note{background:#e4ebf3}.account-dialog .account-message{max-width:520px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.account-dialog-head p:not(.eyebrow),.account-benefits{display:none}.account-guest{padding:1rem}.account-guest>.account-auth-view{padding:1.3rem 1.1rem}.account-dialog-head{padding:1.05rem 1.1rem}.account-auth-view h3{font-size:1.3rem}}
.brand-logo{display:block;flex:0 0 auto;width:34px;height:34px;border-radius:10px;filter:drop-shadow(0 5px 10px #02081755);transition:transform .2s ease,filter .2s ease}.brand:hover .brand-logo{transform:rotate(-4deg) scale(1.06);filter:drop-shadow(0 7px 14px #55d6be44)}
/* Professional friends page */
.social-page{max-width:1160px}.social-hero{padding-bottom:1.6rem}.social-hero h1{margin-bottom:.5rem}.social-toolbar{margin:0 0 1rem;padding:1.25rem 1.35rem;border:1px solid #c6d2e1;border-radius:17px;background:#e7edf4;color:#10213d;box-shadow:0 10px 26px #0208171a}.social-toolbar>div:first-child h2{margin:0;font-size:1.08rem}.social-toolbar>div:first-child p{margin:.25rem 0 .9rem;color:#60718a;font-size:.86rem}.social-toolbar .friend-tools{align-items:center}.social-toolbar .friend-add{margin:0}.social-toolbar .friend-add input{min-height:48px;background:#fff}.social-toolbar .button{min-height:48px;white-space:nowrap}.social-toolbar .social-message{min-height:0;margin:.65rem 0 0}.social-toolbar .social-message:empty{display:none}
.social-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.social-section{min-width:0;padding:1.25rem;border:1px solid #c6d2e1;border-radius:17px;background:#e7edf4;color:#10213d;box-shadow:0 10px 26px #02081716}.social-section:first-child:last-child{grid-column:1/-1}.requests-section{grid-column:1/-1}.social-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid #ccd7e4}.social-section-head>div{display:flex;align-items:center;gap:.75rem}.social-section-head h2{margin:0;font-size:1.12rem}.social-section-head p{margin:.18rem 0 0;color:#687991;font-size:.78rem}.social-section-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#d7e5f7;color:#285bae;font-size:1.05rem;font-weight:900}.social-section-icon.battle-icon{background:#e6dff5;color:#7045a4}.social-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 .45rem;border-radius:999px;background:#d5dfeb;color:#315270;font-size:.78rem;font-weight:850}.social-list{display:grid;gap:.65rem}.social-empty{display:grid;justify-items:center;min-height:170px;padding:1.7rem 1rem;text-align:center;place-content:center}.social-empty>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.7rem;border:1px solid #b8c9dc;border-radius:15px;background:#dce6f0;color:#315fbd;font-size:1.3rem}.social-empty strong{font-size:.96rem}.social-empty p{max-width:310px;margin:.35rem 0 0;color:#687991;font-size:.82rem;line-height:1.5}.social-card{background:#f4f7fa;box-shadow:0 4px 12px #10213d0b}.social-loading{grid-column:1/-1;padding:2rem;text-align:center;color:#8fa3bd}
@media(max-width:760px){.social-content{grid-template-columns:1fr}.requests-section{grid-column:auto}.social-toolbar{padding:1rem}.social-toolbar .friend-tools{align-items:stretch}.social-toolbar .friend-add{display:grid;grid-template-columns:1fr auto}.social-section{padding:1rem}.social-section-head p{display:none}}
@media(max-width:480px){.social-toolbar .friend-add{grid-template-columns:1fr}.social-toolbar .button{width:100%}}.social-card .danger-action{border-color:#d9a5b0;background:#fff0f3;color:#a52b45}.social-card .danger-action:hover{background:#f5d9df}.waiting-label{display:inline-block;padding:.5rem .65rem;color:#667991;font-size:.78rem;font-weight:750}.social-toast{cursor:pointer;border-left:4px solid #55d6be}.battle-card{border-left:3px solid #6f8edb}.battle-card:hover{border-color:#5279d0;box-shadow:0 7px 18px #10213d18}
.social-session-loading{display:grid;place-items:center;place-content:center;min-height:55vh;color:#9db0c9;font-weight:700}.social-session-loading span{width:38px;height:38px;margin-bottom:1rem;border:3px solid #ffffff25;border-top-color:#55d6be;border-radius:50%;animation:social-spin .8s linear infinite}@keyframes social-spin{to{transform:rotate(360deg)}}
.toast.social-notice{display:flex;align-items:center;gap:.9rem;width:min(390px,calc(100% - 2rem));max-width:none;padding:1rem 1.1rem;border:1px solid #55d6be66;border-radius:15px;background:linear-gradient(135deg,#10284a,#173b68);box-shadow:0 18px 50px #02081799,0 0 0 1px #55d6be20;cursor:pointer;overflow:hidden}.social-notice::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#55d6be,#6f8edb);animation:social-notice-time 6s linear forwards}.social-notice-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:2px solid #55d6be;border-radius:14px;background:#55d6be16;color:#74ead4;font-size:1.2rem;font-weight:950}.social-notice-icon.battle{border-color:#b493ed;background:#8057bd20;color:#c7aef2}.social-notice-icon.friend{border-color:#6f9ce8;background:#6f9ce820;color:#9ebcf0}.social-notice-icon.error{border-color:#e06b81;background:#e06b8120;color:#f09aab}.social-notice>div{display:grid;gap:.15rem}.social-notice strong{color:#fff;font-size:.98rem}.social-notice small{color:#b9c9de;line-height:1.35}@keyframes social-notice-time{from{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}.battle-card.gewonnen{border-left-color:#2fa879;background:#edf8f4}.battle-card.verloren{border-left-color:#d65369}.battle-card.unentschieden{border-left-color:#d6a840}@media(max-width:520px){.toast.social-notice{left:1rem;right:1rem;bottom:1rem;width:auto}}.battle-comparison{margin:1.4rem 0;padding:1.25rem;border:1px solid #c5d2e1;border-left:5px solid #6f8edb;border-radius:15px;background:#e0e8f1;color:#10213d;transition:border-color .25s,background .25s}.battle-comparison.waiting{border-left-color:#6f8edb}.battle-comparison.gewonnen{border-left-color:#2fa879;background:#e0f1eb}.battle-comparison.verloren{border-left-color:#d65369;background:#f3e3e7}.battle-comparison.unentschieden{border-left-color:#d3a532;background:#f3edda}.battle-result-state{display:flex;align-items:center;gap:1rem}.battle-result-symbol{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:#cddbea;color:#315fbd;font-size:1.5rem;font-weight:950}.gewonnen .battle-result-symbol{background:#c4e7da;color:#14704f}.verloren .battle-result-symbol{background:#eccbd2;color:#a42e46}.unentschieden .battle-result-symbol{background:#eadcae;color:#8d6a12}.battle-result-state p{margin:0;color:#60728c;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.battle-result-state h2{margin:.08rem 0;font-size:1.35rem}.battle-result-state>div>span{color:#61728a;font-size:.86rem}.battle-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid #bdcada}.battle-scoreboard>div:not(.battle-versus){display:grid;gap:.12rem;padding:.85rem;border-radius:12px;background:#f5f7fa;text-align:center}.battle-scoreboard span{color:#50647e;font-weight:800}.battle-scoreboard strong{color:#163b70;font-size:2rem;line-height:1.1}.battle-scoreboard small{color:#718198}.battle-scoreboard .you{box-shadow:inset 0 0 0 2px #527dcc}.battle-versus{color:#718198;font-size:.78rem;font-weight:950}@media(max-width:560px){.battle-comparison{padding:1rem}.battle-result-state{align-items:flex-start}.battle-result-symbol{width:44px;height:44px;flex-basis:44px}.battle-scoreboard{gap:.5rem}.battle-scoreboard strong{font-size:1.55rem}}
.question.capital-question{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:82px}.question.capital-question h1{margin:0}.question .capital-question-flag{flex:0 0 auto;width:72px;height:48px;margin:0;object-fit:contain;filter:drop-shadow(0 5px 9px #10213d24)}@media(max-width:600px){.question.capital-question{flex-direction:column;gap:.65rem}.question .capital-question-flag{width:64px;height:42px}}

/* Legal pages */
.legal-header{display:flex;align-items:center;justify-content:space-between}.legal-home-link{padding:.55rem .8rem;border:1px solid #ffffff20;border-radius:10px;color:#c7d7ec;font-size:.86rem;font-weight:750;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.legal-home-link:hover{border-color:#55d6be75;background:#55d6be12;color:#fff}
.legal-page{width:min(980px,calc(100% - 2rem));max-width:980px;margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0}.legal-document{padding:clamp(1.4rem,4vw,3.4rem);border:1px solid #bfd0e3;border-radius:24px;background:linear-gradient(145deg,#edf2f7,#e3eaf2);color:#10213d;box-shadow:0 24px 65px #02081738}.legal-heading{padding-bottom:1.7rem;border-bottom:1px solid #c8d4e1}.legal-heading .eyebrow{margin:0 0 .55rem;color:#238f7c;font-size:.76rem;font-weight:900;letter-spacing:.15em}.legal-heading h1{margin:0;color:#0d2141;font-size:clamp(2.35rem,7vw,4.6rem);line-height:1;letter-spacing:-.055em}.legal-heading>p:not(.eyebrow){max-width:640px;margin:.8rem 0 .5rem;color:#526987;font-size:1.03rem;line-height:1.55}.legal-heading>span{color:#71839a;font-size:.78rem}.legal-notice{margin:1.6rem 0 2rem;padding:1rem 1.15rem;border:1px solid #d9b45b;border-left:4px solid #d59d1e;border-radius:12px;background:#fff5d9}.legal-notice strong{color:#6f4d00}.legal-notice p{margin:.3rem 0 0;color:#66583b}.legal-notice code,.legal-placeholder{color:#9b334a;font-weight:750}.legal-document section{padding:1.25rem 0;border-bottom:1px solid #cbd6e2}.legal-document section:last-of-type{border-bottom:0}.legal-document h2{margin:0 0 .65rem;color:#102b53;font-size:1.22rem;letter-spacing:-.015em}.legal-document h3{margin:1rem 0 .4rem;color:#19375e;font-size:1rem}.legal-document p,.legal-document li,.legal-document address{color:#354c69;line-height:1.68}.legal-document p{margin:.55rem 0}.legal-document ul{display:grid;gap:.35rem;margin:.65rem 0;padding-left:1.25rem}.legal-document address{padding:.85rem 1rem;border-left:3px solid #55d6be;background:#dbe6f0;font-style:normal}.legal-document a{color:#1e5cac;text-underline-offset:3px}.legal-document a:hover{color:#143f7b}.legal-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem;padding-top:1.3rem;border-top:1px solid #c8d4e1}.legal-actions .button{min-height:44px}.legal-actions .button.secondary{border-color:#9bb0c9;background:#dce5ef;color:#19375e}.legal-actions .button.secondary:hover{background:#cfdcea}.legal-page+footer{text-align:center}
@media(max-width:600px){.legal-header{padding-left:1rem;padding-right:1rem}.legal-home-link{font-size:.78rem}.legal-page{width:min(100% - 1rem,980px);padding:1rem 0 2rem}.legal-document{padding:1.15rem;border-radius:18px}.legal-heading h1{font-size:2.6rem}.legal-notice{margin:1.2rem 0}.legal-document section{padding:1.05rem 0}.legal-actions{display:grid}.legal-actions .button{width:100%}}

.legal-document .legal-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.15rem;border-radius:11px;background:linear-gradient(135deg,#2859ae,#3271cf);color:#fff;text-decoration:none;box-shadow:0 8px 18px #2859ae32}.legal-document .legal-actions .button:hover{color:#fff;background:linear-gradient(135deg,#214e9c,#2d67bc);box-shadow:0 11px 24px #2859ae40;transform:translateY(-1px)}.legal-document .legal-actions .button.secondary{border-color:#9bb0c9;background:#dce5ef;color:#19375e;box-shadow:none}.legal-document .legal-actions .button.secondary:hover{background:#cfdcea;color:#102b53;box-shadow:none}