*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#2a241c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#3d342a;position:relative;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}body:before{content:"";position:absolute;inset:0;min-height:100vh;background-image:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(0,0,0,.03) 100px,rgba(0,0,0,.03) 101px),repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(0,0,0,.03) 100px,rgba(0,0,0,.03) 101px);pointer-events:none;z-index:0;opacity:.7;will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media(max-width:768px){body:before{background-image:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(0,0,0,.02) 100px,rgba(0,0,0,.02) 101px);opacity:.5}}#root{width:100%;position:relative;z-index:1}a{color:#d4a574;text-decoration:none}a:hover{color:#e8b885}button{border:none;background:none;font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#2a241c80;border-radius:5px}::-webkit-scrollbar-thumb{background:#d4a5744d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#d4a57480}@media(pointer:coarse){button,a,input,label{min-height:44px;min-width:44px}}.exhaust-indicator{position:relative;display:inline-block;vertical-align:middle}.exhaust-indicator-icon{object-fit:contain;border:1px solid #fff;border-radius:3px;box-sizing:border-box}.exhaust-indicator-count{position:absolute;color:#000;font-weight:900;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 2px rgba(255,255,255,.8);line-height:1;display:flex;align-items:center;justify-content:center}.exhaust-indicator-small,.exhaust-indicator-small .exhaust-indicator-icon{width:16px;height:16px}.exhaust-indicator-small .exhaust-indicator-count{top:0;left:-4px;font-size:.75rem;height:16px;width:10px}.exhaust-indicator-medium,.exhaust-indicator-medium .exhaust-indicator-icon{width:20px;height:20px}.exhaust-indicator-medium .exhaust-indicator-count{top:0;left:-5px;font-size:1rem;height:20px;width:12px}.exhaust-indicator-large,.exhaust-indicator-large .exhaust-indicator-icon{width:24px;height:24px}.exhaust-indicator-large .exhaust-indicator-count{top:0;left:-6px;font-size:1.15rem;height:24px;width:14px}.kind-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;font-weight:500;text-transform:uppercase;letter-spacing:.2px;background:var(--kind-color);color:#ffffffe6;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 2px #0000001a;white-space:nowrap;position:relative;overflow:hidden;opacity:.75}.kind-tag:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 11px);pointer-events:none}.kind-tag-small{padding:.12rem .35rem;font-size:.6rem;letter-spacing:.15px}.kind-tag-medium{padding:.18rem .45rem;font-size:.65rem}.kind-tag-large{padding:.25rem .6rem;font-size:.75rem;letter-spacing:.3px}.nation-card{position:relative;display:flex;align-items:center;padding:.875rem 1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .15s ease;min-height:64px;overflow:hidden;background:#f4f1e80a;border:1px solid rgba(212,165,116,.15);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.nation-card:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(212,165,116,.01) 40px,rgba(212,165,116,.01) 41px);pointer-events:none;opacity:.3}@media(max-width:768px){.nation-card:before{display:none}.nation-card{will-change:auto}}.nation-card:hover{background:#f4f1e80f;border-color:#d4a57440;transform:translate(3px);box-shadow:0 2px 8px #0003}.nation-card:active{transform:scale(.99)}.card-content{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:1;position:relative}.card-left{flex:1;display:flex;flex-direction:column}.nation-header{display:flex;align-items:center;gap:.5rem;min-height:24px}.nation-name{margin:0;font-size:1.1rem;font-weight:600;color:#f5f5f5f2;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.3}.complexity{display:flex;gap:2px;justify-content:flex-end;align-items:center;min-width:115px}.aggression-icon{font-size:1rem;margin-right:.4rem;display:inline-flex;align-items:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));transition:transform .15s ease}.star{font-size:.9rem;transition:transform .15s ease;position:relative;display:inline-block}.star.filled{color:#d4a574;text-shadow:0 1px 2px rgba(0,0,0,.3)}.star.empty{color:#d4a57433}.star.sixth-star{position:relative}.exclamation-mark{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;color:#f44;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.5);z-index:1;pointer-events:none;transition:transform .15s ease}.nation-card:hover .star.filled,.nation-card:hover .aggression-icon{transform:scale(1.1)}.nation-card:hover .exclamation-mark{transform:translate(-50%) scale(1.15)}.card-right{display:flex;align-items:center;gap:.5rem}.trade-routes-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;border:1px solid #fff;border-radius:50%;box-sizing:border-box}.exhaust-tokens-indicator{display:inline-flex;align-items:center;margin-left:.25rem}@media(max-width:480px){.nation-card{padding:.75rem;min-height:56px}.nation-name{font-size:1rem}.complexity{min-width:100px}.nation-card .aggression-icon{font-size:.9rem;margin-right:.3rem}.star{font-size:.85rem}.exclamation-mark{font-size:.7rem}}.nation-detail-overlay{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.nation-detail{width:100%;max-height:90vh;background:#f4f1e8;border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative}.nation-detail:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(0,0,0,.01) 100px,rgba(0,0,0,.01) 101px),repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(0,0,0,.01) 100px,rgba(0,0,0,.01) 101px);pointer-events:none;z-index:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:767px){.nation-detail{max-height:80vh;max-height:calc(80dvh - env(safe-area-inset-bottom,0px))}.nation-detail-overlay{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,0px)}}@media(min-width:768px){.nation-detail-overlay{align-items:center;justify-content:center;padding:2rem}.nation-detail{max-width:700px;max-height:90vh;border-radius:12px;animation:scaleIn .3s ease;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}}.detail-hero{position:relative;min-height:auto;background:#f4f1e8;display:flex;flex-direction:column;padding:0;overflow:visible;flex-shrink:0;border-radius:24px 24px 0 0}.nation-header-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#16a085;position:relative;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000001a}.set-indicator{position:absolute;left:0;top:0;bottom:0;width:20px;border-radius:12px 0 0}.header-right{margin-left:auto;display:flex;align-items:center;gap:1rem}.detail-meta{padding:1rem 1.5rem;background:#f4f1e8}.detail-kind-row{margin-top:.5rem}.aggression-text{margin:0 0 .5rem;font-size:.9rem;color:#1a1a1a;font-weight:600;letter-spacing:.5px}.aggression-text strong{font-weight:800}.detail-name{margin:0;font-size:1.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;flex:1}.detail-trade-routes-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;border:1px solid #fff;border-radius:50%;box-sizing:border-box}.detail-exhaust-indicator{display:inline-block;vertical-align:middle;margin-left:10px}.complexity-large{display:flex;align-items:center;gap:.25rem}.complexity-large .star{font-size:1.25rem;position:relative;display:inline-block}.complexity-large .star.filled{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.complexity-large .star.empty{color:#fff6}.complexity-large .star.sixth-star{position:relative}.complexity-large .exclamation-mark{position:absolute;top:-3px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700;color:#f44;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.5);z-index:1;pointer-events:none;transition:transform .15s ease}.period{margin:0;font-size:.85rem;color:#666;font-style:italic}.detail-content{padding:1.5rem;overflow-y:auto;flex:1;background:#f4f1e8;position:relative;z-index:1}.detail-content::-webkit-scrollbar{width:8px}.detail-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.detail-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.detail-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.detail-section{margin-bottom:1.75rem}.detail-section:last-child{margin-bottom:0}.detail-section h2{margin:0 0 .75rem;font-size:1rem;font-weight:900;color:#1a1a1a;text-transform:uppercase;letter-spacing:2px}.detail-section p{margin:0;font-size:.95rem;line-height:1.7;color:#333;text-align:justify}.detail-section p+p{margin-top:1rem}.opponents-section{padding:0}.opponent-chips{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}@media(min-width:480px){.opponent-chips{flex-direction:row;flex-wrap:wrap}.opponent-chip{width:auto}}.opponent-chip{display:flex;align-items:center;gap:.75rem;padding:.5rem .8rem;background:#16a085;border:none;border-radius:6px;font-size:.85rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.2)}.opponent-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;filter:brightness(1.1)}.opponent-chip:active{transform:translateY(0)}.opponent-name{text-transform:uppercase;letter-spacing:.5px;flex:1;text-align:left}.opponent-info{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.opponent-icon{width:16px;height:16px;object-fit:contain;border:1px solid rgba(255,255,255,.5);border-radius:50%}.opponent-complexity{opacity:.9;font-size:.7rem;letter-spacing:-1px}.opponent-note{font-style:italic;color:#666;font-size:.9rem}.wiki-section{padding:0;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #ddd}.wiki-loading{color:#999;font-style:italic}.wiki-error{color:#c0392b;font-style:italic}.wiki-extract{margin-bottom:1rem!important;color:#333;text-align:justify}.wiki-link{display:inline-flex;align-items:center;gap:.25rem;color:#16a085;text-decoration:none;font-weight:700;font-size:.9rem;transition:color .2s;text-transform:uppercase;letter-spacing:.5px}.wiki-link:hover{color:#1abc9c;text-decoration:underline}.ai-indicator{font-size:.75em;margin-left:.25rem;filter:grayscale(1) brightness(.5)}.inline-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 .1em}.inline-icon img{height:1.2em;width:auto;vertical-align:middle;border-radius:2px}.game-keyword{font-weight:700;font-style:italic;text-decoration:underline}.map-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top,1rem));padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem))}.map-modal{width:100%;max-width:1600px;height:100%;max-height:90vh;background:#2a241c;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px #000c}.map-close-button{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#1a1713e6;border:2px solid #d4a574;color:#d4a574;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;font-family:inherit}.map-close-button:hover{background:#d4a574;color:#2a241c;transform:rotate(90deg)}.map-set-filters{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10;background:#f4f1e80f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem;border-radius:10px;border:1px solid rgba(212,165,116,.2)}.map-set-filters:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(212,165,116,.01) 50px,rgba(212,165,116,.01) 51px);border-radius:inherit;pointer-events:none;opacity:.5}.map-set-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:6px;border:1.5px solid rgba(212,165,116,.2);background:#1a17134d;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;min-height:38px;position:relative;z-index:1}.map-set-filter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--set-color);border-radius:6px 0 0 6px;opacity:.5;transition:opacity .15s ease}.map-set-filter:hover{background:#1a171380;border-color:#d4a57459;transform:translateY(-1px)}.map-set-filter:hover:before{opacity:.7}.map-set-filter.selected{background:#1a171399;border-color:var(--set-color);box-shadow:0 0 8px #0003}.map-set-filter.selected:before{opacity:1;width:4px}.map-set-filter .set-checkbox{display:none}.map-set-filter .checkmark{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(212,165,116,.25);font-size:.6rem;font-weight:700;color:transparent;transition:all .15s ease;background:transparent}.map-set-filter.selected .checkmark{background:var(--set-color);border-color:var(--set-color);color:#fff;opacity:.9}.map-set-filter .set-name{font-weight:500;color:#d4a574a6;font-size:.85rem;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px}.map-set-filter.selected .set-name{color:#f5f5f5f2;font-weight:600;text-shadow:0 0 8px var(--set-color)}.map-set-filter:hover .set-name{color:#d4a574d9}.map-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.map-wrapper{position:relative;width:100%;display:inline-block}.world-map{width:100%;height:auto;display:block}.map-pins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-pin{position:absolute;transform:translate(-4px) translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:inline-flex;flex-direction:row;align-items:center;gap:.2rem;pointer-events:auto;z-index:1;-webkit-user-select:none;user-select:none}.map-pin:hover{z-index:2;transform:translate(-4px) translateY(-50%) scale(1.05)}.pin-circle{width:8px;height:8px;border:1.5px solid rgba(26,23,19,.9);border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0009;transition:all .2s ease}.map-pin:hover .pin-circle{width:10px;height:10px;box-shadow:0 3px 6px #000000b3;filter:brightness(1.3)}.map-pin:hover .pin-label{background:#1a1713f2;color:#fff}.pin-label{background:#1a1713d9;color:#f5f5f5;padding:.05rem .25rem;border-radius:2px;font-size:.8rem;font-weight:500;white-space:nowrap;letter-spacing:.2px;box-shadow:0 1px 2px #0006;border:none;pointer-events:none}.map-pin.label-left{transform:translate(-4px) translateY(-50%);padding-left:60px;margin-left:-60px}.map-pin.label-left .pin-label{position:absolute;right:calc(100% - 60px + .2rem);left:auto}.map-pin.label-left:hover{transform:translate(-4px) translateY(-50%) scale(1.05)}@media(max-width:768px){.map-set-filters{gap:.6rem;padding:.6rem}.map-set-filter{padding:.4rem .7rem;min-height:34px}.map-set-filter .set-name{font-size:.75rem}}@media(max-width:768px)and (orientation:portrait){.map-modal{border-radius:0;width:100vw;height:calc(100vh - env(safe-area-inset-top,0px) - 40px);height:calc(100dvh - env(safe-area-inset-top,0px) - 40px);max-width:100vw;max-height:calc(100vh - env(safe-area-inset-top,0px) - 40px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 40px)}.map-container{transform:rotate(90deg);width:calc(100vh - env(safe-area-inset-top,0px) - 40px);height:100vw;position:absolute;left:50%;top:50%;margin-left:calc(-50vh + env(safe-area-inset-top,0px)/2 + 20px);margin-top:-50vw}}@media(max-width:768px)and (orientation:landscape){.map-modal{border-radius:0;max-height:calc(100vh - env(safe-area-inset-top,0px) - 20px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 20px)}.map-set-filters{top:3.5rem;padding:.4rem;gap:.3rem}.map-set-filter{padding:.2rem .4rem;font-size:.65rem}.map-set-filter .filter-dot{width:6px;height:6px}}@media(max-width:768px)and (orientation:portrait){.map-close-button{top:.5rem;right:.5rem;width:36px;height:36px}.map-set-filters{top:3.5rem;left:50%;transform:translate(-50%);padding:.4rem;gap:.3rem}.map-set-filter{padding:.2rem .4rem;font-size:.65rem}.map-set-filter .filter-dot{width:6px;height:6px}}@media(max-width:768px)and (orientation:landscape){.map-close-button{top:.5rem;right:.5rem;width:36px;height:36px}.map-set-filter{padding:.2rem .4rem;font-size:.65rem}.map-set-filter .filter-dot{width:6px;height:6px}}@media(max-width:768px)and (orientation:portrait){.pin-circle{width:7px;height:7px}.map-pin:hover .pin-circle{width:8px;height:8px}.pin-label{font-size:.42rem;padding:.03rem .2rem}.map-pin{gap:.2rem}.map-pin:hover{transform:translate(-4px) translateY(-50%) scale(1.03)}.map-pin.label-left{transform:translate(-4px) translateY(-50%);padding-left:45px;margin-left:-45px}.map-pin.label-left .pin-label{right:calc(100% - 45px + .15rem)}.map-pin.label-left:hover{transform:translate(-4px) translateY(-50%) scale(1.03)}}@media(max-width:768px)and (orientation:landscape){.pin-circle{width:7px;height:7px}.map-pin:hover .pin-circle{width:8px;height:8px}.pin-label{font-size:.42rem;padding:.03rem .2rem}.map-pin{gap:.2rem}.map-pin:hover{transform:translate(-4px) translateY(-50%) scale(1.03)}.map-pin.label-left{transform:translate(-4px) translateY(-50%);padding-left:45px;margin-left:-45px}.map-pin.label-left .pin-label{right:calc(100% - 45px + .15rem)}.map-pin.label-left:hover{transform:translate(-4px) translateY(-50%) scale(1.03)}}@media(min-width:769px)and (max-width:1024px){.pin-label{font-size:.45rem;padding:.04rem .22rem}.map-set-filters{top:1rem}.map-set-filter{font-size:.7rem}.pin-circle{width:7.5px;height:7.5px}.map-pin:hover .pin-circle{width:11px;height:11px}.map-pin.label-left{transform:translate(-5px) translateY(-50%);padding-left:65px;margin-left:-65px}.map-pin.label-left .pin-label{right:calc(100% - 65px + .25rem)}.map-pin.label-left:hover{transform:translate(-5px) translateY(-50%) scale(1.08)}}.about-overlay{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-modal{background:#3d342a;border:1px solid rgba(212,165,116,.2);border-radius:12px;padding:2rem;max-width:500px;width:90%;position:relative;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.about-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#1a1713e6;border:2px solid #d4a574;color:#d4a574;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.about-close:hover{background:#d4a574;color:#2a241c;transform:rotate(90deg)}.about-modal h2{margin:0 0 1rem;padding-right:3rem;font-size:1.25rem;text-transform:uppercase;letter-spacing:1px;color:#d4a574}.about-modal h3{margin:1.5rem 0 .75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#d4a574}.about-modal p{margin:0 0 1rem;line-height:1.6;color:#fffc}.about-links{list-style:none;padding:0;margin:0}.about-links li{margin-bottom:.5rem}.about-links a{color:#d4a574d9;text-decoration:none;font-weight:500;transition:color .15s ease}.about-links a:hover{color:#d4a574;text-decoration:underline}.set-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:6px;border:1.5px solid rgba(212,165,116,.2);background:#1a17134d;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;min-height:38px;position:relative}.set-filter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--set-color);border-radius:6px 0 0 6px;opacity:.5;transition:opacity .15s ease}.set-filter:hover{background:#1a171380;border-color:#d4a57459;transform:translateY(-1px)}.set-filter:hover:before{opacity:.7}.set-filter:active{transform:translateY(0)}.set-filter.selected{background:#1a171399;border-color:var(--set-color);box-shadow:0 0 8px #0003}.set-filter.selected:before{opacity:1;width:4px}.set-checkbox{display:none}.checkmark{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(212,165,116,.25);font-size:.6rem;font-weight:700;color:transparent;transition:all .15s ease;background:transparent}.set-filter.selected .checkmark{background:var(--set-color);border-color:var(--set-color);color:#fff;opacity:.9}.set-name{font-weight:500;color:#d4a574a6;font-size:.85rem;transition:all .15s ease;text-transform:uppercase;letter-spacing:.3px}.set-filter.selected .set-name{color:#f5f5f5f2;font-weight:600;text-shadow:0 0 8px var(--set-color)}.set-filter:hover .set-name{color:#d4a574d9}.app{min-height:100vh;padding:1.5rem 1rem;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.card-style{background:#f4f1e80f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:10px;padding:1rem;position:relative;width:100%}.card-style:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(212,165,116,.01) 50px,rgba(212,165,116,.01) 51px),repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(212,165,116,.01) 50px,rgba(212,165,116,.01) 51px);border-radius:inherit;pointer-events:none;opacity:.5}@media(max-width:768px){.card-style:before{display:none}}.app-header{text-align:center;padding:1rem 1.25rem;width:100%;background:#f4f1e80f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:12px;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem}.app-header:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(212,165,116,.02) 40px,rgba(212,165,116,.02) 41px);border-radius:inherit;pointer-events:none}.app-header h1{margin:0;font-size:1.4rem;font-weight:700;color:#d4a574;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}.subtitle{display:none}.map-button{margin:0;padding:.5rem 1rem;background:#d4a57426;border:1.5px solid #d4a574;border-radius:6px;color:#d4a574;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem;position:relative;z-index:1}.map-button:hover{background:#d4a574;color:#1a1713;transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.filters{background:#f4f1e80f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,165,116,.2);border-radius:10px;padding:1.25rem;width:100%;position:relative}.filters:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(212,165,116,.01) 50px,rgba(212,165,116,.01) 51px);border-radius:inherit;pointer-events:none;opacity:.5}.filter-row{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1;margin-bottom:1.25rem}.filter-row:last-child{margin-bottom:0}.secondary-filters{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;position:relative;z-index:1;max-width:400px;margin:0 auto}.set-checkboxes{display:flex;justify-content:center;gap:1rem;width:100%;flex-wrap:wrap}.trade-routes-filter{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .85rem;background:#1a17134d;border:1.5px solid rgba(212,165,116,.2);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;min-height:38px}.trade-routes-filter:hover{background:#1a171380;border-color:#d4a57459}.trade-checkbox-input{display:none}.trade-checkmark{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(212,165,116,.25);font-size:.6rem;font-weight:700;color:transparent;transition:all .15s ease;background:transparent;flex-shrink:0}.trade-checkbox-input:checked~.trade-checkmark{background:#d4a57433;border-color:#d4a57466;color:#d4a574}.trade-label{font-size:.85rem;color:#d4a574bf;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.sort-section{display:flex;align-items:center;justify-content:center;padding:.5rem .85rem;background:#1a17134d;border:1.5px solid rgba(212,165,116,.2);border-radius:6px;width:100%;min-height:38px}.sort-dropdown{background-color:transparent;color:#d4a574e6;border:none;padding:0 1.5rem 0 0;font-size:.85rem;cursor:pointer;transition:all .15s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a574' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0 center;background-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;width:100%;text-align:center}.sort-dropdown:hover{color:#d4a574}.sort-dropdown:focus{outline:none;color:#d4a574}.sort-dropdown option{background-color:#1a1713;color:#d4a574e6}.nations-list-header{display:flex;justify-content:flex-end;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(212,165,116,.1);position:relative;z-index:1}.nations-count{font-size:.7rem;color:#d4a57466;font-weight:500;letter-spacing:.5px}.nations-list-container{width:100%;background:#f4f1e80a;border:1px solid rgba(212,165,116,.15);border-radius:10px;padding:1rem;position:relative}.nations-list-container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(212,165,116,.01) 60px,rgba(212,165,116,.01) 61px);border-radius:inherit;pointer-events:none;opacity:.3}.nations-list{display:flex;flex-direction:column;position:relative;z-index:1;gap:.5rem;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@media(min-width:768px){.app{padding:2rem 1.5rem;gap:2rem}.app-header{padding:1.5rem 2rem;flex-direction:row;justify-content:space-between}.app-header h1{font-size:1.8rem}.subtitle{display:block;font-size:.9rem;color:#d4a574b3;margin:0}.map-button{padding:.6rem 1.2rem;font-size:.85rem}.filter-row{flex-direction:row;justify-content:center}.secondary-filters{display:flex;flex-direction:row;justify-content:center;gap:1rem;max-width:none}.sort-section,.trade-routes-filter{width:auto}.filters{padding:1.5rem}}@media(max-width:767px){.nations-list-container:before,.app-header:before{display:none}.set-checkboxes{gap:.6rem}.secondary-filters{grid-template-columns:1fr;gap:.6rem}.sort-section{padding:.5rem .85rem}.sort-dropdown{font-size:.8rem;background-size:.8rem}.trade-routes-filter{padding:.35rem .6rem}.trade-routes-filter span{font-size:.8rem}}.app-footer{padding:1.5rem 1rem;text-align:center;border-top:1px solid rgba(212,165,116,.15);margin-top:1rem;width:100%}.footer-link{background:none;border:none;color:#d4a57480;font-size:.8rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;transition:all .15s ease}.footer-link:hover{color:#d4a574d9}.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state p{color:#d4a57480;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:0}