@layer global-ui {
html body #modal:has(.forge-preparation):not(:has(.armory-popup-panel)),html body #modal .armory-popup-panel:has(.forge-preparation){--ui-ink:#424a4b;--ui-edge:#786344;--ui-mint:#ede0be;--ui-blue:#ede0be;--ui-pink:#ede0be;--ui-peach:#ede0be;box-sizing:border-box!important;width:min(1060px,calc(100vw - 24px))!important;max-width:none!important;max-height:95svh!important;padding:8px 14px 12px!important;border:52px solid transparent!important;position:relative;border-image:url('assets/forge-ui-v1/workbench-frame.png') 260 280 260 280 fill / 52px / 0 stretch!important;border-radius:0!important;background:transparent!important;box-shadow:0 18px 42px #24363777!important;overflow:auto!important;scrollbar-color:#857a62 #e9dab6;}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation{padding:0!important;background:transparent!important;border:0!important;text-align:left!important;}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation>header{position:relative;min-height:88px;padding:4px 135px 10px 100px!important;background:transparent!important;border-bottom:2px solid #a79973;text-align:left!important;}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .forge-tool{position:absolute;width:72px;height:96px;object-fit:contain;left:8px;top:-10px;filter:drop-shadow(0 4px 1px #685b4533)}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation h2{font-size:28px;margin:5px 0!important;letter-spacing:.04em}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .relic-kicker{font-size:11px;letter-spacing:.12em}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation header p{margin:8px 0 0!important;font-size:14px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation header p b{font-size:22px;font-variant-numeric:tabular-nums;margin-left:10px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-tabs{display:flex;gap:8px;margin:16px 0 12px!important;justify-content:stretch}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation button{min-height:42px!important;border:1px solid #93805c!important;border-radius:7px!important;background:linear-gradient(#f5ebce,#e1c991)!important;box-shadow:0 3px 0 #877559, inset 0 1px #fff7df!important;padding:9px 14px!important;font-size:13px;}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-tabs button{flex:1;max-width:none;padding:11px 8px!important;background:linear-gradient(#d9ddd0,#bcc9c3)!important;border-color:#6f827e!important;box-shadow:0 3px 0 #63746e!important;}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation button[aria-pressed=true]{background:linear-gradient(#577c7b,#3e6264)!important;color:#fff2cb!important;box-shadow:0 3px 0 #2d4b4b,inset 0 0 0 2px #d1b474!important;outline:0!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation button[aria-pressed=true] :is(b,small,strong){color:#fff2cb!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation button[aria-pressed=true]:after{display:none!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation button:disabled{opacity:.52}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation button:focus-visible{outline:3px solid #a3672f!important;outline-offset:3px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation[data-forge-tab=grow] .growth-grid{display:block!important;margin:0!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card{display:grid;grid-template-columns:minmax(155px,1fr) minmax(240px,1.5fr) 126px;grid-template-rows:auto auto;column-gap:18px;row-gap:0;align-items:center;min-height:60px!important;padding:6px 14px!important;border:0!important;border-bottom:1px solid #b9aa8380!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card:nth-child(even){background:#dac79b33!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card h3{grid-column:1;grid-row:1;margin:0!important;font-size:15px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .forge-level{grid-column:1;grid-row:2;align-self:start;font-size:11px;opacity:.8}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card p{grid-column:2;grid-row:1/3;margin:0!important;text-align:left;font-size:12px;line-height:1.6}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card button{grid-column:3;grid-row:1/3;margin:0!important;width:100%}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation #growthContent>p{font-size:12px;margin:14px 0!important;line-height:1.6}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation #growthReset{min-height:34px!important;padding:6px 12px!important;font-size:11px;background:transparent!important;box-shadow:none!important;border-color:#a89778!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation>footer{display:flex;justify-content:flex-end;margin-top:10px;padding:12px 0 0!important;background:transparent!important;border-top:1px solid #b9aa83}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation #growthBack{min-width:200px;background:linear-gradient(#d4dfd6,#a8c6bd)!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation[data-forge-tab=weapon] .growth-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation [data-growth-weapon]{position:relative;display:flex;flex-direction:column;align-items:center;min-height:186px!important;padding:12px!important;background:radial-gradient(ellipse at 50% 35%,#fbefd0,#dcc9a6)!important;border:2px solid #b29a6b!important;box-shadow:inset 0 0 0 4px #f8efd2,0 3px 0 #948369!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation [data-growth-weapon] canvas{width:144px;height:80px;max-width:100%;object-fit:contain;margin:0 auto 8px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation [data-growth-weapon] small{display:block;font-size:11px;line-height:1.5;margin-top:5px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation [data-growth-weapon] strong{display:block;font-size:11px;margin-top:6px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation[data-forge-tab=rules] .growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px;margin:20px 0}
html body #modal:has(.forge-preparation)>.modal-close{top:8px!important;right:8px!important;}
@media(max-width:760px){
html body #modal:has(.forge-preparation):not(:has(.armory-popup-panel)),html body #modal .armory-popup-panel:has(.forge-preparation){width:calc(100vw - 12px)!important;border-width:28px!important;border-image-width:28px!important;padding:5px 8px 10px!important;}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation>header{min-height:72px;padding:2px 36px 8px 68px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .forge-tool{width:52px;height:74px;left:0;top:-5px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation h2{font-size:22px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation header p{font-size:12px;margin-top:3px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation header p b{font-size:18px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-tabs{gap:5px;margin:12px 0 8px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-tabs button{font-size:12px;padding:8px 3px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card{grid-template-columns:minmax(0,1fr) 110px;min-height:94px!important;column-gap:9px;row-gap:3px;padding:10px 6px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card h3{grid-column:1;grid-row:1;font-size:14px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .forge-level{grid-column:1;grid-row:2}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card p{grid-column:1;grid-row:3;font-size:11px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-card button{grid-column:2;grid-row:1/4;font-size:12px;padding:8px 5px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation[data-forge-tab=weapon] .growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation [data-growth-weapon]{min-height:188px!important;padding:9px!important}
html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation [data-growth-weapon] b{font-size:13px}
}
@media(max-height:500px) and (min-width:761px){html body #modal:has(.forge-preparation):not(:has(.armory-popup-panel)),html body #modal .armory-popup-panel:has(.forge-preparation){border-width:30px!important;border-image-width:30px!important}html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation>header{min-height:66px;padding-top:0!important}html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .forge-tool{height:74px;width:55px}html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation h2{font-size:23px}html body #modal .forge-preparation.forge-preparation.forge-preparation.forge-preparation .growth-tabs{margin:8px 0!important}}
}