.equipment-layout{display:flex;flex-direction:column;height:min(790px,calc(100dvh - 125px));min-height:410px;gap:10px}.gear-wallet{display:flex;justify-content:space-between;gap:12px;color:#e8c889;font:18px Georgia}.gear-wallet small{font:8px system-ui;letter-spacing:1.4px;color:#b7b79a}.equipment-board{position:relative;display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(4,57px);justify-content:space-between;gap:5px 15px;padding:10px 15px 13px;flex:none;background:radial-gradient(ellipse at center,#b3994c20,transparent 65%);border-bottom:1px solid #bba36a33}.equipment-portrait{position:absolute;inset:0 26%;opacity:.21;pointer-events:none;display:flex;align-items:center;justify-content:center}.equipment-portrait .art{width:100%;height:100%;object-fit:contain}.gear-slot{position:relative;padding:3px;width:70px;height:57px;border:1px solid #c4a66a55;border-radius:11px;background:linear-gradient(145deg,#314038db,#132722f0);z-index:1;display:flex;justify-content:center;align-items:center;transition:border-color .2s}.gear-slot .gear-art{width:48px;height:48px;object-fit:contain}.gear-slot>span:last-of-type{position:absolute;font:8px system-ui;white-space:nowrap;bottom:-7px;padding:1px 4px;border-radius:4px;background:#172722;color:#ded3b4}.gear-slot small{position:absolute;top:3px;right:4px;color:#d2b87c;font:8px system-ui}.gear-slot svg{width:27px;height:30px;stroke:#ad987070;fill:none;stroke-width:1.3}.gear-slot.empty{border-style:dashed}.gear-slot.twohand .gear-art{opacity:.3}.gear-slot.twohand:after{content:'Ⅱ';position:absolute;font:20px Georgia;color:#d8c386}.gear-slot[data-slot=head]{grid-column:2;grid-row:1}.gear-slot[data-slot=chest]{grid-column:2;grid-row:2}.gear-slot[data-slot=arms]{grid-column:1;grid-row:2}.gear-slot[data-slot=legs]{grid-column:2;grid-row:4}.gear-slot[data-slot=mainhand]{grid-column:1;grid-row:3}.gear-slot[data-slot=offhand]{grid-column:3;grid-row:3}.gear-slot[data-slot=ring1]{grid-column:3;grid-row:1}.gear-slot[data-slot=ring2]{grid-column:3;grid-row:2}.gear-slot[data-slot=amulet]{grid-column:1;grid-row:1}.bag-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.bag-heading h3{font:19px Georgia;margin:0}.bag-heading h3 small{font:10px system-ui;color:#adaf99}.bag-heading .pill{font-size:8px}.bag-filters{display:flex;gap:5px;align-items:center;flex:none}.bag-filters select{min-width:0;max-width:40%;height:36px;font-size:10px;padding:5px;background:#192e28;border:1px solid #bba66a44;color:#ded9c6;border-radius:7px}.gear-fit{font:9px system-ui!important;display:flex;gap:3px;align-items:center;margin:0!important}.gear-fit input{width:15px!important;height:15px;padding:0;accent-color:#caad68}.bag-scroll{min-height:100px;overflow:auto;overscroll-behavior:contain;flex:1;scrollbar-color:#8c7a4d #132821;scrollbar-width:thin;padding:2px 3px 8px}.bag-grid,.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-content:start}.shop-grid{margin:15px 0 25px}.gear-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 3px 6px;min-height:93px;border-radius:11px;border:1px solid #b0afa34d;background:linear-gradient(140deg,#32423966,#132721);overflow:hidden}.gear-card .gear-art{width:100%;height:62px;object-fit:contain}.gear-art.cropped{display:block;background-repeat:no-repeat}.gear-card .gear-name{font:8px/1.3 system-ui;text-align:center;color:#d7d5bf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:20px;max-width:100%}.gear-level{position:absolute;top:4px;right:4px;font:9px system-ui;color:#f4dba0;background:#14271dd9;border-radius:4px;padding:1px 3px}.gear-rune{position:absolute;left:4px;top:2px;color:#bba6ff;font-size:17px}.gear-card>small{font:9px system-ui;color:#dfba7b}.gear-card:hover,.gear-slot:hover{border-color:#e4c981}.gear-card:focus-visible,.gear-slot:focus-visible{outline:2px solid #f8d994;outline-offset:1px}[data-quality=uncommon]{--quality:#85bd8f}[data-quality=rare]{--quality:#77afd8}[data-quality=epic]{--quality:#b898df}[data-quality=common]{--quality:#b6b6a0}.gear-card[data-quality],.gear-slot[data-quality]{border-color:color-mix(in srgb,var(--quality) 65%,transparent);box-shadow:inset 0 -12px 24px color-mix(in srgb,var(--quality) 8%,transparent)}.bag-empty{text-align:center;color:#a7b5a6;font:12px/1.6 system-ui;padding:25px 14px}
#itemSheet{width:min(480px,calc(100% - 20px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #baa77488;border-radius:20px;background:linear-gradient(160deg,#23362f,#132620);color:#e7dfc9;box-shadow:0 25px 80px #000b;overflow:hidden}#itemSheet[open]{display:flex;flex-direction:column}#itemSheet::backdrop{background:#030b09b5;backdrop-filter:blur(3px)}.item-modal-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #bfaa6640;flex:none;background:#1b3028}.item-modal-head>span{font:9px system-ui;letter-spacing:1.5px;color:#d9ba79}.item-modal-head button{width:40px;height:40px;min-width:40px;padding:0;font-size:25px;border-radius:50%;border:1px solid #cdb06e66;background:none;color:#f5d596}.item-body{overflow:auto;min-height:0;padding:16px 20px 24px;overscroll-behavior:contain}.item-showcase{height:145px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--quality,#baac83) 14%,transparent),transparent 65%)}.item-showcase .gear-art{width:140px;height:140px;object-fit:contain}.item-quality{display:block;text-align:center;font:9px system-ui;letter-spacing:1.2px;color:var(--quality,#c4b48f);margin:7px 0}.item-body h2{text-align:center;font:27px/1.1 Georgia;margin:9px 0;overflow-wrap:anywhere}.item-class{text-align:center;font:10px system-ui;color:#bfc5b3}.item-values{margin:17px 0;padding:8px 12px;border-radius:12px;background:#091b1644}.item-values>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font:12px system-ui}.item-values dd{margin:0;color:#bcdca9;text-align:right}.item-values dt{color:#d2d3bf}.item-origin,.active-rune{font:10px/1.5 system-ui;color:#b5b49e;text-align:center}.active-rune{color:#d5b9f2}.item-comparison{margin:20px 0;padding-top:15px;border-top:1px solid #bba46e44}.item-comparison h3,.enchant-section h3{font:18px Georgia;color:#dfc794;margin:5px 0 9px}.item-comparison h4{font:12px Georgia;color:#d5c29c;margin:17px 0 7px}.item-comparison p{font:10px/1.5 system-ui;color:#b8c1ac}.item-comparison table{width:100%;border-collapse:collapse;font:10px/1.5 system-ui}.item-comparison td,.item-comparison th{padding:6px 4px;border-bottom:1px solid #ffffff0c}.item-comparison th{text-align:right;font-weight:400;color:#98a895;font-size:9px}.item-comparison td:not(:first-child){text-align:right;white-space:nowrap}.item-comparison th:first-child{text-align:left}.better{color:#a4db8f}.worse{color:#e5a086}.cap-note{display:block;color:#d6ba7b;font:9px/1.5 system-ui;margin-top:8px}.ring-choice{display:flex;gap:7px;margin-top:16px}.ring-choice button{flex:1;font-size:12px;border-radius:8px;background:transparent;border-color:#bbab7144}.ring-choice .selected{background:#b29c4c22;border-color:#dfc47c}.enchant-section{margin-top:23px;padding-top:15px;border-top:1px solid #b5a4d444}.enchant-section select{width:100%;padding:10px;color:#d7cae7;background:#182c29;border:1px solid #a995c76b;border-radius:8px;font-size:12px}.enchant-preview p,.enchant-preview>small{font:10px/1.5 system-ui;color:#bdacd4}.enchant-preview .primary{font-size:11px}.item-dispose{display:flex;gap:8px;margin-top:20px}.item-dispose button{flex:1;font-size:10px;background:transparent;border-color:#b1946855;padding:10px 5px}.gear-confirm{border:1px solid #c8956966;background:#593d2426;border-radius:10px;padding:14px;margin-top:15px;font:12px/1.5 system-ui}.gear-confirm p{font-size:11px}.gear-confirm>div{display:flex;gap:8px}.gear-confirm button{font-size:12px}.mana-recovery{display:flex;align-items:center;gap:7px;color:#9fcce6;font:9px system-ui}.mana-recovery>span{flex:1;height:3px;overflow:hidden;background:#263f4b;border-radius:3px}.mana-recovery i{display:block;height:100%;background:#8ec8f1;width:0}.challenge-choice{margin-top:18px;padding:14px;border:1px solid #b39b6244;border-radius:12px}.challenge-choice label{font:12px Georgia}.challenge-choice select{width:100%;padding:9px;background:#20382e;color:#e4d7b7;border:1px solid #b8a06755;border-radius:8px}.challenge-choice small{display:block;font:9px/1.5 system-ui;margin-top:6px;color:#afbaa6}
@media(max-width:360px){.equipment-board{grid-template-columns:repeat(3,62px);padding:5px 6px 12px;gap:5px 10px}.gear-slot{width:62px}.bag-grid,.shop-grid{gap:4px}.gear-card{min-height:80px}.gear-card .gear-art{height:51px}.gear-card .gear-name{font-size:7px}.bag-filters select{font-size:9px;padding:4px}.item-body{padding:12px 14px 20px}}@media(max-height:650px){.equipment-layout{min-height:0}.equipment-board{grid-template-rows:repeat(4,44px);gap:4px}.gear-slot{height:44px}.gear-slot .gear-art{width:36px;height:36px}.equipment-layout{gap:7px}.bag-scroll{min-height:75px}}@media(min-width:750px){.equipment-board{justify-content:center;gap:10px 65px;grid-template-rows:repeat(4,64px)}.gear-slot{height:64px}.bag-grid,.shop-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.equipment-portrait{inset:0 34%}.equipment-layout{height:790px;max-height:calc(100dvh - 160px)}}

.result-item{display:flex;gap:15px;align-items:center;width:100%;padding:12px;text-align:left;background:#b9a56c12;border-color:#b9a56c55;margin-top:15px}.result-item .gear-art{height:70px;width:70px;object-fit:contain}.result-item small,.result-item strong{display:block}.result-item small{font-size:9px;color:#c8b281}.result-item strong{font:17px Georgia;margin-top:6px}