@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#152a32;--paper:#f4efdF;--gold:#d9bb78;--line:#40555b;--muted:#b4c2c4;--ink:#273c40;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,.map-window:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.masthead{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 32px}.brand{text-decoration:none;font:700 27px 'Barlow Condensed',sans-serif;letter-spacing:.8px}.brand span{color:var(--gold)}.lab-label{color:var(--muted);font-size:12px;letter-spacing:2px}.back{margin-left:auto;font-size:14px;text-decoration:none;color:var(--gold)}main{max-width:1800px;margin:auto;padding:30px 32px 20px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);margin:0 0 8px}h1{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:.25px;font-size:38px;line-height:1.08;margin:0 0 10px}.intro>div>p:last-child{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.recommendation{border-left:2px solid var(--gold);padding:2px 0 2px 18px;max-width:320px;flex-shrink:0}.recommendation>span{font-size:12px;letter-spacing:1.5px;color:var(--gold)}.recommendation strong{display:block;font-size:17px;margin-top:5px}.recommendation p{font-size:14px;line-height:1.5;color:var(--muted);margin:6px 0 0}.controls{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.control-label,.zoom-control label{font-size:12px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:8px}.control-group{flex-shrink:0}.segmented{display:flex;border:1px solid #657579;border-radius:4px;overflow:hidden}.segmented button{border:0;border-right:1px solid #53676c;background:transparent;color:var(--paper);font-size:14px;padding:8px 12px;min-width:34px}.segmented button:last-child{border:0}.segmented button[aria-pressed=true]{color:var(--navy);background:var(--paper)}.zoom-control{flex:1;max-width:440px;min-width:180px}.zoom-control label{display:flex;justify-content:space-between;margin:0 0 2px}.zoom-control output{color:var(--gold);font-size:13px;letter-spacing:0;text-transform:none}.zoom-control input{width:100%;accent-color:var(--gold);height:18px;margin:3px 0 0}.scale-labels{display:flex;justify-content:space-between}.scale-labels button{font-size:12px;color:var(--muted);background:none;padding:0;border:0}.scale-labels button:hover{color:white}select{padding:7px 28px 7px 10px;background:#1e353c;color:var(--paper);border:1px solid #657579;border-radius:3px;font-size:14px;min-height:36px}.check{display:flex;gap:6px;align-items:center;font-size:14px;white-space:nowrap}.check input{accent-color:var(--gold);width:16px;height:16px}.reset{color:var(--muted);font-size:12px;border:0;background:none;padding:8px 0 0}.identity-legend{display:flex;gap:20px;flex-wrap:wrap;padding:17px 0;font-size:13px}.identity-legend span{display:inline-flex;gap:7px;align-items:center}.identity-legend i{width:10px;height:10px;background:var(--nation);box-shadow:0 0 0 1px #ffffff40;display:inline-block}.identity-legend b{font-weight:500;color:#e2e7e1}.comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.option{min-width:0;border:1px solid var(--line);background:#1c333a;border-radius:4px;overflow:hidden}.option.recommended{border-color:#a68c53}.option>header{height:64px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.option>header>div{display:flex;align-items:center;gap:9px}.letter{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:600;color:#aebfc0}.recommended .letter{color:var(--gold)}h2{font:600 23px/1 'Barlow Condensed',sans-serif;margin:0}.recommended-label,.option-label{font-size:10px;letter-spacing:.7px;color:var(--gold);white-space:nowrap}.option-label{color:var(--muted)}.map-window{position:relative;height:clamp(330px,43vh,510px);overflow:hidden;background:#a0b6b8;touch-action:none;cursor:grab;isolation:isolate}.map-window:active{cursor:grabbing}.map-window canvas{display:block!important;width:100%!important;height:100%!important}.mode-caption{position:absolute;left:10px;bottom:10px;z-index:2;pointer-events:none;background:#18363bdc;color:#f6ecd1;padding:5px 8px;font-size:12px;border-radius:2px}.map-loading{position:absolute;inset:0;display:grid;place-content:center;color:#30454a;font-size:14px}.option-body{padding:15px}.idea{font-size:14px;line-height:1.4;margin:0 0 12px;min-height:40px}.reading{min-height:51px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;font-size:14px;line-height:1.5;display:flex;gap:8px;align-items:center}.reading strong{color:var(--gold)}.reading .country-mark{color:var(--national);font-weight:700;border-left:3px solid var(--national);padding-left:7px;font-size:16px}.tradeoff{font-size:13px;line-height:1.75;color:var(--muted);margin:12px 0}.tradeoff b{font-weight:500;color:#eef0e8}.choose{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;font-size:14px;font-weight:600;background:transparent;color:var(--paper);border:1px solid #80918c;border-radius:2px;min-height:43px}.recommended .choose{border-color:var(--gold);color:var(--gold)}.choose:hover{background:#ffffff0c}.choose[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy)}.option.is-chosen{box-shadow:0 0 0 2px var(--gold)}.selection{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:15px;padding:22px 0 18px;border-bottom:1px solid var(--line)}.selection small{color:var(--muted);font-size:12px}.selection.has-choice>span{color:var(--gold)}footer{display:flex;justify-content:space-between;gap:36px;color:var(--muted);font-size:12px;line-height:1.6}footer p{max-width:580px}.comparisons:not([data-view=all]){grid-template-columns:1fr;max-width:1200px;margin:auto}.comparisons[data-view=a] .option:not([data-option=a]),.comparisons[data-view=b] .option:not([data-option=b]),.comparisons[data-view=c] .option:not([data-option=c]){display:none}.comparisons:not([data-view=all]) .map-window{height:min(58vh,650px)}.comparisons:not([data-view=all]) .option-body{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.comparisons:not([data-view=all]) .idea{min-height:0;margin:0}.comparisons:not([data-view=all]) .tradeoff{margin:0}.comparisons:not([data-view=all]) .reading{grid-row:span 2;border:0}.comparisons:not([data-view=all]) .choose{grid-column:1/-1;max-width:350px;margin:auto}
@media(min-width:1400px){.map-window{height:470px}h1{font-size:42px}.option-body{padding:18px}.idea{min-height:0}.controls{gap:40px}}
@media(max-width:1100px){main{padding:24px 20px}.masthead{padding:0 20px}.controls{gap:20px;flex-wrap:wrap}.zoom-control{max-width:none}.option>header{align-items:flex-start;flex-direction:column;height:81px;padding:10px 12px}.option>header>div{gap:7px}h2{font-size:21px}.option-label,.recommended-label{margin-left:22px}.comparisons{gap:10px}.option-body{padding:12px}.recommendation{max-width:255px}.intro{gap:25px}.tradeoff{min-height:69px}.identity-legend{gap:16px}.terrain{margin-left:auto}}
@media(max-width:740px){.masthead{height:57px;padding:0 14px;gap:12px}.brand{font-size:23px}.lab-label{display:none}.back{font-size:13px}main{padding:22px 14px}.intro{display:block;margin-bottom:20px}h1{font-size:32px}.intro>div>p:last-child{font-size:14px}.recommendation{max-width:none;margin-top:18px;padding-left:12px}.recommendation p{font-size:13px}.recommendation strong{display:inline;margin-left:6px;font-size:15px}.recommendation>span{font-size:10px}.controls{gap:16px 20px;padding:15px 0}.control-group:first-child{width:100%}.control-group:first-child .control-label{display:none}.segmented{width:100%}.segmented button{flex:1;padding:10px 8px}.segmented button:first-child{flex:2}.zoom-control{flex-basis:100%;order:1}.terrain{margin:0}.control-group:last-child{margin-left:auto}.comparisons{grid-template-columns:1fr;gap:22px}.option>header{height:61px;flex-direction:row;align-items:center;padding:12px 15px}.recommended-label,.option-label{margin:0}.map-window{height:360px}.option-body{padding:14px}.idea{min-height:0}.tradeoff{min-height:0}.identity-legend{gap:10px 18px;font-size:12px;padding:16px 0}.identity-legend span{flex-basis:calc(33.33% - 18px);gap:5px}.selection{display:block;line-height:1.6}.selection small{display:block;margin-top:5px}footer{display:block;font-size:12px}.comparisons:not([data-view=all]) .option-body{display:block}.comparisons:not([data-view=all]) .reading{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}.comparisons:not([data-view=all]) .choose{max-width:none;margin-top:13px}.comparisons:not([data-view=all]) .map-window{height:430px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.reading-flag{width:27px;height:18px;border:1px solid #bcc7b755}.comparison-tooltip{position:absolute;z-index:5;max-width:235px;padding:11px 13px;background:#18343dee;border:1px solid #c6b77f;color:#f9edd2;pointer-events:none;border-radius:3px;box-shadow:0 4px 16px #0b26344d}.comparison-tooltip[hidden]{display:none}.piece-tooltip-country{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:7px}.piece-tooltip-country img{width:28px;height:19px;border:1px solid #fff5}.piece-tooltip-title{font-size:20px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:600}.piece-tooltip-region{font-size:13px;color:#ccd9cf;margin-top:2px}.piece-tooltip-status{font-size:12px;color:#e2c78a;margin-top:7px}.recommended-label{font-size:10px}
.economy-link{font-size:14px;color:var(--gold);text-decoration:none;white-space:nowrap}@media(max-width:480px){.masthead{gap:12px;flex-wrap:wrap;height:auto;min-height:65px;padding-block:10px}.economy-link{margin-left:auto}.back{width:100%;margin:0;text-align:right}}