*{box-sizing:border-box;margin:0;padding:0}:root{--background:#f8f8f6;--background-light:#fff;--background-dark:#a8b3c0;--background-accent:#f0f0ee;--theme-color:#1e3a5f;--theme-color-hover:#16305a;--theme-color-dark:#0f1f33;--accent-color:#c9a84c;--border-color:#d0d5de;--text-primary:#0f1f33;--text-secondary:#5a7092;--shadow-light:-10px -10px 20px var(--background-light);--shadow-dark:10px 10px 20px var(--background-dark);--shadow-inset-light:inset -5px -5px 10px var(--background-light);--shadow-inset-dark:inset 5px 5px 10px var(--background-dark);--font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--left-panel-width:220px;--left-panel-min-width:250px;--left-panel-max-width:600px;--right-panel-narrow-width:180px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--background-accent);border-radius:4px}html,body{background-color:var(--background);color:var(--theme-color-dark);font-family:var(--font-family);flex-direction:column;height:100dvh;min-height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}header{background-color:var(--theme-color);color:var(--background);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}header img{height:4rem}header h1{letter-spacing:.04em;margin:0;font-size:1rem;font-weight:700}header h1 a{color:#f8f8f6;text-decoration:none}header h1 a:hover{color:#c9a84c}main{flex-direction:column;gap:1rem;height:100%;padding:1rem;display:flex;overflow:hidden}.calculator-section{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.75rem;display:flex;overflow:auto}.calculator-layout{flex:1;gap:1rem;width:100%;min-height:0;display:grid;overflow:auto}.calculator-layout.two-column{grid-template-columns:var(--left-panel-width) 8px 1fr;position:relative;overflow:hidden}.calculator-layout.three-column{grid-template-columns:var(--left-panel-width) 8px 1fr var(--right-panel-narrow-width);grid-template-rows:1fr;gap:16px;height:100%;overflow:hidden}.left-panel{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);border-radius:20px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;overflow:hidden auto}.right-panel{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);border-radius:20px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;overflow:auto}.center-panel{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);border-radius:20px;flex-direction:column;gap:.5rem;min-height:0;max-height:100%;padding:.75rem;display:flex;overflow:auto}.right-panel-narrow{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);border-radius:20px;flex-direction:column;gap:.5rem;min-height:0;max-height:100%;padding:16px;display:flex;overflow:hidden auto}.app-header{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:8px 20px;display:flex}.production-input-wrapper{align-items:center;gap:8px;display:flex}.production-input-wrapper label{color:var(--text-primary);font-size:14px;font-weight:500}.production-input-wrapper input{background:var(--background);width:80px;box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);text-align:center;color:var(--text-primary);border:none;border-radius:8px;padding:6px 12px;font-size:14px}.app-footer{background:var(--background);box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);border-radius:16px;flex-direction:row;justify-content:space-around;align-items:center;gap:32px;margin-top:.5rem;padding:6px 20px;display:flex}.footer-stat{align-items:center;gap:8px;display:flex}.footer-stat .label{color:var(--text-secondary);font-size:14px;font-weight:500}.footer-stat span:not(.label){color:var(--text-primary);font-size:16px;font-weight:700}.resize-handle{background:var(--background);width:8px;box-shadow:var(--shadow-light), var(--shadow-dark);cursor:col-resize;border-radius:4px;grid-area:1/2;transition:all .2s;position:relative}.resize-handle:hover{box-shadow:-6px -6px 12px var(--background-light), 6px 6px 12px var(--background-dark);background:linear-gradient(#d4b254,#c9a84c)}.resize-handle:before{content:"";background:var(--background-dark);width:3px;height:40px;box-shadow:-2px -2px 4px var(--background-light), 2px 2px 4px var(--background-dark);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle.resizing{background:var(--theme-color);box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark)}#calculator-container,#selection-container{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);border-radius:20px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;overflow:hidden}.hidden{display:none!important}.search-container{margin-bottom:1rem}input[type=text]:not(.search-input),input[type=number],#preset-name-input{background:var(--background);box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);font-family:var(--font-family);color:var(--theme-color-dark);border:none;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:box-shadow .3s}input[type=text]:not(.search-input):focus,input[type=number]:focus,#preset-name-input:focus{box-shadow:inset -6px -6px 12px var(--background-light), inset 6px 6px 12px var(--background-dark);outline:none}#goods-search{width:100%;font-family:var(--font-family);background:var(--background);box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);color:var(--theme-color-dark);border:none;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:box-shadow .3s}#goods-search:focus{box-shadow:inset -6px -6px 12px var(--background-light), inset 6px 6px 12px var(--background-dark);outline:none}.goods-grid-container{flex:1;padding:.5rem;overflow:auto}.goods-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.goods-card{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);cursor:pointer;aspect-ratio:1;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.goods-card:hover{box-shadow:-10px -10px 18px var(--background-light), 10px 10px 18px var(--background-dark);transform:translateY(-2px)}.goods-card.selected{box-shadow:var(--shadow-light), var(--shadow-dark);color:#fff;background:linear-gradient(145deg,#254d7a,#1e3a5f)}.goods-card.selected .goods-card-name{color:#fff}.goods-card-icon{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.goods-card-icon img{object-fit:contain;width:100%;height:100%}.goods-card-name{text-align:center;color:var(--theme-color-dark);word-wrap:break-word;width:100%;font-size:.9rem;font-weight:500}.icon-placeholder{background-color:var(--theme-color);width:64px;height:64px;color:var(--background-accent);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.tree-item{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex}.tree-item:hover{box-shadow:-10px -10px 18px var(--background-light), 10px 10px 18px var(--background-dark);transform:translateY(-2px)}.tree-item.selected{box-shadow:var(--shadow-light), var(--shadow-dark);color:#fff;background:linear-gradient(145deg,#254d7a,#1e3a5f)}.tree-item.selected .tree-item-name{color:#fff}.category-header{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex}.category-header:hover{box-shadow:-10px -10px 18px var(--background-light), 10px 10px 18px var(--background-dark)}.tree-category.expanded .category-header{box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark)}.calculator-header{border-bottom:2px solid var(--theme-color);align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.calculator-header h3{color:var(--theme-color)}.calculator-topbar{border-bottom:2px solid var(--theme-color);flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.topbar-separator{color:var(--border-color);flex-shrink:0;font-weight:300}.topbar-title{color:var(--theme-color);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1rem;font-weight:700;overflow:hidden}.back-button{background:var(--background);color:var(--theme-color-dark);cursor:pointer;box-shadow:var(--shadow-light), var(--shadow-dark);font-size:.95rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:12px;padding:.75rem 1.25rem;transition:all .2s}.back-button:hover{color:var(--theme-color);box-shadow:-6px -6px 12px var(--background-light), 6px 6px 12px var(--background-dark)}.back-button:active{box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark)}.calculator-content{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.calculator-content.two-column{flex-direction:row}.production-column{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex;overflow:auto}.graph-column{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.production-details-top{gap:.5rem;margin-bottom:.5rem;display:flex}.production-details-top.two-column{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.production-header-left,.production-header-right{flex-direction:column;gap:.75rem;display:flex}.graph-panel{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.production-command-deck{border-radius:.85rem;flex-direction:column;gap:.7rem;display:flex}.production-rate-inline{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.production-rate-inline label{color:var(--theme-color-dark);font-size:.9rem;font-weight:700}.production-rate-inline input[type=number]{background:var(--background);width:6rem;box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);font-family:var(--font-family);color:var(--theme-color-dark);border:none;border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:box-shadow .3s}.production-rate-inline input[type=number]:focus{box-shadow:inset -6px -6px 12px var(--background-light), inset 6px 6px 12px var(--background-dark)}.production-modifier-inline{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.aqueduct-settings-panel h4{color:var(--theme-color);letter-spacing:.04em;margin-bottom:.2rem;font-size:1.1rem}.aqueduct-settings-panel p{color:var(--theme-color-dark);margin-bottom:.5rem;font-size:.68rem}.recommend-button{background-color:var(--theme-color);color:var(--background-accent);font-family:var(--font-family);cursor:pointer;border:none;border-radius:.4rem;padding:.55rem .9rem;font-size:.82rem;font-weight:700;transition:background-color .25s}.recommend-button:hover{background-color:var(--theme-color-hover)}.recommend-button:active{transform:translateY(0)}.production-info{background-color:var(--background-accent);border:1px solid #5f032e59;border-radius:.65rem;padding:.65rem;box-shadow:0 4px 12px #19010c14}.production-info-compact h4{color:var(--theme-color);letter-spacing:.04em;margin-bottom:.45rem;font-size:.82rem}.production-grid{display:grid}.production-grid.compact-grid{grid-template-columns:repeat(auto-fill,74px);justify-content:flex-start;gap:.45rem}.production-card{text-align:center;background:#ffe9de8c;border:1px solid #5f032e3d;border-radius:.55rem;grid-template-rows:30px 1fr auto auto;place-items:center;width:74px;height:74px;padding:.2rem;display:grid;overflow:hidden}.production-card-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.production-card-icon img{object-fit:contain;width:100%;height:100%}.production-card-icon .icon-placeholder{width:28px;height:28px;font-size:.8rem}.production-card-name{color:var(--theme-color-dark);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 .1rem;font-size:.56rem;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.production-card-time{color:var(--theme-color);flex-direction:column;align-items:center;gap:.1rem;font-size:.55rem;font-weight:700;display:flex}.boosted-indicator{color:var(--background-accent);background:var(--theme-color-dark);white-space:nowrap;border:1px solid var(--theme-color-dark);border-radius:.3rem;padding:.08rem .2rem;font-size:.46rem;font-weight:600}.production-card-badge{background-color:var(--theme-color);color:var(--background-accent);border-radius:.2rem;padding:.15rem .3rem;font-size:.6rem;font-weight:700}.production-card-count{color:var(--theme-color-dark);margin-top:.05rem;font-size:.56rem;font-weight:700}.modifier-toolbar-group.compact{grid-template-columns:1fr;gap:.5rem;width:100%;display:grid}.modifier-toolbar-label{color:var(--theme-color);letter-spacing:.03em;font-size:.8rem;font-weight:700}.modifier-toggle-row{flex-wrap:wrap;gap:.45rem;display:flex}.modifier-toggle-btn{cursor:pointer;background:#ffe9de1c;border:1px solid #ffe9de4c;border-radius:.45rem;flex-direction:column;justify-content:space-between;align-items:center;gap:.35rem;width:120px;padding:.5rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.modifier-toggle-btn img{opacity:.85;filter:grayscale(.5);object-fit:contain;width:38.4px;height:38.4px}.modifier-toggle-btn span{color:var(--theme-color-dark);text-align:left;text-align:center;flex-grow:1;align-items:center;font-size:.62rem;font-weight:700;line-height:1.1;display:flex}.modifier-toggle-btn:hover{box-shadow:0 8px 16px #bfbfbf1c}.modifier-toggle-btn.active img{opacity:1;filter:none}.modifier-toggle-btn.active{background:#ffe9def5;border:1px solid #ffe9def5}.modifier-toggle-btn.active span{color:var(--theme-color-dark)}.modifier-toggle-btn.locked{opacity:.45;cursor:not-allowed}.modifier-toggle-btn.locked img{filter:grayscale()brightness(80%)}.modifier-toggle-btn:after{content:attr(data-tooltip);min-width:180px;max-width:240px;color:var(--background-accent);pointer-events:none;opacity:0;z-index:35;background:#19010cf5;border-radius:.35rem;padding:.45rem .55rem;font-size:.74rem;line-height:1.35;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.modifier-toggle-btn:hover:after,.modifier-toggle-btn:focus-visible:after{opacity:1}.modifier-toolbar-empty{color:var(--background-accent);font-size:.75rem;font-style:italic}.production-empty-note{color:var(--theme-color);grid-column:1/-1;font-size:.72rem;font-style:italic}.time{color:var(--theme-color);font-size:.9rem;font-style:italic}.badge{background-color:var(--theme-color);color:var(--background-accent);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.info-note{color:var(--theme-color);margin-top:.5rem;font-style:italic}.usage-note{color:#4a5f7f;background:var(--background-accent);border-radius:4px;margin:4px 0 8px;padding:6px 10px;font-size:.85rem}.error{color:#c00;background-color:#ffe0e0;border-radius:.25rem;padding:1rem;font-weight:700}.production-graph{background-color:var(--background-accent);border:1px solid var(--theme-color);border-radius:.25rem;flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex;overflow:hidden}.production-graph h4{flex-shrink:0;margin-bottom:.5rem}.dependency-graph{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;pointer-events:all;flex:1;width:100%;min-height:500px}.cost-summary{background-color:var(--background-accent);border:1px solid var(--theme-color);border-radius:.25rem;flex-direction:row;flex-shrink:0;gap:1.5rem;padding:.75rem;display:flex}.cost-item{flex-direction:row;flex:1;gap:.25rem;display:flex}.cost-item strong{color:var(--theme-color);font-size:.9rem}.cost-item>span{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cost-resource{background-color:#5f032e0d;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.cost-tooltip{background:var(--theme-color-dark);color:var(--background-accent);white-space:nowrap;pointer-events:none;z-index:9999;border-radius:4px;padding:2px 8px;font-size:.75rem;position:fixed}.cost-icon{object-fit:contain;width:20px;height:20px}.cost-amount{color:var(--theme-color-dark);font-size:1em;font-weight:500}.cost-none{color:var(--theme-color);font-size:.85rem;font-style:italic}.graph-node{fill:var(--background);stroke:none}.aquaduct-box{fill:var(--theme-color);stroke:none}.graph-link{stroke:var(--theme-color-dark);stroke-width:2px}.graph-link-secondary{stroke:var(--theme-color);stroke-width:1.5px;stroke-dasharray:4 2}.graph-text{fill:var(--theme-color-dark);font-size:.75rem}.graph-subtext{fill:var(--theme-color-dark);font-size:.7rem}#dependency-graph g{z-index:10}.info-button,.saved-store-button{background:var(--background);color:var(--theme-color-dark);box-shadow:var(--shadow-light), var(--shadow-dark);cursor:pointer;font-family:var(--font-family);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s;display:flex}.button-text{display:inline}.info-button:hover,.saved-store-button:hover{box-shadow:-12px -12px 20px var(--background-light), 12px 12px 20px var(--background-dark);transform:translateY(-2px)}.info-button:active,.saved-store-button:active{box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);transform:translateY(0)}.info-button svg,.saved-store-button svg{width:20px;height:20px}.saved-store-panel{background:var(--background);width:400px;height:100vh;box-shadow:var(--shadow-light), var(--shadow-dark);z-index:1000;border-radius:20px 0 0 20px;flex-direction:column;padding:2rem;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.saved-store-panel:not(.hidden){transform:translate(0)}.saved-store-header{background:var(--theme-color);color:var(--background-accent);border-bottom:2px solid var(--theme-color-dark);justify-content:space-between;align-items:center;padding:1rem;display:flex}.saved-store-header h2{margin:0;font-size:1.25rem}.saved-store-close{color:var(--background-accent);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:background-color .2s;display:flex}.saved-store-close:hover{background:#fff3}.saved-store-content{flex:1;padding:1.5rem;overflow-y:auto}.saved-store-section{margin-bottom:2rem}.saved-store-section h3{color:var(--theme-color);border-bottom:2px solid var(--theme-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.saved-store-section h4{color:var(--theme-color-dark);margin-top:1.5rem;margin-bottom:.75rem;font-size:.95rem}.setting-description{color:var(--theme-color);margin-top:.5rem;font-size:.8rem;font-style:italic;line-height:1.4}.preset-save-row{gap:.5rem;margin-top:.65rem;margin-bottom:1rem;display:flex}.preset-save-row input{font-family:var(--font-family);background:#fffc;border:1px solid #5f032e66;border-radius:.35rem;flex:1;padding:.45rem .6rem}.preset-save-row button,.preset-load-btn,.preset-delete-btn{font-family:var(--font-family);cursor:pointer;border:none;border-radius:.35rem}.preset-save-row button,.preset-load-btn{background:var(--theme-color);color:var(--background-accent);padding:.45rem .65rem}.preset-delete-btn{color:var(--theme-color-dark);background:#19010c1f;padding:.45rem .55rem}.preset-list,.active-toggle-list{flex-direction:column;gap:.55rem;list-style:none;display:flex}.preset-item{background:#5f032e12;border:1px solid #5f032e33;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem;display:flex}.preset-meta{flex-direction:column;gap:.15rem;display:flex}.preset-meta span{color:var(--theme-color);font-size:.76rem}.preset-actions{gap:.35rem;display:flex}.active-toggle-list li{background:#5f032e12;border:1px solid #5f032e33;border-radius:.45rem;align-items:center;gap:.5rem;padding:.45rem .5rem;display:flex}.active-toggle-list img{object-fit:contain;width:28px;height:28px}.preset-empty{color:var(--theme-color);padding:.25rem 0;font-size:.85rem;font-style:italic}.settings-overlay{z-index:999;opacity:0;pointer-events:none;background:#19010c80;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.settings-overlay.active{opacity:1;pointer-events:all}.modal{z-index:1001;opacity:0;pointer-events:none;flex-direction:column;width:90%;max-width:600px;max-height:80vh;transition:opacity .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal:not(.hidden){opacity:1;pointer-events:all}.modal-content{background:var(--background-accent);border-radius:.5rem;flex-direction:column;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #19010c66}.modal-header{background:var(--theme-color);color:var(--background-accent);border-bottom:2px solid var(--theme-color-dark);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{color:var(--background-accent);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2.5rem;line-height:1;transition:background-color .2s;display:flex}.modal-close:hover{background:#fff3}.modal-body{flex:1;padding:2rem;overflow-y:auto}.modal-body p{color:var(--theme-color-dark);margin-bottom:1rem;line-height:1.6}.modal-body h3{color:var(--theme-color);border-bottom:2px solid var(--theme-color);margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.modal-body ul{margin:0;padding:0;list-style:none}.modal-body ul li{color:var(--theme-color-dark);border-bottom:1px solid #5f032e1a;padding:.75rem 0;line-height:1.6}.modal-body ul li:last-child{border-bottom:none}.modal-body ul li strong{color:var(--theme-color)}#mobile-sheet-overlay{z-index:190;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}#mobile-sheet-overlay.active{opacity:1;pointer-events:all}#mobile-toolbar{z-index:201;background:var(--background);border-top:1px solid var(--border-color);gap:8px;padding:8px 16px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}#mobile-toolbar button{background:var(--theme-color);color:var(--background-accent);font-family:var(--font-family);cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 8px;font-size:.9rem;font-weight:700;transition:background .2s}#mobile-toolbar button.active{background:var(--accent-color);color:var(--theme-color-dark)}@media (width<=768px){body{display:block}header{z-index:100;border-bottom:2px solid #ffffff1a;justify-content:space-between;gap:.25rem;padding:.5rem;position:sticky;top:0}header img{height:2.5rem}header h1{display:none}.language-toggle-btn{white-space:nowrap}.wiki-link-btn{min-width:0;height:36px;padding:.4rem .5rem;font-size:.75rem}.region-toggle-btn{padding:.5rem;min-width:0!important}.region-text{display:none}.info-button,.saved-store-button{border-radius:.25rem;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:flex}.info-button svg,.saved-store-button svg{width:24px;height:24px}.button-text{display:none}.calculator-section{flex-direction:column;height:calc(100dvh - 60px);padding:.5rem .5rem 68px;overflow:hidden}.calculator-layout.three-column,.calculator-layout.two-column,.calculator-layout{grid-template-rows:1fr;grid-template-columns:1fr;height:100%;overflow:hidden}#selection-container{z-index:200;border-radius:20px 20px 0 0;height:75vh;max-height:75vh;padding:1rem;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:60px;left:0;right:0;overflow:hidden auto;transform:translateY(calc(100% + 60px))}#selection-container.sheet-open{transform:translateY(0)}#modifier-container{z-index:200;border-radius:20px 20px 0 0;height:60vh;max-height:60vh;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:60px;left:0;right:0;overflow:hidden auto;transform:translateY(calc(100% + 60px))}#modifier-container.sheet-open{transform:translateY(0)}#resize-handle{display:none!important}#mobile-sheet-overlay{display:block}#mobile-toolbar{display:flex}.calculator-content.two-column{flex-direction:column;height:auto;overflow:visible}.production-column,.graph-column{flex:none;height:auto;min-height:0;overflow:visible}.production-graph{height:50dvh;min-height:50dvh}.calculator-header h3{font-size:1rem}.production-command-deck{padding:.6rem}.production-rate-inline{align-items:stretch}.production-rate-inline label,.production-rate-inline input[type=number]{width:100%}.recommend-button{text-align:center;width:100%}.modifier-toggle-row{justify-content:flex-start}.modifier-toggle-btn{width:32px;height:32px}.modifier-toggle-btn img{width:17.6px;height:17.6px}.production-grid.compact-grid{grid-template-columns:repeat(auto-fill,70px)}.production-card{width:70px;height:70px}.production-card-icon{width:24px;height:24px}.production-card-name,.production-card-time,.production-card-count{font-size:.5rem}#goods-search{width:100%}.production-info{padding:.75rem}.saved-store-panel{width:100%}.modal{width:95%;max-height:90vh}.modal-header h2{font-size:1.2rem}.modal-body{padding:1.5rem}main{flex-grow:1;height:auto;padding:0;overflow:hidden}html,body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}footer,.app-footer{display:none}}footer{text-align:justify;color:var(--theme-color-dark);padding:1rem;font-size:.8rem}.metadata-container{color:var(--theme-color-dark);-webkit-backdrop-filter:blur(8px);background:#ffe9def2;border:1px solid #5f032e33;border-radius:.75rem;outline:none;min-width:220px;max-width:300px;padding:0;animation:.2s ease-out fadeIn;box-shadow:0 8px 32px #19010c40}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.metadata-content{flex-direction:column;display:flex}.metadata-header{background:var(--theme-color);color:var(--background-accent);border-radius:.75rem .75rem 0 0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.metadata-header h4{flex:1;margin:0;font-size:1rem;font-weight:600}.metadata-icon{object-fit:contain;background:var(--background-accent);border-radius:.25rem;width:32px;height:32px;padding:2px}.metadata-row{border-bottom:1px solid #5f032e1a;padding:.75rem 1rem;font-size:.9rem}.metadata-section{border-bottom:1px solid #5f032e1a;padding:.75rem 1rem}.metadata-section:last-child{border-bottom:none}.metadata-section h5{letter-spacing:.05em;color:var(--theme-color);opacity:.8;margin:0 0 .5rem;font-size:.8rem}.cost-list{flex-wrap:wrap;align-items:center;gap:.5rem;flex-direction:row!important;display:flex!important}.cost-icon-small{object-fit:contain;width:16px;height:16px}.cost-item span{color:var(--theme-color-dark);font-size:.95rem;font-weight:600}.language-toggle-btn{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);cursor:pointer;font-family:var(--font-family);color:var(--theme-color-dark);border:none;border-radius:12px;justify-content:center;align-items:center;min-width:60px;height:44px;margin-left:auto;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.language-toggle-btn:hover{box-shadow:-12px -12px 20px var(--background-light), 12px 12px 20px var(--background-dark);transform:translateY(-2px)}.language-toggle-btn:active{box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);transform:translateY(0)}.region-toggle-btn{background:var(--background);box-shadow:var(--shadow-light), var(--shadow-dark);cursor:pointer;font-family:var(--font-family);color:var(--theme-color-dark);white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;min-width:160px;height:44px;margin-left:0;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s;display:flex}.region-toggle-btn:hover{box-shadow:-12px -12px 20px var(--background-light), 12px 12px 20px var(--background-dark);transform:translateY(-2px)}.region-toggle-btn:active{box-shadow:var(--shadow-inset-light), var(--shadow-inset-dark);transform:translateY(0)}.region-icon{object-fit:contain;width:32px;height:32px}.region-text{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}@media (width<=768px){.calculator-layout.two-column{grid-template-rows:auto 1fr;grid-template-columns:1fr}.left-panel{max-height:40vh;overflow-y:auto}.right-panel{overflow:auto}.resize-handle{display:none!important}}@media (width>=768px) and (width<=1023px){:root{--left-panel-width:300px;--left-panel-min-width:200px}}.dark{--background:#141e2e;--background-light:#1f2f45;--background-dark:#080f1a;--background-accent:#1a2840;--theme-color:#c9a84c;--theme-color-hover:#d4b35a;--theme-color-dark:#e8d4a0;--accent-color:#c9a84c;--border-color:#2a3f5a;--text-primary:#d8e4f0;--text-secondary:#7a9ab8;--shadow-light:-10px -10px 20px #1f2f45cc;--shadow-dark:10px 10px 20px #080f1acc;--shadow-inset-light:inset -5px -5px 10px #1f2f4599;--shadow-inset-dark:inset 5px 5px 10px #080f1acc}.dark header h1 a{color:#c9a84c}.dark ::-webkit-scrollbar-thumb{background:#2a3f5a}.dark-mode-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.2rem;transition:background .2s}.dark-mode-btn:hover{background:#ffffff26}@media (orientation:landscape) and (height<=500px) and (width<=1024px){footer.site-disclaimer{display:none}.app-header{margin-bottom:.25rem;padding:4px 12px}.calculator-topbar{flex-wrap:nowrap;align-items:center;gap:6px}.topbar-title{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.8rem;overflow:hidden}.recommend-button,.usage-note{display:none}.production-graph{height:auto;min-height:120px}.calculator-section{overflow-y:auto}.calculator-layout.three-column,.calculator-layout.two-column,.calculator-layout{grid-template-rows:1fr;grid-template-columns:1fr;height:100%;overflow:hidden}#selection-container{z-index:200;border-radius:20px 20px 0 0;height:75vh;max-height:75vh;padding:1rem;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:60px;left:0;right:0;overflow:hidden auto;transform:translateY(calc(100% + 60px))}#selection-container.sheet-open{transform:translateY(0)}#modifier-container{z-index:200;border-radius:20px 20px 0 0;height:60vh;max-height:60vh;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:60px;left:0;right:0;overflow:hidden auto;transform:translateY(calc(100% + 60px))}#modifier-container.sheet-open{transform:translateY(0)}#resize-handle{display:none!important}#mobile-sheet-overlay{display:block}#mobile-toolbar{display:flex}}footer.site-disclaimer{text-align:center;color:var(--text-secondary);padding:.4rem 1rem;font-size:12px;line-height:1.6}.help-disclaimer{color:var(--text-secondary);margin-top:1rem;font-size:12px;line-height:1.6}.tree-search[data-v-ff035133]{border-bottom:1px solid var(--border-color);padding:12px}.search-input-container[data-v-ff035133]{background-color:var(--background);border:none;border-radius:8px;align-items:center;padding:8px 12px;display:flex;position:relative;box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #ffffffb3}.search-input-container[data-v-ff035133]:focus-within{outline:2px solid var(--theme-color);outline-offset:2px}.search-icon[data-v-ff035133]{color:var(--text-secondary);flex-shrink:0;margin-right:8px;font-size:16px}.search-input[data-v-ff035133]{box-shadow:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input[data-v-ff035133]::placeholder{color:var(--text-secondary);opacity:.6}.clear-button[data-v-ff035133]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:background-color .2s;display:flex}.clear-button[data-v-ff035133]:hover{background-color:var(--background-accent);color:var(--text-primary)}.clear-button[data-v-ff035133]:focus{outline:2px solid var(--theme-color);outline-offset:2px}.tree-item[data-v-9ab57aeb]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:12px;min-height:48px;margin:2px 0;padding:8px 12px;transition:background-color .2s;display:flex}.tree-item[data-v-9ab57aeb]:hover{background-color:var(--background-accent)}.tree-item[data-v-9ab57aeb]:focus{outline:2px solid var(--theme-color);outline-offset:2px}.tree-item.selected[data-v-9ab57aeb]{background-color:var(--theme-color);color:var(--background)}.tree-item.selected[data-v-9ab57aeb]:hover{background-color:var(--theme-color-hover)}.tree-item.disabled[data-v-9ab57aeb]{opacity:.5;cursor:not-allowed}.tree-item-icon[data-v-9ab57aeb]{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.good-icon[data-v-9ab57aeb]{object-fit:contain;max-width:100%;max-height:100%}.tree-item-content[data-v-9ab57aeb]{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.tree-item-name[data-v-9ab57aeb]{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.tree-item-tags[data-v-9ab57aeb]{flex-wrap:wrap;gap:4px;display:flex}.tag[data-v-9ab57aeb]{color:var(--text-secondary);background-color:#5f032e1a;border-radius:3px;padding:2px 6px;font-size:10px}.tree-item.selected .tag[data-v-9ab57aeb]{color:var(--background);background-color:#fff3}@media (hover:none){.tree-item[data-v-9ab57aeb]{min-height:52px}}.tree-category[data-v-85c48c48]{margin-bottom:4px}.tree-category-header[data-v-85c48c48]{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.tree-category-header[data-v-85c48c48]:hover{background-color:var(--background-accent)}.tree-category-header[data-v-85c48c48]:focus{outline:2px solid var(--theme-color);outline-offset:2px}.category-icon[data-v-85c48c48]{flex-shrink:0;font-size:18px}.category-name[data-v-85c48c48]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.category-count[data-v-85c48c48]{color:var(--text-secondary);font-size:12px;font-weight:400}.expand-icon[data-v-85c48c48]{color:var(--text-secondary);flex-shrink:0;font-size:10px;transition:transform .2s}.tree-category.expanded .expand-icon[data-v-85c48c48]{transform:rotate(0)}.category-items[data-v-85c48c48]{margin-top:4px;padding-left:16px;animation:.2s slideDown-85c48c48}@keyframes slideDown-85c48c48{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (hover:none){.tree-category-header[data-v-85c48c48]{min-height:52px}}.goods-tree-view[data-v-68828c10]{background-color:var(--background);flex-direction:column;height:100%;display:flex;overflow:hidden}.tree-content[data-v-68828c10]{flex:1;padding:8px;overflow-y:auto}.tree-categories[data-v-68828c10]{flex-direction:column;gap:4px;display:flex}.no-results[data-v-68828c10]{text-align:center;color:var(--text-secondary);padding:32px 16px;font-size:14px}.recent-section[data-v-68828c10]{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.recent-header[data-v-68828c10]{color:var(--text-primary);align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.recent-icon[data-v-68828c10]{font-size:16px}.recent-title[data-v-68828c10]{flex:1}.recent-list[data-v-68828c10]{margin-top:4px}.tree-content[data-v-68828c10]::-webkit-scrollbar{width:8px}.tree-content[data-v-68828c10]::-webkit-scrollbar-track{background:var(--background)}.tree-content[data-v-68828c10]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.tree-content[data-v-68828c10]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modifier-panel[data-v-e51cba5e]{flex-direction:column;gap:1rem;height:100%;display:flex;overflow-y:auto}.modifier-panel-title[data-v-e51cba5e]{color:var(--theme-color);border-bottom:2px solid var(--theme-color);margin:0;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.modifier-sections[data-v-e51cba5e]{flex-direction:column;gap:1.5rem;display:flex}.modifier-section[data-v-e51cba5e]{flex-direction:column;gap:.75rem;display:flex}.modifier-section-header h3[data-v-e51cba5e]{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600}.modifier-toggles[data-v-e51cba5e]{flex-direction:column;gap:.5rem;display:flex}.modifier-toggle-btn[data-v-e51cba5e]{cursor:pointer;background:#ffe9de1a;border:1px solid #5f032e33;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.modifier-toggle-btn[data-v-e51cba5e]:hover{border-color:var(--theme-color);background:#ffe9de33}.modifier-toggle-btn.active[data-v-e51cba5e]{background:var(--theme-color);border-color:var(--theme-color);color:var(--background)}.toggle-icon[data-v-e51cba5e]{object-fit:contain;flex-shrink:0;width:24px;height:24px}.toggle-label[data-v-e51cba5e]{text-align:left;flex:1;font-size:.85rem;font-weight:500}@media (width<=768px){.modifier-section[data-v-e51cba5e]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;display:grid}.modifier-section-header[data-v-e51cba5e]{grid-column:1/-1}.modifier-toggles[data-v-e51cba5e]{display:contents}.modifier-toggle-btn[data-v-e51cba5e]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;padding:.5rem .25rem}.toggle-label[data-v-e51cba5e]{text-align:center;flex:none;font-size:.7rem;line-height:1.2}}