.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:1rem 0}.feature-card{padding:30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:opacity 0.6s,transform 0.6s;will-change:transform}.feature-card:hover{transform:translateY(-8px);border-color:var(--primary-gold);box-shadow:none;filter:drop-shadow(0 10px 30px rgba(218,165,32,0.3))}.feature-icon{font-size:3rem;margin-bottom:15px;display:block}.feature-card h3{color:var(--primary-gold);margin-bottom:15px;font-size:1.4rem}.news-post{width:100%;border:12px solid transparent;padding:15px;border-image:url(/img/TableBorder.webp) 15;background-color:rgba(255,215,0,0.075);background-clip:padding-box}.news-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px}.news-title h2{margin:0}.news-title p{margin:0;text-align:right;white-space:nowrap}.news-content{margin-left:10px}.news-card{margin:1rem 10%;display:flex}.guide-card{text-align:left;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between}.guide-card:hover{color:inherit}.guide-icon{font-size:2rem;margin-bottom:10px}.guide-readmore{margin-top:15px;font-weight:bold;color:var(--primary-gold);text-align:right;font-size:1rem;transition:var(--transition-fast)}.guide-card:hover .guide-readmore{text-decoration:underline;filter:brightness(1.2)}.guide-content{max-width:800px;font-size:1.1rem;line-height:1.8;color:#e0e0e0;padding-bottom:4rem}.guide-content h1{color:var(--primary-gold);font-size:2.2rem;margin-bottom:20px}.guide-content h2{color:var(--primary-gold);margin-top:40px;font-size:1.5rem}.guide-paragraph{display:flex;margin-bottom:4rem}.guide-paragraph h2{margin-top:0;margin-bottom:1rem;font-size:1.8rem}.guide-paragraph ul{margin:0 0 0 -5px}.note-box{border-left:6px solid var(--primary-gold);background:rgba(255,215,0,0.1);padding:16px 20px;margin:30px 0;border-radius:8px;display:flex;align-items:flex-start;gap:15px}.note-box-icon{font-size:1.5rem;flex-shrink:0}.note-box-content{flex:1}.income-chart-wrapper{margin-top:30px;padding:20px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,215,0,0.15);border-radius:12px;box-shadow:0 0 6px rgba(0,0,0,0.3);max-width:820px;overflow:hidden;width:100%;height:400px;max-height:400px}.cage-guide{margin-bottom:2rem;display:flex;justify-content:space-between;width:100%;align-items:flex-start;gap:1rem}.cage-guide h2{margin:0}.cage{min-height:158px}.cage-image{width:min(34vw,280px);min-width:220px;max-width:280px;height:auto;border:1px solid rgba(255,255,255,0.2);border-radius:8px;margin-left:20px;cursor:zoom-in;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.cage-image:hover,.cage-image:focus-visible{transform:translateY(-2px);border-color:rgba(255,215,0,0.45);box-shadow:0 6px 18px rgba(0,0,0,0.35)}.image-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);z-index:10000;padding:1rem}.image-modal.open{display:flex}.image-modal img{max-width:min(96vw,1400px);max-height:92vh;width:auto;height:auto;border-radius:8px;border:2px solid rgba(255,215,0,0.35)}.image-modal-close{position:absolute;top:1rem;right:1.2rem;border:0;background:transparent;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer}@media (max-width:900px){.cage-guide{flex-direction:column}.cage-image{margin-left:0;width:min(100%,520px);min-width:0;max-width:100%}}.how-to-img{height:205px}.changelog-title-container{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:3rem}.changelog-version-label{color:#d8c9a0;font-size:0.88rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.changelog-title-container select{width:auto;min-width:12rem;max-width:16rem;height:3.35rem;padding:0.85rem 3rem 0.85rem 1.4rem}.changelog-container{display:flex;flex-direction:column;border:2px solid black;border-style:hidden;border-radius:5px;background-color:rgba(255,215,0,0.075);max-width:100%;overflow-x:hidden}.corner-elem{height:12px;width:17px;margin:0}.middle-elem{height:12px;flex-grow:2;margin:0;width:auto;min-width:10px}.changelog-deco-elem{width:15px}.changelog-panel-footer{display:flex;justify-content:right;align-items:center;gap:20px;margin-top:30px}.changelog-data-container{text-align:left;margin-top:20px}.changelog-data-container h4{display:block;margin:1.35rem 0 0.8rem;padding:0.55rem 0.75rem;border:1px solid rgba(255,215,0,0.22);border-radius:6px;background:linear-gradient(135deg,rgba(255,215,0,0.13),rgba(139,69,19,0.14));color:var(--primary-gold);line-height:1.2}.changelog-data-container h5{margin-top:0.9rem;margin-bottom:0.6rem}.changelog-card[hidden]{display:none}.changelog-empty{margin:0.25rem 0 1rem;color:#a0a0a0;font-style:italic}.changelog-card .feature-icon{color:var(--primary-gold);font-size:2rem;font-weight:700;line-height:1.1}.changelog-card:hover{transform:none;border-color:inherit;box-shadow:inherit}@media (max-width:640px){.changelog-title-container{align-items:stretch;flex-direction:column;margin-bottom:1.5rem}.changelog-title-container select{max-width:none;width:100%}}.faq-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.faq-title{text-align:center;color:#333;margin-bottom:30px}.faq-item{margin-bottom:20px;border:1px solid #ddd;border-radius:5px;overflow:hidden}.faq-question{padding:15px;margin:0 !important;user-select:none}.faq-answer{padding:15px;border-top:1px solid #ddd}.faq-answer p{margin:0 0 10px 0}.faq-answer p:last-child{margin-bottom:0}.faq-box{margin-bottom:2rem}.w3c-download{max-width:60%;height:auto}.w3c-features{max-height:100%;max-width:100%;border:10px solid transparent;border-image:url(/img/TableBorder.webp) 15;margin:0}.important-text{text-align:center;margin-bottom:2rem}.float-screenshot{float:right;max-height:80%;max-width:50%;border:10px solid transparent;border-image:url(/img/TableBorder.webp) 15;margin:0 15px}.news-image{max-width:100%;border:10px solid transparent;margin-left:-10px;border-radius:15px}@media (max-width:550px){.news-image{display:none}.news-image+br,.news-image+br+br{display:none}}.unit-card{padding-top:5px}.unit-card h1{margin-top:7px;margin-bottom:7px}.tag-container{display:flex;flex-direction:row;gap:0.8rem;margin-top:5px}.tag{border-radius:16px;border:1px solid transparent;background-color:#daa520;font-size:0.8rem;font-weight:bold;padding:0px 10px}.flex-container{display:flex;flex-direction:row;justify-content:space-between}.flex-container img{width:60px;height:60px}.mmr-chart{width:100%;height:100%;display:block}.race-overview-page{max-width:980px}.race-hub{max-width:1080px;padding-bottom:3rem}.race-overview-intro{margin-top:1rem;margin-bottom:1.5rem;max-width:62ch;line-height:1.62;color:#ded4c3}.race-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.race-card{padding:1rem}.race-card-link{text-decoration:none;color:inherit;display:block}.race-card h2{margin:0}.race-card p{margin:0.5rem 0;line-height:1.55}.race-card-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.4rem}.race-card-head img{width:52px;height:52px;object-fit:contain}.race-card-role{color:var(--primary-gold);font-weight:700;font-size:0.92rem}.race-list-tools{margin-bottom:1rem}.cf-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;margin:0.35rem 0 1rem;color:#d9cfb8;font-size:0.95rem}.cf-breadcrumbs a{color:#f1d56a;text-decoration:none}.cf-breadcrumbs a:hover{color:#fff0ae;text-decoration:underline}.cf-breadcrumb-sep{color:rgba(241,213,106,0.52)}.cf-breadcrumbs [aria-current="page"]{color:#f6efe0;font-weight:700}.race-search{width:min(420px,100%);padding:0.65rem 0.75rem;border-radius:8px;border:1px solid rgba(255,215,0,0.25);background:rgba(0,0,0,0.3);color:#f2e9d6}.race-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0.9rem}.race-entry-card{display:flex;align-items:flex-start;gap:0.8rem;padding:0.9rem;color:inherit;text-decoration:none;transition:border-color 0.16s ease,filter 0.16s ease,transform 0.16s ease}.race-entry-card:hover{border-color:rgba(241,213,106,0.42);filter:brightness(1.08);transform:translateY(-1px)}.race-entry-card .cf-hotkey-slot-wrap{width:48px;height:48px;flex:0 0 auto}.mode-guide-strip{display:grid;gap:0.35rem;margin:0 0 1rem;color:#d8ccb0;font-size:0.96rem}.mode-guide-strip p{margin:0}.mode-guide-strip code{color:#ffeaa3;font-family:"Consolas","Courier New",monospace}.mode-builder{display:grid;gap:0.55rem;margin:0 0 1rem;padding:0.65rem;border-radius:6px;border:1px solid rgba(255,215,0,0.18);background:rgba(0,0,0,0.18)}.mode-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.mode-builder-head h2{margin:0 0 0.12rem;color:#f3e7bd;font-size:1rem}.mode-builder-head p{margin:0;color:#cabf9d;font-size:0.82rem}.mode-builder-actions{display:flex;gap:0.4rem;flex-wrap:wrap}.mode-builder-main{display:grid;grid-template-columns:minmax(13rem,1.4fr) minmax(9rem,0.8fr) minmax(4.6rem,0.32fr) minmax(8rem,0.7fr) minmax(6.8rem,0.45fr);gap:0.45rem;align-items:start}.mode-builder-section{display:grid;gap:0.35rem;padding-top:0.42rem;border-top:1px solid rgba(255,215,0,0.12)}.mode-builder-section summary{width:fit-content;margin:0;color:#ffeaa3;font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;user-select:none}.mode-builder-section summary:hover{color:#fff3bd}.mode-builder-section:not([open]){gap:0}.mode-builder-section:not([open]) summary{color:#cdbb79}.mode-builder-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:0.38rem 0.55rem}.mode-builder label,.mode-builder-control{display:grid;gap:0.16rem;color:#cabf9d;font-size:0.78rem}.mode-builder-control{min-width:0;margin:0;padding:0;border:0}.mode-builder-control legend{padding:0;color:#cabf9d}.mode-builder input[type="number"]{width:100%;min-height:1.8rem;padding:0.24rem 0.42rem;border-radius:6px;border:1px solid rgba(255,215,0,0.2);background:rgba(0,0,0,0.28);color:#f2e9d6}.mode-builder input[type="number"]::-webkit-outer-spin-button,.mode-builder input[type="number"]::-webkit-inner-spin-button{margin:0;appearance:none}.mode-builder input[type="number"]{appearance:textfield}.mode-builder input::placeholder{color:#8b7c5e;opacity:1}.mode-builder input:disabled{opacity:0.48;cursor:not-allowed}.mode-builder-segments{display:flex;flex-wrap:wrap;gap:0.24rem;align-items:flex-start;align-content:flex-start}.mode-builder-segments button{min-height:1.8rem;padding:0.24rem 0.44rem;border-radius:6px;border:1px solid rgba(255,215,0,0.18);background:rgba(0,0,0,0.25);color:#d8ccb0;cursor:pointer;font-size:0.78rem;line-height:1.1}.mode-builder-segments button[aria-pressed="true"]{border-color:rgba(255,215,0,0.42);background:rgba(255,215,0,0.12);color:#ffeaa3}.mode-builder-segments button:disabled{opacity:0.45;cursor:not-allowed}.mode-builder-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.8rem,1fr));gap:0.28rem 0.5rem}.mode-builder-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:0.36rem;min-height:1.65rem;min-width:0;color:#d8ccb0;line-height:1.15}.mode-builder-option--value{grid-template-columns:auto max-content 5.4rem auto;justify-content:start;column-gap:0.42rem}.mode-builder-checks label,.mode-builder-values label{display:flex;align-items:center;gap:0.32rem;min-height:1.65rem;min-width:0;color:#d8ccb0;line-height:1.15}.mode-builder-option-label{display:block;min-width:0;color:#d8ccb0;font-size:0.78rem;line-height:1.15;cursor:pointer}.mode-builder-option--value .mode-builder-option-label{white-space:nowrap}.mode-builder input[type="checkbox"]{width:0.9rem;height:0.9rem;flex:0 0 auto;accent-color:#d5a700}.mode-builder-help-link{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;flex:0 0 auto;border-radius:999px;border:1px solid rgba(255,215,0,0.28);color:#f7d45d;font-size:0.72rem;font-weight:700;line-height:1;text-decoration:none;background:rgba(255,215,0,0.08)}.mode-builder-help-link:hover,.mode-builder-help-link:focus{border-color:rgba(255,215,0,0.55);color:#fff2b3;background:rgba(255,215,0,0.14)}.mode-builder-values input[type="number"]{box-sizing:border-box;width:5.4rem;min-width:0;max-width:5.4rem;margin-left:0}.mode-builder-output{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.55rem;align-items:center}.mode-builder-output output{min-height:2rem;padding:0.38rem 0.55rem;border-radius:6px;border:1px solid rgba(255,215,0,0.28);background:rgba(255,215,0,0.08);color:#ffeaa3;font-family:"Consolas","Courier New",monospace;overflow-wrap:anywhere}.mode-builder-output button,.mode-builder-actions button{min-height:2rem;padding:0.35rem 0.72rem;border-radius:6px;border:1px solid rgba(255,215,0,0.28);background:rgba(255,215,0,0.1);color:#f2e9d6;cursor:pointer}.mode-entry-list{display:grid;gap:0.36rem}.mode-entry-row{display:grid;grid-template-columns:minmax(4.8rem,6.2rem) minmax(10rem,1fr) minmax(9rem,auto);gap:0.7rem;align-items:center;padding:0.42rem 0.55rem}.mode-entry-row-skeleton{min-height:4.4rem;background:linear-gradient(90deg,rgba(255,255,255,0.05),rgba(255,215,0,0.08),rgba(255,255,255,0.05));background-size:180% 100%;animation:skeleton-shimmer 1.1s infinite linear}.mode-entry-command{min-width:0;padding:0.3rem 0.42rem;border-radius:6px;border:1px solid rgba(255,215,0,0.25);background:rgba(255,215,0,0.08);color:#ffeaa3;font-family:"Consolas","Courier New",monospace;font-size:0.86rem;line-height:1.2;text-align:center}.mode-entry-copy{min-width:0}.mode-entry-copy h3{margin:0;color:#f3e7bd;font-size:0.94rem}.mode-entry-copy p{margin:0.03rem 0 0;color:#d8ccb0;font-size:0.84rem}.mode-entry-copy .mode-entry-detail{color:#cabf9d;font-size:0.78rem;line-height:1.25}.mode-entry-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.24rem;margin:0}.mode-entry-meta span{padding:0.13rem 0.38rem;border-radius:999px;border:1px solid rgba(255,215,0,0.16);color:#cabf9d;font-size:0.72rem}@media (max-width:760px){.mode-builder-main{grid-template-columns:1fr}.mode-entry-row{grid-template-columns:minmax(4.8rem,6.2rem) minmax(0,1fr)}.mode-entry-meta{grid-column:1 / -1;justify-content:flex-start}.mode-builder-output{grid-template-columns:1fr}}.mode-pill-grid{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center}.mode-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0.32rem 0.62rem;border-radius:999px;border:1px solid rgba(255,215,0,0.22);background:rgba(0,0,0,0.24);color:#ffeaa3;font-family:"Consolas","Courier New",monospace;font-size:0.9rem;line-height:1;text-decoration:none;transition:border-color 0.16s ease,background 0.16s ease,color 0.16s ease}.mode-pill:hover{border-color:rgba(255,215,0,0.46);background:rgba(255,215,0,0.1);color:#fff3c0}.mode-pill.is-skeleton{width:4.4rem;background:linear-gradient(90deg,rgba(255,255,255,0.06),rgba(255,215,0,0.1),rgba(255,255,255,0.06));background-size:180% 100%;animation:skeleton-shimmer 1.1s infinite linear}.race-entry-copy h3{margin:0 0 0.2rem;color:#f3e7bd}.race-entry-copy p{margin:0.15rem 0}.race-entry-card-skeleton{min-height:84px;position:relative;overflow:hidden}.race-entry-card-skeleton::before{content:"";position:absolute;inset:0;background:linear-gradient( 100deg,rgba(255,215,0,0.04) 20%,rgba(255,215,0,0.14) 50%,rgba(255,215,0,0.04) 80% );background-size:220% 100%;animation:cf-hotkey-skeleton-shimmer 1.2s ease-in-out infinite}.race-unit-detail{padding:0.9rem;border-radius:6px;background:linear-gradient(180deg,rgba(18,32,20,0.94),rgba(14,22,14,0.92)),rgba(0,0,0,0.65);box-shadow:inset 0 0 0 1px rgba(208,164,64,0.35),0 6px 18px rgba(0,0,0,0.32)}.race-unit-detail.is-loading{cursor:progress}.race-unit-detail.is-loading .race-unit-hero:not(.race-unit-skeleton){opacity:0.72;transition:opacity 0.16s ease}.race-unit-head{display:flex;gap:1rem;align-items:flex-start}.race-unit-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,0.85fr);gap:1rem;align-items:start}.race-unit-skeleton{min-height:340px}.race-detail-icon-skeleton,.detail-skeleton-line{display:block;position:relative;overflow:hidden;border-radius:5px;background:rgba(208,164,64,0.12)}.race-detail-icon-skeleton::before,.detail-skeleton-line::before{content:"";position:absolute;inset:0;background:linear-gradient( 100deg,rgba(255,215,0,0.02) 20%,rgba(255,215,0,0.16) 50%,rgba(255,215,0,0.02) 80% );background-size:220% 100%;animation:cf-hotkey-skeleton-shimmer 1.2s ease-in-out infinite}.detail-skeleton-line{width:100%;height:0.82rem;margin:0.42rem 0}.detail-skeleton-line.is-title{width:min(320px,70%);height:1.35rem;margin-top:0.1rem}.detail-skeleton-line.is-short{width:min(160px,42%)}.detail-skeleton-line.is-medium{width:min(260px,62%)}.detail-skeleton-line.is-label{width:120px;height:0.72rem;margin-bottom:0.7rem}.detail-stats-skeleton{margin-top:0.85rem}.race-unit-meta{min-width:0}.race-unit-head>img,.race-detail-icon-wrap{width:70px;height:70px;flex:0 0 auto}.race-unit-head>img,.race-detail-icon{object-fit:contain}.race-detail-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.race-detail-icon{width:100%;height:100%;display:block}.race-detail-icon-fallback{width:100%;height:100%;padding:0.4rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,215,0,0.16),rgba(255,215,0,0.04)),rgba(30,18,8,0.78);border:1px solid rgba(255,215,0,0.24);color:#f3df9a;font-size:0.95rem;font-weight:800;line-height:1;text-align:center;text-transform:uppercase;overflow:hidden}.race-unit-head h2{margin:0 0 0.25rem;color:#f1d56a}.race-unit-head p,.race-unit-body p{margin:0.2rem 0}.race-related-row{display:flex;align-items:center;gap:0.35rem;flex-wrap:wrap}.race-related-label{flex:0 0 auto}.race-related-link{display:inline-flex;align-items:center;gap:0.4rem;color:#f1d56a;text-decoration:none}.race-related-icon-wrap{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.race-related-link img,.race-related-icon-fallback{width:20px;height:20px;border-radius:3px}.race-related-link img{object-fit:cover;border:1px solid rgba(255,215,0,0.25)}.race-related-icon-fallback{display:inline-flex;align-items:center;justify-content:center;background:rgba(30,18,8,0.78);border:1px solid rgba(255,215,0,0.25);color:#f3df9a;font-size:0.42rem;font-weight:800;line-height:1;text-align:center;text-transform:uppercase;overflow:hidden}.race-detail-icon-fallback[hidden]{display:none}.race-related-icon-fallback[hidden]{display:none}.race-related-link:hover{filter:brightness(1.12)}.race-produced-unit-card{margin-top:0.75rem;padding:0.75rem 0.8rem;border-radius:6px;border:1px solid rgba(126,181,108,0.26);background:linear-gradient(145deg,rgba(126,181,108,0.11),rgba(255,215,0,0.025)),rgba(0,0,0,0.2)}.race-produced-unit-card .race-stats-card{margin-top:0.55rem;padding:0.6rem 0.65rem;background:rgba(0,0,0,0.2)}.race-spawned-unit-head{display:flex;align-items:center;gap:0.65rem;margin-bottom:0.55rem;flex-wrap:wrap}.race-related-large-icon-wrap,.race-related-large-icon,.race-related-large-fallback{width:42px;height:42px;flex:0 0 auto}.race-related-large-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.race-related-large-icon{object-fit:contain}.race-related-large-fallback{display:inline-flex;align-items:center;justify-content:center;background:rgba(30,18,8,0.78);border:1px solid rgba(255,215,0,0.25);color:#f3df9a;font-size:0.7rem;font-weight:800;line-height:1;text-align:center;text-transform:uppercase;overflow:hidden}.race-related-large-fallback[hidden]{display:none}.race-spawned-unit-copy{flex:1 1 auto;min-width:0}.race-spawned-unit-copy .race-stats-title{margin-bottom:0.1rem}.race-spawned-unit-copy p{margin:0.1rem 0 0;color:#c8b98e;font-size:0.86rem}.race-spawned-unit-link{color:#f1d56a;font-weight:800;text-decoration:none}.race-spawned-unit-link:hover{color:#fff0ae;text-decoration:underline}.race-produced-unit-facts{margin-left:auto;display:inline-flex;flex:0 0 auto}.detail-fact-strip{margin:0.2rem 0 0.5rem;display:flex;flex-wrap:wrap;gap:0.4rem}.detail-fact-badge{min-height:28px;display:inline-flex;align-items:center;gap:0.32rem;padding:0.16rem 0.42rem 0.16rem 0.18rem;border-radius:4px;border:1px solid rgba(208,164,64,0.28);background:rgba(0,0,0,0.24);color:#f7e7a6;font-size:0.84rem;font-weight:800;line-height:1}.detail-fact-icon{width:20px;height:20px;border-radius:2px;object-fit:cover;border:1px solid rgba(208,164,64,0.35)}.detail-fact-label{color:#c8b98e;font-size:0.7rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase}.detail-fact-badge.is-time{padding-inline:0.48rem}.detail-cost-strip{margin:0.25rem 0 0.35rem;display:flex;align-items:center;gap:0.45rem}.detail-cost-chip{display:inline-flex;align-items:center;gap:0.25rem;padding:0.12rem 0.34rem 0.12rem 0.14rem;border-radius:4px;border:1px solid rgba(208,164,64,0.28);background:rgba(0,0,0,0.24);color:#f7e7a6;font-weight:700;line-height:1}.detail-cost-icon{width:18px;height:18px;border-radius:2px;object-fit:cover;border:1px solid rgba(208,164,64,0.35)}.race-stats-card{margin-top:0.65rem;padding:0.65rem 0.75rem;border-radius:6px;border:1px solid rgba(208,164,64,0.2);background:linear-gradient(145deg,rgba(255,215,0,0.08),rgba(255,215,0,0.02)),rgba(0,0,0,0.18)}.race-stats-title{margin-bottom:0.45rem;color:#d9c07a;font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.race-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.4rem 0.75rem}.race-stat-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:0.45rem;padding-bottom:0.16rem;border-bottom:1px solid rgba(208,164,64,0.12)}.race-stat-icon-slot{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.race-stat-label{color:#c8b98e;font-size:0.84rem;font-weight:700}.race-stat-icon{width:16px;height:16px;border-radius:2px;object-fit:contain;flex:0 0 auto}.race-stat-icon-placeholder{width:16px;height:16px;display:block}.race-stat-value{color:#f3e7bd;font-size:0.9rem;font-weight:700;text-align:right}.race-detail-tooltip-card{padding:0.8rem 0.9rem;border-radius:6px;border:1px solid rgba(208,164,64,0.2);background:linear-gradient(145deg,rgba(255,215,0,0.06),rgba(255,215,0,0.015)),rgba(0,0,0,0.2)}.race-detail-tooltip-title{margin-bottom:0.45rem;color:#d9c07a;font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.race-upgrade-tree{margin-top:1rem;padding:0.85rem 0.95rem 1rem;background:linear-gradient(180deg,rgba(20,30,18,0.92),rgba(16,22,15,0.9)),rgba(0,0,0,0.45)}.race-upgrade-tree-head{margin-bottom:0.7rem}.race-upgrade-tree-head h3{margin:0;color:#d9c07a;font-size:0.92rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.tech-tree-board{position:relative;overflow-x:auto;padding:0.35rem 0.2rem 0.2rem}.tech-tree-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tech-tree-edge,.tech-tree-arrow{fill:none;stroke:rgba(241,213,106,0.72);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tech-tree-levels{position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:2.4rem;align-items:start;min-width:max-content}.tech-tree-column{display:flex;flex-direction:column;gap:0.85rem}.tech-tree-node{min-height:76px;display:flex;align-items:center;gap:0.7rem;padding:0.7rem 0.75rem;border-radius:8px;border:1px solid rgba(208,164,64,0.28);background:linear-gradient(145deg,rgba(255,215,0,0.07),rgba(255,215,0,0.02)),rgba(0,0,0,0.22);color:inherit;text-decoration:none;box-shadow:0 6px 14px rgba(0,0,0,0.16)}.tech-tree-node:hover{border-color:rgba(241,213,106,0.46);background:linear-gradient(145deg,rgba(255,215,0,0.1),rgba(255,215,0,0.03)),rgba(0,0,0,0.24)}.tech-tree-node.is-current{border-color:rgba(241,213,106,0.6);box-shadow:0 0 0 1px rgba(241,213,106,0.24),0 8px 18px rgba(0,0,0,0.2)}.tech-tree-node-icon-wrap{width:50px;height:50px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.tech-tree-node-icon{width:100%;height:100%;object-fit:contain}.tech-tree-node-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:rgba(30,18,8,0.78);border:1px solid rgba(255,215,0,0.24);color:#f3df9a;font-size:0.75rem;font-weight:800;text-transform:uppercase}.tech-tree-node-fallback[hidden]{display:none}.tech-tree-node-copy{min-width:0;display:flex;flex-direction:column;gap:0.18rem}.tech-tree-node-name{color:#f3e7bd;font-weight:700;line-height:1.25}.tech-tree-node-produces{margin-top:0.14rem;display:flex;flex-direction:column;gap:0.16rem}.tech-tree-produces-label{color:#c8b98e;font-size:0.68rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.tech-tree-produces-link{display:inline-flex;align-items:center;gap:0.36rem;min-width:0;color:#d8d6cc;font-size:0.82rem}.tech-tree-produces-icon-wrap{width:18px;height:18px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.tech-tree-produces-icon{width:100%;height:100%;object-fit:cover}.tech-tree-produces-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:rgba(30,18,8,0.78);border:1px solid rgba(255,215,0,0.22);color:#f3df9a;font-size:0.42rem;font-weight:800;text-transform:uppercase}.tech-tree-produces-fallback[hidden]{display:none}.tech-tree-node-costs{margin-top:0.22rem;display:flex;flex-wrap:wrap;gap:0.28rem}.tech-tree-cost-chip{display:inline-flex;align-items:center;gap:0.2rem;padding:0.08rem 0.28rem 0.08rem 0.12rem;border-radius:999px;border:1px solid rgba(208,164,64,0.2);background:rgba(0,0,0,0.22);color:#f3e7bd;font-size:0.72rem;font-weight:700;line-height:1}.tech-tree-cost-chip.is-food{padding-left:0.12rem}.tech-tree-cost-icon{width:14px;height:14px;border-radius:2px;object-fit:cover}.detail-rich-text{line-height:1.5;color:#d8d6cc}.detail-rich-block.is-pro,.detail-rich-block.is-con{padding:0.55rem 0.7rem;border-radius:6px;border:1px solid transparent}.detail-rich-block.is-pro{background:rgba(126,181,108,0.09);border-color:rgba(126,181,108,0.18)}.detail-rich-block.is-con{background:rgba(193,114,114,0.08);border-color:rgba(193,114,114,0.18)}.detail-rich-block.is-pro>strong{color:#b7e0ad}.detail-rich-block.is-con>strong{color:#e0b0b0}.wc3-inline-color{color:inherit}.wc3-color-ffff80{color:#fff59d}.wc3-color-ffff00{color:#ffeb3b}.wc3-color-ffac00{color:#ffb74d}.wc3-color-80ff00{color:#9cff57}.wc3-color-8080ff{color:#9fa8ff}.wc3-color-ff0000{color:#ff6b6b}.wc3-color-ffffff{color:#ffffff}.race-unit-body{margin-top:0.75rem;padding-top:0.65rem;border-top:1px solid rgba(208,164,64,0.24)}.loading-spinner-wrap{display:inline-flex;align-items:center;gap:0.55rem;color:#d8d0bf}.loading-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,215,0,0.22);border-top-color:#f3d271;animation:compendium-spin 0.8s linear infinite}.unit-stats-page{padding-bottom:3.5rem}.unit-stats-hero{margin:0 auto 1.8rem;max-width:980px}.unit-stats-lede{margin:0 0 1.4rem;max-width:70ch;font-size:1.1rem;line-height:1.7;color:#ded4c3}.unit-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.unit-stats-card{margin-top:0;text-align:center;padding:1.2rem 1.1rem;background:rgba(0,0,0,0.28)}.unit-stats-kicker{margin:0;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem;color:#f0c850;font-weight:700}.unit-stats-value{margin:0.35rem 0 0;font-size:2.1rem;font-weight:800;color:#fff7e0}.unit-stats-chart{margin-top:1.2rem;display:flex;flex-direction:column;gap:0.9rem}.unit-stats-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.unit-stats-chart-head h2{margin:0 0 0.35rem}.unit-stats-chart-head p{margin:0;color:#d2c6ad}.unit-stats-chart-meta{display:flex;flex-direction:column;gap:0.2rem;text-transform:uppercase;letter-spacing:0.08em;font-size:0.7rem;font-weight:700;color:rgba(255,215,0,0.75)}.unit-stats-chart-container{height:520px;position:relative}.unit-stats-chart-scroll{height:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:16px;box-sizing:border-box}.unit-stats-chart-canvas-wrap{height:100%;min-width:100%}.unit-icon-tooltip{position:absolute;z-index:4;min-width:230px;max-width:min(320px,calc(100vw - 32px));padding:0.7rem 0.8rem;border:1px solid rgba(77,210,255,0.35);border-radius:8px;background:rgba(13,17,23,0.96);box-shadow:0 14px 34px rgba(0,0,0,0.42);color:#f4efe3;pointer-events:none;opacity:0;visibility:hidden;transform:translate(12px,-100%);transition:opacity 120ms ease}.unit-icon-tooltip.is-visible{opacity:1;visibility:visible}.unit-icon-tooltip-title{margin:0 0 0.35rem;color:#ffffff;font-weight:800}.unit-icon-tooltip-meta,.unit-icon-tooltip-stats{margin:0;color:#d8c9a0;font-size:0.82rem;line-height:1.45}.unit-icon-tooltip-stats{margin-top:0.45rem;color:#dceeff}.unit-stats-chart-scroll::-webkit-scrollbar{height:10px}.unit-stats-chart-scroll::-webkit-scrollbar-thumb{background:rgba(255,215,0,0.35);border-radius:6px}.unit-stats-chart-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0.25)}.unit-stats-controls{display:flex;align-items:center;gap:0.5rem;margin:0 0 0.9rem;flex-wrap:wrap}.unit-stats-controls-label{color:#cbbf9f;font-size:0.85rem;font-weight:600}.unit-stats-sort-btn{background:rgba(0,0,0,0.28);border:1px solid rgba(255,215,0,0.25);color:#d8c9a0;padding:0.4rem 0.85rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.unit-stats-sort-btn:hover{border-color:rgba(255,215,0,0.5);color:#f4e1a8}.unit-stats-sort-btn.is-active{background:rgba(255,215,0,0.16);border-color:#f0c850;color:#fff7e0}.chart-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;color:#d8c9a0;font-weight:600;background:rgba(20,12,4,0.45);z-index:2}.chart-loading-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,215,0,0.22);border-top-color:#f3d271;animation:compendium-spin 0.8s linear infinite}.unit-stats-chart-foot{color:#cbbf9f;font-size:0.95rem}.unit-stats-chart-foot p{margin:0}@media (max-width:900px){.unit-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.unit-stats-grid{grid-template-columns:1fr}.unit-stats-chart-container{height:360px}}@keyframes compendium-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.compendium-section{margin-bottom:1.45rem;min-width:0}.compendium-top-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;align-items:start}.compendium-section-head{display:flex;align-items:center;gap:0.6rem;margin:0 0 0.7rem}.compendium-section-head::after{content:"";flex:1 1 auto;height:1px;background:linear-gradient( 90deg,rgba(255,215,0,0.34) 0%,rgba(255,215,0,0.08) 100% )}.compendium-section-head h2{margin:0;display:inline-flex;align-items:center;gap:0.55rem}.compendium-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.1em;padding:0.1em 0.45em;border-radius:999px;border:1px solid rgba(255,215,0,0.45);background:linear-gradient(180deg,rgba(255,215,0,0.23),rgba(255,215,0,0.08));color:#fff1bf;font-size:0.62em;font-weight:700;line-height:1.2}.compendium-section-link{display:inline-flex;align-items:center;margin-left:auto;padding:0.24rem 0.58rem;border-radius:999px;border:1px solid rgba(255,215,0,0.28);color:#f3df9a;text-decoration:none;font-size:0.8rem;font-weight:700;line-height:1;background:rgba(255,215,0,0.06);transition:border-color 0.18s ease,background 0.18s ease,color 0.18s ease}.compendium-section-link:hover{color:#fff3c0;border-color:rgba(255,215,0,0.48);background:rgba(255,215,0,0.12)}.compendium-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.8rem;margin-bottom:1.3rem}.compendium-summary-card{padding:0.8rem}.compendium-summary-card h3{margin:0;font-size:0.95rem}.compendium-summary-card p{margin:0.35rem 0 0;color:var(--primary-gold);font-size:1.4rem;font-weight:700}.compendium-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0.8rem}.compendium-link-card{display:block;text-decoration:none;color:inherit;padding:1rem}.compendium-link-card h3{margin:0}.compendium-link-card p{margin:0.4rem 0 0}.compendium-icon-grid{margin-bottom:0.5rem;overflow:visible}.compendium-icon-card{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.9rem;border-color:rgba(255,215,0,0.2);background:linear-gradient(145deg,rgba(255,215,0,0.12),rgba(255,215,0,0.04)),rgba(30,18,8,0.5);box-shadow:inset 0 0 0 1px rgba(255,215,0,0.11);overflow:visible}.compendium-icon-link{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:0;border:0;background:transparent;box-shadow:none;transition:transform 0.12s ease,filter 0.12s ease,border-color 0.12s ease;position:relative;z-index:1}.compendium-icon-link:hover{transform:translateY(-2px);box-shadow:none;z-index:5}.compendium-icon-link img{width:44px;height:44px;object-fit:contain}.cf-icon-media{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}.cf-icon-media-image{width:44px;height:44px;object-fit:contain}.cf-icon-media-fallback,.cf-hotkey-icon-fallback{width:44px;height:44px;padding:0.2rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,215,0,0.16),rgba(255,215,0,0.04)),rgba(30,18,8,0.78);border:1px solid rgba(255,215,0,0.24);color:#f3df9a;font-size:0.72rem;font-weight:800;line-height:1;text-align:center;text-transform:uppercase;overflow:hidden}.cf-icon-media-fallback[hidden],.cf-hotkey-icon-fallback[hidden]{display:none}.compendium-icon-link:hover img{filter:brightness(1.1) drop-shadow(0 0 6px rgba(218,165,32,0.28))}.compendium-icon-link.is-empty{pointer-events:none}.compendium-icon-link.is-empty .cf-hotkey-skeleton{width:40px;height:40px;border-radius:0}.cf-hotkey-card{display:grid;gap:0.45rem}.cf-hotkey-row{display:flex;flex-wrap:wrap;gap:0.45rem}.cf-hotkey-slot-wrap{position:relative;width:44px;height:44px}.cf-hotkey-slot-stack{display:flex;gap:0.45rem}.cf-hotkey-slot-stack .cf-hotkey-slot-wrap{flex:0 0 auto}.cf-hotkey-slot-stack>.cf-hotkey-slot{flex:0 0 44px;height:44px}.cf-hotkey-slot{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;transition:transform 0.12s ease,filter 0.12s ease,border-color 0.12s ease}.cf-hotkey-icon-wrap{width:100%;height:100%;display:inline-flex}a.cf-hotkey-slot:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(218,165,32,0.28)}.cf-hotkey-key{position:absolute;top:1px;left:1px;z-index:1;min-width:14px;height:14px;padding:0 3px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;background:rgba(28,20,6,0.92);border:1px solid rgba(255,215,0,0.34);color:var(--primary-gold);font-size:0.58rem;font-weight:800;line-height:1}.cf-hotkey-icon{width:100%;height:100%;object-fit:cover;display:block}a.cf-hotkey-slot:hover .cf-hotkey-icon{filter:brightness(1.1) drop-shadow(0 0 6px rgba(218,165,32,0.28))}.cf-hotkey-slot-wrap.is-empty .cf-hotkey-slot{opacity:0.5}.cf-hotkey-slot-wrap.is-empty .cf-hotkey-slot::after{content:"";width:18px;height:2px;background:rgba(255,215,0,0.35);border-radius:2px}.cf-hotkey-slot-wrap.is-skeleton .cf-hotkey-slot{border-color:rgba(255,215,0,0.18);background:rgba(32,24,12,0.75)}.cf-hotkey-skeleton{width:100%;height:100%;display:block;background:linear-gradient( 100deg,rgba(255,215,0,0.05) 20%,rgba(255,215,0,0.18) 50%,rgba(255,215,0,0.05) 80% );background-size:220% 100%;animation:cf-hotkey-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes cf-hotkey-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-20% 0}}.cf-hotkey-extra{margin-top:0.55rem;padding-top:0.45rem;border-top:1px solid rgba(255,215,0,0.16)}.cf-hotkey-extra-label{display:block;font-size:0.75rem;color:#cdbb90;margin-bottom:0.25rem}.compendium-race-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width:1200px){.compendium-race-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.compendium-race-card{padding:0.9rem;display:flex;flex-direction:column;gap:0.4rem;background:linear-gradient(140deg,rgba(255,215,0,0.1),rgba(255,215,0,0.03)),rgba(30,18,8,0.5);box-shadow:inset 0 0 0 1px rgba(255,215,0,0.1)}.compendium-race-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.4rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,215,0,0.14)}.compendium-race-head img{width:36px;height:36px;object-fit:contain}.compendium-race-link{color:var(--primary-gold);font-weight:700;text-decoration:none;transition:filter 0.12s ease}.compendium-race-link:hover{filter:brightness(1.13)}.compendium-menu-grid{display:grid;gap:0.45rem}.compendium-race-skeleton{padding:0.75rem}.compendium-race-skeleton-head{width:42%;height:16px;border-radius:999px;background:rgba(255,215,0,0.1);margin-bottom:0.7rem}@media (max-width:900px){.compendium-top-row{grid-template-columns:1fr;gap:0.55rem}.compendium-section-head{flex-wrap:wrap;gap:0.45rem}.compendium-section-head::after{flex-basis:100%;order:3}.compendium-race-list{grid-template-columns:1fr}.race-grid{grid-template-columns:1fr}.race-unit-head{flex-direction:column}.race-stats-grid{grid-template-columns:1fr}.race-unit-hero{grid-template-columns:1fr}.tech-tree-levels{gap:1.25rem;grid-auto-columns:minmax(170px,1fr)}}@media (max-width:640px){.cf-breadcrumbs{box-sizing:border-box;padding-inline:1rem}.race-upgrade-tree{padding:0.8rem 0.75rem 0.9rem}.tech-tree-board{overflow-x:visible;padding:0.25rem 0}.tech-tree-levels{display:flex;flex-direction:column;min-width:0;gap:1.2rem}.tech-tree-column{width:100%}.tech-tree-node{width:100%;min-height:68px;padding:0.62rem 0.65rem}.tech-tree-node-icon-wrap{width:44px;height:44px}}