:root{--ink: #17212b;--paper: #fff8e7;--panel: rgba(255, 248, 231, .92);--line: rgba(23, 33, 43, .18);--blue: #6bb7ff;--green: #36a854;--gold: #f4b63d;--red: #d95745;--shadow: 0 12px 32px rgba(17, 29, 42, .18);--learning-card-height: clamp(160px, 28vh, 270px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{background:#17212b;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,select{font:inherit}#app{display:grid;place-items:center}#game-shell{position:relative;width:100vw;height:100vh;height:100dvh;min-height:420px;overflow:hidden;background:#75baff}#game-container{width:100%;height:100%}#game-container canvas{display:block;width:100%!important;height:100%!important}.hud{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;pointer-events:auto}.hud-top{top:10px;left:10px;right:10px;justify-content:space-between}.score-tile,.level-strip,.hud-actions,.achievements-button,.fact-card,.power-card,.message-card,.achievement-toast,.achievements-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.score-tile{display:grid;place-items:center;min-width:58px;height:52px;border-radius:8px;text-transform:uppercase}.score-tile span,.level-strip label,.power-card span{color:#17212b9e;font-size:10px;font-weight:800;letter-spacing:0;line-height:1}.score-tile strong{font-size:24px;line-height:1}.level-strip{display:grid;grid-template-columns:auto minmax(104px,1fr);align-items:center;gap:8px;min-width:212px;height:52px;padding:0 10px;border-radius:8px}.level-strip.compact{min-width:128px}select{width:100%;min-width:0;border:0;border-radius:6px;background:#fff;color:var(--ink);padding:7px 24px 7px 8px;font-size:13px;font-weight:800}.hud-actions{display:flex;height:52px;overflow:hidden;border-radius:8px}.hud-actions button{width:46px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font-size:25px;font-weight:900;cursor:pointer}.hud-actions button:last-child{border-right:0}.hud-actions button:hover,.achievements-button:hover,.achievements-panel button:hover{background:#f4b63d38}.hud-actions button:disabled,select:disabled{cursor:not-allowed;opacity:.48}.achievements-button{position:absolute;z-index:2;left:14px;top:76px;display:flex;align-items:center;gap:8px;min-width:94px;height:44px;border-radius:8px;color:var(--ink);cursor:pointer}.achievements-button span{color:var(--gold);font-size:21px;line-height:1;text-shadow:0 1px 0 rgba(23,33,43,.28)}.achievements-button strong{font-size:13px;font-weight:900}.fact-card{position:absolute;z-index:2;right:14px;bottom:14px;left:210px;display:grid;grid-template-columns:minmax(190px,30%) minmax(0,1fr);gap:14px;height:var(--learning-card-height);overflow:hidden;border-radius:8px;padding:12px;pointer-events:none}.place-image{display:block;width:100%;height:100%;min-height:0;border:1px solid rgba(23,33,43,.16);border-radius:7px;object-fit:cover;object-position:center;background:linear-gradient(135deg,#7ec8ff,#ffe0a1 48%,#5aaa41)}.place-image.is-landmark-fallback{object-fit:contain;padding:12px}.fact-content{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;gap:7px}.fact-kicker,.fact-heading{display:flex;align-items:center;gap:10px}.fact-kicker{flex-wrap:wrap}.fact-heading{justify-content:space-between}.fact-heading div{display:grid;min-width:0;gap:2px}#country-label{color:var(--red);font-size:12px;font-weight:950;text-transform:uppercase}.continent-chip{display:inline-flex;align-items:center;min-height:22px;border:1px solid rgba(23,33,43,.12);border-radius:999px;background:#36a85424;color:#17212bb8;padding:0 9px;font-size:11px;font-weight:900}.fact-card strong{overflow:hidden;font-size:clamp(18px,1.7vw,24px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.fact-card small{overflow:hidden;color:#17212ba3;font-size:12px;font-weight:850;line-height:1.1;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.fact-list{display:grid;align-content:start;gap:5px;min-height:0;margin:0;overflow:auto;padding:0 4px 0 18px;color:#17212bc7;font-size:clamp(12px,1.05vw,15px);font-weight:650;line-height:1.28}.fact-list li::marker{color:var(--gold)}.power-card{position:absolute;z-index:2;left:14px;bottom:14px;width:180px;border-radius:8px;padding:10px}.power-bar{width:100%;height:12px;margin-top:6px;overflow:hidden;border-radius:999px;background:#17212b29}.power-bar i{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));transition:width 80ms linear}.message-card{position:absolute;z-index:3;top:76px;left:50%;display:grid;min-width:min(360px,calc(100vw - 28px));transform:translate(-50%);gap:3px;border-radius:8px;padding:12px 16px;text-align:center;transition:opacity .14s ease,transform .14s ease}.message-card strong{font-size:20px}.message-card span{color:#17212bb8;font-size:13px;font-weight:700}.message-card.is-hidden{opacity:0;transform:translate(-50%,-10px);pointer-events:none}.badge-icon{--badge-col: 0;--badge-row: 0;display:block;flex:0 0 auto;width:58px;height:58px;border-radius:50%;background-image:url(../achievement-badges.png);background-position:calc(var(--badge-col) * -58px) calc(var(--badge-row) * -58px);background-size:348px 232px;box-shadow:inset 0 0 0 2px #fff8e79e,0 8px 18px #17212b2e}.achievement-toast{position:absolute;z-index:4;top:76px;right:14px;display:flex;align-items:center;gap:12px;width:min(360px,calc(100vw - 28px));border-radius:8px;padding:10px;transition:opacity .16s ease,transform .16s ease}.achievement-toast strong{display:block;font-size:16px}.achievement-toast p{margin:3px 0 0;color:#17212bb8;font-size:13px;font-weight:750;line-height:1.25}.achievement-toast.is-hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.achievements-panel{position:absolute;z-index:5;inset:72px 14px 14px auto;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(520px,calc(100vw - 28px));overflow:hidden;border-radius:8px;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.achievements-panel.is-hidden{opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none}.achievements-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 14px}.achievements-panel header span{color:var(--red);font-size:12px;font-weight:950;text-transform:uppercase}.achievements-panel header strong{display:block;font-size:18px}.achievements-panel button{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:24px;font-weight:900;line-height:1;cursor:pointer}.achievements-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;padding:10px}.achievement-item{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;border:1px solid var(--line);border-radius:8px;background:#ffffff8c;padding:9px}.achievement-item.is-locked{color:#17212b85}.achievement-item.is-locked .badge-icon{filter:grayscale(1);opacity:.42}.achievement-item strong{display:block;font-size:13px;line-height:1.15}.achievement-item p{margin:4px 0 0;color:#17212ba8;font-size:12px;font-weight:700;line-height:1.2}.splash-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:end center;overflow:hidden;background:#2a735f;transition:opacity .22s ease,visibility .22s ease}.splash-screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.start-button{position:relative;min-width:178px;min-height:56px;margin:0 0 clamp(28px,6vh,54px);border:2px solid rgba(255,248,231,.84);border-radius:8px;background:#0d524ce6;color:#fff8e7;box-shadow:0 16px 34px #0f241e57;font-size:22px;font-weight:950;letter-spacing:0;text-transform:uppercase;cursor:pointer}.start-button:hover,.start-button:focus-visible{background:#bc4827f2;outline:3px solid rgba(255,248,231,.72);outline-offset:3px}.start-button--image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;padding:0;cursor:pointer}.start-button--image img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transition:transform .12s ease-out}.start-button--image:hover,.start-button--image:focus-visible{background:transparent}.start-button--image:hover img,.start-button--image:focus-visible img{transform:scale(1.02)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}.splash-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media(max-width:900px){:root{--learning-card-height: clamp(176px, 27vh, 230px)}#game-shell{min-height:520px}.hud-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.score-tile,.level-strip,.hud-actions{height:44px;min-width:0}.score-tile strong{font-size:20px}.level-strip{grid-column:span 2;grid-template-columns:62px minmax(0,1fr)}.level-strip.compact{grid-column:span 1;grid-template-columns:40px minmax(48px,1fr)}.hud-actions{grid-column:span 3}.hud-actions button{flex:1;width:auto}.fact-card{right:10px;bottom:10px;left:10px;grid-template-columns:minmax(126px,32%) minmax(0,1fr);gap:10px;padding:10px}.place-image{border-radius:6px}.fact-card strong{font-size:18px}.fact-list{gap:3px;font-size:12px;line-height:1.22;padding-left:16px}.power-card{left:10px;bottom:calc(var(--learning-card-height) + 20px);width:150px}.achievements-button{left:10px;top:160px;height:38px}.achievement-toast{top:206px;right:10px;width:calc(100vw - 20px)}.message-card{top:206px}.achievements-panel{top:108px;right:10px;bottom:10px;left:10px;width:auto}.achievements-list{grid-template-columns:1fr}.splash-screen img{object-position:38% center}.start-button{min-width:148px;min-height:50px;margin-bottom:24px;font-size:18px}.start-button--image{min-width:0;min-height:0;margin:0}}@media(max-width:680px){:root{--learning-card-height: 154px}.fact-card{grid-template-columns:104px minmax(0,1fr)}.fact-kicker{gap:6px}.continent-chip,.fact-card small{display:none}}@media(max-height:620px){:root{--learning-card-height: 132px}.fact-card{grid-template-columns:minmax(150px,26%) minmax(0,1fr)}.fact-list{font-size:12px;line-height:1.18}}