:root{--sky-1: #aee6ff;--sky-2: #d6f3ff;--ocean: #bdeaff;--ink: #2b2d42;--pink: #ff5e7e;--yellow: #ffd166;--green: #06d6a0;--blue: #5ec8f2;--purple: #b58df1;--card: #ffffff;--shadow: 0 8px 0 rgba(0, 0, 0, .12), 0 14px 24px rgba(0, 0, 0, .15);--radius: 26px;font-family:"Baloo 2",Nunito,Comic Sans MS,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:linear-gradient(180deg,var(--sky-1),var(--sky-2) 55%,var(--ocean));overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font-family:inherit;cursor:pointer;border:none;background:none}.screen{height:100%;display:flex;flex-direction:column;overflow:hidden}.big-btn{background:var(--green);color:#fff;font-size:clamp(20px,3vw,28px);font-weight:800;padding:14px 34px;border-radius:999px;box-shadow:0 6px #0000002e;transition:transform .08s,filter .15s}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #0000002e}.big-btn:disabled{filter:grayscale(.6);opacity:.6}.round-btn{width:54px;height:54px;border-radius:50%;background:#fff;font-size:24px;box-shadow:var(--shadow);display:grid;place-items:center;transition:transform .08s}.round-btn:active{transform:scale(.92)}.profile-screen{align-items:center;justify-content:flex-start;padding:18px;overflow-y:auto}.big-title{font-size:clamp(34px,7vw,64px);margin:6px 0 2px;text-align:center;color:var(--ink);text-shadow:0 3px 0 #fff}.subtitle{font-size:clamp(18px,3vw,26px);margin:0 0 18px;opacity:.85}.lang-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.lang-row.small{gap:6px}.lang-btn{background:#fff;border-radius:999px;padding:8px 16px;font-size:17px;font-weight:700;box-shadow:0 4px #0000001a;transition:transform .08s}.lang-btn.active{background:var(--yellow);transform:translateY(-2px)}.lang-flag{margin-inline-end:4px}.profile-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:760px}.profile-card{width:130px;height:150px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .1s}.profile-card:active{transform:scale(.95)}.profile-card.add{background:#fff7d6}.profile-avatar{font-size:54px}.profile-name{font-weight:800;font-size:20px}.profile-stars{font-size:15px;opacity:.8}.add-form{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px}.next-avatar{font-size:60px}.name-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:460px}.name-chip{background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;font-size:17px;box-shadow:0 3px #0000001a}.name-chip.active{background:var(--blue);color:#fff}.name-input{font-size:22px;padding:10px 18px;border-radius:16px;border:3px solid var(--blue);text-align:center;width:240px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;flex-wrap:wrap}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.profile-chip{display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:5px 14px 5px 8px;box-shadow:0 4px #0000001a}.chip-avatar{font-size:26px}.chip-name{font-weight:800}.mode-switch{display:flex;gap:8px;background:#fffc;padding:6px;border-radius:999px;box-shadow:var(--shadow)}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;border-radius:999px;font-weight:800;color:var(--ink);transition:transform .08s}.mode-btn .mode-icon{font-size:24px}.mode-btn .mode-label{font-size:13px}.mode-btn.active{background:var(--yellow);transform:translateY(-2px)}.mode-btn:active{transform:scale(.95)}.game-screen{background:linear-gradient(180deg,var(--sky-1),var(--ocean))}.stage{flex:1;position:relative;overflow:hidden;display:flex}.map-stage{flex:1;width:100%;height:100%;display:flex}.world-map{width:100%;height:100%;display:block}.ocean{fill:#bfe8ff}.country{stroke:#fff;stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:filter .12s,fill-opacity .12s}.country:hover{filter:brightness(1.06)}.country:active{filter:brightness(.94)}.country.nocont{fill:#c9d4de;cursor:default}.country.wrong{animation:flash .5s}.continent-label{text-anchor:middle;dominant-baseline:middle;font-weight:800;font-size:22px;fill:#fff;paint-order:stroke;stroke:#00000059;stroke-width:4px;pointer-events:none}@keyframes flash{0%,to{filter:none}50%{filter:brightness(1.3) saturate(1.6)}}.continent-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#8ad4f0,#56b6e6)}.continent-title{text-align:center;font-size:clamp(24px,4.5vw,42px);margin:8px 0 4px;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.25)}.continent-stage-wrap{flex:1;min-height:0;width:100%;display:flex;padding:0 10px 8px}.continent-stage{height:100%;max-width:100%;margin:auto;position:relative}.continent-shape-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.continent-shape-svg .country{stroke:#fff;stroke-width:1;cursor:default}.continent-shape-svg .country.plain{fill-opacity:.45}.continent-shape-svg .country.famous{fill-opacity:1}.country-field{position:absolute;top:0;right:0;bottom:0;left:0}.country-token{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:4px solid var(--blue);border-radius:22px;padding:8px 10px;box-shadow:var(--shadow);min-width:72px;transition:transform .1s}.country-token:active{transform:translate(-50%,-50%) scale(.92)}.token-flag{font-size:clamp(34px,6vw,52px);line-height:1}.token-name{font-weight:800;font-size:15px}.country-token.wrong{animation:shake .4s}.card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3c80;display:grid;place-items:center;z-index:50;padding:16px}.place-card{position:relative;background:var(--card);border-radius:32px;padding:26px 26px 30px;width:min(440px,92vw);text-align:center;box-shadow:var(--shadow);animation:pop .25s}.card-close{position:absolute;top:-14px;inset-inline-end:-14px;width:46px;height:46px;font-size:18px}.card-flag{font-size:96px;line-height:1;cursor:pointer}.card-name{font-size:34px;margin:6px 0 18px}.card-facts{display:flex;gap:14px;justify-content:center;margin-bottom:22px}.fact{background:#f3f7ff;border-radius:22px;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px #00000014;min-width:110px}.fact:active{transform:scale(.95)}.fact-emoji{font-size:50px}.fact-label{font-weight:800;font-size:17px}.new-sticker-ribbon{position:absolute;top:16px;inset-inline-start:-8px;background:var(--pink);color:#fff;font-weight:800;padding:6px 16px;border-radius:8px;transform:rotate(-6deg);box-shadow:var(--shadow)}.sticker-book{width:100%;height:100%;overflow-y:auto;padding:14px 18px 90px}.sticker-summary{text-align:center;font-size:26px;font-weight:800;margin-bottom:10px}.sticker-section{margin-bottom:14px}.sticker-heading{margin:6px 0;font-size:22px}.sticker-row{display:flex;flex-wrap:wrap;gap:10px}.sticker{width:96px;height:104px;border-radius:20px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sticker.locked{background:#e8eef5;box-shadow:none;filter:grayscale(.5)}.sticker.got:active{transform:scale(.94)}.sticker-emoji{font-size:46px}.sticker-label{font-size:13px;font-weight:800;text-align:center;padding:0 4px}.puzzle{display:flex;flex-direction:column;width:100%;height:100%}.puzzle-board-wrap{flex:1;min-height:0;display:flex;padding:6px 2%}.puzzle-board{position:relative;height:100%;aspect-ratio:5 / 3;max-width:100%;margin:auto}.puzzle-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ghost-shape{fill:#fff5;stroke:#fff;stroke-width:.7;vector-effect:non-scaling-stroke}.slot{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:4px dashed #ffffffcc;background:#fff5;font-size:26px;font-weight:800;color:#fffc;display:grid;place-items:center}.slot.active-target{animation:glow 1.2s infinite}.slot.filled{background:#fff;border-style:solid;box-shadow:var(--shadow)}.slot-emoji{font-size:38px}.puzzle-tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;background:#fff8;border-radius:24px 24px 0 0}.tray-piece{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:18px;box-shadow:var(--shadow);min-width:78px;touch-action:none}.tray-piece.selected{outline:4px solid var(--pink)}.tray-emoji{font-size:40px}.tray-label{font-weight:800;font-size:13px}.drag-ghost{position:fixed;transform:translate(-50%,-50%);font-size:56px;pointer-events:none;z-index:100}.mascot{position:absolute;bottom:8px;inset-inline-start:10px;display:flex;align-items:flex-end;gap:8px;z-index:20;pointer-events:none}.mascot.rtl{flex-direction:row-reverse}.mascot-face{font-size:54px;animation:bob 2.4s ease-in-out infinite}.mascot-face.cheer{animation:bounce .5s}.mascot-bubble{background:#fff;border-radius:18px;padding:8px 14px;font-weight:800;font-size:17px;box-shadow:var(--shadow);max-width:60vw}.grownup-panel,.gate-panel{position:relative;background:#fff;border-radius:30px;padding:24px;width:min(560px,94vw);max-height:88vh;overflow-y:auto;box-shadow:var(--shadow);animation:pop .25s}.gate-panel{text-align:center}.gate-target{font-size:90px;font-weight:900;color:var(--purple)}.gate-options{display:flex;gap:16px;justify-content:center;margin-top:10px}.gate-num{width:76px;height:76px;border-radius:20px;background:#f3f7ff;font-size:40px;font-weight:900;box-shadow:var(--shadow)}.gate-num:active{transform:scale(.92)}.gu-section{margin-top:14px;border-top:2px dashed #e3e9f2;padding-top:12px}.gu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;flex-wrap:wrap;font-weight:700}.toggle{width:64px;height:34px;border-radius:999px;background:#cdd6e2;position:relative;transition:background .2s}.toggle.on{background:var(--green)}.toggle-knob{position:absolute;top:3px;inset-inline-start:3px;width:28px;height:28px;border-radius:50%;background:#fff;transition:inset-inline-start .2s}.toggle.on .toggle-knob{inset-inline-start:33px}.gu-stats{display:flex;gap:14px}.gu-stat{flex:1;background:#f3f7ff;border-radius:18px;padding:12px;text-align:center}.gu-num{font-size:28px;font-weight:900}.gu-cap{font-size:14px;opacity:.8}.gu-bars{margin-top:12px;display:flex;flex-direction:column;gap:8px}.gu-bar-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.gu-bar-label{width:38%}.gu-bar{flex:1;height:16px;background:#e8eef5;border-radius:999px;overflow:hidden}.gu-bar-fill{height:100%;border-radius:999px;transition:width .4s}.gu-safe{text-align:center;margin-top:16px;font-size:13px;opacity:.7}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:3px;animation:fall linear forwards}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.15)}}@keyframes glow{0%,to{box-shadow:0 0 #ffd16600}50%{box-shadow:0 0 0 10px #ffd16680}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.9}}.country-token.wrong,.continent.wrong{animation:shake .4s}.flag-img{display:inline-block;aspect-ratio:4 / 3;object-fit:cover;border-radius:5px;box-shadow:0 1px 3px #00000040;vertical-align:middle}.token-flag.flag-img{width:clamp(48px,9vw,66px);box-shadow:0 2px 5px #00000040}.card-flag-img{width:116px;border-radius:10px}.sticker-emoji.flag-img{width:58px}.tray-emoji.flag-img{width:54px}.slot-emoji.flag-img{width:46px}.lang-flag.flag-img{width:28px;border-radius:3px;margin-inline-end:6px}.drag-ghost-flag.flag-img{width:62px}@media (max-width: 620px){.mode-btn{padding:6px 10px}.mode-btn .mode-label,.chip-name{display:none}.mascot-bubble{font-size:15px}.continent-label{font-size:24px}}@media (min-width: 1100px){.stage{max-width:1200px;width:100%;margin:0 auto}}