:root{--ink:#151827;--muted:#898b9c;--line:#e8e8ed;--blue:#4f57e7;--blue-dark:#202a8d;--mint:#dff7ec;--yellow:#ffe99d;--paper:#fbfbf8;--pink:#ef9bb5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans KR",sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{width:min(1160px,calc(100% - 56px));margin:0 auto}.site-header{height:76px;display:flex;align-items:center;gap:46px;padding:0 max(28px,calc((100% - 1160px)/2));border-bottom:1px solid rgba(232,232,237,.8);background:rgba(251,251,248,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;color:#fff;border-radius:12px 12px 12px 4px;background:var(--blue);font:800 18px "DM Sans"}.brand b,.brand strong{display:block;line-height:1}.brand b{font:800 16px "DM Sans";letter-spacing:1.5px}.brand strong{margin-top:3px;color:var(--blue);font:800 11px "DM Sans";letter-spacing:3px}nav{display:flex;align-items:center;gap:27px;color:#999baa;font-size:12px;font-weight:700}nav a.active,nav a:hover{color:var(--ink)}.header-side{display:flex;align-items:center;gap:8px;margin-left:auto;color:#9c9ead;font:700 9px "DM Sans";letter-spacing:1px}.status-dot{width:6px;height:6px;border-radius:50%;background:#73d99c;box-shadow:0 0 0 4px #e0f7e9}.profile-chip{padding:9px 12px;margin-left:13px;color:var(--blue);border:1px solid #dedff6;border-radius:8px;background:#fff;font-size:11px;font-weight:800}.hero{display:grid;grid-template-columns:1fr 430px;gap:110px;align-items:center;padding:78px 0 72px}.kicker,.round-label{color:var(--blue);font:800 10px "DM Sans";letter-spacing:1.5px}.hero h1{margin:18px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.13;letter-spacing:-4px}.hero h1 em,.section-heading h2 em{color:var(--blue);font-style:normal}.hero-lede{color:#7b7d8b;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 19px;color:#fff;border-radius:9px;background:var(--blue);box-shadow:0 10px 18px rgba(79,87,231,.18);font-size:12px;font-weight:800;transition:transform .18s,background .18s}.primary-button:hover{background:#3e46d0;transform:translateY(-2px)}.primary-button span{font:700 18px "DM Sans"}.quiet-link{color:#8a8b9b;font-size:12px;font-weight:800}.quiet-link span{margin-left:5px;color:var(--blue);font-size:16px}.hero-card{padding:20px 21px 18px;border-radius:22px;background:#1c2034;box-shadow:0 24px 55px rgba(28,32,52,.2);transform:rotate(2deg)}.hero-card-top,.hero-card-bottom{display:flex;justify-content:space-between;color:#858aa8;font:700 9px "DM Sans";letter-spacing:1px}.globe{position:relative;display:grid;place-items:center;height:285px;margin:9px 0 13px;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 28%,#7480ff 0,#4c59e6 20%,#29358f 63%,#1c255f 100%);box-shadow:inset -30px -20px 40px rgba(11,17,72,.44),inset 13px 12px 22px rgba(255,255,255,.2)}.globe:before,.globe:after{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;content:""}.globe:before{width:94%;height:42%}.globe:after{width:42%;height:94%}.globe-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.22) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.22) 50%,transparent 50.3%);transform:rotate(24deg)}.pin{position:absolute;color:var(--yellow);font-size:16px;text-shadow:0 2px 10px rgba(255,230,130,.6)}.pin-a{top:74px;left:91px}.pin-b{top:137px;right:84px}.pin-c{bottom:73px;left:139px}.pin-d{right:147px;bottom:64px;color:var(--pink)}.hero-card-bottom{padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.hero-card-bottom div{flex:1}.hero-card-bottom div+div{padding-left:12px;border-left:1px solid rgba(255,255,255,.12)}.hero-card-bottom small,.hero-card-bottom b{display:block}.hero-card-bottom small{color:#858aa8;font-size:9px}.hero-card-bottom b{margin-top:3px;color:#fff;font:800 15px "DM Sans";letter-spacing:0}.stats-bar{display:grid;grid-template-columns:130px 130px 130px 1fr;align-items:center;padding:22px 25px;margin-bottom:80px;border:1px solid var(--line);border-radius:13px;background:#fff}.stats-bar>div:not(.stats-note){padding-left:18px;border-left:1px solid var(--line)}.stats-bar>div:nth-child(1){padding-left:0;border-left:0}.stats-bar span,.stats-bar b,.stats-bar small{display:block}.stats-bar span{color:#9fa1b0;font:800 9px "DM Sans";letter-spacing:1px}.stats-bar b{margin:4px 0;color:var(--ink);font:800 20px "DM Sans"}.stats-bar small{color:#a5a6b3;font-size:9px}.stats-note{display:flex;justify-content:flex-end;align-items:center;gap:13px;color:#717486;font-size:11px;line-height:1.6;text-align:right}.stats-note p{margin:0}.stats-note small{display:inline;color:#aaaab7}.live-pulse{width:9px!important;height:9px;border-radius:50%;background:#77dca0;box-shadow:0 0 0 5px #e7faee}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin:13px 0 0;font-size:42px;line-height:1.14;letter-spacing:-2.5px}.section-caption{margin:0;color:#9d9eac;font-size:11px;line-height:1.75;text-align:right}.quiz-section,.learn-section,.ranking-section{padding-bottom:112px}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.quiz-card{min-height:498px;border-radius:17px;background:#fff;box-shadow:0 14px 36px rgba(30,35,66,.06);overflow:hidden}.quiz-empty,.quiz-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:498px;padding:36px;text-align:center}.quiz-empty h3,.quiz-result h3{margin:15px 0 12px;font-size:30px;line-height:1.35;letter-spacing:-1.5px}.quiz-empty p,.quiz-result p{margin:0 0 25px;color:#989aa9;font-size:12px;line-height:1.8}.quiz-empty small{margin-top:13px;color:#aaaab7;font-size:10px}.quiz-play{padding:25px 30px}.quiz-topline{display:flex;align-items:center;justify-content:space-between;color:#8a8d9d;font:800 10px "DM Sans";letter-spacing:1px}.timer{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:14px}.timer i{display:block;width:52px;height:5px;border-radius:99px;background:var(--yellow);overflow:hidden}.timer i:after{display:block;width:100%;height:100%;background:var(--blue);content:"";transform-origin:left;animation:timer 12s linear forwards}@keyframes timer{to{transform:scaleX(0)}}.progress-track{height:5px;margin:17px 0 34px;border-radius:99px;background:#f0f0f4}.progress-track span{display:block;width:10%;height:100%;border-radius:99px;background:var(--blue);transition:width .3s}.question-copy{text-align:center}.question-tag{color:var(--blue);font-size:11px;font-weight:800}.country-flag{display:grid;place-items:center;width:67px;height:67px;margin:20px auto 14px;border-radius:21px;background:#eef0ff;font-size:39px}.question-copy h3{margin:0;font-size:30px;letter-spacing:-1px}.question-copy p{margin:6px 0 25px;color:#a0a1ae;font:800 10px "DM Sans";letter-spacing:1.3px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-button{padding:16px 15px;color:#55586a;border:1px solid #e7e7ee;border-radius:9px;background:#fff;text-align:left;font-size:13px;font-weight:700;transition:.18s}.answer-button:hover{border-color:#aeb2ff;background:#f8f8ff}.answer-button.correct{color:#13774b;border-color:#8bd9b3;background:#effcf5}.answer-button.wrong{color:#bb3459;border-color:#f0aabe;background:#fff2f5}.answer-button:disabled{cursor:default}.answer-feedback{min-height:24px;margin:12px 0 0;color:#9698a8;font-size:11px;text-align:center}.answer-feedback.correct{color:#198456;font-weight:800}.answer-feedback.wrong{color:#be375b;font-weight:800}.quiz-aside{display:flex;flex-direction:column;gap:18px}.aside-card{padding:25px;border-radius:17px}.featured-country{min-height:300px;background:var(--mint)}.featured-flag{margin:20px 0 10px;font-size:40px}.aside-card h3{margin:0;font-size:22px;line-height:1.35;letter-spacing:-1px}.aside-card p{color:#708475;font-size:11px;line-height:1.7}.scoring{background:var(--yellow)}.scoring>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(92,77,24,.16);color:#776929;font-size:11px}.scoring>div:first-of-type{margin-top:17px}.scoring strong{font:800 12px "DM Sans"}.learn-toolbar{display:flex;align-items:center;gap:13px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:8px;width:230px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.search-field span{color:var(--blue);font-size:22px}.search-field input{width:100%;border:0;outline:0;color:var(--ink);font-size:11px}.region-tabs{display:flex;gap:6px;overflow:auto}.region-tab{padding:9px 11px;color:#9899a7;border-radius:7px;background:transparent;font-size:10px;font-weight:800;white-space:nowrap}.region-tab.active,.region-tab:hover{color:var(--blue);background:#eef0ff}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.country-card{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:.18s}.country-card:hover{border-color:#bec2ff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(45,54,150,.08)}.country-card-top{display:flex;align-items:center;justify-content:space-between}.country-card h3{margin:17px 0 3px;font-size:14px;letter-spacing:-.5px}.country-card p{margin:0;color:var(--blue);font-size:12px;font-weight:800}.country-card small{color:#a4a5b2;font:700 9px "DM Sans";letter-spacing:.8px}.empty-message{padding:35px;color:#9b9daa;text-align:center;font-size:12px}.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.leaderboard-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.leaderboard-head,.ranking-row{display:grid;grid-template-columns:60px 1fr 110px 100px;align-items:center;gap:12px}.leaderboard-head{padding:0 14px 12px;color:#aaaab6;font:800 9px "DM Sans";letter-spacing:1px;border-bottom:1px solid var(--line)}.ranking-row{padding:16px 14px;border-bottom:1px solid #f0f0f3}.ranking-row .rank{font:800 18px "DM Sans"}.ranking-row:first-child .rank{color:var(--blue)}.ranking-row .player{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.player-avatar{display:grid;place-items:center;width:29px;height:29px;color:var(--blue);border-radius:9px;background:#eef0ff;font:800 12px "DM Sans"}.ranking-row .score{color:var(--blue);font:800 16px "DM Sans"}.ranking-row .date{color:#a1a2af;font:500 10px "DM Sans"}.ranking-empty{display:flex;flex-direction:column;align-items:center;padding:63px 20px 52px;text-align:center}.ranking-empty span{color:#c7c9d9;font-size:32px}.ranking-empty b{margin-top:13px;font-size:13px}.ranking-empty p{margin:6px 0 0;color:#a2a4b2;font-size:11px}.refresh-button{display:block;padding:10px 13px;margin:18px auto 0;color:#888b9d;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:10px;font-weight:800}.refresh-button span{margin-left:4px;color:var(--blue);font-size:15px}.rank-note{padding:25px;border-radius:15px;background:#e8e9ff}.rank-note h3{margin:16px 0 10px;font-size:24px;line-height:1.35;letter-spacing:-1px}.rank-note p{color:#6d7092;font-size:11px;line-height:1.8}.rank-rule{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(54,59,140,.15);color:#707395;font-size:10px}.rank-rule b{color:var(--blue);font:800 11px "DM Sans"}.rank-note small{display:block;margin-top:15px;color:#999bb4;font:500 9px "DM Sans"}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 34px;border-top:1px solid var(--line);color:#a0a1ae;font-size:10px}.site-footer>div b,.site-footer>div span{display:block}.site-footer>div b{color:var(--ink);font:800 12px "DM Sans";letter-spacing:1px}.site-footer>div span{margin-top:3px;font:700 8px "DM Sans";letter-spacing:1px}.toast{position:fixed;right:25px;bottom:25px;z-index:30;padding:12px 16px;color:#fff;border-radius:9px;background:#1b1f31;box-shadow:0 12px 25px rgba(17,20,31,.2);font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.name-dialog{width:min(430px,calc(100% - 34px));padding:30px;border:0;border-radius:17px;box-shadow:0 25px 75px rgba(16,19,40,.26)}.name-dialog::backdrop{background:rgba(20,24,47,.42);backdrop-filter:blur(4px)}.name-dialog form{position:relative}.dialog-close{position:absolute;right:0;top:-9px;color:#9799a7;background:transparent;font-size:25px}.name-dialog h2{margin:16px 0;font-size:25px;line-height:1.35;letter-spacing:-1px}.name-dialog label{display:block;color:#7f8190;font-size:11px;font-weight:800}.name-dialog input{display:block;width:100%;padding:12px 13px;margin-top:8px;border:1px solid var(--line);border-radius:8px;outline:0;font-size:13px}.name-dialog input:focus{border-color:var(--blue)}.name-dialog p{color:#a1a2b0;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.secondary-button{padding:13px 15px;color:#7b7e90;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;font-weight:800}.result-note{min-height:20px!important;margin:19px 0 0!important;color:var(--blue)!important;font-size:11px!important;font-weight:800}.result-actions{display:flex;gap:8px}.quiz-result em{color:var(--blue);font-style:normal}.quiz-result .primary-button{margin:0}.quiz-result .secondary-button{padding:14px 16px}.quiz-play[hidden],.quiz-result[hidden],.quiz-start[hidden]{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr 350px;gap:40px}.country-grid{grid-template-columns:repeat(3,1fr)}.stats-bar{grid-template-columns:repeat(3,1fr);gap:16px}.stats-note{grid-column:1/-1;justify-content:flex-start;text-align:left;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}}@media(max-width:700px){.page-shell{width:min(100% - 32px,560px)}.site-header{height:64px;gap:15px;padding:0 16px}.brand{min-width:auto}.brand-mark{width:31px;height:31px}.brand b{font-size:13px}.brand strong{font-size:9px}.site-header nav{display:none}.header-side{font-size:0}.profile-chip{margin-left:7px;font-size:10px}.hero{display:block;padding:49px 0 35px}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-card{margin:42px 12px 16px;transform:rotate(1deg)}.globe{height:230px}.stats-bar{grid-template-columns:repeat(3,1fr);padding:17px 15px;margin-bottom:58px}.stats-bar>div:not(.stats-note){padding-left:10px}.stats-bar b{font-size:17px}.section-heading h2{font-size:34px}.section-caption{font-size:10px}.quiz-layout,.ranking-layout{display:block}.quiz-card,.quiz-empty,.quiz-result{min-height:470px}.quiz-play{padding:20px 17px}.answer-grid{gap:7px}.answer-button{padding:14px 11px;font-size:12px}.quiz-aside,.rank-note{margin-top:13px}.learn-toolbar{display:block}.search-field{width:100%;margin-bottom:10px}.country-grid{grid-template-columns:repeat(2,1fr);gap:7px}.country-card{padding:12px}.country-card h3{font-size:12px}.leaderboard-card{padding:11px}.leaderboard-head,.ranking-row{grid-template-columns:42px 1fr 72px}.leaderboard-head span:last-child,.ranking-row .date{display:none}.ranking-row{padding:14px 7px}.site-footer{display:block;line-height:1.8}.site-footer p{margin:15px 0}.hero-actions{flex-wrap:wrap}.result-actions{flex-wrap:wrap;justify-content:center}}
:root{--ink:#111827;--muted:#4b5563;--line:#d9dce5}
.page-shell{width:min(1400px,calc(100% - 80px))}
.site-header{height:88px;gap:60px}
.site-header nav{gap:34px;color:#374151;font-size:15px}
.header-side{color:#374151;font-size:12px}
.profile-chip{padding:11px 15px;font-size:14px}
.hero{grid-template-columns:minmax(0,1fr) 500px;gap:80px;padding:72px 0 58px}
.hero-card{transform:none;border-radius:16px}
.globe-lines{transform:none}
.kicker,.round-label{font-size:12px}
.hero-lede{color:#4b5563;font-size:17px}
.quiet-link{color:#374151;font-size:15px}
.primary-button{padding:16px 22px;font-size:15px}
.stats-bar{padding:28px 30px}
.stats-bar span{color:#4b5563;font-size:12px}
.stats-bar small{color:#6b7280;font-size:12px}
.stats-note{color:#374151;font-size:14px}
.stats-note small{color:#6b7280;font-size:12px}
.section-heading h2{font-size:50px}
.section-caption{color:#4b5563;font-size:15px}
.country-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.country-card{min-height:170px;padding:24px;border-radius:14px}
.country-card-top>span:first-child{font-size:54px;line-height:1}
.country-card-top small{color:#4b5563!important;font-size:12px!important;letter-spacing:.4px}
.country-card h3{margin:24px 0 8px;font-size:20px}
.country-card p{color:#3342c5;font-size:18px}
.country-card small:last-child{color:#4b5563!important;font-size:13px!important;letter-spacing:0}
.search-field input{font-size:15px}
.region-tab{font-size:14px}
.quiz-empty p,.quiz-result p{color:#4b5563;font-size:15px}
.question-tag{font-size:14px}
.question-copy h3{font-size:36px}
.question-copy p{color:#4b5563;font-size:13px}
.answer-button{padding:18px;font-size:17px}
.answer-feedback{font-size:14px}
.leaderboard-head{color:#4b5563;font-size:12px}
.ranking-row .player{font-size:15px}
.ranking-row .score{font-size:18px}
.ranking-row .date{color:#4b5563;font-size:12px}
.rank-note p{color:#374151;font-size:14px}
.rank-rule{color:#374151;font-size:13px}
.rank-note small{color:#4b5563;font-size:12px}
.site-footer{color:#4b5563;font-size:12px}
@media(max-width:900px){.page-shell{width:min(100% - 48px,680px)}.site-header{gap:24px}.hero{grid-template-columns:1fr;gap:42px}.hero-card{max-width:560px;margin:0 auto}.country-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-shell{width:calc(100% - 32px)}.site-header{height:72px;padding:0 16px}.site-header nav{display:none}.hero{padding:50px 0 36px}.hero h1{font-size:44px}.hero-lede{font-size:16px}.hero-card{width:100%}.stats-bar{padding:20px 16px}.section-heading h2{font-size:38px}.section-caption{font-size:13px}.country-grid{grid-template-columns:1fr 1fr;gap:10px}.country-card{min-height:155px;padding:16px}.country-card-top>span:first-child{font-size:42px}.country-card h3{margin:17px 0 6px;font-size:17px}.country-card p{font-size:16px}.country-card small:last-child{font-size:12px!important}.answer-button{padding:15px 12px;font-size:15px}}
.hero-visual{position:relative;overflow:hidden;border-radius:18px;background:#101b58;box-shadow:0 26px 55px rgba(17,31,102,.22)}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1774/887;object-fit:cover}
.hero-visual-caption{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:12px;padding:10px 14px;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(8,16,56,.76);font-size:13px}
.hero-visual-caption b{font:800 12px "DM Sans";letter-spacing:1px}.hero-visual-caption span{color:#e7ebff;font-weight:700}
.inner-page-hero{padding:82px 0 54px;border-bottom:1px solid var(--line)}
.inner-page-hero h1{margin:16px 0 18px;font-size:clamp(48px,6vw,76px);line-height:1.1;letter-spacing:-4px}.inner-page-hero h1 em{color:var(--blue);font-style:normal}.inner-page-hero p:not(.kicker){margin:0;color:#374151;font-size:18px;line-height:1.8}
.inner-page-hero+.learn-section,.inner-page-hero+.ranking-section{padding-top:70px}
.seo-copy{padding:46px 0 96px;border-top:1px solid var(--line)}.seo-copy h2{margin:0 0 14px;font-size:28px;letter-spacing:-1px}.seo-copy p{max-width:760px;margin:0;color:#374151;font-size:16px;line-height:1.9}.seo-copy a{display:inline-block;margin-top:18px;color:var(--blue);font-size:15px;font-weight:800}
@media(max-width:900px){.hero-visual{max-width:680px;margin:0 auto}.inner-page-hero{padding:60px 0 42px}}
@media(max-width:700px){.hero-visual-caption{right:12px;bottom:12px;padding:8px 10px;font-size:11px}.hero-visual-caption b{font-size:10px}.inner-page-hero h1{font-size:45px;letter-spacing:-2.5px}.inner-page-hero p:not(.kicker){font-size:16px}.seo-copy{padding-bottom:60px}.seo-copy h2{font-size:24px}.seo-copy p{font-size:15px}}