.trade-calculator-page{--trade-ink:#e4ece8;--trade-muted:#a4b5b3;--trade-panel:#070f13;--trade-raised:#101e25;--trade-line:#30434b;--trade-gold:#edbd58;--trade-fire:#cb8f38;--trade-ice:#65c0e5;color:var(--trade-ink);margin:0;font-family:Arial,sans-serif}.trade-calculator-page *,.trade-picker *{box-sizing:border-box}.trade-main,.trade-picker{font:14px/1.5 Arial,Helvetica,sans-serif}.trade-main :is(button,input,select),.trade-picker :is(button,input,select){font:inherit}.trade-main{max-width:1320px;margin:22px auto 72px;padding:0 24px}.trade-intro{border:1px solid var(--trade-line);border-left:3px solid var(--trade-fire);background:linear-gradient(115deg,#111c22,#081116);justify-content:space-between;align-items:center;gap:28px;margin-bottom:22px;padding:18px 22px;display:flex}.trade-eyebrow{color:var(--trade-gold);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.trade-intro h1{color:var(--trade-ink);margin:3px 0 6px;font:700 clamp(20px,2.25vw,29px)/1.2 Georgia,serif}.trade-intro p{max-width:790px;color:var(--trade-muted);margin:0;font-size:13px}.trade-text-link{color:var(--trade-gold);flex-shrink:0;font-size:12px}.trade-arena{grid-template-columns:minmax(0,1fr) 184px minmax(0,1fr);align-items:start;gap:20px;display:grid}.trade-side{background:linear-gradient(155deg, #132028, var(--trade-panel) 48%);border:1px solid var(--side-accent);outline:1px solid color-mix(in srgb, var(--side-accent) 32%, transparent);outline-offset:4px;min-width:0;box-shadow:inset 0 0 0 3px var(--trade-panel), 0 10px 24px #0005;padding:15px 12px 10px;position:relative}.trade-side:before,.trade-side:after{content:"◆";color:var(--side-accent);text-shadow:0 0 10px var(--side-accent);font-size:12px;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.trade-side:before{top:-8px}.trade-side:after{bottom:-8px}.trade-side--fire{--side-accent:var(--trade-fire);grid-area:1/1}.trade-side--ice{--side-accent:var(--trade-ice);grid-area:1/3}.trade-side-heading{justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 10px;display:flex}.trade-side-heading h2{color:var(--side-accent);text-transform:uppercase;letter-spacing:.03em;margin:0;font:700 17px Georgia,serif}.trade-side-heading>span{color:var(--trade-muted);font-size:11px}.trade-totals{border:1px solid var(--trade-line);background:var(--trade-panel);border-radius:3px;grid-template-columns:1.15fr 1fr .85fr;margin:0 0 10px;padding:8px 0;display:grid}.trade-totals>div{border-right:1px solid var(--trade-line);min-width:0;padding:0 8px}.trade-totals>div:last-child{border:0}.trade-totals dt{color:var(--trade-muted);font-size:10px}.trade-totals dd{color:var(--trade-gold);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:16px;font-weight:700}.trade-totals>div:last-child dd{color:var(--trade-ice)}.trade-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.trade-slot{border:1px solid var(--trade-line);background:linear-gradient(155deg, var(--trade-raised), var(--trade-panel));border-radius:3px;min-width:0;min-height:146px}.trade-slot--empty{color:color-mix(in srgb, var(--trade-ice) 18%, var(--trade-panel));background:var(--trade-panel);justify-content:center;align-items:center;font-size:25px;display:flex}.trade-add{color:var(--trade-gold);cursor:pointer;border-color:var(--side-accent);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;box-shadow:inset 0 0 20px #cd9d2812}.trade-add>span{text-shadow:0 0 14px #efbb5766;font-size:39px;font-weight:400;line-height:1}.trade-add:hover{background:color-mix(in srgb, var(--side-accent) 12%, var(--trade-panel))}.trade-item{flex-direction:column;align-items:center;padding:4px;display:flex;position:relative;overflow:hidden}.trade-item-link{flex-direction:column;flex:1;align-items:center;width:100%;min-width:0;text-decoration:none;display:flex}.trade-item-image{object-fit:contain;width:min(100%,94px);height:76px;display:block}.trade-item-name{-webkit-line-clamp:2;max-width:100%;min-height:28px;color:var(--trade-ink);text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.trade-item-config{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:100%;margin:3px 0;display:flex}.trade-item-config .item-max-indicator,.trade-picker-item .item-max-indicator{gap:2px;width:42px;font-size:9px}.trade-item-config .item-max-indicator svg,.trade-picker-item .item-max-indicator svg{width:14px;height:13px}.trade-roll{background:var(--trade-panel);width:100%;max-width:92px;min-height:26px;color:var(--trade-gold);border:1px solid #856b34;border-radius:2px;padding:2px;font-size:10px!important}.trade-item-value{max-width:100%;color:var(--trade-muted);overflow-wrap:anywhere;text-align:center;font-size:9px;display:block}.trade-remove{z-index:1;border:1px solid var(--trade-line);color:#e1eae8;cursor:pointer;background:#091217e8;border-radius:3px;width:26px;height:26px;padding:0;line-height:1;position:absolute;top:1px;right:1px;font-size:17px!important}.trade-remove:hover{background:#752c24}.trade-item-warning{color:#f2b888;text-align:center;font-size:10px;line-height:1.3}.trade-side-note{min-height:30px;color:var(--trade-muted);margin:9px 0 0;font-size:10px}.trade-comparison{text-align:center;grid-area:1/2;min-width:0;padding-top:12px}.trade-result{background:linear-gradient(130deg, #3a2c171f, var(--trade-panel), #163d562f);border:1px solid var(--trade-fire);border-right-color:var(--trade-ice);outline:1px solid var(--trade-line);outline-offset:4px;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);min-height:178px;padding:20px 12px;position:relative}.trade-result>strong{color:var(--trade-gold);margin:18px 0 12px;font:700 30px/1.1 Georgia,serif;display:block}.trade-result[data-result-tone=win]>strong{color:#7ce0ab}.trade-result[data-result-tone=loss]>strong{color:#f09080}.trade-result p{color:var(--trade-muted);margin:0;font-size:11px;line-height:1.5}.trade-arrows{justify-content:center;align-items:center;gap:0;height:94px;font-family:Arial,sans-serif;font-size:64px;line-height:1;display:flex}.trade-arrows span:first-child{color:var(--trade-fire);text-shadow:0 0 12px #d8933050;transform:translate(8px)}.trade-arrows span:last-child{color:var(--trade-ice);text-shadow:0 0 12px #48bbee50;transform:translate(-8px)}.trade-comparison-stats{border:1px solid var(--trade-line);background:var(--trade-panel);text-align:left;margin:0;padding:2px 12px}.trade-comparison-stats>div{border-bottom:1px solid var(--trade-line);padding:10px 0}.trade-comparison-stats>div:last-child{border:0}.trade-comparison-stats dt{color:var(--trade-muted);font-size:10px}.trade-comparison-stats dd{color:var(--trade-ice);overflow-wrap:anywhere;margin:3px 0 0;font-size:14px;font-weight:700}.trade-comparison-stats>div:last-child dd{color:var(--trade-gold)}.trade-perspective{color:var(--trade-muted);font-size:10px;line-height:1.5}.trade-toolbar{border:1px solid var(--trade-line);background:var(--trade-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:14px;display:flex}.trade-actions{flex-wrap:wrap;gap:8px;display:flex}.trade-button{background:linear-gradient(var(--trade-raised), var(--trade-panel));color:var(--trade-ink);border:1px solid var(--trade-line);cursor:pointer;border-radius:3px;min-height:38px;padding:8px 13px;font-size:12px!important;font-weight:700!important}.trade-button--primary{border-color:var(--trade-fire);color:var(--trade-gold)}.trade-button--danger{color:#f3a18a}.trade-button:hover{border-color:var(--trade-gold)}.trade-toolbar p{color:var(--trade-muted);margin:0;font-size:11px}.trade-action-status:not(:empty),.trade-share-fallback{flex-basis:100%}.trade-action-status{color:var(--trade-gold)!important}.trade-guide{background:var(--trade-panel);border:1px solid var(--trade-line);margin-top:24px;padding:20px 22px}.trade-guide h2{color:var(--trade-gold);margin:0 0 18px;font:700 21px Georgia,serif}.trade-guide h3{color:var(--trade-ink);margin:0 0 8px;font-size:13px}.trade-guide p{color:var(--trade-muted);font-size:12px}.trade-guide a,.trade-notice a{color:var(--trade-ice)}.trade-guide-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.trade-picker{background:var(--trade-panel);width:min(900px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--trade-ink);border:1px solid var(--trade-gold);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:5px;padding:20px;position:fixed;box-shadow:0 25px 80px #000b}.trade-picker::backdrop{background:#000b}.trade-picker-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.trade-picker h2{margin:4px 0 16px;font:700 24px Georgia,serif}.trade-picker-filters{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.trade-picker label,.trade-share-fallback{color:var(--trade-muted);font-size:12px;display:block}.trade-picker :is(input,select),.trade-share-fallback input{border:1px solid var(--trade-line);background:var(--trade-raised);width:100%;min-height:44px;color:var(--trade-ink);border-radius:3px;margin-top:5px;padding:10px;display:block}.trade-picker input::placeholder{color:var(--trade-muted)}.trade-picker-items{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:52dvh;padding:3px;display:grid;overflow:auto}.trade-picker-item{border:1px solid var(--trade-line);background:var(--trade-raised);color:var(--trade-ink);cursor:pointer;border-radius:3px;flex-direction:column;align-items:center;min-width:0;min-height:142px;padding:6px;display:flex}.trade-picker-item:hover{border-color:var(--trade-gold);background:color-mix(in srgb, var(--trade-gold) 8%, var(--trade-panel))}.trade-picker-item-meta{color:var(--trade-muted);margin:5px 0;font-size:10px}.trade-picker-help,[data-picker-status]{color:var(--trade-muted);font-size:12px}.trade-main :is(button,a,input,select):focus-visible,.trade-picker :is(button,a,input,select):focus-visible{outline:2px solid var(--trade-gold);outline-offset:3px}.trade-calculator-page [hidden]{display:none!important}.trade-slots .trade-slot,.trade-slots .trade-item-link{min-height:0}.trade-slots .trade-item-image{flex-shrink:1;height:48px}.trade-slots .trade-item-name{flex-shrink:0;min-height:26px}.trade-item-config{flex-wrap:nowrap;flex-shrink:0;min-height:26px}.trade-item-config .item-max-indicator{flex:0 0 32px;gap:1px;width:32px;font-size:8px}.trade-item-config .item-max-indicator svg{width:12px;height:12px}.trade-item-config .trade-roll{flex:1;min-width:0;font-size:9px!important}.trade-item-warning{flex-shrink:0;max-height:30px;overflow:auto}html[data-theme=light] .trade-calculator-page{--trade-ink:#302c24;--trade-muted:#666155;--trade-panel:#f1ebdd;--trade-raised:#fcf8ef;--trade-line:#c7bda5;--trade-gold:#77500d;--trade-fire:#8a601f;--trade-ice:#246681}html[data-theme=light] :is(.trade-intro,.trade-side){background:linear-gradient(125deg,#fffaf0,#ebe3d1)}html[data-theme=light] .trade-picker{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] .trade-result[data-result-tone=win]>strong{color:#226342}html[data-theme=light] .trade-result[data-result-tone=loss]>strong,html[data-theme=light] :is(.trade-button--danger,.trade-item-warning){color:#8c3728}@media (width<=1100px){.trade-main{padding:0 18px}.trade-arena{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:14px}.trade-side{padding:12px 8px 6px}.trade-totals dd{font-size:13px}.trade-slot{min-height:133px}.trade-item-image{height:65px}.trade-intro{align-items:start}}@media (width<=850px){.trade-arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trade-comparison{grid-area:1/1/auto/-1;grid-template-columns:1fr 90px 1fr;align-items:center;gap:14px;padding:0 0 10px;display:grid}.trade-result{min-height:146px;padding:14px 10px}.trade-result>strong{margin:10px 0}.trade-comparison-stats{padding:0 10px}.trade-comparison-stats>div{padding:5px 0}.trade-perspective{grid-column:1/-1;margin:0}.trade-perspective br{display:none}.trade-side--fire{grid-area:2/1}.trade-side--ice{grid-area:2/2}.trade-intro{flex-direction:column;gap:10px}.trade-slots{gap:4px}.trade-guide-columns{grid-template-columns:1fr;gap:12px}.trade-picker-items{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=620px){.trade-main{margin-top:16px;padding:0 14px}.trade-arena{flex-direction:column;gap:20px;display:flex}.trade-comparison{order:-1;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:8px;width:100%}.trade-arrows{font-size:44px}.trade-result .trade-eyebrow{font-size:8px}.trade-result>strong{font-size:27px}.trade-side{width:100%;padding:12px 9px 7px}.trade-side-heading h2{font-size:16px}.trade-slot{min-height:142px}.trade-item-image{height:64px}.trade-totals dd{font-size:16px}.trade-item-name{font-size:10px}.trade-remove{width:32px;height:32px}.trade-roll{min-height:32px}.trade-intro,.trade-guide{padding:16px}.trade-intro h1{font-size:22px}.trade-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.trade-button{min-height:44px}.trade-button--primary{grid-column:1/-1}.trade-picker{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:14px}.trade-picker h2{font-size:21px}.trade-picker-filters{grid-template-columns:1fr;gap:8px}.trade-picker-items{grid-template-columns:repeat(3,minmax(0,1fr));max-height:46dvh}.trade-comparison-stats dd{font-size:12px}.trade-slots{grid-auto-rows:150px}.trade-item-config{flex-wrap:wrap;min-height:32px}.trade-item-config .trade-roll{flex-basis:100%}.trade-item-config .item-max-indicator{flex-basis:42px;gap:2px;width:42px;font-size:9px}.trade-item-config .item-max-indicator svg{width:14px;height:13px}}.trade-main{max-width:1144px;margin-top:16px}.trade-breadcrumb{color:var(--trade-muted);margin:0 0 9px;font-size:11px}.trade-breadcrumb a{color:var(--trade-gold)}.trade-frame-crest{width:108px;height:24px;position:absolute;top:-19px;left:calc(50% - 54px)}.trade-crest-fire,.trade-crest-ice{fill:var(--trade-metal);stroke-width:1px;stroke-linejoin:round}.trade-crest-fire{stroke:var(--trade-fire)}.trade-crest-ice{stroke:var(--trade-ice)}.trade-result .trade-result-key{letter-spacing:.04em;color:var(--trade-gold);margin-top:5px;font-size:9px}.trade-result .trade-result-basis{margin-top:3px;font-size:9px}.trade-intro{gap:20px;margin-bottom:25px;padding:12px 16px}.trade-intro h1{font-size:clamp(20px,2vw,26px)}.trade-intro p{font-size:12px}.trade-text-link{font-size:11px}.trade-calculator-page{--trade-metal:#253641;--trade-fire:#e0a03f;--trade-ice:#59c5ed}.trade-side,.trade-result{border:4px double var(--side-accent);clip-path:none;background:linear-gradient(135deg, color-mix(in srgb, var(--side-accent) 9%, var(--trade-panel)), var(--trade-panel) 34%, var(--trade-panel) 75%, color-mix(in srgb, var(--side-accent) 6%, var(--trade-panel)));box-shadow:inset 0 0 0 2px #0009, inset 0 0 22px #0006, 0 8px 20px #0008, 0 0 0 1px color-mix(in srgb, var(--side-accent) 30%, #000);outline:none}.trade-side{padding:10px 12px 6px}.trade-side:before,.trade-side:after{content:none}.trade-frame{pointer-events:none;z-index:2;color:var(--side-accent);position:absolute;inset:-7px}.trade-frame:before,.trade-frame:after{content:"";opacity:.6;border-block:1px solid;height:3px;position:absolute;left:29px;right:29px}.trade-frame:before{top:3px}.trade-frame:after{bottom:3px}.trade-frame-corner{width:36px;height:36px;position:absolute;overflow:visible}.trade-frame-corner--tl{top:0;left:0}.trade-frame-corner--tr{top:0;right:0;transform:rotate(90deg)}.trade-frame-corner--br{bottom:0;right:0;transform:rotate(180deg)}.trade-frame-corner--bl{bottom:0;left:0;transform:rotate(270deg)}.trade-metal{fill:var(--trade-metal);stroke:currentColor;stroke-width:1.4px}.trade-engraving{fill:none;stroke:currentColor;stroke-width:1px;opacity:.85}.trade-facet{fill:currentColor;stroke:var(--trade-panel);stroke-width:.7px}.trade-frame-gem{background:linear-gradient(135deg, #fff6, currentColor 48%, var(--trade-metal) 52%);width:10px;height:10px;box-shadow:0 0 0 2px var(--trade-panel), 0 0 7px color-mix(in srgb, currentColor 40%, transparent);border:1px solid;position:absolute;top:-2px;left:calc(50% - 5px);transform:rotate(45deg)}.trade-side-heading{margin-bottom:7px}.trade-side-heading h2{letter-spacing:.035em;text-shadow:0 1px 1px #000;font-size:16px}.trade-side-heading>span{font-size:10px}.trade-totals{background:linear-gradient(var(--trade-raised), var(--trade-panel));grid-template-columns:1.1fr 1fr .9fr;margin-bottom:8px;padding:5px 0;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px #0005}.trade-totals>div{padding:0 6px 0 31px;position:relative}.trade-totals dt{white-space:nowrap;font-size:9px}.trade-totals dd{color:var(--trade-ink);margin-top:1px;font-size:15px;line-height:1.25}.trade-totals>div:nth-child(2) dd{color:var(--trade-gold)}.trade-metric-icon{color:var(--trade-gold);display:flex;position:absolute;top:6px;left:6px}.trade-metric-icon svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.trade-totals>div:last-child .trade-metric-icon{color:var(--trade-ice)}.trade-slots{grid-auto-rows:110px}.trade-slot{border-color:#4b636d;position:relative;box-shadow:inset 0 1px 1px #ffffff15,inset 0 -2px 3px #0007,0 1px 1px #0008}.trade-slot--empty{color:color-mix(in srgb, var(--trade-line) 65%, var(--trade-panel));background:linear-gradient(155deg, var(--trade-panel), color-mix(in srgb, var(--trade-raised) 38%, var(--trade-panel)));border-color:color-mix(in srgb, var(--trade-line) 65%, var(--trade-panel));font-size:0}.trade-add{border:1px solid var(--trade-gold);outline-offset:2px;background:radial-gradient(ellipse at 50% 40%, #d49d3524, transparent 70%), var(--trade-panel);outline:1px solid #a76f2555;box-shadow:inset 0 0 0 2px #0005,inset 0 0 14px #cd9d282b,0 0 9px #dfa93925}.trade-add>span{font-size:35px}.trade-add small{font-size:10px}.trade-add:hover{background:radial-gradient(ellipse, #d49d3545, var(--trade-panel));border-color:#ffe09b}.trade-item{padding:3px}.trade-slots .trade-item-image{height:32px;min-height:0}.trade-item-config{margin:2px 0}.trade-item-config:empty{min-height:0;margin:0}.trade-item-value{line-height:1.3}.trade-roll{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--trade-gold) 50%), linear-gradient(135deg, var(--trade-gold) 50%, transparent 50%);background-position:calc(100% - 6px),calc(100% - 3px);background-repeat:no-repeat;background-size:3px 3px;padding:2px 11px 2px 3px;box-shadow:inset 0 1px #e3bf5521;font-size:10px!important}.trade-item-config .trade-roll{font-size:10px!important}.trade-remove{background:color-mix(in srgb, var(--trade-panel) 90%, transparent);color:var(--trade-ink)}.trade-side-note{border-top:1px solid color-mix(in srgb, var(--side-accent) 25%, transparent);min-height:26px;margin:7px 0 0;padding-top:5px}.trade-comparison{padding-top:16px}.trade-result{--side-accent:var(--trade-fire);border-color:var(--trade-fire) var(--trade-ice) var(--trade-ice) var(--trade-fire);min-height:166px;padding:17px 8px 14px}.trade-result .trade-frame-corner--tr,.trade-result .trade-frame-corner--br,.trade-result .trade-frame-corner--bl,.trade-result .trade-frame:after{color:var(--trade-ice)}.trade-result .trade-frame-gem{background:linear-gradient(135deg, #ffe2a2, var(--trade-fire) 49%, #297fa1 51%, var(--trade-ice));width:16px;height:16px;top:-6px;left:calc(50% - 8px)}.trade-result:after{content:"";background:linear-gradient(90deg, transparent, var(--trade-gold), transparent);width:78px;height:1px;position:absolute;top:42px;left:calc(50% - 39px)}.trade-result>strong{text-shadow:0 0 15px #ffc75c38,0 2px 1px #000;overflow-wrap:anywhere;margin:18px 0 10px;font-size:38px}.trade-result[data-result-tone=empty]>strong{font-size:24px}.trade-result p{line-height:1.4}.trade-arrows{height:92px;padding:6px 0}.trade-arrows svg{max-width:100%;height:auto;overflow:visible}.trade-arrow-fire{fill:#24190b;stroke:var(--trade-fire);stroke-width:2.5px;filter:drop-shadow(0 0 3px #ffb12c6b)}.trade-arrow-ice{fill:#061c29;stroke:var(--trade-ice);stroke-width:2.5px;filter:drop-shadow(0 0 3px #49c4ff70)}.trade-arrow-shine{fill:none;stroke:#fff7d2;stroke-width:.8px;opacity:.8}.trade-comparison-stats{border:3px double var(--trade-line);border-left-color:var(--trade-fire);border-right-color:var(--trade-ice);background:linear-gradient(135deg, var(--trade-raised), var(--trade-panel));padding:1px 12px;box-shadow:inset 0 0 0 2px #0003,0 5px 12px #0003}.trade-comparison-stats>div{padding:9px 0}.trade-comparison-stats dd{font-variant-numeric:tabular-nums;font-size:15px}.trade-toolbar{border-top:2px solid color-mix(in srgb, var(--trade-gold) 45%, var(--trade-line));background:linear-gradient(var(--trade-raised), var(--trade-panel));gap:10px;margin-top:16px;padding:10px 12px;box-shadow:inset 0 0 0 2px #0003,0 5px 10px #0003}.trade-button{box-shadow:inset 0 1px #ffffff12,inset 0 -2px #0003,0 1px 2px #0003}.trade-toolbar p{font-size:10px}.trade-picker{border:4px double var(--trade-gold);width:min(820px,100% - 32px);box-shadow:inset 0 0 0 2px #0005,0 25px 80px #000b}.trade-picker-item{background:linear-gradient(145deg, var(--trade-raised), var(--trade-panel));box-shadow:inset 0 1px #ffffff12}.trade-picker[open]{flex-direction:column;display:flex;overflow:hidden}.trade-picker-heading,.trade-picker-filters,.trade-picker-help,.trade-picker-footer,[data-picker-status]{flex-shrink:0}.trade-picker-items{overscroll-behavior:contain;flex:0 auto;min-height:0}.trade-picker-item{touch-action:manipulation;position:relative}.trade-picker-item.is-selected{border-color:var(--trade-gold);background:linear-gradient(145deg, color-mix(in srgb, var(--trade-gold) 18%, var(--trade-raised)), var(--trade-panel));box-shadow:inset 0 0 0 1px var(--trade-gold)}.trade-picker-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.trade-picker-check{background:var(--trade-gold);width:22px;height:22px;color:var(--trade-panel);border-radius:3px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:none;position:absolute;top:4px;right:4px}.trade-picker-item.is-selected .trade-picker-check{display:flex}.trade-picker-help{margin:8px 0;font-size:11px}.trade-picker-footer{border-top:1px solid var(--trade-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding-top:10px;display:grid}.trade-picker-footer p{color:var(--trade-gold);margin:0;font-size:12px}.trade-picker-actions{grid-area:1/2;gap:8px;display:flex}.trade-picker-actions .trade-button{min-height:44px}.trade-picker-feedback{grid-column:1/-1}.trade-picker-feedback:empty{display:none}.trade-picker-actions button:disabled{opacity:.5;cursor:not-allowed}@media (width<=620px){.trade-picker-footer{grid-template-columns:1fr;gap:8px}.trade-picker-actions{grid-area:auto/1;grid-template-columns:1fr 1.6fr;display:grid}.trade-picker-actions .trade-button--primary{grid-column:auto}}html[data-theme=light] .trade-calculator-page{--trade-metal:#dacaaa;--trade-fire:#92601f;--trade-ice:#28718a}html[data-theme=light] .trade-side,html[data-theme=light] .trade-result{box-shadow:inset 0 0 0 2px #fff6,inset 0 0 18px #b69d6720,0 7px 16px #5a3c1d26}html[data-theme=light] .trade-slot{border-color:#b6aa94;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #8c734526,0 1px 1px #5b451c24}html[data-theme=light] .trade-slot--empty{color:#c7baa2}html[data-theme=light] .trade-add{background:radial-gradient(ellipse at 50% 40%, #eac57e75, transparent 80%), var(--trade-panel);border-color:#997030}html[data-theme=light] .trade-side-heading h2,html[data-theme=light] .trade-result>strong{text-shadow:0 1px #fffa}html[data-theme=light] .trade-arrow-fire{fill:#e4c991;filter:none}html[data-theme=light] .trade-arrow-ice{fill:#b3d5d9;filter:none}@media (width<=1050px){.trade-side{padding-inline:8px}.trade-totals>div{padding-inline:5px}.trade-metric-icon{display:none}.trade-totals dd{font-size:14px}}@media (width<=900px){.trade-arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.trade-comparison{grid-area:1/1/auto/-1;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:18px;padding:0 0 4px;display:grid}.trade-result{min-height:150px;padding:16px 10px}.trade-result>strong{margin:16px 0 8px}.trade-comparison-stats{padding:0 10px}.trade-comparison-stats>div{padding:5px 0}.trade-perspective{grid-column:1/-1;margin:-5px 0 0}.trade-perspective br{display:none}.trade-side--fire{grid-area:2/1}.trade-side--ice{grid-area:2/2}.trade-slots{grid-auto-rows:124px;gap:4px}}@media (width<=700px){.trade-main{margin-top:14px;padding:0 15px}.trade-arena{flex-direction:column;gap:20px;display:flex}.trade-comparison{order:-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;width:100%}.trade-result{grid-area:1/1;min-height:155px}.trade-result .trade-eyebrow{font-size:8px}.trade-result>strong{font-size:30px}.trade-result[data-result-tone=empty]>strong{font-size:23px}.trade-result p{font-size:10px}.trade-comparison-stats{flex-direction:column;grid-area:1/2;justify-content:center;align-self:stretch;display:flex}.trade-arrows{grid-area:2/1/auto/-1;height:44px;padding:0}.trade-arrows svg{width:100px;height:44px}.trade-perspective{font-size:9px}.trade-side{width:100%;padding:10px 8px 5px}.trade-slots{grid-auto-rows:142px}.trade-slots .trade-item-image{height:38px}.trade-totals>div{padding-inline:6px}.trade-totals dd{font-size:16px}.trade-remove{width:32px;height:32px}.trade-roll{min-height:32px}.trade-intro,.trade-guide{padding:12px}.trade-intro h1{font-size:21px}.trade-picker{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:12px}.trade-comparison-stats dd{font-size:12px}.trade-item-config{flex-wrap:wrap;min-height:32px}.trade-item-config .trade-roll{flex-basis:100%}.trade-item-config .item-max-indicator{flex-basis:42px;gap:2px;width:42px;font-size:9px}.trade-item-config .item-max-indicator svg{width:14px;height:13px}}@media (width<=360px){.trade-slots{grid-auto-rows:150px}.trade-totals dd{font-size:12px}.trade-frame-corner{width:31px;height:31px}}.trade-result:before{content:"";border:1px solid;border-color:color-mix(in srgb, var(--trade-fire) 28%, transparent) color-mix(in srgb, var(--trade-ice) 28%, transparent) color-mix(in srgb, var(--trade-ice) 28%, transparent) color-mix(in srgb, var(--trade-fire) 28%, transparent);pointer-events:none;background:radial-gradient(at 20% 0,#efb64a0c,#0000 60%),radial-gradient(at 100% 100%,#59c5ed0c,#0000 60%);position:absolute;inset:4px}.trade-result:after{background:linear-gradient(90deg, transparent, var(--trade-fire) 45%, var(--trade-ice) 55%, transparent);opacity:.65;width:46px;top:auto;bottom:8px;left:calc(50% - 23px)}.trade-result .trade-frame:before,.trade-result .trade-frame:after{opacity:.85}.trade-crest-engraving{fill:none;stroke:var(--trade-ink);stroke-width:.65px;opacity:.55}.trade-gradient-fire{stop-color:var(--trade-fire)}.trade-gradient-ice{stop-color:var(--trade-ice)}.trade-result .trade-frame-corner--tr :is(.trade-metal,.trade-engraving){stroke:url(#trade-result-tr-corner)}.trade-result .trade-frame-corner--bl :is(.trade-metal,.trade-engraving){stroke:url(#trade-result-bl-corner)}.trade-result .trade-frame-gem{box-shadow:0 0 0 2px var(--trade-panel), 0 0 0 3px color-mix(in srgb, var(--trade-gold) 25%, transparent), 0 0 12px #85d7f42b}.trade-result-trails{pointer-events:none;position:absolute;inset:-1px 4px;overflow:hidden}.trade-result-trails:before,.trade-result-trails:after{content:"";opacity:0;width:64%;height:2px;animation:9s ease-in-out infinite trade-rail-trail;position:absolute}.trade-result-trails:before{background:linear-gradient(90deg,#0000,#e9a34255 45%,#ffe1a1 96%,#0000);top:3px;box-shadow:0 0 5px #efb14d66}.trade-result-trails:after{background:linear-gradient(90deg,#0000,#51b4ed55 45%,#b3efff 96%,#0000);animation-direction:reverse;animation-delay:-4.5s;bottom:3px;box-shadow:0 0 5px #50c4ef66}@keyframes trade-rail-trail{0%,12%{opacity:0;transform:translate(-105%)}22%,66%{opacity:.9}82%,to{opacity:0;transform:translate(165%)}}.trade-button{--button-accent:#839da8;--button-ink:var(--trade-ink);--button-top:color-mix(in srgb, var(--button-accent) 12%, var(--trade-raised));--button-bottom:var(--trade-panel);isolation:isolate;border-color:color-mix(in srgb, var(--button-accent) 65%, var(--trade-line));background:linear-gradient(180deg, var(--button-top), var(--button-bottom));color:var(--button-ink);letter-spacing:.015em;white-space:nowrap;touch-action:manipulation;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 13px;line-height:1.25;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 2px #0003,inset 0 -3px #0004,0 3px 7px #0004}.trade-button--primary{--button-accent:var(--trade-fire);--button-ink:var(--trade-gold);--button-top:color-mix(in srgb, var(--trade-fire) 23%, var(--trade-raised))}.trade-button--ice{--button-accent:var(--trade-ice);--button-ink:#b5e7f8}.trade-button--danger{--button-accent:#b66552;--button-ink:#efb3a3}.trade-action-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;width:16px;height:16px}.trade-button:before{content:"";border-top:1px solid color-mix(in srgb, var(--button-accent) 25%, transparent);pointer-events:none;border-radius:2px;position:absolute;inset:3px}.trade-button:not(:disabled):is(:hover,:focus-visible){border-color:var(--button-accent);box-shadow:inset 0 1px #ffffff35, inset 0 0 0 2px #0003, inset 0 -3px #0003, 0 3px 10px #0004, 0 0 12px color-mix(in srgb, var(--button-accent) 18%, transparent)}.trade-button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0005,0 1px 3px #0003}.trade-button:disabled{opacity:.45;box-shadow:inset 0 1px #ffffff12}@property --trade-button-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@supports (mask-composite:exclude){.trade-button--primary:not(:disabled):after{content:"";border-radius:inherit;background:conic-gradient(from var(--trade-button-angle), transparent 0deg 235deg, color-mix(in srgb, var(--button-accent) 15%, transparent) 280deg, var(--button-accent) 330deg, #fff0c1 350deg, transparent 360deg);pointer-events:none;padding:1px;animation:10s linear infinite trade-button-orbit;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}@keyframes trade-button-orbit{to{--trade-button-angle:360deg}}.trade-add{color:var(--side-accent);border-color:var(--side-accent);outline-color:color-mix(in srgb, var(--side-accent) 30%, transparent);background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--side-accent) 16%, transparent), transparent 75%), var(--trade-panel);box-shadow:inset 0 0 0 2px #0005, inset 0 1px #ffffff20, 0 0 10px color-mix(in srgb, var(--side-accent) 12%, transparent);touch-action:manipulation;transition:border-color .18s,box-shadow .18s}.trade-add:before{content:"";border:1px solid color-mix(in srgb, var(--side-accent) 38%, transparent);clip-path:polygon(0 0,18px 0,18px 1px,1px 1px,1px 18px,0 18px,0 0,100% 100%,calc(100% - 18px) 100%,calc(100% - 18px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 18px),100% calc(100% - 18px),100% 100%);pointer-events:none;position:absolute;inset:5px}.trade-add>span{width:42px;height:42px;text-shadow:0 0 12px color-mix(in srgb, var(--side-accent) 45%, transparent);place-items:center;font-size:32px;display:grid;position:relative}.trade-add>span:before{content:"";border:1px solid color-mix(in srgb, var(--side-accent) 30%, transparent);pointer-events:none;border-radius:3px;position:absolute;inset:6px;transform:rotate(45deg)}.trade-add:is(:hover,:focus-visible){background:radial-gradient(ellipse, color-mix(in srgb, var(--side-accent) 24%, transparent), transparent 85%), var(--trade-panel);border-color:var(--side-accent);box-shadow:inset 0 0 0 2px #0005, 0 0 0 1px var(--side-accent), 0 0 14px color-mix(in srgb, var(--side-accent) 20%, transparent)}.trade-add:active>span{transform:scale(.94)}.trade-remove{touch-action:manipulation;transition:color .15s,border-color .15s,background .15s;box-shadow:inset 0 1px #ffffff20,inset 0 -2px #0004}.trade-remove:is(:hover,:focus-visible){color:#ffe1d7;background:#542b25;border-color:#dc8d79}.trade-roll{border-color:color-mix(in srgb, var(--trade-gold) 65%, var(--trade-line))}.trade-picker-item:not([aria-disabled=true]):focus-visible{outline-offset:-3px}.trade-picker-item:not([aria-disabled=true]):hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--trade-gold) 60%, transparent), inset 0 1px #ffffff20}.trade-picker-item.is-selected{box-shadow:inset 0 0 0 1px var(--trade-gold), inset 0 0 24px color-mix(in srgb, var(--trade-gold) 9%, transparent)}.trade-picker :is(input,select):focus-visible{border-color:var(--trade-ice);outline:2px solid color-mix(in srgb, var(--trade-ice) 65%, transparent);outline-offset:2px}html[data-theme=light] .trade-button{--button-accent:#8f7955;--button-ink:#493b28;--button-top:#fffaf0;--button-bottom:#e5d9bf}html[data-theme=light] .trade-button--primary{--button-accent:#986721;--button-ink:#4e330f;--button-top:#fbeac1;--button-bottom:#d2ad68}html[data-theme=light] .trade-button--ice{--button-accent:#397b90;--button-ink:#20566b;--button-top:#eff9fa;--button-bottom:#c1dce1}html[data-theme=light] .trade-button--danger{--button-accent:#a26350;--button-ink:#783b2c;--button-top:#fff3e8;--button-bottom:#e6c3ad}html[data-theme=light] body.trade-calculator-page button.trade-button{background:linear-gradient(180deg, var(--button-top), var(--button-bottom))!important;border-color:var(--button-accent)!important;color:var(--button-ink)!important;box-shadow:inset 0 1px #fff,inset 0 0 0 2px #fff4,inset 0 -3px #8e66352b,0 3px 7px #5c421b26!important}html[data-theme=light] body.trade-calculator-page button.trade-button:not(:disabled):is(:hover,:focus-visible){box-shadow:inset 0 1px #fff, inset 0 0 0 2px #fff6, 0 0 0 1px var(--button-accent), 0 3px 12px #5c421b30!important}html[data-theme=light] body.trade-calculator-page button.trade-add{background:radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--side-accent) 14%, transparent), transparent 80%), var(--trade-panel)!important;border-color:var(--side-accent)!important;color:var(--side-accent)!important;box-shadow:inset 0 1px #fff, inset 0 0 0 2px #fff5, 0 0 0 1px color-mix(in srgb, var(--side-accent) 25%, transparent)!important}html[data-theme=light] body.trade-calculator-page button.trade-remove{color:#766246!important;background:linear-gradient(#fff9ee,#ddd0b6)!important;border-color:#b4a17e!important;box-shadow:inset 0 1px #fff,0 1px 3px #5c421b26!important}html[data-theme=light] body.trade-calculator-page button.trade-remove:is(:hover,:focus-visible){color:#783b2c!important;background:#f5d7ca!important;border-color:#a75e49!important}html[data-theme=light] body.trade-calculator-page button.trade-picker-item{background:linear-gradient(145deg, var(--trade-raised), var(--trade-panel))!important;border-color:var(--trade-line)!important;color:var(--trade-ink)!important;box-shadow:inset 0 1px #fff!important}html[data-theme=light] body.trade-calculator-page button.trade-picker-item:is(.is-selected,:focus-visible){border-color:var(--trade-gold)!important;box-shadow:inset 0 0 0 1px var(--trade-gold)!important;background:linear-gradient(145deg,#fff4d8,#e7d4a9)!important}html[data-theme=light] .trade-result-trails{opacity:.65}@media (width<=620px){.trade-button{gap:5px;min-height:44px;padding-inline:8px;font-size:11px!important}.trade-action-icon{flex-basis:15px;width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.trade-result-trails:before,.trade-result-trails:after,.trade-button--primary:not(:disabled):after{animation:none}.trade-result-trails{display:none}.trade-button,.trade-add,.trade-remove{transition:none}.trade-button:not(:disabled):active,.trade-add:active>span{transform:none}}