/* v4.42: painterly inventory art, quiet material lighting, consistent iconography. */
:root{--art-sheet:url('/assets/art-v442/items.png');--parch:#e6e0d5;--steel:#a1a9b7;--soot:#151b25;--ash:#2a3341}
.pixel-viewport canvas{image-rendering:auto}
.ui-icon{shape-rendering:geometricPrecision;vertical-align:-.18em;flex:none;color:inherit}
.item-art{display:inline-block;flex:none;width:64px;height:64px;background-image:var(--art-sheet);background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle;image-rendering:auto;filter:drop-shadow(0 4px 3px #0005)}
.item-art.ico{width:1.25em;height:1.25em}.item-art.ico.lg{width:48px;height:48px}.item-art.ico.xl{width:128px;height:128px}
header h1{letter-spacing:.5px;color:#e8dcc7;text-shadow:none}header h1>.ico{color:#c8b18b}
.forge{border-color:#b69d6940;background:radial-gradient(ellipse at 24% 20%,#65513722,transparent 55%),linear-gradient(145deg,#202630,#111822);overflow:hidden}
.forge::before{color:#ae9570;letter-spacing:2.4px;margin-bottom:18px}.forge .fx{min-height:224px;gap:24px}
.forge #f-img{padding:10px 12px;min-width:136px;min-height:224px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 65%,#977b4820,transparent 65%);border-bottom:1px solid #cbb28333}
.forge #f-img::before{inset:8px 2px;border:1px solid #bca27823;border-radius:54px 54px 5px 5px;transform:none;box-shadow:inset 0 0 24px #0003}
.forge #f-img::after{content:'';width:22px;height:1px;background:#c3aa78;right:calc(50% - 11px);top:5px;animation:none;opacity:.7}
.swdwrap{width:100px;height:200px;isolation:isolate}.swdwrap img.bmp,.swdwrap .swd{width:100px;height:200px;object-fit:contain;image-rendering:auto}
.swdwrap.hi .swd,.swdwrap.rb .swd,.swdwrap.inferno .swd,.swdwrap[class*=fx-] img.bmp{animation:none;filter:drop-shadow(0 4px 3px #0007) drop-shadow(0 0 2px #ecd6b022)}
.swdwrap.god,.srow .art.god{animation:none}
.swdwrap.god::before{inset:-2px;border:1px solid #d9be8226;animation:none;border-radius:45%;opacity:.4}
.swdwrap.hi::after,.swdwrap[class*=fx-]::after{inset:15px -8px;opacity:.075;animation:none}
.swdwrap.rb::after{animation:relic-spectrum 10s linear infinite;opacity:.12}
.swdwrap .sp{width:2px;height:2px;box-shadow:0 0 3px var(--gc);opacity:.35}.swdwrap .sp:nth-of-type(n+4){display:none}
.swdwrap .fxp{width:2px;height:2px;box-shadow:0 0 3px var(--fc)}.swdwrap .fxp:nth-last-child(-n+3){display:none}
.forge .lv{text-shadow:none;color:#e7d2a2;font-size:46px}.forge .st b{color:#e2dfd6}
#smith{background:linear-gradient(150deg,#1a222e,#111923);border-color:#a7b5c322}
.srow{background:linear-gradient(110deg,#ffffff03,transparent);border-color:#a6b9ce18;gap:14px;padding:14px 10px}
.srow .art{width:88px;height:100px;padding:0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#74839616,transparent 70%),#0d141d;border:1px solid #9cabb524;border-radius:9px;box-shadow:inset 0 1px #fff05}
.srow .art .equipment-art{width:88px;height:88px;filter:drop-shadow(0 3px 3px #0008)}
.srow .art.hi::after{display:none}.srow .art .sp{display:none}
.srow .art::before{content:'';position:absolute;bottom:0;left:20%;right:20%;height:1px;background:var(--gc);opacity:.65}
.srow.win{box-shadow:inset 0 0 0 1px #e1c58288,0 0 16px #c0a26014}.srow.lose{box-shadow:inset 0 0 0 1px #be6c6c77}
.srow .art.hgrun .equipment-art{animation:sand-breathe 2.4s ease-in-out infinite}
.srow .art.grind .equipment-art{animation:grind .5s ease-in-out}
.gacha{border-radius:14px;border-top-width:1px;background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%),linear-gradient(145deg,#1b2430,#121923);padding:22px;box-shadow:inset 0 1px #c9d7e00a,0 12px 32px #0003}
.gacha>.big.summon-art{position:relative;isolation:isolate;min-height:178px;width:100%;display:flex;align-items:center;justify-content:center;gap:0;padding:0 0 25px;margin:12px auto 18px;filter:none}
.summon-art::before{content:'';position:absolute;z-index:-1;width:152px;height:152px;left:calc(50% - 76px);top:0;border-radius:50%;border:1px solid #d0ba8530;background:radial-gradient(ellipse,#a3895030,transparent 68%);box-shadow:inset 0 0 0 7px #111823,inset 0 0 0 8px #cbb17915}
.summon-art::after{content:'◆';position:absolute;bottom:17px;left:calc(50% - 4px);font-size:7px;color:#ba9f69}
.summon-art .item-art.ico.xl{width:154px;height:154px;filter:drop-shadow(0 8px 5px #0008)}
.summon-art[data-summon=jewels] .item-art{width:126px;height:126px;margin:0 -8px}
.art-caption{position:absolute;bottom:0;font:9px Georgia,serif;letter-spacing:3px;color:#b9a57f}
.gacha .res{min-height:160px;height:160px;background:#090f1788;border:1px solid #b9c5d514;box-shadow:inset 0 2px 10px #0003}
.gacha .rc{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid #aebac21c;border-radius:6px;padding:6px 9px;margin:3px 3px 3px 0;background:linear-gradient(120deg,#c4bda40b,#121924);vertical-align:middle}
.gacha .rc .reward-art{width:40px;height:40px}.gacha .rc.top{border-color:#d8c38a77;box-shadow:inset 0 0 15px #d6bb6410}.gacha .rc.hot{border-color:#c1b39144}
.accessory-art{width:54px;height:54px;background-color:#0c131d;border-radius:7px;box-shadow:inset 0 0 0 1px #c1b79525;border-bottom:1px solid var(--rarity)}
.cosmetic-art{display:inline-block;width:40px;height:56px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 2px #0008)}
#skin .acc{display:flex;align-items:center;gap:10px}#skin .acc>.reward-art{width:42px;height:42px}#shoplist .shop{gap:12px;padding:12px;border:1px solid #c3be9a1a;background:#131c28}
#acclist .hd{padding:12px;gap:12px}#acclist .acc{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #a8bad416}#acclist .acc.eq{background:linear-gradient(90deg,#c9ac6220,#1a2330);box-shadow:inset 2px 0 #d9bd7e}
#acclist .hd .em{display:flex;width:54px;min-width:54px;height:54px;align-items:center;justify-content:center;padding:0;font-size:inherit}
#acclist .accg .acc.eq{box-shadow:inset 2px 0 #d9bd7e;border-color:#c5aa7759}
#acclist .acc .inf{flex:1;min-width:0}#acclist .acc .inf>.muted{display:block;margin-top:3px}
.arts{gap:12px}.arts>.art{position:relative;min-height:180px;padding:12px 14px 16px;background:radial-gradient(ellipse at 50% 20%,#7a879318,transparent 65%),#121b26;border:1px solid #a4b4c024;text-align:center}
.arts .relic-art{display:block;width:82px;height:82px;margin:0 auto 8px}.arts .relic-art.unknown{filter:grayscale(1);opacity:.28}
.arts>.art b{font-size:12px;margin-bottom:7px;line-height:1.7}
.ui-icon.ico.xl{width:56px;height:56px}
nav button[data-t]::before{content:none}nav button .nav-symbol{display:block;width:22px;height:22px;margin:0 auto 4px;color:inherit}
nav button.on{border-color:#c7ae7b;background:#c5b18112;color:#e5d3b2}
@keyframes sand-breathe{50%{filter:drop-shadow(0 0 6px #edc27666);transform:translateY(-2px)}}
@keyframes relic-spectrum{to{filter:hue-rotate(360deg)}}
@media(max-width:600px){.forge .fx{gap:12px;min-height:190px}.forge #f-img{min-width:112px;min-height:190px;padding:4px}.forge .swdwrap,.forge .swdwrap img.bmp{width:90px;height:180px}.forge .lv{font-size:38px}.srow{gap:10px;padding:12px 8px}.srow .art{width:70px;height:82px}.srow .art .equipment-art{width:72px;height:72px}.srow>div:nth-child(2)>.row{flex-wrap:wrap!important}.srow>div:nth-child(2)>.row>.muted{white-space:normal!important}.gacha>.big.summon-art{min-height:164px}.gacha{padding:18px}.arts{gap:8px}.arts>.art{padding:10px 8px;font-size:11px}.arts .relic-art{width:76px;height:76px}}
@media(prefers-reduced-motion:reduce){.swdwrap.rb::after,.srow .art.hgrun .equipment-art{animation:none}}

#resbar{border:1px solid #baab8726;background:#101925ee;box-shadow:0 4px 20px #0004}#fabs .btn{box-shadow:0 3px 10px #0004;border:1px solid #bec9d71c}#fabs #ch-quick{background:#111a27;border-color:#bdc7d424}
@media(min-width:761px){#fabs,#resbar{bottom:108px}#quickpop{bottom:155px}}