*,:after,:before{box-sizing:border-box}:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--touch-target-size:44px;--container-padding:1rem}body,html{margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{font-size:var(--font-base);line-height:1.5}h1{font-size:var(--font-2xl);line-height:1.2}h1,h2{margin-top:var(--space-lg);margin-bottom:var(--space-md)}h2{font-size:var(--font-xl);line-height:1.3}h3{font-size:var(--font-lg);line-height:1.4;margin-top:var(--space-md);margin-bottom:var(--space-sm)}.container{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--space-sm) * -1);margin-right:calc(var(--space-sm) * -1)}.col{flex:1 0 100%;padding-left:var(--space-sm);padding-right:var(--space-sm)}.building-config-card,.col{margin-bottom:var(--space-md)}.building-config-card{padding:var(--space-md);border-radius:8px;background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0)}.building-config-card h3{font-size:var(--font-lg);margin-top:0;margin-bottom:var(--space-sm)}.building-select,.level-select{width:100%;margin-bottom:var(--space-sm);-webkit-appearance:none;appearance:none}.action-button,.building-select,.level-select{min-height:var(--touch-target-size);padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:var(--font-base)}.action-button{border:none;background-color:var(--accent-color,#0a84ff);color:#fff;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.remove-building-button{min-height:36px;min-width:80px;font-size:var(--font-xs)}.bonus-settings-card{display:flex;flex-direction:column}.bonus-group{margin-bottom:var(--space-md)}.bonus-group h3{font-size:var(--font-lg);margin-bottom:var(--space-sm)}.checkbox-wrapper{display:flex;align-items:flex-start;margin-bottom:var(--space-sm)}.checkbox-wrapper input[type=checkbox]{min-width:20px;min-height:20px;margin-right:var(--space-sm);margin-top:3px}.checkbox-wrapper label{font-size:var(--font-sm);line-height:1.4}.results-card{padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:8px;background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e0e0e0)}.results-card h2{font-size:var(--font-xl);margin-top:0}.resource-display,.results-card h2{margin-bottom:var(--space-md)}.resource-item{display:flex;align-items:center;margin-bottom:var(--space-sm)}.resource-icon{width:24px;height:24px;margin-right:var(--space-sm)}.resource-info{flex:1}.resource-name{font-size:var(--font-xs);color:var(--text-secondary,#666)}.resource-value{font-size:var(--font-base);font-weight:600}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md);position:relative}.table-wrapper:after{content:"←→";position:absolute;bottom:0;right:0;padding:4px 8px;background-color:rgba(0,0,0,.05);border-radius:4px 0 0 0;font-size:var(--font-xs);opacity:.7;pointer-events:none}.table-wrapper:not(.scrollable):after{display:none}.responsive-table{width:100%;border-collapse:collapse;font-size:var(--font-xs)}.responsive-table th{text-align:left;background-color:var(--table-header-bg,#f5f5f5);font-weight:600}.responsive-table td,.responsive-table th{padding:var(--space-xs) var(--space-sm);white-space:nowrap}.responsive-table td{border-top:1px solid var(--border-color,#e0e0e0)}.level-details-cards{display:none}.level-details-card{margin-bottom:var(--space-md);border-radius:8px;border:1px solid var(--border-color,#e0e0e0);overflow:hidden}.level-details-header{background-color:var(--bg-light,#f5f5f5);font-weight:600}.level-details-body,.level-details-header{padding:var(--space-sm)}.level-details-row{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--font-xs)}.prerequisites-box{padding:var(--space-sm);margin-bottom:var(--space-md);background-color:var(--prereq-bg,#fff3cd);border-radius:8px;font-size:var(--font-xs)}.prerequisites-list{column-count:1;list-style-position:inside;margin:var(--space-sm) 0;padding-left:var(--space-sm)}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:576px){:root{--container-padding:1.25rem}.form-row{display:flex;gap:var(--space-md)}.form-col{flex:1}.prerequisites-list{column-count:2}.mobile-only{display:none}.desktop-only{display:block}}@media (min-width:768px){:root{--container-padding:1.5rem}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.responsive-table{font-size:var(--font-sm)}.responsive-table td,.responsive-table th{padding:var(--space-sm)}.prerequisites-list{column-count:3;font-size:var(--font-sm)}}@media (min-width:992px){:root{--container-padding:2rem}.container{max-width:960px}h1{font-size:var(--font-4xl)}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{flex:0 0 50%;max-width:50%}.bonus-settings-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (min-width:1200px){.container{max-width:1140px}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-color,#0a84ff);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--accent-color,#0a84ff);color:white;padding:var(--space-sm) var(--space-md);border-radius:0 0 4px 4px}.skip-to-content:focus{left:50%;transform:translateX(-50%)}@media print{.no-print{display:none!important}.container{width:100%;max-width:none;padding:0}.table-wrapper{overflow:visible!important}}.svs-section-header,.svs-section-header-title{color:var(--wos-dark-text,#e0e6ed)!important}.svs-section-header-expanded{background-color:rgba(100,181,246,.15)!important}.svs-section-header-collapsed{background-color:var(--wos-dark-card,#1a2634)!important}.svs-section-content,.svs-section-header svg{color:var(--wos-dark-text,#e0e6ed)!important}.svs-section-content{background-color:var(--wos-dark-card,#1a2634)!important}.svs-activity,.svs-day-tab{color:var(--wos-dark-text,#e0e6ed)!important}.about-title,.contact-title,.home-hero-title,.nav-logo-text{background:linear-gradient(90deg,#4ca6ff,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.svs-hero-description,.svs-hero-title{color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.svs-hero-link{color:#ffffff!important;background-color:rgba(255,255,255,.25)!important}a{color:#7cc4fa;transition:color .2s ease}a:hover{color:#9dd4ff}.building-description a,.building-tips a,.guide-section a,.info-section a{color:#7cc4fa;text-decoration:underline;text-decoration-color:rgba(124,196,250,.4);text-underline-offset:2px}.building-description a:hover,.building-tips a:hover,.guide-section a:hover,.info-section a:hover{color:#9dd4ff;text-decoration-color:rgba(157,212,255,.6)}.breadcrumb a{color:#7cc4fa}.breadcrumb a:hover{color:#9dd4ff}.nav-dropdown-item,.nav-link{color:var(--wos-dark-text,#e0e6ed)}.calculator-btn,.calculator-btn svg,.home-about-link,.home-tool-link,.home-tool-link svg{color:#ffffff!important}