:root{color-scheme:dark;--bg:#06111e;--surface:#0c1e31;--surface2:#11283e;--line:#29465d;--text:#eef6fb;--muted:#91a8b9;--teal:#42d4c4;--gold:#f2c36d;--blue:#6fa8ff;--danger:#ff8f91;--shadow:0 18px 50px #02070d80;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 85% -10%,#174468 0,transparent 32rem),linear-gradient(180deg,#081726 0,#06111e 35rem);min-height:100vh}button,input,select{font:inherit}.site-header{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 max(22px,calc((100vw - 1240px)/2));background:#06111eef;border-bottom:1px solid #31516b;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;min-width:max-content}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #6eeadd;border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-weight:800;box-shadow:inset 0 0 0 4px #123548}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.18em}.brand strong{display:block;font-family:Georgia,"Yu Mincho",serif;letter-spacing:.04em}.main-nav{display:flex;align-self:stretch}.main-nav a{display:flex;align-items:center;padding:0 18px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;font-weight:700}.main-nav a:hover,.main-nav a.active{color:var(--text);border-color:var(--teal);background:#15304766}.version{margin-left:auto;color:#6f8799;font:700 12px/1 monospace}main{width:min(1240px,calc(100% - 36px));margin:0 auto}.tool-page{padding:36px 0 64px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}.page-heading h1{margin:2px 0 0;font-family:"Home Noto Sans JP",sans-serif;font-size:clamp(26px,4vw,42px);font-weight:600;letter-spacing:.03em}.page-heading>p{max-width:520px;color:var(--muted);margin:0 0 6px;line-height:1.8}.eyebrow{color:var(--teal);font:800 12px/1.4 monospace;letter-spacing:.18em;margin:0}.workspace{display:grid;gap:20px}.battle-grid,.cooking-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr)}.panel{background:linear-gradient(145deg,#10283d,#091929);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.controls-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px}.field{display:flex;flex-direction:column;gap:7px}.field.full,.full{grid-column:1/-1}.field.grow{flex:1}.field label,.advanced label{color:#b8cad7;font-size:14px;font-weight:700}input,select{width:100%;border:1px solid #34536b;border-radius:9px;background:#071522;color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #42d4c426}select[size]{padding:4px}select[size] option{padding:8px;border-radius:5px}.hero-strip,.recipe-strip{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #28485f;border-radius:12px;background:#071522}.hero-strip img,.recipe-strip img{width:68px;height:68px;object-fit:contain;border-radius:10px;background:#10263a}.hero-strip div,.recipe-strip div{display:grid;gap:5px}.hero-strip strong,.recipe-strip strong{font-size:18px}.hero-strip span,.recipe-strip span{font-size:13px;color:var(--muted)}.advanced{border-top:1px solid #29475e;padding-top:14px}.advanced summary{cursor:pointer;color:var(--gold);font-weight:700}.advanced-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.advanced label{display:grid;gap:6px}.result-panel{padding:26px;position:sticky;top:94px;align-self:start}.result-label{color:var(--muted);font-weight:700;letter-spacing:.08em}.damage-range{display:flex;align-items:center;gap:14px;color:var(--gold)}.damage-range strong{font:700 clamp(36px,5vw,64px)/1 Georgia,serif}.damage-range span{color:#6e8799}.average{font-size:17px}.meter{height:8px;border-radius:9px;background:#06111e;overflow:hidden;margin:22px 0}.meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .25s}.breakdown{margin:20px 0}.breakdown div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #29465d}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;font-weight:700}.formula-note{font-size:13px;color:var(--muted);line-height:1.65}.link-total{display:block;color:var(--gold);font:700 76px/1 Georgia,serif;margin:14px 0 28px}.ingredient-list{display:grid;gap:10px}.ingredient-row{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:center;padding:10px 12px;border:1px solid #29465d;border-radius:10px;background:#091a29}.ingredient-row small{color:var(--muted);display:block;margin-top:3px}.item-toolbar{display:flex;gap:14px;align-items:end;padding:18px;margin-bottom:18px}.item-toolbar .field:not(.grow){width:210px}.item-count{margin:0 0 11px;min-width:70px;text-align:right;color:var(--gold);font-weight:800}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.item-card{display:grid;grid-template-columns:58px 1fr;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0b1d2e;color:var(--text);cursor:pointer;min-height:102px}.item-card:hover{border-color:var(--teal);transform:translateY(-1px)}.item-card img,.item-icon-placeholder{width:58px;height:58px;object-fit:contain;background:#071522;border-radius:9px}.item-card strong{display:block;line-height:1.35}.item-card small{display:block;color:var(--muted);margin-top:5px}.price-badge{display:inline-block;margin-top:7px;color:var(--gold);font-size:12px}.load-more{display:block;margin:22px auto 0;padding:11px 28px;border:1px solid #3d6a83;border-radius:999px;background:#10283d;color:var(--text);cursor:pointer}.load-more[hidden]{display:none}.item-dialog{width:min(720px,calc(100% - 28px));max-height:86vh;border:1px solid #41637a;border-radius:18px;background:#0b1d2e;color:var(--text);padding:28px;box-shadow:0 30px 90px #000b}.item-dialog::backdrop{background:#02070dcf;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}.detail-head{display:flex;align-items:center;gap:16px;padding-right:25px}.detail-head img,.detail-head .item-icon-placeholder{width:82px;height:82px;object-fit:contain}.detail-head h2{margin:0 0 5px}.detail-id{color:var(--muted);font:12px monospace}.detail-description{line-height:1.8;color:#d7e3ea}.detail-section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.detail-section h3{margin:0 0 10px;color:var(--teal);font-size:15px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:8px;border-bottom:1px solid #223d51;text-align:left}.data-table th{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;width:min(1240px,calc(100% - 36px));margin:0 auto;padding:28px 0 40px;border-top:1px solid #223d51;color:#70899b;font-size:13px}footer p{margin:0}@media(max-width:900px){.site-header{padding:0 14px;gap:10px}.brand small,.version{display:none}.brand strong{font-size:14px}.main-nav{margin-left:auto}.main-nav a{padding:0 11px;font-size:14px}.battle-grid,.cooking-grid{grid-template-columns:1fr}.result-panel{position:static}.item-grid{grid-template-columns:repeat(2,1fr)}.page-heading{display:block}.page-heading>p{margin-top:12px}.item-toolbar{flex-wrap:wrap}.item-toolbar .field:not(.grow){width:calc(50% - 7px)}.item-toolbar .grow{flex-basis:100%}.item-count{margin-left:auto}}@media(max-width:560px){main{width:min(100% - 22px,1240px)}.site-header{height:auto;min-height:66px;flex-wrap:wrap;padding-top:8px}.main-nav{order:3;width:100%;height:42px;justify-content:space-around}.main-nav a{flex:1;justify-content:center}.tool-page{padding-top:24px}.controls-panel{grid-template-columns:1fr;padding:15px}.field.full,.full{grid-column:auto}.advanced-grid{grid-template-columns:1fr 1fr}.item-grid{grid-template-columns:1fr}.item-toolbar .field:not(.grow){width:100%}.item-card{min-height:92px}footer{display:block}footer p+ p{margin-top:8px}}.cooking-ranking-panel{margin-top:24px;padding:20px}.ranking-scroll{overflow:auto;max-height:640px}.ranking-scroll th{position:sticky;top:0;background:var(--surface)}.ranking-scroll td:nth-child(3){min-width:300px}.ranking-scroll td{vertical-align:top}.recipe-favorite-toggle{padding:10px 15px;border:1px solid var(--gold);border-radius:9px;background:#132c40;color:var(--gold);font-size:14px;cursor:pointer}.recipe-favorite-toggle[aria-pressed="true"]{background:#433619}.recipe-favorite-toggle:disabled{opacity:.5;cursor:default}.recipe-favorite-toggle:focus-visible,.cooking-favorite-row button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.cooking-favorites{border:1px solid var(--line);border-radius:12px;padding:14px;background:#091a29}.cooking-favorites-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.cooking-favorites h2{margin:0;font-size:16px}.cooking-favorites-heading span{font-size:14px;color:var(--gold)}#cooking-favorites-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;max-height:260px;overflow:auto}.cooking-favorite-row{display:flex;gap:8px;align-items:stretch}.cooking-favorite-row button{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;background:#10283d;color:var(--text);padding:9px 10px;cursor:pointer}.cooking-favorite-choice{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.cooking-favorite-choice[aria-pressed="true"]{border-color:var(--teal)}.cooking-favorite-remove{flex-shrink:0;color:var(--muted) !important}.favorites-empty,#cooking-favorites-note{font-size:14px;color:var(--muted);line-height:1.6}#cooking-favorites-note{margin:12px 0 0}.cost-output{display:block;padding:11px 12px;border:1px solid #34536b;border-radius:9px;background:#071522;font-weight:700}.cooking-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.cooking-summary>div{min-width:0}.cooking-summary .result-label{font-size:13px;letter-spacing:0}.cooking-summary .link-total{font-size:clamp(38px,4vw,64px);overflow-wrap:anywhere}.cost-performance-total{display:block;color:var(--teal);font:700 clamp(28px,3vw,42px)/1.2 Georgia,serif;margin:14px 0 8px;overflow-wrap:anywhere}.cost-performance-unit{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.cooking-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.cooking-mode-card{display:flex;align-items:center;justify-content:center;padding:20px 12px;border:1px solid var(--line);border-radius:12px;background:#0c2032;color:var(--text);text-decoration:none}.cooking-mode-card:hover,.cooking-mode-card[aria-current="page"]{border-color:var(--teal);background:#123546;color:var(--teal)}.cooking-coming-soon{padding:26px}.cooking-coming-soon p{color:var(--muted)}.cooking-coming-soon a{color:var(--teal)}.ranking-recipe-choice{border:0;padding:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit;text-decoration:underline;text-decoration-color:#42d4c477;text-underline-offset:4px}.ranking-recipe-choice:hover{color:var(--teal)}.ranking-recipe-choice:focus-visible,.cooking-mode-card:focus-visible{outline:2px solid var(--teal);outline-offset:4px}#cooking-form{scroll-margin-top:100px}@media(max-width:560px){.cooking-mode-cards{gap:7px}.cooking-mode-card{padding:16px 6px;font-size:13px}#cooking-form{scroll-margin-top:125px}}.ingredient-row{grid-template-columns:80px minmax(0,1fr)}.ingredient-row select{width:80px;padding:11px 8px}.ingredient-row>div{min-width:0;overflow-wrap:anywhere}.cooking-mode-heading{display:grid;grid-template-columns:max-content minmax(280px,340px) minmax(0,1fr);align-items:center;gap:24px}.cooking-mode-heading .cooking-mode-cards{margin:0;gap:8px}.cooking-mode-heading .cooking-mode-card{padding:15px 8px;white-space:nowrap;font-size:14px}.cooking-mode-heading>p{font-size:13px;margin:0}.cooking-mode-heading:not(:has(>p)){grid-template-columns:max-content minmax(280px,340px);justify-content:start}@media(max-width:1050px){.cooking-mode-heading{grid-template-columns:1fr minmax(280px,340px)}.cooking-mode-heading>p{grid-column:1/-1}}@media(max-width:650px){.cooking-mode-heading,.cooking-mode-heading:not(:has(>p)){grid-template-columns:minmax(0,1fr);gap:14px}.cooking-mode-heading .cooking-mode-cards{width:100%;max-width:340px}.cooking-mode-heading .cooking-mode-card{font-size:13px;padding:13px 6px}}.cooking-hero-toolbar{display:flex;align-items:center;gap:12px}.cooking-hero-toolbar input{flex:1;min-width:0;max-width:300px}.cooking-rarity-filters{display:flex;gap:7px;flex-shrink:0}.cooking-rarity-filter{border:1px solid var(--line);border-radius:999px;background:#071522;color:var(--muted);padding:9px 13px;cursor:pointer;font-size:14px;white-space:nowrap}.cooking-rarity-filter[aria-pressed="true"]{border-color:var(--teal);background:#123546;color:var(--teal)}.cooking-rarity-filter:focus-visible{outline:2px solid var(--teal);outline-offset:3px}#hero-filter-status{color:var(--muted)}#hero-filter-status:empty{display:none}@media(max-width:560px){.cooking-hero-toolbar{flex-wrap:wrap;gap:9px}.cooking-hero-toolbar input{max-width:none;flex-basis:100%}.cooking-rarity-filters{flex-wrap:wrap}.cooking-rarity-filter{padding:8px 12px}}.special-controls{padding:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.special-level-field{border:0;margin:0;padding:0;min-width:0}.special-level-field legend{color:#b8cad7;font-weight:700;font-size:14px;margin-bottom:10px}.special-level-buttons{display:flex;flex-wrap:wrap;gap:8px}.special-level-choice{position:relative;cursor:pointer}.special-level-choice input{position:absolute;opacity:0;width:1px;height:1px}.special-level-choice span{display:block;border:1px solid var(--line);border-radius:9px;padding:12px;background:#071522}.special-level-choice input:checked+span{border-color:var(--teal);background:#123546;color:var(--teal)}.special-level-choice input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}.special-course-panel,.special-material-panel{padding:22px;margin-top:20px}.special-course-panel h2,.special-material-panel h2{font-size:20px;margin:0 0 12px}.special-course-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.special-course-card{min-width:0}.special-dish-choice{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#071522;color:var(--text);text-align:left;cursor:pointer}.special-dish-choice[aria-pressed="true"]{border-color:var(--teal);background:#123546}.special-dish-choice:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.special-dish-choice img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.special-dish-choice span{min-width:0;display:grid;gap:6px}.special-dish-choice small{color:var(--muted)}.special-dish-choice strong{overflow-wrap:anywhere}.special-variant-toggle{display:flex;align-items:start;gap:6px;font-size:12px;margin:10px 4px;color:var(--muted);cursor:pointer}.special-variant-toggle input{width:16px;height:16px;margin:1px 0;accent-color:var(--teal)}.special-material-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.special-material-scroll{overflow:auto}.special-material-table{min-width:420px}.special-material-table td:nth-child(4){white-space:pre-line;font-size:12px;line-height:1.7}.special-material-table td:nth-child(2),.special-material-table td:nth-child(3){white-space:nowrap}.special-material-table td{vertical-align:top}.special-material-table td:nth-child(1){min-width:65px}@media(max-width:1050px){.special-controls,.special-material-layout{grid-template-columns:1fr}.special-course-list{grid-template-columns:repeat(2,minmax(0,1fr))}.special-controls .cooking-hero-toolbar{flex-wrap:wrap}}@media(max-width:560px){.special-controls,.special-course-panel,.special-material-panel{padding:15px}.special-course-list{grid-template-columns:1fr}.special-dish-choice img{width:48px;height:48px}.special-level-buttons{gap:6px}.special-level-choice span{padding:10px}}/* Light page shell; content panels retain their dark palette. */html{background:#f0f5fa;color-scheme:light}body{background:linear-gradient(180deg,#f8fbfd 0,#edf3f9 100%)}.site-header{height:94px;background:#fffffff2;border-bottom-color:#d2deea;box-shadow:0 3px 16px #163c5a0c}.brand-logo{display:block;width:210px;height:auto;max-height:80px;object-fit:contain}.main-nav a{color:#52687e}.main-nav a:hover,.main-nav a.active{color:#143a56;background:#e9f4f8;border-bottom-color:#188e88}.version{color:#61778b}.page-heading h1{color:#102c43}.page-heading>p{color:#536c82}.page-heading .eyebrow{color:#087b78}.panel,.item-card,.item-dialog{color-scheme:dark}.panel{box-shadow:0 12px 30px #15344d1a}.result-panel{top:114px}.cooking-mode-card{box-shadow:0 4px 12px #15344d12}footer{border-top-color:#ccdbe7;color:#536c82}#cooking-form{scroll-margin-top:114px}@media(max-width:900px){.result-panel{position:static}}@media(max-width:560px){.site-header{height:auto;min-height:82px}.brand-logo{width:170px;max-height:66px}.main-nav{height:42px}#cooking-form{scroll-margin-top:132px}}.special-material-panel{min-width:0}/* Light cooking navigation cards with readable green selection. */.cooking-mode-card{background:#f8fbfd;border-color:#c8dce7;color:#25465d;box-shadow:0 4px 12px #15344d12}.cooking-mode-card:hover{background:#edf8f5;border-color:#39b5a9;color:#087b78}.cooking-mode-card[aria-current="page"]{background:#dff5ed;border-color:#20a99b;color:#087b78}.cooking-mode-card:focus-visible{outline:3px solid #20a99b;outline-offset:3px}.site-header{padding-left:18px;padding-right:18px;gap:26px}.brand{min-width:0;gap:16px;flex-shrink:0}.brand-site-title{display:grid;gap:7px;color:#102c43;line-height:1.3}.brand-site-game{font-size:18px;font-weight:800;letter-spacing:.02em}.brand-site-tools{font-size:16px;font-weight:700;color:#3b5871}.site-header .version{margin-left:auto}@media(max-width:1050px){.site-header{gap:14px}.brand-logo{width:180px}.brand-site-game{font-size:16px}.brand-site-tools{font-size:14px}.site-header .version{display:none}.main-nav{margin-left:auto}}@media(max-width:760px){.site-header{height:auto;min-height:94px;flex-wrap:wrap;padding-top:8px;padding-left:12px;padding-right:12px;gap:6px}.brand{gap:12px}.brand-logo{width:150px}.brand-site-game{font-size:15px}.brand-site-tools{font-size:13px}.main-nav{order:3;width:100%;height:42px;justify-content:space-around;margin-left:0}.main-nav a{flex:1;justify-content:center}.result-panel{top:142px}}@media(max-width:420px){.brand{gap:9px;width:100%}.brand-logo{width:112px}.brand-site-title{gap:5px;min-width:0}.brand-site-game{font-size:13px}.brand-site-tools{font-size:12px}.site-header{padding-left:10px;padding-right:10px}}/* Refined site title: classic game name and restrained utility subtitle. */.brand{gap:22px}.brand-site-title{gap:8px;line-height:1.35}.brand-site-game{font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;font-size:20px;font-weight:600;letter-spacing:.025em;color:#10154b}.brand-site-tools{font-family:Arial,"Yu Gothic UI",Meiryo,sans-serif;font-size:12px;font-weight:400;letter-spacing:.08em;color:#53687b}@media(max-width:1050px){.brand{gap:16px}.brand-site-game{font-size:18px}.brand-site-tools{font-size:11px}}@media(max-width:760px){.brand{gap:15px}.brand-site-game{font-size:17px}.brand-site-tools{font-size:11px}}@media(max-width:420px){.brand{gap:12px}.brand-site-title{gap:6px}.brand-site-game{font-size:14px;letter-spacing:0}.brand-site-tools{font-size:10px;letter-spacing:.045em}}.brand-site-title{gap:3px;line-height:1.2}.brand-site-game{font-size:22px;font-weight:700}.brand-site-tools{font-size:13px;font-weight:600}@media(max-width:1050px){.brand-site-game{font-size:20px}.brand-site-tools{font-size:12px}}@media(max-width:760px){.brand-site-game{font-size:19px}.brand-site-tools{font-size:12px}}@media(max-width:420px){.brand-site-title{gap:3px}.brand-site-game{font-size:15px}.brand-site-tools{font-size:11px}}.brand-site-tools{font-size:15px}@media(max-width:1050px){.brand-site-tools{font-size:14px}}@media(max-width:760px){.brand-site-tools{font-size:14px}}@media(max-width:420px){.brand-site-tools{font-size:12px}}.main-nav a{flex-direction:column;justify-content:center;gap:4px;line-height:1.25;white-space:nowrap}.main-nav a span:last-child{font-size:11px;font-weight:500}@media(max-width:760px){.main-nav{height:52px}.main-nav a{padding-left:8px;padding-right:8px;gap:3px}}.main-nav a{min-width:138px;padding-left:20px;padding-right:20px}.main-nav a span:last-child{font-size:inherit;font-weight:inherit}@media(max-width:1050px){.main-nav a{min-width:124px;padding-left:14px;padding-right:14px}}@media(max-width:760px){.main-nav a{min-width:0;padding-left:6px;padding-right:6px;font-size:14px}.main-nav{height:58px}}@media(min-width:761px) and (max-width:900px){.site-header{height:auto;flex-wrap:wrap;padding-top:8px;gap:6px}.main-nav{order:3;width:100%;height:58px;margin-left:0;justify-content:space-around}.main-nav a{flex:1}.result-panel{top:160px}}.process-controls,.process-result{padding:24px}.process-controls h2{font-size:18px;margin:24px 0 8px}.process-material-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#071522;margin-top:10px}.process-material-row select{width:76px;flex-shrink:0;padding:10px 8px}.process-material-row div{display:grid;gap:6px}.process-material-row small{color:var(--muted);line-height:1.6}.process-result-label{color:#b8cad7;font-weight:700;margin-top:0}.process-product{display:flex;align-items:center;gap:16px;margin:22px 0}.process-product img{object-fit:contain}.process-product strong{font-size:22px}.process-quality{font-size:64px;font-weight:800;color:var(--gold);line-height:1.2}.process-result .formula-note{margin-top:22px}@media(max-width:560px){.process-controls,.process-result{padding:16px}.process-material-row{gap:10px}.process-material-row select{width:68px}}.process-count-field{margin-top:16px;max-width:220px}.process-material-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#071522;margin-top:14px}.process-material-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.process-material-heading span{font-size:13px;color:var(--teal)}.process-material-heading .process-shortage{color:var(--gold)}.process-quality-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.process-quality-field{display:flex;flex-direction:column;gap:7px;min-width:0}.process-quality-field label{font-size:13px;font-weight:700;color:#b8cad7}.process-quality-field input{padding:10px 8px}.process-quality-field small{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.process-result-count{color:var(--teal);font-weight:700}.process-result #process-result-materials{white-space:pre-line;line-height:1.9}@media(max-width:640px){.process-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.process-material-heading{align-items:start;flex-direction:column;gap:5px}}.process-stepper{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:4px}.process-stepper input{min-width:0;width:100%;text-align:center;padding:10px 2px;appearance:textfield;-moz-appearance:textfield}.process-stepper input::-webkit-inner-spin-button,.process-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.process-stepper button{width:34px;height:42px;padding:0;border:1px solid #34536b;border-radius:9px;background:#15384a;color:var(--teal);font-size:22px;font-weight:700;cursor:pointer}.process-stepper button:hover:not(:disabled){background:#205268;border-color:var(--teal)}.process-stepper button:disabled{opacity:.35;cursor:default}.process-stepper button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.process-count-field{max-width:190px}.process-quality-grid{gap:12px}@media(min-width:641px) and (max-width:1050px){.process-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.process-stepper{grid-template-columns:40px minmax(0,1fr) 40px}.process-stepper button{width:40px;height:44px}.process-stepper input{height:44px}}@media(min-width:901px){#cooking-process .cooking-grid{grid-template-columns:minmax(0,1fr) 280px}.process-result{padding:20px}.process-product{gap:12px}.process-product strong{font-size:20px}}#process-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.process-material-card{margin:0;padding:12px;min-width:0}.process-material-heading{flex-direction:column;align-items:start;gap:6px;min-height:52px}.process-quality-grid{display:grid;grid-template-columns:1fr;gap:12px}.process-quality-field label{font-size:13px}.process-result-materials{display:grid;gap:12px;margin-top:24px}.process-result-material{padding:12px;border:1px solid var(--line);border-radius:10px;background:#071522;display:grid;gap:8px}.process-result-material>strong{font-size:15px}.process-result-material>small{color:var(--muted)}.process-result-source{display:grid;gap:5px}.process-result-source span{color:var(--teal);font-size:14px}.process-result-source small{color:var(--muted);line-height:1.7;overflow-wrap:anywhere}@media(min-width:901px){#cooking-process .cooking-grid{grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr)}}@media(max-width:640px){#process-materials{grid-template-columns:1fr}.process-quality-grid{grid-template-columns:1fr}.process-quality-field{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center}.process-material-heading{min-height:0}.process-stepper{max-width:220px}.process-material-card{padding:16px}}#process-materials{grid-template-columns:repeat(var(--process-columns,3),minmax(0,1fr))}@media(min-width:1101px){#cooking-process .cooking-grid{grid-template-columns:minmax(0,var(--process-left-width,3fr)) minmax(280px,2fr)}}@media(min-width:901px) and (max-width:1100px){#cooking-process .cooking-grid{grid-template-columns:1fr}}@media(min-width:641px) and (max-width:900px){#process-materials{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){#process-materials{grid-template-columns:1fr}}.nav-cooking-group{position:relative;display:flex;align-self:stretch}.nav-cooking-group>#nav-cooking-trigger{height:100%}.main-nav .nav-cooking-submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:180px;padding:7px;background:#fff;border:1px solid #c8dce7;border-radius:0 0 12px 12px;box-shadow:0 10px 24px #15344d26;z-index:30}.main-nav .nav-cooking-submenu[hidden]{display:none}.main-nav .nav-cooking-submenu a{display:flex;min-width:0;padding:12px 14px;font-size:14px;line-height:1.4;border:0;border-radius:7px;align-items:flex-start;color:#25465d;font-weight:600}.main-nav .nav-cooking-submenu a:hover,.main-nav .nav-cooking-submenu a:focus-visible{background:#dff5ed;color:#087b78}.process-material-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 8px}.process-controls .process-material-toolbar h2{margin:0}.process-material-toolbar button{padding:9px 18px;background:#15384a;border:1px solid #34536b;border-radius:9px;color:var(--teal);font-weight:700;cursor:pointer}.process-material-toolbar button:hover{background:#205268;border-color:var(--teal)}@media(max-width:900px){.main-nav>.nav-cooking-group{flex:1}.nav-cooking-group>#nav-cooking-trigger{width:100%}}.item-quality-control{display:flex;align-items:center;gap:16px;margin:20px 0}.item-quality-control select{width:100px}.item-source-list{display:flex;flex-wrap:wrap;gap:8px}.item-source-list p{margin:0;padding:7px 10px;background:var(--surface2);border:1px solid var(--line);border-radius:6px;font-size:14px}.item-card img,.detail-head img{background:transparent}.item-icon-frame{position:relative;display:block;flex:0 0 58px;width:58px;height:58px}.item-icon-frame img,.item-icon-frame .item-icon-placeholder{width:100%;height:100%;object-fit:contain}.item-rank-badge{position:absolute;top:-3px;left:-3px;display:grid;place-items:center;min-width:20px;height:23px;padding:0 3px;border-radius:3px;background:#08394d;font-family:Georgia,serif;font-size:21px;font-weight:800;line-height:1;color:#c4d9e9;text-shadow:0 1px 2px #001726}.item-rank-badge.rank-a{color:#ffdf51}.item-rank-badge.rank-s{color:#afcaff;text-shadow:1px 1px 0 #7752bd,-1px -1px 0 #36bce8,0 0 5px #72adf0}.detail-head .item-icon-frame{flex-basis:84px;width:84px;height:84px}.detail-head .item-rank-badge{font-size:25px;height:28px;min-width:24px}.detail-item-rank{display:block;margin-top:6px;color:var(--muted);font-size:14px}.item-price-table td{color:var(--text)}.item-toolbar{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(220px,1.2fr) auto;align-items:end}.item-toolbar .field{min-width:0}.item-toolbar .field input,.item-toolbar .field select{width:100%}@media(max-width:1050px){.item-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.item-toolbar .item-count{grid-column:1/-1}}@media(max-width:540px){.item-toolbar{grid-template-columns:minmax(0,1fr)}}.item-card-prices{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:7px}.item-card .item-card-prices small{display:inline;margin:0;font-size:12px}.item-card .item-price-primary{color:var(--gold);font-weight:700}.item-card .item-price-secondary,.item-card .item-price-quality{color:var(--muted)}.item-card .item-price-quality{font-size:12px;margin-top:4px}.attribute-icon{display:inline-flex;position:relative;vertical-align:middle;align-items:center;justify-content:center;width:26px;height:28px;margin:0 2px;background:url('assets/img/attributes/background.webp') center/contain no-repeat;flex-shrink:0}.attribute-icon>img{width:21px!important;height:21px!important;object-fit:contain!important;display:block!important;margin:0!important}.attribute-icon-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attribute-filter{position:relative;min-width:0}.attribute-filter summary{list-style:none;cursor:pointer;background:#071722;border:1px solid #315466;border-radius:9px;padding:5px 10px;min-height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:4px}.attribute-filter summary::after{content:'⌄'}.attribute-filter-options{position:absolute;right:0;top:100%;z-index:20;background:#102a3c;padding:6px;border:1px solid #41677b;border-radius:9px;width:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.attribute-filter-options button{padding:4px}.attribute-filter-options button:first-child{grid-column:1/-1}.attribute-filter-options button[aria-pressed=true]{border-color:var(--teal)}.attribute-icon{margin:0;width:24px;height:26px}.attribute-icon{width:30px;height:32px}.attribute-icon>img{width:27px!important;height:27px!important}.ranking-sort{display:inline-flex;align-items:center;gap:3px;padding:4px 0;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.ranking-sort:hover{color:var(--teal)}.ranking-sort:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.ranking-sort-direction{font-size:10px}.recipe-toolbar{display:grid;grid-template-columns:25% auto auto minmax(110px,1fr);gap:8px;align-items:center}.recipe-toolbar>input,.recipe-toolbar>select{min-width:0;width:100%}.recipe-sort-buttons,.recipe-sort-direction{display:flex;gap:6px;align-items:center}.recipe-sort-buttons button{padding:10px 8px;white-space:nowrap;border:1px solid #34566c;border-radius:6px;background:#102c3d;color:#bde9f5;cursor:pointer}.recipe-sort-buttons button[aria-pressed=true]{background:#17505a;border-color:var(--teal);color:#65f0dc}.recipe-sort-direction label{display:flex;gap:4px;align-items:center;white-space:nowrap;margin:0;font-size:13px}.recipe-sort-direction input{width:16px;height:16px;margin:0;accent-color:var(--teal)}@media(max-width:1100px){.recipe-toolbar{grid-template-columns:minmax(0,1fr) auto}.recipe-sort-direction{grid-column:1}.recipe-toolbar>select{grid-column:2}}@media(max-width:420px){.recipe-toolbar{grid-template-columns:minmax(0,1fr)}.recipe-sort-direction,.recipe-toolbar>select{grid-column:1}.recipe-sort-buttons button{flex:1}}#cooking{font-family:"Home Noto Sans JP",sans-serif}#cooking :is(input,select,option,button){font-family:"Home Noto Sans JP",sans-serif}:is(#cooking-special,#cooking-process,#battle,#battle-growth-dialog),:is(#cooking-special,#cooking-process,#battle,#battle-growth-dialog) *{font-family:"Home Noto Sans JP",sans-serif}:is(#cooking-special,#cooking-process,#battle,#battle-growth-dialog) :is(.formula-note,.effect-description,small,.page-heading>p),:is(#cooking-special,#cooking-process,#battle,#battle-growth-dialog) :is(.formula-note,.effect-description,small,.page-heading>p) *{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.cooking-character-layout{display:flex;gap:18px;align-items:center;min-width:0}.cooking-character-controls{width:max-content;max-width:calc(100% - 108px);min-width:0;display:grid;gap:7px}.cooking-character-controls .cooking-hero-toolbar{flex-wrap:nowrap;gap:8px}.cooking-character-controls .cooking-hero-toolbar input{width:150px;flex:0 1 150px;max-width:150px;min-width:50px}.cooking-character-controls select{width:100%;min-width:0}.cooking-character-preview{width:90px;height:110px;object-fit:contain;flex-shrink:0}.cooking-character-preview[hidden]{display:none}.cooking-character-controls .cooking-rarity-filters{gap:5px}.cooking-character-controls .cooking-rarity-filter{padding:9px 10px}@media(max-width:560px){.cooking-character-layout{gap:8px}.cooking-character-controls{max-width:calc(100% - 64px);width:100%}.cooking-character-controls .cooking-hero-toolbar{flex-wrap:wrap}.cooking-character-controls .cooking-hero-toolbar input{width:100%;max-width:none;flex-basis:100%}.cooking-character-controls .cooking-rarity-filters{width:100%}.cooking-character-controls .cooking-rarity-filter{flex:1;padding:7px 5px;font-size:12px}.cooking-character-preview{width:56px;height:85px}}#cooking-special .cooking-character-controls .cooking-hero-toolbar input{width:240px;max-width:240px;flex-basis:240px}@media(max-width:560px){#cooking-special .cooking-character-controls .cooking-hero-toolbar input{width:100%;max-width:none;flex-basis:100%}}@media(min-width:901px){#cooking .cooking-grid{align-items:start}#cooking .cooking-result{position:sticky;align-self:start;top:calc(var(--site-header-height,150px) + 16px);max-height:calc(100dvh - var(--site-header-height,150px) - 32px);overflow-y:auto}}:is(#cooking,#cooking-special,#cooking-process,#characters,#items)>.page-heading{margin-bottom:8px}.battle-tools :is(#battle-config-name,#battle-configs){padding:5px 12px;min-height:34px;height:34px;line-height:1.4}#battle-tools-buttons>.battle-tool-button{padding-top:4px;padding-bottom:4px;min-height:30px;line-height:1.4}:is(#cooking,#cooking-special,#cooking-process) :is(input:not([type=checkbox]):not([type=radio]),select:not([size])){padding-top:5px;padding-bottom:5px;min-height:34px;height:34px;line-height:1.4}:is(#cooking,#cooking-special,#cooking-process) button:not(#recipe-favorite-toggle):not(.cooking-favorites button){padding-top:4px;padding-bottom:4px;min-height:30px;height:auto;line-height:1.4}#cooking .cost-output{padding-top:5px;padding-bottom:5px;min-height:34px;line-height:1.4}#cooking #recipe-select{padding-top:4px;padding-bottom:4px}#items .item-toolbar select{padding-top:5px;padding-bottom:5px;min-height:34px;height:34px;line-height:1.4}/* Native one-line dropdown text: normal line metrics with compact-field optical centering. */select:not([multiple]):not([size]),select[size="1"]{line-height:normal!important}:is(#cooking,#cooking-special,#cooking-process) select:not([size]),#items .item-toolbar select,.battle-tools #battle-configs,.db-workspace .db-filters select{padding-top:3px!important;padding-bottom:7px!important}