#ac{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:30px 24px 70px;color:#f5ebd2;font-family:"Home Noto Sans JP","Noto Sans JP",sans-serif}body:has(#ac){background:#192426 url('assets/img/cooking-inn-background.webp') center/cover fixed}#ac *{box-sizing:border-box}#ac .ac-heading{border-bottom:2px solid #b79a54;margin-bottom:24px;padding-bottom:20px}#ac h1{font-size:30px;color:#fff3cf;margin:8px 0}#ac small{color:#d9be75;letter-spacing:.15em}#ac h2{font-size:19px;color:#f4d98f;margin:0 0 16px;border-bottom:1px solid #826b38;padding-bottom:10px}#ac .ac-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px}#ac .ac-panel{min-width:0;background:rgba(20,25,24,.96);border:2px solid #ac8d45;box-shadow:inset 0 0 0 3px #292b27,0 5px 15px #0006;padding:24px;border-radius:4px}#ac label{display:block;margin:12px 0;color:#e9d6ac}#ac input,#ac select{font:inherit;color:#fff;background:#253638;border:1px solid #a58c50;border-radius:4px;padding:8px;width:100%;margin-top:5px;min-width:0}#ac select option{background:#253638}#ac .ac-presets{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}#ac button{font:inherit;padding:8px 12px;background:linear-gradient(#645335,#29291f);border:1px solid #b99b59;color:#fff1ce;border-radius:4px;cursor:pointer}#ac button:hover{background:#756037}#ac .ac-material{border:1px solid #716243;padding:14px;margin-top:14px;border-radius:4px}#ac .ac-material-title{display:flex;gap:10px;align-items:center;margin-bottom:10px}#ac .ac-material img{width:44px;height:44px;object-fit:contain}#ac .ac-quality{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#ac .ac-quality label{text-align:center;font-size:13px;margin:0}#ac .ac-quality input{text-align:center;padding:6px 2px}#ac .ac-note{font-size:13px;color:#bdc9c7;line-height:1.8}#ac #ac-gauge{display:flex;gap:3px;margin:20px 0 25px}#ac #ac-gauge span{flex:1;text-align:center;font-size:12px;background:#343b3c;border:1px solid #66716d;padding:7px 0}#ac #ac-gauge .active{background:#1b8a7e;color:#fff;border-color:#6cf1d1}#ac #ac-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:20px}#ac .ac-result{background:#28332e;border:1px solid #8f7a45;padding:14px 2px;text-align:center;border-radius:4px}#ac .ac-result strong{display:block;font-size:22px;color:#fff0a5;margin-top:9px}#ac .ac-table-wrap{overflow:auto}#ac table{width:100%;border-collapse:collapse;table-layout:auto;font-size:14px}#ac th,#ac td{padding:10px 6px;text-align:center;border:1px solid #635b43;white-space:nowrap}#ac th{background:#403b2a;color:#eed596}#ac tr.current{background:#21564d;color:#fff1b5;font-weight:bold}#ac #ac-status{min-height:28px;font-weight:bold}#ac .ac-error{color:#ffc08f}#ac #ac-money{margin:16px 0 24px;color:#ffe6a7}@media(max-width:850px){#ac .ac-layout{grid-template-columns:1fr}#ac{padding:22px 12px 60px}#ac h1{font-size:24px}#ac .ac-panel{padding:17px}}@media(max-width:420px){#ac h1{font-size:21px}#ac .ac-quality{gap:5px}#ac .ac-result strong{font-size:17px}#ac #ac-results{gap:4px}#ac th,#ac td{padding:9px 4px;font-size:12px}}

body:has(#ac){margin:0}#ac{width:100%}

html:has(#ac){overflow-x:clip}body:has(#ac){overflow-x:clip}

/* Match the shared database/simulator visual design. */

body:has(#ac){background:#151b20 url('../assets/img/database-library-background.webp') center/cover fixed no-repeat!important}

#ac{max-width:1530px;padding-top:30px}#ac .ac-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 30px;position:relative;border:0;background:url('../original-line.webp') center bottom/100% 15px no-repeat;padding-bottom:24px}#ac .ac-heading small{width:100%;font-size:12px}#ac h1{font-size:36px;margin:0;line-height:1.4}#ac .ac-heading p{margin:0;font-size:14px}#ac h1::before{content:'';display:inline-block;width:1em;height:1em;margin-right:.3em;vertical-align:-.1em;background:url('../database-heading-icon.webp') center/contain no-repeat}#ac .ac-panel{padding:24px;background:rgba(24,25,25,.66)!important}#ac h2{background:url('../original-line.webp') center bottom/100% 15px no-repeat;border:0;padding-bottom:17px}#ac .ac-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#ac .ac-result{background:rgba(15,17,17,.65)}#ac .ac-material{background:rgba(17,20,20,.48)}#ac .ac-quality input{font-family:'Home Noto Sans JP',sans-serif!important}#ac #ac-gauge span{background:rgba(20,24,23,.75);border-color:#987d4d}#ac #ac-gauge .active{background:linear-gradient(#886a2b,#453817);border-color:#e6c37b;color:#ffe4a4}#ac tr.current{background:#655128}

@media(max-width:850px){#ac .ac-layout{grid-template-columns:1fr}#ac h1{font-size:24px}#ac .ac-panel{padding:20px}#ac .ac-heading{gap:8px;padding-bottom:20px}}



/* Narrow the materials pane to two thirds of its former width. */

#ac .ac-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}

@media(max-width:850px){#ac .ac-layout{grid-template-columns:1fr}}



/* Preserve the original results-pane width; leave unused space on the right. */

#ac .ac-layout{grid-template-columns:minmax(0,calc((100% - 22px)/3)) minmax(0,calc((100% - 22px)/2))}

@media(max-width:850px){#ac .ac-layout{grid-template-columns:1fr}}



/* Center the two panes without changing their widths. */

#ac .ac-layout{justify-content:center}



#ac .ac-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}

html[data-slate-theme] #ac .ac-presets button{min-width:0;min-height:30px;padding:4px 1px;font-size:12px;white-space:nowrap;letter-spacing:0;line-height:1.3}

#ac #ac-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}#ac .ac-effect{border:1px solid #987d4d;border-radius:4px;background:#10151399;padding:12px}#ac .ac-effect-head{display:flex;justify-content:space-between;gap:12px;color:#f1d28d;border-bottom:1px solid #766442;padding-bottom:7px;margin-bottom:8px}#ac .ac-effect-text{white-space:pre-line;font-size:13px;line-height:1.65}@media(max-width:560px){#ac #ac-effects{grid-template-columns:1fr}}

#ac #ac-gauge{display:flex;gap:2px;width:min(100%,420px);height:36px;margin:20px auto 25px;padding:4px;border:1px solid #f9f1d6;border-radius:24px;background:#646477;box-shadow:inset 0 0 0 2px #30313f,0 0 0 1px #272830;overflow:hidden}#ac #ac-gauge span{flex:1;min-width:0;height:100%;padding:0;border:1px solid #bbb8ba;background:#3f4052;border-radius:0}#ac #ac-gauge span:first-child{border-radius:20px 0 0 20px}#ac #ac-gauge span:last-child{border-radius:0 20px 20px 0}#ac #ac-gauge span.filled{background:#00c9b3;border-color:#b5d7c6}#ac .ac-diamonds{display:inline-flex;justify-content:center;align-items:center;gap:0;vertical-align:middle;white-space:nowrap}#ac .ac-diamonds img{width:15px;height:19px;object-fit:contain}#ac th .ac-diamonds img{width:12px;height:16px}#ac .ac-effect-head .ac-diamonds img{width:21px;height:25px}@media(max-width:420px){#ac .ac-result .ac-diamonds img{width:10px;height:15px}#ac th .ac-diamonds img{width:9px;height:13px}}

#ac .ac-quality .ac-diamonds img{width:10px;height:17px}



/* Keep numeric stepper arrows visible without hover. */

#ac .ac-quality input[type=number]{appearance:auto;-moz-appearance:auto;padding-right:2px}

#ac .ac-quality input[type=number]::-webkit-inner-spin-button,#ac .ac-quality input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1;margin:0}



html[data-slate-theme] #ac #ac-recipe{appearance:none!important;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 1h12L6 7z' fill='%23ead3a1'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:12px 8px!important;background-position:right 10px center!important}



#ac .ac-selection-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}#ac .ac-selection-row label{min-width:0;margin:10px 0}#ac .ac-selection-row input,#ac .ac-selection-row select{width:100%;height:40px}#ac .ac-selection-row label{font-size:13px}#ac .ac-selection-row input,#ac .ac-selection-row select{font-size:13px}

#ac .ac-result-breakdown{margin-top:12px;border-top:1px solid #766442;padding:8px 6px 0;font-size:12px;line-height:1.6;text-align:left}#ac .ac-result-detail{display:flex;justify-content:space-between;align-items:baseline;gap:5px;padding:3px 0;flex-wrap:wrap}#ac .ac-result-detail span{color:#d9d1be;overflow-wrap:anywhere}#ac .ac-result-detail b{color:#f3de9c;white-space:nowrap;margin-left:auto;font-family:'Home Noto Sans JP',sans-serif!important}@media(max-width:560px){#ac .ac-result-breakdown{padding:6px 2px 0;font-size:10px}#ac .ac-result-detail{display:block;text-align:center}#ac .ac-result-detail b{display:block}}

#ac #ac-accessory-profile{border:1px solid #987d4d;background:#10171988;border-radius:4px;padding:16px;margin:0 0 24px}#ac .ac-profile-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid #766442;padding-bottom:12px;margin-bottom:14px}#ac .ac-profile-heading img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;filter:url(#ac-remove-green)}html[data-slate-theme] #ac .ac-profile-heading a{color:#65dde0!important;text-decoration:none;font-size:20px}#ac .ac-profile-effects{white-space:pre-line;line-height:1.7;font-size:15px}
#ac .ac-table-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}#ac #ac-table-mode{font-size:12px;color:#d2c8b3}#ac #ac-table-toggle{font-size:13px;padding:6px 12px}
html[data-slate-theme] #ac .ac-material-title a{color:#65dde0!important;text-decoration:none}#ac .ac-material-title>a{display:flex;flex:none}#ac .ac-material-title a:hover{text-decoration:underline}

#ac h1::before{background-image:url("img/accessory-heading-ring.svg");width:1.05em;height:1.05em;vertical-align:-.16em}

#ac .ac-profile-heading img[src*="112255201"]{filter:url(#ac-remove-slate-green)}