:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6fbff;background:#07111f;font-family:Inter,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}#app{background:radial-gradient(circle at 52% 48%,#488abc38,#0000 31rem),linear-gradient(140deg,#07111f 0%,#102538 47%,#121a24 100%);position:relative}#globe{cursor:grab;width:100%;height:100%;display:block}#globe:active{cursor:grabbing}.hud,.controls,.feedback{z-index:2;position:fixed}.hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.question{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101cc7;border:1px solid #ffffff29;border-radius:8px;min-width:0;padding:12px 14px;box-shadow:0 16px 42px #00000038}.eyebrow{color:#95d5c7;margin-bottom:4px;font-size:12px;font-weight:700;display:block}h1{color:#fff;overflow-wrap:anywhere;max-width:min(58vw,520px);margin:0;font-size:clamp(25px,6vw,54px);line-height:1.02}.stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:42vw;display:flex}.stats span{text-align:center;color:#d7e8f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101cb8;border:1px solid #ffffff24;border-radius:8px;min-width:70px;padding:10px 12px;font-weight:700}.stats strong{color:#fff}.controls{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:10px;display:flex}button{color:#07111f;min-width:112px;min-height:46px;font:inherit;pointer-events:auto;background:#f8fcffeb;border:1px solid #ffffff2e;border-radius:8px;padding:0 18px;font-size:15px;font-weight:800}button:active{transform:translateY(1px)}button[hidden]{display:none}#skipButton{color:#eef8ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111fb8}.feedback{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);color:#eaf6ff;text-align:center;opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101cd6;border-radius:8px;width:min(560px,100vw - 28px);min-height:42px;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.35;transition:opacity .18s,transform .18s;transform:translate(-50%)translateY(8px)}.feedback.show{opacity:1;transform:translate(-50%)translateY(0)}.feedback.correct{color:#b8f7cf}.feedback.wrong{color:#ffd1c7}@media (width<=720px){.hud{align-items:stretch}.question{flex:auto;padding:10px 12px}h1{max-width:100%;font-size:31px}.stats{flex-direction:column;flex:none;gap:6px;max-width:94px}.stats span{min-width:82px;padding:8px 9px;font-size:13px}button{flex:1 1 0;max-width:180px}}