:root{--bg:#070b14;--bg-panel:#0d1424;--bg-card:#111a2e;--line:#1e2a44;--line-soft:#17223a;--text:#e9eefc;--text-dim:#8f9cbb;--text-mute:#7d8bab;--accent:#f6c453;--accent-2:#ef4d4d;--teal:#3fd0c9;--source-2:#a78bfa;--radius:14px;--shadow:0 18px 44px #00000073;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.55s;--dur-fast:.18s;--dur-mid:.32s;--dur-loop:.8s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 78% -10%, #14203c 0%, var(--bg) 55%) fixed;color:var(--text);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei UI,Microsoft YaHei,Noto Sans SC,Source Han Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.55}.app{flex-direction:column;height:100%;display:flex}.app.fatal{color:#ff9a9a;justify-content:center;align-items:center}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#080c16b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 26px;display:flex;position:sticky;top:0}.brand h1{letter-spacing:.5px;background:linear-gradient(92deg, #fff 10%, var(--accent) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:21px}.brand p{color:var(--text-dim);margin:2px 0 0;font-size:13px}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.segmented{background:var(--bg-card);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{appearance:none;color:var(--text-dim);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:13px}.segmented button:hover{color:var(--text)}.segmented button.active{color:#fff;background:linear-gradient(120deg,#f6c45338,#ef4d4d38);box-shadow:inset 0 0 0 1px #f6c45359}.primary-btn,.ghost-btn{appearance:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:10px;padding:8px 16px;font-family:inherit;font-size:13px}.primary-btn{color:#17110a;background:linear-gradient(120deg, var(--accent), #ffb648);border:0;font-weight:700;box-shadow:0 6px 18px #f6c45338}.ghost-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--text-dim)}.ghost-btn.icon-btn{width:34px;height:34px;color:var(--text-dim);justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.ghost-btn.icon-btn:hover{color:var(--text)}.ghost-btn.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:active,.ghost-btn:active{transform:translateY(0)}button:disabled,input:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{transform:none}.share-wrap{position:relative}.share-menu{z-index:40;border:1px solid var(--line);width:230px;box-shadow:var(--shadow);animation:menu-in var(--dur-fast) var(--ease);background:#0d1424fa;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.share-menu button{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:1px;padding:8px 10px;font-family:inherit;display:flex}.share-menu button:hover{background:#ffffff0d}.share-menu b{color:var(--text);font-size:13px;font-weight:600}.share-menu span{color:var(--text-mute);font-size:11.5px}.layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:360px minmax(0,1fr);gap:0;min-height:0;display:grid}.sidebar{border-right:1px solid var(--line-soft);flex-direction:column;gap:16px;padding:18px 18px 40px;display:flex;overflow-y:auto}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(transparent, var(--bg));height:30px;margin-top:-30px;display:block;position:sticky;bottom:-18px}.sidebar>.result,.sidebar>.puzzle{order:0}.sidebar>.picker{order:1}.sidebar>.quick-panel{order:2}.sidebar>.strategy{order:3}.sidebar>.year-panel{order:4}.sidebar>.compare-panel{order:5}.more{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:10px}.more>summary{cursor:pointer;color:var(--text-mute);-webkit-user-select:none;user-select:none;font-size:12.5px;list-style:none}.more>summary::-webkit-details-marker{display:none}.more>summary:before{content:"▸ ";color:var(--text-mute)}.more[open]>summary:before{content:"▾ "}.more>summary:hover{color:var(--text)}.stage{flex-direction:column;min-width:0;display:flex;overflow-y:auto}.stage-inner{min-height:0;animation:view-in var(--dur-mid) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 24px 8px;display:flex}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.map-holder{width:100%;max-width:min(1440px, 100%, var(--map-max,1180px));border:1px solid var(--line-soft);box-shadow:var(--shadow);background:linear-gradient(#0f172ab8,#090e1ae6);border-radius:18px;padding:10px;position:relative}.rank-holder{max-width:none}.map-svg{width:100%;height:auto;display:block}.map-label{text-anchor:middle;paint-order:stroke;stroke:#040812e6;stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:13px;font-weight:600}.sea-label{fill:var(--text-mute);font-size:11px}.country.hit:hover{fill-opacity:.9}.strategy,.compare-panel{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px}.metric-options{border:1px solid var(--line);background:#0a1120;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px;padding:3px;display:grid}.metric-btn{appearance:none;color:var(--text-dim);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;padding:8px 2px;font-family:inherit;font-size:12.5px}.metric-btn:hover{color:var(--text);background:#ffffff0d}.metric-btn.active{color:#fff;background:linear-gradient(120deg,#3fd0c93d,#f6c4532e)}.counterfactual{border:1px solid var(--line-soft);background:linear-gradient(160deg,#f6c45314,#3fd0c90d);border-radius:12px;margin-top:14px;padding:12px 12px 10px}.counterfactual h3{color:var(--text-dim);margin:0 0 8px;font-size:13.5px;font-weight:500}.counterfactual h3 strong{color:var(--text);font-weight:700}.counterfactual ul{margin:0;padding:0;list-style:none}.counterfactual li{border-radius:7px;grid-template-columns:52px 1fr auto;align-items:baseline;gap:8px;padding:3px 4px;display:grid}.counterfactual li.current{background:#f6c4531f}.cf-label{color:var(--text-mute);font-size:11.5px}.cf-value{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12.5px}.counterfactual li.current .cf-value{color:var(--text)}.cf-rank{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11.5px}.cf-rank b{color:var(--accent);font-size:13px}.puzzle{background:var(--bg-panel);border-radius:var(--radius);animation:panel-in var(--dur-mid) var(--ease);border:1px solid #3fd0c947;padding:14px}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.puzzle-pick,.puzzle-pick-hint{display:none}.puzzle-pick{flex-direction:column;gap:4px;max-height:260px;margin:8px 0;overflow-y:auto}.play-card-hint{color:var(--text-mute);margin-top:2px;font-size:12px;display:block}.passport-reset{margin-left:auto}.puzzle-pick-count{color:var(--text-mute)}.puzzle h3{color:var(--text);margin:0 0 10px;font-size:14px}.puzzle-meter{margin-bottom:8px}.puzzle-bar{background:#ffffff12;border-radius:999px;height:10px;overflow:hidden}.puzzle-bar span{background:linear-gradient(90deg, var(--teal), var(--accent));height:100%;transition:width var(--dur) var(--ease);border-radius:999px;display:block}.puzzle-nums{color:var(--text-mute);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:11.5px;display:flex}.puzzle-win{color:var(--teal);margin:4px 0 10px;font-size:13px}.puzzle-over{color:#ff8a8a;margin:4px 0 10px;font-size:13px}.puzzle-best{color:var(--text-dim);margin:2px 0 0;font-size:12px}.puzzle-daily{color:var(--accent);margin:2px 0 6px;font-size:12px;font-weight:600}.puzzle-challenge{color:var(--teal);background:#3fd0c91a;border-radius:8px;margin:4px 0 8px;padding:7px 10px;font-size:12px;line-height:1.5}.puzzle-score{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:8px;margin:6px 0;font-size:12.5px;display:flex}.puzzle-score b{color:var(--accent);font-size:20px}.year-now{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.year-flag{color:var(--accent);white-space:nowrap;background:#f6c45324;border:1px solid #f6c45366;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.year-tools{align-items:center;gap:10px;display:flex}.play-btn{color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--line-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:999px;padding:3px 10px;font-family:inherit;font-size:12px}.play-btn:hover{color:var(--text);border-color:var(--line)}.play-btn:disabled,.play-btn:disabled:hover{color:var(--text-mute);border-color:var(--line-soft);cursor:not-allowed;opacity:.55}.play-btn.on{color:#12182a;background:var(--accent);border-color:var(--accent);font-weight:600}.year-slider{appearance:none;background:linear-gradient(90deg,#1d2942,#2c3a5c);border-radius:999px;outline:none;width:100%;height:4px;margin:12px 0 6px}.year-slider:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.year-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0d1424;border-radius:50%;width:14px;height:14px}.year-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #0d1424;border-radius:50%;width:14px;height:14px}.year-ticks{justify-content:space-between;gap:4px;display:flex}.year-ticks button{appearance:none;color:var(--text-mute);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:2px 4px;font-family:inherit;font-size:11.5px}.year-ticks button:hover{color:var(--accent);background:#f6c4531a}.stage-caption{align-items:center;gap:12px;width:100%;max-width:1180px;margin:0 0 10px;display:flex}.stage-caption p{min-width:0;color:var(--text-dim);flex:1;margin:0;font-size:14px;line-height:1.5}.map-click-hint{color:var(--text-mute);font-size:12px}.caption-lead{display:none}@media (width<=1080px){.caption-lead{color:var(--accent);letter-spacing:.2px;margin-bottom:2px;font-size:17px;font-weight:700;display:block}.map-click-hint{margin-top:2px;display:block}}.stage-caption .chip{flex:none}.choice-list{flex-direction:column;gap:4px;margin-top:10px;display:flex}.choice{appearance:none;text-align:left;width:100%;color:var(--text-dim);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:10px;padding:8px 11px;font-family:inherit;display:grid}.choice:hover{background:#ffffff0b}.choice.active{background:#f6c4531a;border-color:#f6c45352}.choice.static{cursor:default}.choice-title{color:var(--text);font-size:13.5px;font-weight:600;display:block}.choice-title:before{content:"";border:1.5px solid var(--line);vertical-align:1px;width:9px;height:9px;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;margin-right:8px;display:inline-block}.choice.active .choice-title:before{background:var(--accent);border-color:var(--accent)}.choice-preview{color:var(--text-mute);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin-top:0;font-size:12px;display:block}.choice.active .choice-preview{color:var(--accent)}.choice-hint{color:var(--text-mute);grid-column:1/-1;margin-top:4px;font-size:11.5px;line-height:1.5;display:block}.toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;display:flex}.toggle.inline{border-top:1px solid var(--line-soft);margin-top:10px;padding-top:10px}.year-panel{border:1px solid var(--line-soft);background:#ffffff06;border-radius:12px;padding:12px 13px 13px}.year-panel .picker-head{margin-bottom:9px}.quick-panel .picker-head{margin-bottom:8px}.toggle input{appearance:none;border:1px solid var(--line);cursor:pointer;width:32px;height:18px;transition:background var(--dur-fast) var(--ease);background:#1b2540;border-radius:999px;flex:none;position:relative}.toggle input:after{content:"";background:var(--text-mute);width:12px;height:12px;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked{background:#f6c45347;border-color:#f6c45380}.toggle input:checked:after{background:var(--accent);transform:translate(14px)}.result-strategy{color:var(--text-mute);margin:6px 0 0;font-size:11.5px}.result-variant{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.result-variant .variant-label{color:var(--text-mute);font-size:11.5px}.target-compare{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:12px}.target-compare h3{color:var(--text);margin:0 0 8px;font-size:13px}.tc-rows li{grid-template-columns:58px 1fr 1fr 22px;align-items:baseline;gap:6px;display:grid}.tc-rows{margin:0;padding:0;list-style:none}.tc-rows li{border-radius:6px;padding:3px 0}.tc-rows li.current{background:#f6c45314}.tc-label{color:var(--text-mute);font-size:11.5px}.tc-val{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.tc-gap{white-space:nowrap;color:var(--text-mute);grid-column:4;margin-top:-2px;font-size:11px}.rank-holder{max-height:620px;overflow-y:auto}.rank-holder:after{content:"";pointer-events:none;background:linear-gradient(#0000,#090e1aeb);height:30px;margin-top:-30px;display:block;position:sticky;bottom:0}.ranking{--row-h:34px;flex-direction:column;gap:3px;display:flex}.rank-rows{width:100%;position:relative}.rank-row{height:var(--row-h);font:inherit;color:var(--text-dim);text-align:left;cursor:pointer;transition:transform var(--dur) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:40px minmax(84px,140px) 1fr auto auto;align-items:center;gap:10px;padding:0 8px;font-size:13px;display:grid;position:absolute;top:0;left:0;right:0}.rank-row:hover{color:var(--text);background:#ffffff0a}.rank-row.is-selected{color:var(--text);background:#3fd0c91a;border-color:#3fd0c973;font-weight:600}.rank-idx{color:var(--text-mute);font-variant-numeric:tabular-nums;text-align:right;justify-content:flex-end;align-items:baseline;gap:4px;font-size:12px;display:flex}.rank-delta{white-space:nowrap;font-size:9.5px;font-style:normal;font-weight:600}.rank-delta.up{color:var(--teal)}.rank-delta.down{color:var(--accent-2)}.rank-equiv{color:var(--text-mute);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid var(--line-soft);background:#ffffff08;border-radius:999px;padding:1px 7px;font-size:11px}.rank-equiv:empty{background:0 0;border:none;padding:0}.rank-row.is-selected .rank-idx{color:var(--teal)}.rank-name{text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.rank-name em{color:var(--text-mute);background:#ffffff12;border-radius:999px;margin-right:6px;padding:1px 5px;font-size:10.5px;font-style:normal;font-weight:400}.rank-bar{background:#ffffff0e;border-radius:999px;height:14px;padding-right:104px;position:relative}.rank-fill{opacity:.9;height:100%;transition:width var(--dur) var(--ease), background var(--dur-mid) var(--ease);background:linear-gradient(#ffffff42,#fff0 46%),linear-gradient(90deg,#3a5f9e,#5d8fd8);border-radius:999px;display:block;position:relative;box-shadow:inset 0 1px #ffffff29,0 2px 5px #00000073}.rank-row.is-matched .rank-fill{opacity:1;background:linear-gradient(180deg, #ffffff4d, #fff0 46%), linear-gradient(90deg, var(--accent), #d59a2c)}.rank-row.is-selected .rank-fill{opacity:1;background:linear-gradient(180deg, #ffffff4d, #fff0 46%), linear-gradient(90deg, #2aa39d, var(--teal));box-shadow:inset 0 1px #ffffff42,0 2px 8px #3fd0c952}.rank-value{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;animation:rank-pop var(--dur-mid) var(--ease);margin-left:9px;font-size:12.5px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@keyframes rank-pop{0%{opacity:.2;transform:translateY(-50%)translate(-7px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.rank-note{min-width:56px;color:var(--accent);text-align:right;font-size:11.5px}.rank-filters{gap:6px;margin-bottom:8px;display:flex}.rank-filters button{font:inherit;color:var(--text-dim);border:1px solid var(--line-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:#ffffff0a;border-radius:999px;padding:4px 12px;font-size:12.5px}.rank-filters button:hover{color:var(--text);background:#ffffff14}.rank-filters button.is-on{color:var(--text);background:#3fd0c929;border-color:#3fd0c980;font-weight:600}.rank-more{font:inherit;color:var(--text-dim);border:1px solid var(--line-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:#ffffff0a;border-radius:8px;margin-top:8px;padding:8px;font-size:12.5px}.rank-more:hover{color:var(--text);background:#ffffff14}.rank-hint{color:var(--text-dim);border:1px solid var(--line-soft);background:#ffffff0a;border-radius:8px;margin:0 0 8px;padding:7px 10px;font-size:12px}.sq-label{pointer-events:none;font-size:12px;font-weight:600}.sq-cell,.sq-label{transform-origin:0 0}.view-caption{color:var(--text-mute);text-align:center;margin:10px 4px 2px;font-size:12.5px}.bracket-holder{flex-direction:column;gap:4px;display:flex}.bracket-row{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.bracket-vs,.bracket-tree{min-width:0}.bracket-label{paint-order:stroke;stroke:#080c16d9;stroke-width:3px;stroke-linejoin:round;font-size:12.5px;font-weight:600}.bracket-value{fill:var(--text-mute);font-size:10.5px;font-weight:400}.bracket-caption{fill:var(--text-mute);font-size:11.5px}.tc-head{border-bottom:1px solid var(--line-soft);grid-template-columns:58px 1fr 1fr 22px;align-items:baseline;gap:6px;margin-bottom:6px;padding-bottom:5px;font-size:12.5px;font-weight:600;display:grid}.tc-score{grid-template-columns:58px 1fr 1fr 22px;align-items:baseline;gap:6px;margin:0 0 4px;display:grid}.tc-num{color:var(--text-mute);font-size:26px;font-weight:700;line-height:1.15}.tc-num.win{color:var(--accent)}.tc-verdict{color:var(--text-dim);margin:0 0 8px;font-size:12px}.tc-val.win{color:var(--accent);font-weight:600}.tc-a{color:var(--teal)}.tc-b{color:var(--source-2)}.target-compare h3 em{color:var(--text-mute);margin:0 2px;font-size:12px;font-style:normal}.silhouette{border:1px solid var(--line-soft);background:#080c168c;border-radius:12px;margin:12px 0 0;padding:10px 10px 8px}.silhouette-panels{grid-template-columns:1fr 1fr;gap:4px;display:grid}.silhouette-svg{width:100%;height:132px;display:block}.silhouette figcaption{color:var(--text-dim);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11.5px;display:flex}.silhouette figcaption em{color:var(--text-mute);flex-basis:100%;font-size:11px;font-style:normal}.silhouette .dot{border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.silhouette .dot.teal{background:var(--teal)}.silhouette .dot.gold{background:var(--accent)}.picker-groups{flex-direction:column;gap:10px;max-height:300px;margin-top:10px;padding-right:4px;display:flex;overflow-y:auto}.picker-group-title{color:var(--text-mute);background:var(--bg-panel);z-index:1;padding:2px 4px 4px;font-size:11.5px;position:sticky;top:0}.picker-group .picker-list{max-height:none}.picker{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 14px 10px}.picker-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.picker-head h2{margin:0;font-size:15px}.picker-hint{color:var(--text-mute);margin:4px 0 10px;font-size:12px}.year-error{color:#ff9a9a}.link-btn{appearance:none;color:var(--text-mute);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-family:inherit;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text)}.search{border:1px solid var(--line);width:100%;color:var(--text);background:#0a1120;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.search:focus{border-color:#f6c45380;box-shadow:0 0 0 3px #f6c4531f}.picker-list{flex-direction:column;gap:2px;max-height:268px;margin-top:10px;padding-right:4px;display:flex;overflow-y:auto}.picker-list::-webkit-scrollbar{width:8px}.picker-list::-webkit-scrollbar-thumb{background:#1d2942;border-radius:8px}.picker-item{appearance:none;width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:7px 9px;font-family:inherit;font-size:13px;display:grid}.picker-item:hover{color:var(--text);background:#ffffff0a}.picker-item.active{color:#fff;background:#f6c4531f;border-color:#f6c45359}.picker-item .mark{border:1px solid var(--line);color:#17110a;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.picker-item.active .mark{background:var(--accent);border-color:var(--accent)}.picker-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-gdp{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:12px}.picker-item.active .picker-gdp{color:var(--accent)}.quick-row{flex-wrap:wrap;gap:6px;display:flex}.chip{appearance:none;border:1px solid var(--line);background:var(--bg-card);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:5px 11px;font-family:inherit;font-size:12px}.chip:hover{color:var(--text);border-color:#f6c45366}.chip.active{color:#fff;background:#f6c45329;border-color:#f6c45373}.chip.ghost{border-style:dashed}.result{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px}.result.placeholder{color:var(--text-mute);font-size:13px}.result-headline h1{letter-spacing:-.2px;text-wrap:balance;margin:0;font-size:25px;line-height:1.24}.result-headline .eq{color:var(--text-mute);font-weight:400}.result-headline .count{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.result-sub{color:var(--text-dim);margin:6px 0 0;font-size:13px}.result-sub strong{color:var(--text);font-variant-numeric:tabular-nums}.result-single{color:var(--text-mute);margin:4px 0 0;font-size:12px}.result-single strong{color:var(--teal)}.result-list{flex-direction:column;gap:6px;max-height:260px;margin:14px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.result-list:after,.puzzle-pick:after{content:"";pointer-events:none;background:linear-gradient(transparent, var(--bg-panel));height:26px;margin-top:-26px;display:block;position:sticky;bottom:0}.result-item{color:var(--text-dim);grid-template-columns:18px minmax(80px,1.2fr) minmax(64px,1fr) 58px;align-items:center;gap:8px;font-size:12.5px;display:grid}.result-item .idx{color:var(--text-mute);font-variant-numeric:tabular-nums;text-align:right}.result-item .name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.result-item .bar{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.result-item .bar-fill{background:linear-gradient(180deg, #ffffff4d, #fff0 50%), linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width var(--dur) var(--ease);border-radius:999px;display:block;box-shadow:inset 0 1px #fff3,0 1px 3px #0006}.country{transition:fill var(--dur) var(--ease), fill-opacity var(--dur) var(--ease), stroke var(--dur) var(--ease)}.subdivisions path{transition:fill var(--dur) var(--ease), fill-opacity var(--dur) var(--ease)}.sq-cell{transition:transform var(--dur) var(--ease)}.sq-cell rect{transition:width var(--dur) var(--ease), height var(--dur) var(--ease), fill var(--dur) var(--ease)}.app.scrubbing .country,.app.scrubbing .subdivisions path,.app.scrubbing .result-item .bar-fill,.app.scrubbing .sq-cell,.app.scrubbing .sq-cell rect{transition:none}.sq-label{transition:transform var(--dur) var(--ease)}.result-item .gdp{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-mute)}.result-hint{color:var(--text-mute);margin:10px 0 0;font-size:12px}.empty{color:var(--text-mute);padding:10px 2px;font-size:13px}.globe-wrap{border:1px solid var(--line-soft);width:100%;height:min(74vh,760px);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 45%,#101a33 0%,#05070f 70%);border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.globe-wrap .map-svg{width:auto;max-width:100%;height:100%;display:block}.globe-tip{color:var(--text-mute);pointer-events:none;font-size:12px;position:absolute;bottom:14px;right:14px}@media (width<=1080px){.globe-wrap{height:min(56vh,760px)}.globe-tip{inset:12px auto auto 14px}}.stage-footer{border-top:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:12px 26px 20px;display:flex}.legend{flex-wrap:wrap;gap:18px;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:7px;font-size:12px;display:inline-flex}.legend-item.motion-item{border-left:1px solid var(--line-soft);margin-left:4px;padding-left:12px}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.motion-item .toggle{color:var(--text-dim);gap:6px;font-size:12px}.motion-hint{color:var(--text-mute);font-size:11px;font-style:normal}.sources{color:var(--text-mute);margin:0;font-size:11.5px;line-height:1.7}.sources a{color:var(--teal)}.sources-details>summary{cursor:pointer;color:var(--text-mute);-webkit-user-select:none;user-select:none;font-size:11.5px;list-style:none}.sources-details>summary::-webkit-details-marker{display:none}.sources-details>summary:before{content:"▸ "}.sources-details[open]>summary:before{content:"▾ "}.sources-details>summary:hover{color:var(--text-dim)}.loading{color:var(--text-mute);padding:60px}.toast{border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;z-index:50;animation:toast-in var(--dur-mid) var(--ease);background:#0c1220f2;border-radius:999px;padding:10px 18px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast.out{animation:toast-out var(--dur-fast) var(--ease) forwards}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(10px)}}.spinner{vertical-align:-1px;border:2px solid var(--line);border-top-color:var(--teal);width:11px;height:11px;animation:spin var(--dur-loop) linear infinite;border-radius:50%;margin-right:6px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app.motion-off .spinner{display:none}@media (prefers-reduced-motion:reduce){.app:not(.motion-on) .spinner{display:none}}.motion-toast{max-width:min(92vw,620px);color:var(--text);border-color:#3fd0c980;padding-right:46px;bottom:78px}.motion-toast:hover{background:#141e34fa}.motion-toast-close{width:32px;height:32px;color:var(--text-mute);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.motion-toast-close:hover{color:var(--text);background:#ffffff0f}.sidebar.play-sidebar .compare-panel,.sidebar.play-sidebar .year-panel,.sidebar.play-sidebar .picker,.sidebar.play-sidebar .quick-panel,.sidebar.play-sidebar .result,.sidebar.play-sidebar .puzzle{display:none}.stage-inner.play-stage{justify-content:safe center;align-items:stretch;overflow-y:auto}.play-hub{width:100%;max-width:1080px;margin:0 auto;padding:4px 0 12px}.play-hub-head{margin-bottom:14px}.play-kicker{letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700;display:block}.play-hub-head h2{margin:4px 0;font-size:24px}.play-hub-head p{color:var(--text-dim);margin:0;font-size:13px}.play-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.play-card{border:1px solid var(--line-soft);border-radius:var(--radius);min-height:180px;box-shadow:var(--shadow);background:linear-gradient(#111a2eeb,#0d1424f0);flex-direction:column;gap:8px;padding:16px;display:flex}.play-card.daily,.play-card.passport-card{grid-column:auto}.play-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.play-card h3{margin:0;font-size:17px}.play-card-sub,.play-card-note{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.5}.play-badge{color:var(--teal);white-space:nowrap;background:#3fd0c91f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.play-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.play-hint{color:var(--text-mute);font-size:12px}.play-scoreline{color:var(--text-dim);align-items:center;gap:10px;font-size:12.5px;display:flex}.play-scoreline strong{color:var(--accent);font-size:15px}.score-bar{gap:3px;display:inline-flex}.score-bar i{background:#243252;border-radius:3px;width:12px;height:12px}.score-bar i.on{background:var(--teal)}.play-game{border:1px solid var(--line-soft);border-radius:var(--radius);width:100%;max-width:900px;box-shadow:var(--shadow);background:linear-gradient(#111a2ef0,#0a101df5);margin:0 auto;padding:18px}.play-game-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.play-game-head>div{flex:1;min-width:0}.play-game-head h2{margin:3px 0 2px;font-size:22px}.play-sub{color:var(--text-dim);margin:0;font-size:12.5px}.hl-year{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.hl-year select{border:1px solid var(--line);background:var(--bg-panel);color:var(--text);border-radius:8px;padding:5px 8px;font-family:inherit}.hl-meta{color:var(--text-dim);align-items:center;gap:16px;margin:8px 0 12px;font-size:13px;display:flex}.hl-meta b{color:var(--accent)}.hl-cards{grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 14px;display:grid;position:relative}.hl-card{text-align:left;min-height:150px;color:var(--text);background:var(--bg-card);border:1px solid var(--line);cursor:pointer;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex}.hl-card:hover:not(:disabled){background:#f6c4530f;border-color:#f6c45380;transform:translateY(-2px)}.hl-card.picked{border-color:var(--accent)}.hl-card.win{border-color:var(--teal);box-shadow:0 0 0 1px #3fd0c940}.hl-card.lose{opacity:.55}.hl-card:disabled{opacity:1;cursor:default}.hl-card.lose:disabled{opacity:.55}.hl-kind{color:var(--text-mute);font-size:11px}.hl-name{font-size:20px;line-height:1.25}.hl-value{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:auto;font-size:16px}.hl-hint{color:var(--text-mute);font-size:11.5px}.hl-vs{border:1px solid var(--line);background:var(--bg);color:var(--text-mute);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blind-shape{border:1px solid var(--line-soft);background:radial-gradient(circle at 50% 40%,#16233d,#0a1120);border-radius:12px;justify-content:center;align-items:center;min-height:230px;margin-bottom:12px;padding:8px;display:flex}.shape-silhouette{width:100%;max-height:250px}.shape-silhouette path{fill:#5f8fe8;stroke:#bcd4ff;stroke-width:.8px;filter:drop-shadow(0 6px 12px #00000073)}.blind-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.blind-option{border:1px solid var(--line);background:var(--bg-card);min-height:44px;color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px}.blind-option:hover:not(:disabled){background:#f6c4530f;border-color:#f6c45380}.blind-option:disabled{opacity:1;cursor:default}.blind-option.correct{border-color:var(--teal);color:var(--teal);background:#3fd0c91f}.blind-option.wrong{border-color:var(--accent-2);color:#ff9a9a;background:#ef4d4d1a}.blind-result{color:#ff9a9a;margin:0 12px 0 0;font-size:13px}.blind-result.ok{color:var(--teal)}.passport-percent{color:var(--accent);font-size:22px;font-weight:700}.passport-bar{background:#1b2740;border-radius:999px;width:100%;height:8px;overflow:hidden}.passport-bar>span{background:linear-gradient(90deg, var(--teal), var(--accent));height:100%;transition:width var(--dur) var(--ease);display:block}.passport-tabs{flex-wrap:wrap;gap:6px;margin:12px 0 8px;display:flex}.passport-tab{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:12px}.passport-tab.active{color:var(--accent);background:#f6c4531a;border-color:#f6c45380}.passport-tab b{margin-left:6px;font-weight:600}.passport-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;max-height:380px;padding:2px;display:grid;overflow-y:auto}.passport-tile{text-align:left;border:1px dashed var(--line);min-height:42px;color:var(--text-mute);cursor:pointer;background:#0d142480;border-radius:8px;padding:6px 7px;font-family:inherit;font-size:11.5px;position:relative;overflow:hidden}.passport-tile span{-webkit-line-clamp:2;white-space:normal;word-break:break-all;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.passport-tile.on{color:var(--text);background:#3fd0c91a;border-style:solid;border-color:#3fd0c98c}.passport-tile.current{outline:2px solid var(--accent);outline-offset:1px}.passport-stamp{color:var(--teal);font-size:10px;font-style:normal;position:absolute;bottom:2px;right:5px}@media (width<=1080px){.app{height:auto}.layout{grid-template-rows:auto;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line-soft)}.stage{order:-1}.sidebar>.result,.sidebar>.puzzle{order:0}.sidebar>.picker{order:1}.sidebar>.quick-panel{order:2}.sidebar>.strategy{order:3}.sidebar>.compare-panel{order:4}.sidebar>.year-panel{order:5}.stage-inner{padding:12px 12px 4px}.map-holder{padding:6px}.topbar{padding:12px 14px}.result,.puzzle,.picker,.play-hub,.play-game{scroll-margin-top:185px}.brand{flex:auto;order:0}.header-actions{order:1}.controls{order:2}.brand h1{font-size:18px}.brand p{display:none}.controls{flex-direction:column;align-items:stretch;gap:8px;width:100%}.segmented{flex:auto}.controls .segmented button{flex:1}.header-actions{justify-content:flex-end;margin-left:auto}.segmented button{min-height:32px;padding:6px 10px;font-size:12px}.stage-footer{padding:10px 14px 18px}.year-ticks button{min-height:32px;padding:6px}.chip{min-height:32px;padding:6px 12px}.play-btn{min-height:32px}.link-btn{padding:9px 0;display:inline-block}.year-slider{background:linear-gradient(90deg,#1d2942,#2c3a5c) 50%/100% 4px no-repeat;height:22px;margin:4px 0 2px}.sources a{padding:7px 0;display:inline-block}.toggle{min-height:32px}.toggle input{width:40px;height:22px}.toggle input:after{width:14px;height:14px;top:3px;left:3px}.toggle input:checked:after{transform:translate(18px)}.rank-filters button{min-height:32px;padding:8px 12px}.passport-tab,.hl-year select{min-height:32px}.bracket-row{grid-template-columns:1fr}.bracket-tree{-webkit-overflow-scrolling:touch;overflow-x:auto}.bracket-tree .map-svg{min-width:620px}}@media (width<=560px){.metric-options{grid-template-columns:repeat(3,1fr)}.topbar{gap:10px}.header-actions .ghost-btn,.header-actions .primary-btn{min-height:32px;padding:8px 10px;font-size:12px}.header-actions .ghost-btn.icon-btn{width:32px;height:32px;min-height:32px}.bracket-row{grid-template-columns:1fr}.map-label,.sq-label,.puzzle-map-hint{display:none}.puzzle-pick-hint{display:block}.puzzle-pick{display:flex}.stage-caption{flex-direction:column;align-items:flex-start;gap:6px}.legend{flex-wrap:wrap;row-gap:10px}.legend-item{flex:none}.controls{gap:6px}.choice{grid-template-columns:minmax(0,1fr)}.choice-preview{text-align:left;white-space:normal;overflow-wrap:anywhere;margin-top:2px}.play-cards{grid-template-columns:1fr}.play-card.daily,.play-card.passport-card{grid-column:auto}.play-game{padding:12px}.play-game-head{flex-wrap:wrap}.play-game-head h2{font-size:18px}.play-hub-head h2{font-size:20px}.hl-cards{grid-template-columns:1fr}.hl-vs{display:none}.hl-name{font-size:17px}.blind-options{grid-template-columns:1fr}.passport-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:320px}.result-headline h1{font-size:19px}.result-list{max-height:200px}.ranking{--row-h:52px}.rank-row{grid-template-columns:36px minmax(0,1fr) auto auto;grid-template-areas:"idx name equiv note""idx bar bar bar";gap:5px 8px;padding:7px 8px}.rank-idx{grid-area:idx}.rank-name{text-align:left;grid-area:name}.rank-equiv{grid-area:equiv}.rank-note{grid-area:note}.rank-bar{grid-area:bar;height:12px;padding-right:88px}.rank-value{margin-left:7px;font-size:12px}}.app.motion-off *,.app.motion-off :before,.app.motion-off :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.app:not(.motion-on) *,.app:not(.motion-on) :before,.app:not(.motion-on) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}