:root{font-family:'Google Sans Text',Arial,sans-serif;color:#f1f4f0;background:#111715;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 6%,#38715d36,transparent 42%),radial-gradient(ellipse at 4% 89%,#325b6840,transparent 40%)}.top{height:80px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);position:relative;z-index:2;background:#121a18b5;backdrop-filter:blur(20px)}.brand{background:none;border:0;color:white;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:800;font-size:17px;text-align:left;letter-spacing:.05em}.brand small{display:block;color:#8a9b94;font-size:8px;letter-spacing:.19em;margin-top:4px}.muted{color:#bbc8c1}.logo{display:grid;place-items:center;background:#dfff75;color:#1d2823;width:40px;height:40px;border-radius:12px;font-size:27px}.top nav{display:flex;gap:5px;background:#ffffff0a;padding:5px;border-radius:13px}.nav{border:0;border-radius:9px;background:transparent;color:#acb8b1;padding:11px 17px;cursor:pointer}.nav:hover,.nav.active{background:#ffffff18;color:white}.tag,.pill{border:1px solid #ffffff24;border-radius:40px;padding:9px 14px;font-size:11px;letter-spacing:.08em;color:#c6d2c9}main{position:relative;max-width:1200px;min-height:calc(100vh - 142px);margin:auto;padding:50px 24px}.eyebrow{color:#d9fa80;font-size:11px;letter-spacing:.2em;font-weight:800}.hero{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:45px;min-height:530px}.hero h1{font-size:clamp(55px,7vw,94px);line-height:.97;letter-spacing:-.067em;margin:22px 0}.hero h1 em{font-style:normal;color:#dfff75}.lead{max-width:530px;color:#acbcb4;font-size:17px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border-radius:12px;padding:16px 23px;border:1px solid #ffffff30;background:#ffffff0b;color:white;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(1.13);background:#ffffff18}.btn.primary{background:#dfff75;color:#202a20;border-color:#dfff75}.btn:disabled{opacity:.45;cursor:not-allowed}.visual{position:relative;height:390px;display:flex;align-items:center;justify-content:center}.sample{position:absolute;box-shadow:0 18px 50px #0008}.sample.left{transform:rotate(-14deg) translate(-72px,4px)}.sample.right{transform:rotate(13deg) translate(72px,-7px)}.sample.center{z-index:1;transform:translateY(-10px)}.country-card{width:242px;min-height:336px;border:1px solid #fff4;border-radius:16px;background:linear-gradient(145deg,#fcfffd,#e9f1ec);color:#172321;padding:17px;box-shadow:0 20px 60px #0005;position:relative;text-align:left}.country-card .num{font-weight:800;font-size:11px;color:#6d7c75}.card-top{display:flex;justify-content:space-between;align-items:center}.flag{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:64px;line-height:1.15;margin:18px 0 10px}.country-card h3{font-size:23px;line-height:1.15;letter-spacing:-.03em;margin:0 0 3px}.capital{font-size:12px;color:#53645d}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.metric{background:#dce8e0;border-radius:9px;padding:10px 9px}.metric label{display:block;text-transform:uppercase;font-size:9px;color:#54675f;margin-bottom:6px}.metric b{font-size:14px}.country-card.reverse{display:flex;justify-content:center;align-items:center;background:#101917;color:white;border:2px solid #b9ea6e;overflow:hidden}.country-card.reverse:after{content:'✦  ◇  ✦  ◇  ✦';position:absolute;transform:rotate(-33deg);background:#dcfa78;color:#1c2822;padding:8px 0;width:160%;text-align:center;top:42%;font-size:18px}.reverse span{font-size:17px;font-weight:900;text-align:center;line-height:1.3;z-index:1;background:#0e1915;padding:15px;border:1px solid #ffffff5c}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.glass{background:#ffffff08;backdrop-filter:blur(14px);border:1px solid #ffffff16;border-radius:20px;padding:25px}.feat .symbol{font-size:26px}.feat h3{margin:18px 0 6px}.feat p,.mutedtext{color:#aab9b0;line-height:1.65}.pagehead h1{font-size:clamp(35px,5vw,58px);letter-spacing:-.055em;margin:13px 0}.pagehead p{color:#9eb0a7}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.search,.picker{background:#ffffff0c;border:1px solid #ffffff2b;border-radius:12px;color:white;padding:14px 16px;min-width:230px}.picker option{background:#18221e}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.atlas-grid .country-card{width:100%;min-height:288px;padding:14px}.atlas-grid .flag{font-size:40px;margin:8px 0}.atlas-grid .country-card h3{font-size:18px;min-height:38px}.atlas-grid .metrics{margin-top:12px}.atlas-grid .metric{padding:8px 7px}.atlas-grid .metric b{font-size:12px}.game-banner{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:25px 0}.score{padding:19px;border-radius:15px;background:#ffffff0c;border:1px solid #ffffff18}.score:last-child{text-align:right}.score strong{font-size:34px}.score small{color:#acbdb3}.versus{color:#c6fa6e;font-weight:900}.arena{display:flex;justify-content:center;gap:clamp(15px,5vw,85px);align-items:center;padding:18px 0}.arena .country-card{width:260px;min-height:354px}.arena .country-card.reverse{min-height:354px}.round-title{text-align:center;color:#dfff75;letter-spacing:.13em;font-size:12px;font-weight:800}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:17px 0}.choice{border:1px solid #ffffff30;background:#ffffff0b;padding:12px 16px;border-radius:11px;color:white;cursor:pointer}.choice.selected{border-color:#dfff75;background:#daff7522;color:#e4ffae}.result{text-align:center;min-height:45px;color:#e6f5d1;font-weight:700;margin-top:12px}.rulelist{display:grid;gap:14px;margin-top:25px}.rule{display:flex;gap:17px;align-items:flex-start}.ruleindex{background:#dfff75;color:#172318;font-weight:900;border-radius:9px;padding:10px 13px}.rule h3{margin:2px 0 6px}.rule p{margin:0;color:#a7b9af;line-height:1.65}footer{position:relative;color:#73867b;text-align:center;padding:20px;font-size:10px;letter-spacing:.06em}#notice{margin-top:20px;color:#b1bea9;font-size:12px}.map-illustration{font-size:110px;text-align:center;filter:drop-shadow(0 12px 28px #0005)}@media(max-width:800px){.top{height:auto;flex-wrap:wrap;gap:12px;padding:14px}.top nav{order:3;width:100%;overflow:auto}.nav{padding:10px}.tag{display:none}main{padding:32px 15px}.hero{grid-template-columns:1fr;gap:15px}.hero h1{font-size:64px}.visual{height:355px}.feature-grid{grid-template-columns:1fr}.arena{gap:10px}.arena .country-card{width:48%;min-height:300px;padding:10px}.arena .country-card h3{font-size:18px}.arena .flag{font-size:38px}.arena .metric{padding:6px}.arena .metric b{font-size:11px}.arena .metric label{font-size:8px}.arena .country-card.reverse{min-height:300px}.score strong{font-size:24px}.score{padding:12px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.atlas-grid .country-card{padding:10px}.atlas-grid .metric{padding:6px}.atlas-grid .metric b{font-size:10px}}

/* Справжні зображення прапорів та відкрита рука гравця */
.flag{height:77px;display:flex;align-items:center;margin:15px 0 11px}
.flag img{display:block;max-width:118px;max-height:77px;width:auto;height:auto;object-fit:contain;border:1px solid #a9b5b2;box-shadow:0 3px 10px #0002}
.atlas-grid .flag{height:53px;margin:8px 0}
.atlas-grid .flag img{max-width:87px;max-height:52px}
.empty-slot{width:260px;min-height:354px;border:2px dashed #ffffff55;border-radius:16px;display:grid;place-items:center;text-align:center;color:#bbd0bf;padding:24px}
.hand-section{margin-top:38px;padding-top:25px;border-top:1px solid #ffffff26}
.hand-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hand-head h2{font-size:25px;margin:8px 0}.hand-head h2 span{color:#adbdaf;font-size:16px}
.hand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hand-item{min-width:0;cursor:pointer;border:2px solid #ffffff30;background:linear-gradient(145deg,#f9fcfa,#e9f1ed);color:#1a2a23;border-radius:14px;min-height:146px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;transition:transform .15s,border-color .15s}
.hand-item:hover:not(:disabled){transform:translateY(-4px);border-color:#dfff75}
.hand-item.is-picked{border:3px solid #b5e94e;box-shadow:0 0 0 3px #dfff7533}
.hand-item:disabled{cursor:default;opacity:.75}
.hand-item img{width:auto;max-width:80px;height:45px;object-fit:contain;border:1px solid #a5b4aa}
.hand-item strong{font-size:13px;overflow-wrap:anywhere}.hand-item small,.hand-number{font-size:10px;color:#60756a}
@media(max-width:800px){.hand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hand-item{padding:8px;min-height:135px}.hand-item img{max-width:65px;height:36px}.empty-slot{min-height:300px;width:48%}.arena .flag{height:55px}.arena .flag img{max-width:85px;max-height:55px}}
@media(max-width:420px){.hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Оновлений дизайн: м'які заокруглення і прозорі елементи */
.country-card{border-radius:22px}.hand-item{border-radius:19px}.glass{border-radius:24px}.btn,.choice{border-radius:15px}.top nav{border-radius:18px}.score{border-radius:20px}
.hand-metrics{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:5px 0}
.hand-metrics span{display:flex;flex-direction:column;gap:3px;background:#dce7e1;padding:8px 6px;border-radius:10px;font-size:10px;color:#56675c}
.hand-metrics b{font-size:11px;color:#182820;overflow-wrap:anywhere}
.hand-item{min-height:260px}
.hand-item small{margin-top:auto}
.battle-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));margin:28px auto}
.battle-pair{padding:20px;background:#ffffff08;border:1px solid #ffffff1d;border-radius:24px}
.battle-caption{font-weight:750;text-align:center;margin-bottom:18px;color:#dfff75}
.battle-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.battle-cards .country-card,.battle-cards .empty-slot{width:100%;min-height:320px;padding:12px}
.battle-cards .country-card h3{font-size:19px}
.battle-cards .metrics{gap:5px}.battle-cards .metric{padding:7px 6px}.battle-cards .metric b{font-size:11px}
.battle-cards .metric label{font-size:9px}.battle-cards .flag{height:57px;margin:10px 0}.battle-cards .flag img{max-height:55px;max-width:92px}
.battle-result{text-align:center;background:#e5fcbe;color:#20301b;padding:13px;margin-top:14px;border-radius:14px;font-weight:700}
.controls{margin:20px auto;max-width:720px;text-align:center}.centered{justify-content:center}
.game-banner h1{margin:10px 0;font-size:clamp(30px,4vw,48px)}.sub{color:#adbbaf;max-width:670px;line-height:1.6}
.finish{max-width:650px;margin:50px auto;text-align:center}
@media(max-width:760px){.hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-pair{padding:12px}.battle-cards{gap:8px}.battle-cards .country-card{padding:8px}.battle-cards .metric b{font-size:10px}.battle-cards .metric label{font-size:8px}}
@media(max-width:380px){.hand-grid{grid-template-columns:1fr 1fr}.hand-item{padding:7px}.hand-metrics{grid-template-columns:1fr}.battle-cards .metric{padding:5px 4px}}

/* Картки за наданим зразком Ігараку */
.country-card{width:242px;min-height:353px;background:#d9e9f6;border:0;border-radius:24px;padding:10px;color:#101719;box-shadow:0 16px 35px #0003;display:flex;align-items:stretch}
.country-card .card-inner{width:100%;border-radius:18px;background:#fff;padding:18px 14px 16px;display:flex;flex-direction:column}
.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:67px}
.country-card h3{font-size:23px;line-height:1.08;font-weight:750;color:#0a0a0a;margin:0 0 8px;overflow-wrap:anywhere}
.country-card .capital{font-size:15px;color:#555;line-height:1.2}

.country-card .flag{height:112px;width:100%;margin:12px 0 17px;display:flex;align-items:center;justify-content:center;border-radius:17px;overflow:hidden;background:#f2f4f7;border:1px solid #999;box-shadow:0 3px 3px #0002}
.country-card .flag img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;box-shadow:none;border:0}
.country-card .metrics{margin-top:auto;display:flex;flex-direction:column;gap:0}
.country-card .metric{border:0;border-top:1px solid #ccc;border-radius:0;background:none;padding:7px 0;display:flex;align-items:baseline;justify-content:space-between;gap:6px;color:#101010}
.country-card .metric:last-child{border-bottom:1px solid #ccc}
.country-card .metric span{font-size:12px;line-height:1.2}
.country-card .metric b{font-size:13px;line-height:1.25;text-align:right;white-space:nowrap;color:#080808}
.country-card.reverse{background:#151b1b;border:8px solid #d9e9f6;min-height:353px;display:flex;align-items:center;justify-content:center;border-radius:24px}
.country-card.reverse::after{display:none}
.country-card.reverse span{font-size:23px;border:0;background:none}
.atlas-grid{grid-template-columns:repeat(auto-fill,minmax(207px,1fr));gap:17px}
.atlas-grid .country-card{width:100%;min-height:344px;padding:9px}
.atlas-grid .country-card .card-inner{padding:14px 11px}
.atlas-grid .country-card h3{font-size:20px;min-height:0}
.atlas-grid .country-card .flag{height:98px;margin:12px 0}
.atlas-grid .country-card .metric{padding:7px 0}
.atlas-grid .country-card .metric b{font-size:12px}
.battle-cards .country-card{min-height:340px;padding:8px;width:100%}
.battle-cards .country-card .card-inner{padding:12px 9px}
.battle-cards .country-card h3{font-size:20px}
.battle-cards .country-card .flag{height:90px;margin:10px 0}
.battle-cards .country-card .metric{padding:6px 0}
.battle-cards .country-card .metric span{font-size:10px}
.battle-cards .country-card .metric b{font-size:11px}
.hand-item{padding:0;background:transparent;border:0;min-height:0;display:flex;align-items:stretch;gap:4px;border-radius:24px;overflow:visible}
.hand-item .country-card{width:100%;min-height:345px;padding:8px}
.hand-item .country-card .card-inner{padding:12px 10px}
.hand-item .country-card h3{font-size:19px}
.hand-item .country-card .flag{height:88px;margin:10px 0}
.hand-item .country-card .metric{padding:6px 0}
.hand-item .country-card .metric span{font-size:10px}
.hand-item .country-card .metric b{font-size:11px}
.hand-item .hand-select{font-size:12px;font-weight:700;padding:7px 0;color:#e6f0e9;text-align:center}
.hand-item.is-picked{border:0;box-shadow:none}
.hand-item.is-picked .country-card{outline:3px solid #c4fb76;outline-offset:2px}
.hand-item .country-card .flag img{height:100%;max-width:none}
.hand-item:hover:not(:disabled){border:0}
@media(max-width:600px){.country-card .card-inner{padding:12px 8px}.country-card h3{font-size:18px}.country-card .metric span{font-size:10px}.country-card .metric b{font-size:10px;white-space:normal}.battle-cards .country-card .flag{height:65px}.battle-cards .country-card .metric span,.battle-cards .country-card .metric b{font-size:9px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-item .country-card h3{font-size:17px}}

/* Custom controls, upgrades, and coin SVG */
body,button,input{font-family:'Google Sans Text','Google Sans',Arial,sans-serif!important}
.native-fallback{display:none!important}
.custom-select{position:relative;min-width:220px;z-index:10}
.sort-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#1e2925;color:#fff;border:1px solid #62736a;border-radius:16px;font-weight:700;cursor:pointer}
.sort-menu{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#1c2824;border:1px solid #506257;border-radius:16px;box-shadow:0 20px 50px #0008;overflow:hidden;padding:6px}
.sort-menu[hidden]{display:none!important}
.sort-option{display:block;width:100%;padding:12px 14px;border:0;background:transparent;color:#e8f4ec;text-align:left;border-radius:10px;cursor:pointer}
.sort-option:hover,.sort-option.chosen{background:#dfff75;color:#18241b}
.coin-balance{display:inline-flex;gap:7px;align-items:center;padding:8px 13px;border:1px solid #e7c45c66;border-radius:18px;background:#e5b44315;color:#ffe6a0;white-space:nowrap}
.atlas-entry{min-width:0;display:flex;flex-direction:column;gap:8px}
.atlas-entry .country-card{flex:1}
.upgrade-btn{border:1px solid #e8c25a88;border-radius:15px;background:#e1ae351c;color:#ffe9ac;padding:12px 7px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}
.upgrade-btn:disabled{opacity:.48;cursor:not-allowed}
.upgrade-btn:not(:disabled):hover{background:#e1ae3540}
.card-level{font-size:11px;color:#4c7594;margin-top:7px;font-weight:700}
@media(max-width:650px){.custom-select{min-width:180px}.coin-balance{padding:5px 8px}.atlas-grid{gap:10px}}


/* Canonical controls: one source of truth, no override layers */
:root,body,button,input,select{font-family:'Google Sans Text',Arial,sans-serif}
.search-field{position:relative;display:flex;align-items:center;flex:1 1 340px;min-width:0;max-width:420px;height:60px}
.search-field .search{display:block;width:100%;height:60px;min-width:0;padding:0 18px 0 62px;border-radius:17px;font-size:16px;line-height:normal;outline:none}
.search-field .search:focus{border-color:#dfff75;box-shadow:0 0 0 3px #dfff7525}
.search-field .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;min-width:28px;min-height:28px;stroke-width:2.4;color:#d8e8df;pointer-events:none;display:block}
.country-card .card-heading{min-width:0;gap:10px}
.country-card .card-heading>div:first-child{min-width:0;overflow-wrap:anywhere}
.card-number{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;background:#70b2ea;color:#fff;font-family:'Google Sans Text',Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;font-style:normal;font-variant-numeric:lining-nums;letter-spacing:0;text-align:center;white-space:nowrap;transform:none}
.sort-trigger{min-height:56px;border-radius:17px;font-size:15px}
@media(max-width:650px){.search-field{flex:1 1 100%;max-width:none}.card-number{flex-basis:32px;width:32px;height:32px;min-width:32px;min-height:32px;font-size:17px}}





/* Card numbers and statistics: real Noto Sans glyphs, no drawn digits. */
.country-card .card-number {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400; font-style: normal; font-synthesis: none;
  font-variant-numeric: lining-nums; letter-spacing: 0;
  line-height: 1; font-size: 19px; white-space: nowrap;
}
.country-card .card-number.digits-2 { font-size: 16px; }
.country-card .card-number.digits-3 { font-size: 13px; }
.country-card .metrics .metric b {font-family:'Noto Sans',sans-serif;font-weight:700;}
@media(max-width:650px) {
 .country-card .card-number {font-size:17px;}
 .country-card .card-number.digits-2 {font-size:14px;}
 .country-card .card-number.digits-3 {font-size:11px;}
}

/* Compact strength indicator, consistent on every card */
.country-card .power-status{display:flex;align-items:center;gap:5px;margin-top:7px;min-width:0;height:20px;color:#326a98;font-family:'Noto Sans',sans-serif}
.country-card .power-icon{display:flex;flex:0 0 18px;align-items:center}
.country-card .power-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;flex:1;min-width:0;max-width:118px;align-items:end;height:13px}
.country-card .power-bars i{display:block;height:9px;background:#d8e7f3;border:1px solid #a8c9e0;border-radius:2px}
.country-card .power-bars i.filled{background:#4f9fe1;border-color:#3283c5}
.country-card .power-value{white-space:nowrap;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.country-card .power-value small{font-size:10px;font-weight:500;color:#6d95b0}
@media(max-width:600px){.country-card .power-bars{gap:1px}.country-card .power-status{gap:3px}}

/* Континент визначає колір зовнішньої рамки та номера картки. */
.country-card.continent-europe{--continent-color:#b8dfff;--number-color:#66ade8}
.country-card.continent-south-america{--continent-color:#174bd8;--number-color:#1644cc}
.country-card.continent-north-america{--continent-color:#f04b55;--number-color:#dc3545}
.country-card.continent-asia{--continent-color:#40dc4b;--number-color:#20b735}
.country-card.continent-oceania{--continent-color:#111318;--number-color:#111318}
.country-card.continent-africa{--continent-color:#f6b454;--number-color:#df8a1e}
.country-card[class*="continent-"]{background:var(--continent-color)}
.country-card[class*="continent-"] .card-number{background:var(--number-color);color:#fff}

/* v17: separate score labels and numbers, including narrow viewports */
.scoreboard .score{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;padding:22px 26px;}
.scoreboard .score:last-child{flex-direction:row-reverse;text-align:right;}
.scoreboard .score small{display:block;flex:1;min-width:0;font-size:13px;line-height:1.4;letter-spacing:.01em;}
.scoreboard .score strong{display:block;flex:none;font-size:36px;line-height:1.1;font-variant-numeric:tabular-nums;}
@media(max-width:650px){.scoreboard{gap:8px}.scoreboard .score{padding:13px 12px;gap:9px;flex-direction:column-reverse;align-items:flex-start}.scoreboard .score:last-child{flex-direction:column-reverse;align-items:flex-end}.scoreboard .score small{font-size:10px}.scoreboard .score strong{font-size:27px}}

/* v18: no dashed placeholders, slimmer continent trim */
.empty-slot{border:1px solid #ffffff22;background:#ffffff05;border-radius:20px;}
.country-card{padding:5px!important;}
.country-card.reverse{border-width:5px!important;padding:0!important;}
.battle-cards .country-card{padding:5px!important;}
.battle-cards .country-card.reverse{padding:0!important;}
.round-title svg{vertical-align:middle;width:18px;height:18px;}

/* Extended game features */
.top nav{max-width:min(74vw,930px);overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.top nav .nav{padding:10px 12px;font-size:12px}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.stat-tile{display:flex;flex-direction:column;gap:10px}.stat-tile span{color:#aebdb4;font-size:13px}.stat-tile strong{font-size:32px;color:#e4ffad}.section-title{margin:30px 0 14px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.achievement{display:flex;gap:14px;align-items:center;opacity:.55}.achievement.unlocked{opacity:1;border-color:#dfff7560;background:#dfff7510}.achievement-icon{font-size:30px}.achievement p,.achievement small{margin:4px 0;color:#aab9b0}.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-panel{display:flex;flex-direction:column;align-items:flex-start}.map-globe{width:100%;position:relative}.map-globe svg{width:100%;max-height:250px}.map-selected-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#dfff75;color:#172318;border-radius:30px;padding:7px 14px;font-weight:800}.apple-link{display:inline-flex;text-decoration:none;margin-top:10px}.map-search{width:100%;min-width:0;margin-bottom:12px}.map-country-list{max-height:390px;overflow:auto;display:grid;gap:5px;width:100%}.map-country{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #ffffff16;background:#ffffff08;color:#f4f7f3;border-radius:11px;padding:9px;cursor:pointer}.map-country.selected{border-color:#dfff75;background:#dfff7512}.map-country img{width:42px;height:28px;object-fit:cover;border-radius:4px}.map-country span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.map-country small,.map-note{color:#9fb0a6}.map-arrow{font-size:24px;color:#dfff75}.daily-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;max-width:760px;margin:25px 0}.daily-emblem{font-size:40px;background:#dfff7518;border-radius:16px;padding:15px}.daily-card p{color:#aab9b0}.daily-progress{height:10px;background:#ffffff18;border-radius:20px;overflow:hidden;margin:14px 0 7px}.daily-progress span{display:block;height:100%;background:#dfff75;border-radius:20px}.daily-reward{display:flex;align-items:center;gap:5px;font-size:22px}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shop-item h3{margin-bottom:5px}.shop-item p{color:#aab9b0;min-height:40px}.skin-preview{height:120px;border-radius:15px;background:linear-gradient(140deg,#17231f,#293a32);border:1px solid var(--skin-preview);display:flex;align-items:center;justify-content:center;position:relative;color:#f5f7ef;font-weight:800}.skin-preview:before{content:'';position:absolute;inset:9px;border:2px solid var(--skin-preview);border-radius:11px}.skin-preview i{position:absolute;width:45px;height:5px;border-radius:4px;background:var(--skin-preview);bottom:22px}.history-list{display:grid;gap:10px}.history-row{display:flex;align-items:center;gap:14px}.history-number{color:#dfff75;font-weight:800}.history-row>div{display:flex;flex:1;flex-direction:column;gap:4px}.history-row small{color:#9fb0a6}.history-row>strong{font-size:20px}.history-coins{display:flex;align-items:center;gap:5px}.empty-history,.quiz-start{text-align:center;padding:45px}.quiz-big{font-size:60px}.quiz-box{max-width:700px;margin:20px auto;text-align:center}.quiz-flag{width:210px;height:130px;object-fit:cover;border-radius:12px;border:1px solid #ffffff30;margin:12px auto}.quiz-country{font-size:28px;font-weight:800;margin:25px}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.quiz-options .choice{min-height:55px}.quiz-feedback{color:#dfff75;font-weight:700}.difficulty-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.difficulty-row label{color:#afbeb4}.difficulty-row .picker{min-width:160px}.favorite-btn{width:100%;border:1px solid #ffffff22;background:#ffffff0b;color:#dbe7de;padding:9px;border-radius:10px;margin:7px 0;cursor:pointer}.favorite-btn.is-favorite{color:#ffe28a;border-color:#e5bd4e;background:#e5bd4e15}.atlas-entry{display:flex;flex-direction:column}.atlas-entry .upgrade-btn{margin-top:0}
body[data-skin="skin-ocean"]{--accent:#66c5f2}body[data-skin="skin-violet"]{--accent:#b49aff}body[data-skin="skin-sunset"]{--accent:#ffad70}body[data-skin^="skin-"] .eyebrow,body[data-skin^="skin-"] .versus{color:var(--accent,#dfff75)}body[data-skin^="skin-"] .btn.primary{background:var(--accent,#dfff75);border-color:var(--accent,#dfff75)}
@media(max-width:850px){.top{align-items:flex-start}.top nav{max-width:100%;width:100%;order:5}.map-layout{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.achievement-grid{grid-template-columns:1fr}.daily-card{grid-template-columns:auto 1fr}.daily-reward{grid-column:2}.quiz-options{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr 1fr}.history-row{gap:8px;flex-wrap:wrap}.history-row>div{min-width:55%}.top nav .nav{padding:9px 10px}}

/* Cleaner primary navigation and a dedicated home for secondary sections */
.top{gap:clamp(10px,1.5vw,22px)}
.top nav{gap:3px;padding:4px;flex:0 1 auto;max-width:min(100%,760px);overflow-x:auto;scrollbar-width:none}
.top nav::-webkit-scrollbar{display:none}
.top .nav{white-space:nowrap;padding:10px clamp(10px,1.15vw,16px);font-size:13px}
.top .nav-settings{border-left:1px solid #ffffff18;margin-left:3px;padding-left:15px}
.nav-settings span{font-size:15px;margin-right:4px;color:#dfff75}
.settings-head{margin-bottom:28px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px}
.settings-item{width:100%;min-height:104px;display:flex;align-items:center;gap:17px;text-align:left;color:#f1f4f0;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.settings-item:hover{background:#ffffff12;border-color:#dfff7566;transform:translateY(-2px)}
.settings-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;background:#dfff7518;color:#dfff75;font-size:25px}
.settings-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}
.settings-copy b{font-size:16px}
.settings-copy small{color:#aab9b0;font-size:12px;line-height:1.5}
.settings-arrow{font-size:28px;color:#82948a}
@media(max-width:850px){.top{align-items:center}.top nav{order:0;max-width:100%;width:auto}.settings-grid{grid-template-columns:1fr}}
@media(max-width:560px){.top nav{order:5;width:100%;max-width:100%}.top .nav{padding:9px 12px}.settings-item{min-height:88px;padding:17px}.settings-copy b{font-size:15px}}

/* Version 21: trophies, PRIME, profile and chests */
.ui-svg{display:inline-block;vertical-align:middle;flex-shrink:0}.trophy-strip{display:flex;align-items:center;justify-content:center;gap:6px;background:#e7c36d;color:#39280d;font-size:12px;font-weight:800;min-height:29px;border-radius:10px 10px 0 0;margin:-1px -1px 0}.trophy-strip .ui-svg{width:16px;height:16px}.trophy-strip:has(.prime-label){background:#d5edff;color:#105a9e}.prime-label{font-size:10px;letter-spacing:.6px}.country-card{overflow:hidden}.country-card .card-inner{position:relative}.country-card.reverse .trophy-strip{display:none}.profile-name{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.profile-name input{max-width:270px}.profile-toolbar,.shop-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.profile-toolbar .choice{display:inline-flex;gap:5px;align-items:center}.prime-progress{height:7px;border-radius:9px;background:#ffffff20;overflow:hidden;margin:9px 0}.prime-progress span{display:block;height:100%;background:#58b5ff}.profile-record{display:flex;align-items:center;gap:6px;color:#d9e8dc;margin-bottom:6px}.profile-record svg{width:15px;height:15px}.achievement-icon svg{width:30px;height:30px}.daily-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.daily-task{display:flex;flex-direction:column;gap:10px}.daily-task .btn{margin-top:auto}.task-top{display:flex;align-items:center;gap:10px}.task-top svg{color:#dfff75}.chest-reward{display:flex;gap:24px;align-items:center;margin-top:20px}.chest-reward .chest-svg{width:110px}.chest-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.chest-slot{display:flex;flex-direction:column;align-items:center;gap:8px}.chest-slot .chest-svg{width:100px;max-width:100%}.extra-tasks{max-width:760px}.shop-feature{display:flex;align-items:center;gap:20px}.shop-feature>svg{width:40px;height:40px;color:#dfff75}.shop-feature>div{flex:1}.shop-feature p{color:#aab9b0}.shop-item .skin-preview svg{width:24px;height:24px}.shop-item .skin-preview span{display:flex;gap:8px;align-items:center;z-index:1}.chest-modal{position:fixed;inset:0;background:#030b0de0;display:grid;place-items:center;z-index:999;padding:20px}.chest-dialog{text-align:center;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.chest-dialog .chest-svg{width:190px}.chest-dialog p{display:flex;gap:8px;align-items:center}.chest-animate{animation:chestPop .7s ease both}@keyframes chestPop{0%{transform:scale(.4) rotate(-8deg);opacity:0}65%{transform:scale(1.15) rotate(3deg)}100%{transform:scale(1);opacity:1}}body[data-skin="frame-gold"] .country-card{outline:2px solid #e7bd57}body[data-skin="frame-blue"] .country-card{outline:2px solid #4ca8ff}body[data-skin="effect-spark"] .battle-result,body[data-skin="effect-glow"] .battle-result{box-shadow:0 0 20px #70baff70}body[data-skin="profile-night"] .stat-tile{background:#39447155}body[data-skin="badge-gem"] .pagehead h1:before{content:'◆ ';color:#73caff}@media(max-width:850px){.daily-task-grid{grid-template-columns:1fr}.chest-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.chest-reward{flex-direction:column;align-items:flex-start}.profile-toolbar select{max-width:100%}.shop-feature{flex-wrap:wrap}}

/* v21.1: trophy bar above the country name, never beside the card */
.country-card:not(.reverse){flex-direction:column!important;align-items:stretch!important;}
.country-card:not(.reverse)>.trophy-strip{box-sizing:border-box;flex:0 0 auto;width:100%;min-width:0;margin:0;border-radius:14px 14px 0 0;}
.country-card:not(.reverse)>.card-inner{box-sizing:border-box;flex:1 1 auto;width:100%;min-width:0;border-radius:0 0 18px 18px;}
.country-card.reverse{flex-direction:row!important;}

/* v21.3: center the settings gear exactly with the nav text */
.top .nav-settings{display:inline-flex;align-items:center;justify-content:center;gap:7px;vertical-align:middle;line-height:1.2;}
.top .nav-settings>svg{display:block;width:15px;height:15px;flex:0 0 15px;vertical-align:initial;position:static;transform:none;margin:0;}

/* v22 */
.trophy-strip{position:relative}.trophy-float{position:absolute;right:6px;top:-8px;z-index:5;background:#1462a4;color:white;border-radius:8px;padding:4px 9px;font-weight:800;pointer-events:none;animation:trophyGain 2s ease-out forwards}@keyframes trophyGain{0%{opacity:0;transform:translateY(18px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.15)}65%{opacity:1}100%{opacity:0;transform:translateY(-36px)}}
.continent-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.continent-stat{padding:20px}.continent-stat h2{margin:0 0 8px}.continent-values{display:grid;gap:8px;margin:16px 0}.continent-values span{display:flex;align-items:center;gap:8px}.preview-backdrop{position:fixed;inset:0;z-index:1000;background:#08131dbd;display:grid;place-items:center;padding:18px}.preview-panel{padding:24px;max-width:480px;width:100%;max-height:90vh;overflow:auto}.preview-card{max-width:260px;margin:16px auto;border:5px solid var(--skin-preview,#79b8e6);border-radius:18px}.country-history-list{max-height:50vh;overflow:auto;display:grid;gap:9px;margin:15px 0}.country-history-list>div{padding:10px;border:1px solid #8c9bac55;border-radius:10px}.country-history-list small{display:block;opacity:.7;margin-top:4px}.shop-item .btn{margin-top:6px}.profile-toolbar .search{min-width:220px;flex:1}

/* Favorites: red SVG heart instead of star */
.favorite-btn .ui-svg,#profile-favorites .ui-svg{width:18px;height:18px;vertical-align:-4px;margin-right:5px;color:#ef445c;fill:none;stroke:#ef445c}
.favorite-btn.is-favorite{color:#ff7b8e;border-color:#ef445c88;background:#ef445c14}
.favorite-btn.is-favorite .ui-svg{fill:#ef445c;stroke:#ef445c}
/* Нові сторінки v23: зберігаємо наявні стилі карток */
.extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin:20px 0}.extra-panel{padding:22px;min-width:0}.extra-panel h2{display:flex;align-items:center;gap:10px}.extra-panel h3{margin:0 0 12px}.extra-panel p{line-height:1.65}.extra-panel .btn{margin-top:12px}.extra-big{font-size:40px}.extra-flag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin:20px 0}.extra-country{display:flex;align-items:center;gap:9px;border:1px solid var(--line,#64736b);border-radius:12px;padding:10px;background:rgba(150,160,160,.08);color:inherit;text-align:left;cursor:pointer;min-width:0}.extra-country.selected{outline:2px solid #70b9ed;background:rgba(85,170,240,.14)}.extra-country img{width:32px;height:22px;object-fit:cover;border-radius:2px;flex-shrink:0}.extra-country span{overflow:hidden;text-overflow:ellipsis}.extra-country small{margin-left:auto;font-size:10px}.extra-inline-flag{width:32px;height:22px;object-fit:cover;vertical-align:middle;border-radius:2px}.extra-large-flag{width:min(100%,320px);aspect-ratio:3/2;object-fit:cover;border-radius:10px}.extra-ency-list{max-height:460px;overflow:auto;display:grid;gap:6px;margin-top:12px}.extra-ency-list .extra-country{width:100%}.extra-panel .ui-svg{vertical-align:middle}.settings-grid{margin-bottom:24px}@media(max-width:650px){.extra-grid{grid-template-columns:1fr}.extra-flag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}