*{box-sizing:border-box}:root{--violet:#6845e8;--pink:#ff4697;--coral:#ff744b;--mint:#42dca2;--ink:#241444;--muted:#716783}body{margin:0;min-height:100vh;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0,#fff 0 8%,transparent 28%),linear-gradient(145deg,#61d7ff,#d7c5ff 45%,#fff0a7)}button,a{font:inherit}.app{max-width:1220px;margin:auto;padding:16px}.top{display:flex;align-items:center;gap:10px;margin-bottom:13px}.top strong{margin:auto;font-size:20px}.top a{padding:10px 15px;border-radius:999px;background:#ffffffc9;color:#5537c3;text-decoration:none;font-weight:900}.screen{overflow:hidden;border:2px solid #fff;border-radius:32px;background:#fffffff2;box-shadow:0 24px 70px #3b22753d}.setup{min-height:700px;display:grid;grid-template-columns:1.04fr .96fr}.setup-art{position:relative;background:url('assets/country-game.webp') center/cover}.setup-art:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(0deg,#28125fe6,transparent)}.art-copy{position:absolute;z-index:1;left:34px;right:34px;bottom:32px;color:#fff}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:1.4px;color:var(--pink)}.art-copy .eyebrow{color:#fff49b}.art-copy h1{font-size:clamp(48px,7vw,82px);line-height:.86;letter-spacing:-5px;margin:11px 0}.art-copy p{font-weight:800;line-height:1.55}.setup-form{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.setup-form h2{font-size:31px;margin:8px 0 20px}.field{margin:0 0 17px}.field>label{display:block;margin-bottom:8px;font-weight:950}.choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice input{position:absolute;opacity:0}.choice span{display:block;min-height:48px;padding:10px 12px;border:2px solid #e6e0ef;border-radius:14px;background:#fff;font-size:13px;font-weight:850;cursor:pointer}.choice input:checked+span{border-color:var(--violet);background:#f0edff;color:#5433ca;box-shadow:0 0 0 3px #6b45e817}.start{padding:16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--coral));color:#fff;font-size:17px;font-weight:1000;box-shadow:0 13px 30px #ff469745;cursor:pointer}.best{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}.game{min-height:700px}.hud{padding:16px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ebe6f2}.hud-center{text-align:center}.hud-right{text-align:right;font-weight:1000}.timer{height:8px;background:#e9e4f0}.timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--mint),#ffe05c,var(--pink))}.play{padding:clamp(22px,4vw,45px);display:grid;grid-template-columns:1fr 360px;gap:30px}.arena{text-align:center}.mode{display:inline-block;padding:6px 11px;border-radius:99px;background:#eee9ff;color:#5938cd;font-size:11px;font-weight:1000}.visual{min-height:190px;display:flex;align-items:center;justify-content:center;margin:9px}.flag-card{width:min(300px,70vw);height:min(200px,47vw);display:flex;overflow:hidden;border:3px solid #686273;border-radius:14px;background:#eee;box-shadow:0 10px 28px #32196038,inset 0 0 0 1px #fff}.flag-card img{width:100%;height:100%;object-fit:contain}.word-card{font-size:clamp(42px,6vw,76px);font-weight:1000;letter-spacing:-3px}.prompt{font-size:20px;font-weight:950;margin:9px 0 18px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{min-height:58px;padding:10px;border:2px solid #e4deed;border-radius:16px;background:#fff;font-size:16px;font-weight:900;cursor:pointer}.option:hover{border-color:var(--violet);transform:translateY(-2px)}.option.correct{background:#e4fff3;border-color:#38c986;color:#087348}.option.wrong{background:#fff0f0;border-color:#ef7777;color:#aa2e2e}.flag-option{min-height:100px}.choice-flag{display:block;width:112px;height:72px;object-fit:contain;margin:auto;border:2px solid #686273;border-radius:9px;background:#eee}.flag-option span{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.side{padding:20px;border-radius:23px;background:#f7f3ff}.side h3{margin:0 0 8px}.mission{font-size:13px;color:var(--muted);line-height:1.6}.meter{height:10px;overflow:hidden;border-radius:99px;background:#e6e0ef;margin:14px 0}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--pink))}.feedback{padding:17px;border-radius:18px;background:#fff;margin-top:18px}.feedback h3{margin:0 0 8px}.feedback p{font-size:14px;color:var(--muted);line-height:1.55}.fact{padding:9px 10px;border-radius:11px;background:#fff8cf;color:#635114;font-size:12px}.next{width:100%;padding:13px;border:0;border-radius:999px;background:var(--violet);color:#fff;font-weight:1000;cursor:pointer}.result{min-height:700px;padding:50px;text-align:center;background:linear-gradient(#fff,#f7f0ff)}.trophy{font-size:86px}.result h2{font-size:43px;margin:8px}.score-big{font-size:60px;font-weight:1000;color:var(--violet)}.result-grid{max-width:720px;margin:23px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-card{padding:16px;border-radius:17px;background:#fff;box-shadow:0 8px 22px #5d3fa517}.result-card b{display:block;font-size:25px}.result-message{max-width:850px;margin:18px auto;color:var(--muted);line-height:1.6}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.actions button,.actions a{padding:13px 18px;border:0;border-radius:999px;background:var(--violet);color:#fff;text-decoration:none;font-weight:1000;cursor:pointer}.actions .alt{background:#fff;color:var(--violet)}[hidden]{display:none!important}@media(max-width:850px){.setup{grid-template-columns:1fr}.setup-art{min-height:350px}.play{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback{margin:0}}@media(max-width:560px){.app{padding:7px}.screen{border-radius:22px}.setup-form{padding:25px 17px}.choices{grid-template-columns:1fr}.hud{padding:12px;grid-template-columns:1fr 1fr}.hud-center{grid-column:1/-1;grid-row:2}.play{padding:18px;gap:16px}.options{grid-template-columns:1fr}.side{grid-template-columns:1fr}.result{padding:28px 15px}.result-grid{grid-template-columns:1fr 1fr}.top strong{font-size:15px}.top a{font-size:12px;padding:8px}.word-card{font-size:42px}}
