/* Visual item vault and upgrade workbench */
.bf-item-lab{position:relative;isolation:isolate;overflow:hidden;padding:clamp(15px,2.5vw,28px);border:1px solid #64e1d333;border-radius:17px;background:radial-gradient(ellipse at 96% 0%,#6053aa24,transparent 35%),radial-gradient(ellipse at 0% 48%,#32b7a719,transparent 38%),linear-gradient(145deg,#101c28,#0d121a 70%);box-shadow:0 22px 65px #0003}
.bf-item-lab:before{position:absolute;z-index:-1;top:-155px;right:-115px;width:360px;height:360px;border:1px solid #75ded219;border-radius:50%;content:"";box-shadow:0 0 0 28px #75ded20a,0 0 0 58px #75ded207}
.bf-lab-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 11px}
.bf-lab-switch button{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:2px 12px;min-height:74px;padding:11px 14px;border:1px solid #ffffff19;border-radius:12px;background:linear-gradient(130deg,#162331,#121923);color:#e9f6fb;text-align:left;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.bf-lab-switch button:hover{transform:translateY(-2px);border-color:#75e7d582}.bf-lab-switch button[aria-selected="true"]{border-color:#62e2d38a;background:linear-gradient(120deg,#16544e,#183a48 72%,#242342);box-shadow:0 10px 25px #48d1bf18}
.bf-lab-switch button>span{grid-row:1/3;display:grid;place-items:center;width:45px;height:45px;border:1px solid #72e5d64a;border-radius:13px;background:#51dcc01a;color:#9affdf;font-size:24px}.bf-lab-switch button b{font:750 16px var(--display)}.bf-lab-switch button small{color:#a5bac5;font-size:11px}
.bf-lab-panel{padding:16px;border:1px solid #ffffff16;border-radius:13px;background:linear-gradient(160deg,#121d29ef,#0c121a)}.bf-lab-panel[hidden]{display:none}
.bf-lab-intro{display:flex;align-items:center;gap:12px;padding:2px 0 14px}.bf-lab-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #73e7d64c;border-radius:14px;background:linear-gradient(145deg,#164c4b,#282441);color:#bbffeb;font-size:24px;box-shadow:0 8px 25px #3acdb61c}.bf-lab-intro>div{min-width:0}.bf-lab-intro>div>b{font:750 20px var(--display);color:#f1fbff}.bf-lab-intro p{margin:3px 0 0;color:#a9bdc9;font-size:12px;line-height:1.5}.bf-lab-count{margin-left:auto;padding:7px 10px;border:1px solid #81ead92e;border-radius:999px;background:#33beaa14;color:#adf7e7;font-size:11px;font-weight:800;white-space:nowrap}
.bf-lab-controls{display:grid;grid-template-columns:minmax(180px,1.8fr) repeat(3,minmax(115px,.72fr));align-items:end;gap:8px;margin-bottom:12px;padding:10px;border:1px solid #ffffff12;border-radius:11px;background:#0b121a}.bf-lab-controls>label:not(.bf-lab-search){display:grid;gap:4px;color:#91aab7;font-size:9px;font-weight:900;letter-spacing:.1em}.bf-lab-controls select,.bf-lab-search input{width:100%;min-width:0;min-height:39px;padding:0 10px;border:1px solid #ffffff1e;border-radius:7px;background:#151f2b;color:#eaf7fb;font:500 12px var(--font)}.bf-lab-search{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 10px;border:1px solid #76e5d13f;border-radius:7px;background:#13202a;color:#91f6e1;font-size:21px}.bf-lab-search input{min-height:35px;padding:0;border:0;background:transparent;outline:0}.bf-lab-search:focus-within{border-color:#74ead8;box-shadow:0 0 0 3px #74ead81c}
.bf-recipe-table-wrap{overflow-x:auto;border:1px solid #ffffff16;border-radius:10px}.bf-recipe-table{width:100%;min-width:760px;border-collapse:collapse}.bf-recipe-table th{padding:10px 12px;background:linear-gradient(90deg,#173a3b,#192538);color:#a8d9d5;text-align:left;font-size:9px;letter-spacing:.13em;white-space:nowrap}.bf-recipe-table td{padding:9px 12px;border-top:1px solid #ffffff10;background:#101924;color:#dceaf0;vertical-align:middle}.bf-recipe-table tr:hover td{background:#162430}.bf-recipe-weapon{display:flex;align-items:center;gap:10px;min-width:155px}.bf-recipe-weapon>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #70dfd42c;border-radius:11px;background:radial-gradient(circle at 50% 30%,#31827b54,#172432 66%)}.bf-recipe-weapon img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 7px #0008)}.bf-recipe-weapon b{font-size:12px}.bf-rarity-tag{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border:1px solid #ffffff1a;border-radius:999px;background:#73808b18;color:#d5e1e8;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.bf-rarity-common{border-color:#bbd3e245;background:#95aabd15;color:#d1dce2}.bf-rarity-uncommon{border-color:#65dc9b4d;background:#43bc7216;color:#83edaa}.bf-rarity-rare{border-color:#62b7ff5c;background:#2889d719;color:#88d0ff}.bf-rarity-legendary{border-color:#cf88ff52;background:#a546d81a;color:#dfabff}.bf-rarity-mythical{border-color:#ff76845c;background:#dd45501a;color:#ff9da4}.bf-rarity-premium{border-color:#ffc76c66;background:#d98e201a;color:#ffd88b}.bf-recipe-type{display:block;margin-top:5px;color:#93a8b4;font-size:10px}
.bf-material-list{display:flex;flex-wrap:wrap;gap:5px;max-width:500px}.bf-material-chip{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:3px 7px;border:1px solid #ffffff18;border-radius:8px;background:linear-gradient(125deg,#1b2935,#111a24);color:#cadce4;font-size:9px}.bf-material-chip img{width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 2px 4px #0008)}.bf-material-chip b{font-weight:650}.bf-material-chip strong{margin-left:2px;color:#a1f3db;font-size:10px}.bf-recipe-unknown{color:#b9a2d3;font-size:10px}.bf-upgrade-effect{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border:1px solid #61dba844;border-radius:8px;background:#36be7815;color:#9bf5b2;font-size:11px;font-weight:900;white-space:nowrap}.bf-lab-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#91a5b0;font-size:10px;line-height:1.5}.bf-lab-foot a{flex:none;color:#94eee2;font-weight:800;text-decoration:none}.bf-lab-foot a:hover{text-decoration:underline}
.bf-collection-summary{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 11px}.bf-collection-summary span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #ffffff17;border-radius:999px;background:#121d28;color:#aabdc7;font-size:10px}.bf-collection-summary b{color:#9ff6df;font-size:12px}.bf-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.bf-item-card{overflow:hidden;min-width:0;border:1px solid #ffffff17;border-radius:12px;background:linear-gradient(160deg,#172331,#10161e 80%);box-shadow:0 8px 22px #0002;transition:transform .18s,border-color .18s,box-shadow .18s}.bf-item-card:hover{transform:translateY(-3px);border-color:#6ce6d35e;box-shadow:0 16px 32px #0004}.bf-item-art{position:relative;display:grid;place-items:center;height:122px;overflow:hidden;border-bottom:1px solid #ffffff12;background:radial-gradient(ellipse at 50% 100%,#32ac9844,transparent 62%),linear-gradient(140deg,#1a2733,#101722)}.bf-item-art:after{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#83e8d866,transparent);content:""}.bf-item-art img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 8px 14px #0009);transition:transform .25s,filter .25s}.bf-item-card:hover .bf-item-art img{transform:scale(1.07);filter:drop-shadow(0 10px 16px #58d3c633)}.bf-item-art-permanent{background:radial-gradient(ellipse at 50% 95%,#5440ad55,transparent 62%),linear-gradient(140deg,#192332,#11151e)}.bf-item-art-gamepass{background:radial-gradient(ellipse at 50% 95%,#c5983736,transparent 66%),linear-gradient(140deg,#292317,#171821)}.bf-item-art-accessory{background:radial-gradient(ellipse at 50% 95%,#258b7840,transparent 62%),linear-gradient(140deg,#162b30,#111722)}.bf-item-art-special{background:radial-gradient(ellipse at 50% 95%,#9c64d33b,transparent 62%),linear-gradient(140deg,#241c31,#111722)}.bf-item-kind{position:absolute;top:8px;left:8px;padding:4px 7px;border:1px solid #d9ffff27;border-radius:999px;background:#091218c9;color:#c9e8e8;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(7px)}.bf-save-item{position:absolute;top:6px;right:7px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff25;border-radius:50%;background:#071119cc;color:#d5e7e9;font-size:18px;cursor:pointer;backdrop-filter:blur(6px);transition:.16s}.bf-save-item:hover,.bf-save-item.is-saved{border-color:#ffd77599;background:#765a1e99;color:#ffe08a}.bf-item-copy{padding:9px}.bf-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;min-height:35px}.bf-item-heading h3{overflow:hidden;margin:0;color:#f0f8fc;font:700 13px/1.2 var(--display);text-overflow:ellipsis}.bf-item-heading .bf-rarity-tag{min-height:19px;padding:2px 6px;font-size:7px}.bf-item-copy>p{display:-webkit-box;min-height:31px;overflow:hidden;margin:6px 0 9px;color:#9cafba;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bf-item-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:7px;border-top:1px solid #ffffff12;color:#899eaa;font-size:8px}.bf-item-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-item-meta b{flex:none;color:#a6efde;font-size:9px}.bf-catalog-warning{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid #f5be5c37;border-radius:10px;background:#b1741b10;color:#ceb88e;font-size:10px;line-height:1.55}.bf-catalog-warning>b{flex:none;color:#f1cd7d;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.bf-item-art.image-missing:before{content:"✦";color:#91e9d5;font-size:33px;opacity:.75}
@media(max-width:1050px){.bf-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.bf-item-lab{padding:12px;border-radius:13px}.bf-lab-switch{gap:6px}.bf-lab-switch button{grid-template-columns:36px minmax(0,1fr);gap:2px 8px;min-height:70px;padding:8px}.bf-lab-switch button>span{width:34px;height:34px;border-radius:10px;font-size:19px}.bf-lab-switch button b{font-size:13px}.bf-lab-switch button small{font-size:9px;line-height:1.3}.bf-lab-panel{padding:10px}.bf-lab-intro{align-items:flex-start;gap:8px}.bf-lab-icon{flex-basis:35px;width:35px;height:35px;border-radius:10px;font-size:19px}.bf-lab-intro>div>b{font-size:16px}.bf-lab-intro p{font-size:10px}.bf-lab-count{padding:5px 7px;font-size:9px}.bf-lab-controls{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.bf-lab-search{grid-column:1/-1}.bf-lab-controls>label:not(.bf-lab-search){font-size:8px}.bf-lab-controls select{min-height:36px;padding:0 7px;font-size:11px}.bf-recipe-table{min-width:690px}.bf-recipe-table th{padding:9px 8px}.bf-recipe-table td{padding:8px}.bf-recipe-weapon{min-width:130px;gap:7px}.bf-recipe-weapon>span{flex-basis:39px;width:39px;height:39px}.bf-recipe-weapon img{width:35px;height:35px}.bf-recipe-weapon b{font-size:10px}.bf-material-chip{gap:3px;padding:2px 5px;font-size:8px}.bf-material-chip img{width:20px;height:20px}.bf-lab-foot{align-items:flex-start;flex-direction:column;gap:5px;font-size:9px}.bf-item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bf-item-art{height:100px}.bf-item-art img{width:87px;height:87px}.bf-item-copy{padding:7px}.bf-item-heading{display:grid;min-height:44px;gap:5px}.bf-item-heading h3{font-size:11px}.bf-item-heading .bf-rarity-tag{justify-self:start}.bf-item-copy>p{min-height:30px;margin:5px 0 7px;font-size:9px}.bf-item-meta{align-items:flex-start;flex-direction:column;gap:4px;font-size:8px}.bf-item-meta b{font-size:8px}.bf-catalog-warning{flex-direction:column;gap:3px}.bf-collection-summary{gap:5px}.bf-collection-summary span{padding:5px 7px;font-size:8px}.bf-collection-summary b{font-size:10px}}
@media(max-width:390px){.bf-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-lab-count{margin-left:0}.bf-lab-intro{flex-wrap:wrap}.bf-item-art{height:115px}.bf-item-art img{width:98px;height:98px}}

/* Category index: a visual front door to the Blox Fruits guide */
.bf-category-directory{margin:23px 0 33px;padding:clamp(17px,3vw,26px);overflow:hidden;border:1px solid #75ded22a;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#366c6a36,transparent 42%),linear-gradient(135deg,#131f2b,#111720 60%,#1a202c);box-shadow:0 18px 45px #0003}.bf-category-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.bf-category-heading h2{margin:5px 0 3px;color:#f2f7f8;font:800 clamp(25px,4vw,34px)/1.1 var(--display)}.bf-category-heading h2 em{color:#87e1d2;font-style:normal}.bf-category-heading p{margin:0;color:#a6b9c1;font-size:13px}.bf-category-compass{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #69d8ca50;border-radius:16px;background:linear-gradient(145deg,#18594f,#263b53);color:#b4fff0;font-size:27px;box-shadow:0 8px 24px #35c6b01c}.bf-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bf-category-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:78px;padding:11px 34px 11px 12px;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(115deg,#ffffff08,#ffffff02);color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.bf-category-card:hover,.bf-category-card:focus-visible{transform:translateY(-2px);border-color:#73e3d38a;background:linear-gradient(115deg,#38a99e25,#ffffff05);box-shadow:0 9px 22px #0003;outline:2px solid #62d9cd33;outline-offset:2px}.bf-category-art{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #ffffff1a;border-radius:13px;background:linear-gradient(145deg,#263c4a,#18212e);font-size:25px;filter:drop-shadow(0 4px 8px #0005)}.category-fruit .bf-category-art{background:linear-gradient(145deg,#355c41,#202c2d)}.category-sword .bf-category-art,.category-gun .bf-category-art{background:linear-gradient(145deg,#5a3831,#27222b);color:#ffcfaa}.category-style .bf-category-art{background:linear-gradient(145deg,#504073,#22283b);color:#e2d0ff}.category-accessory .bf-category-art{background:linear-gradient(145deg,#36566d,#202b3e);color:#c4e5ff}.category-material .bf-category-art{background:linear-gradient(145deg,#73552c,#302b29);color:#ffe3a7}.category-fishing .bf-category-art{background:linear-gradient(145deg,#285c68,#202d3e)}.category-map .bf-category-art{background:linear-gradient(145deg,#376a5b,#222f3b)}.category-news .bf-category-art{background:linear-gradient(145deg,#725433,#34303a);color:#ffdf9a}.bf-category-copy{display:grid;min-width:0;gap:3px}.bf-category-copy small{overflow:hidden;color:#7cded2;font-size:8px;font-weight:900;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}.bf-category-copy b{overflow:hidden;color:#f0f5f6;font:750 17px/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap}.bf-category-copy em{overflow:hidden;color:#9badb6;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.bf-category-card>i{position:absolute;right:12px;top:50%;color:#86e7da;font-size:16px;font-style:normal;transform:translateY(-50%)}
@media(max-width:800px){.bf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.bf-category-directory{margin:18px 0 25px;padding:14px}.bf-category-grid{grid-template-columns:1fr;gap:7px}.bf-category-card{min-height:68px}.bf-category-heading h2{font-size:26px}.bf-category-compass{flex-basis:40px;width:40px;height:40px}}
.bf-item-art-sword{background:radial-gradient(ellipse at 50% 90%,#ae526545,transparent 64%),linear-gradient(140deg,#37202c,#171923)}.bf-item-art-gun{background:radial-gradient(ellipse at 50% 90%,#7853bc55,transparent 64%),linear-gradient(140deg,#292242,#141923)}.bf-item-art-material{background:radial-gradient(ellipse at 50% 90%,#dcaa3b45,transparent 64%),linear-gradient(140deg,#39301c,#171a20)}