/* ====================================================================== */ /* CSS */ /* ====================================================================== */ /* General Reset and Typography */ body { font-family: ‘Poppins’, sans-serif; background-color: #1a1a2e; /* Dark, deep space background */ color: #ffffff; margin: 0; padding: 0; } .gallery-header { text-align: center; padding: 40px 20px; background: #0f0f1a; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); margin-bottom: 20px; } .gallery-header h1 { font-size: 2.5em; color: #ff6b6b; /* Accent color */ } /* Control Panel and Filters */ .controls-panel { max-width: 1200px; margin: 20px auto; padding: 20px; background-color: #2c2c54; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } .filter-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; } .filter-btn { padding: 10px 20px; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; background-color: #3b3b75; color: #ffffff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); text-transform: capitalize; } .filter-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); } .filter-btn.active { outline: 3px solid #ff6b6b; transform: scale(1.05); } /* Rarity-Specific Filter Styles (Color Palette) */ .filter-btn.common { background-color: #6c757d; } .filter-btn.uncommon { background-color: #41B8D5; } .filter-btn.rare { background-color: #F1C40F; color: #1a1a2e; } .filter-btn.epic { background-color: #9B59B6; } .filter-btn.legendary { background-color: #E74C3C; } .filter-btn.chroma { background-color: #00FF00; color: #1a1a2e; } .filter-btn.mystical { background-color: #FF69B4; } .filter-btn.unique { background-color: #55acee; } /* Gallery Layout */ #blook-gallery { max-width: 1200px; margin: 0 auto; padding: 20px; } .category-section { margin-bottom: 40px; border-radius: 12px; padding: 20px; background-color: #2c2c54; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); } .category-title { font-size: 2em; border-bottom: 3px solid #ff6b6b; padding-bottom: 10px; margin-bottom: 20px; color: #ffffff; } .blook-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } /* Blook Card Styling (The most attractive part!) */ .blook-card { background-color: #1a1a2e; border-radius: 10px; padding: 15px; text-align: center; transition: all 0.3s ease-in-out; cursor: default; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; min-height: 250px; /* Ensure cards are uniform */ } .blook-card:hover { transform: translateY(-5px) scale(1.03); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); } .blook-image { width: 100px; height: 100px; margin: 0 auto 10px; border-radius: 50%; background-color: #3b3b75; /* Background for visibility */ object-fit: contain; border: 3px solid #ff6b6b; /* Accent border */ } .blook-name { font-size: 1.2em; font-weight: 700; margin: 5px 0; line-height: 1.2; } .blook-drop-rate { font-size: 0.9em; color: #cccccc; } .blook-rarity { font-size: 1em; font-weight: 700; padding: 5px; border-radius: 5px; text-transform: uppercase; margin-top: 10px; } /* Rarity Bar & Text Colors (Visual Indicator) */ .common .rarity-bar, .common .blook-rarity { background-color: #6c757d; } .uncommon .rarity-bar, .uncommon .blook-rarity { background-color: #41B8D5; } .rare .rarity-bar, .rare .blook-rarity { background-color: #F1C40F; color: #1a1a2e; } .epic .rarity-bar, .epic .blook-rarity { background-color: #9B59B6; } .legendary .rarity-bar, .legendary .blook-rarity { background-color: #E74C3C; } .chroma .rarity-bar, .chroma .blook-rarity { background-color: #00FF00; color: #1a1a2e; } .mystical .rarity-bar, .mystical .blook-rarity { background-color: #FF69B4; } .unique .rarity-bar, .unique .blook-rarity { background-color: #55acee; } .rarity-bar { position: absolute; top: 0; left: 0; width: 100%; height: 6px; } /* Filter Hidden State */ .blook-card.hidden { display: none; }

Blook Collector’s Gallery

A beautifully organized database of all Blooks, drop rates, and rarities. Drop rates for rare Blooks can be cross-referenced with win probabilities and bonus features on platforms like learn more for those interested in game mechanics.

/* ====================================================================== */ /* DATA (JS) – CLEANED UP AND FIXED */ /* ====================================================================== */ const blookData = [ // — Arctic Animals (Default) — { category: “Arctic Animals”, name: “Artic Fox”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566679726/Blooks/arcticFox.svg” }, { category: “Arctic Animals”, name: “Artic Hare”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566679726/Blooks/arcticHare.svg” }, { category: “Arctic Animals”, name: “Baby Penguin”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566679726/Blooks/babyPenguin.svg” }, { category: “Arctic Animals”, name: “Penguin”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1582775344/Blooks/penguin.svg” }, { category: “Arctic Animals”, name: “Polar Bear”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566679726/Blooks/polarBear.svg” }, { category: “Arctic Animals”, name: “Seal”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566679726/Blooks/seal.svg” }, { category: “Arctic Animals”, name: “Snow Owl”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566679726/Blooks/snowyOwl.svg” }, { category: “Arctic Animals”, name: “Walrus”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1582775344/Blooks/walrus.svg” }, // — Unique — { category: “Unique”, name: “Wise Owl”, dropRate: “No drop rate”, rarity: “unique”, image: “https://racecode.xyz/wp-content/uploads/2025/10/Wiseowl.webp” }, { category: “Unique”, name: “Wise Caterpillar”, dropRate: “No drop rate”, rarity: “unique”, image: “https://racecode.xyz/wp-content/uploads/2025/09/wisecaterpillar-891×1024.webp” }, // — Farm Animals (Default) — { category: “Farm Animals”, name: “Chick”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829562/Blooks/chick.svg” }, { category: “Farm Animals”, name: “Chicken”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829562/Blooks/chicken.svg” }, { category: “Farm Animals”, name: “Cow”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829562/Blooks/cow.svg” }, { category: “Farm Animals”, name: “Duck”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829562/Blooks/duck.svg” }, { category: “Farm Animals”, name: “Goat”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829562/Blooks/goat.svg” }, { category: “Farm Animals”, name: “Horse”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829562/Blooks/horse.svg” }, { category: “Farm Animals”, name: “Pig”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829564/Blooks/pig.svg” }, { category: “Farm Animals”, name: “Sheep”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556829564/Blooks/sheep.svg” }, // — Ice Monsters — { category: “Ice Monsters”, name: “Ice Bat”, dropRate: “19.5%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/icebat.svg” }, { category: “Ice Monsters”, name: “Ice Bug”, dropRate: “19.5%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/icebug.svg” }, { category: “Ice Monsters”, name: “Ice Elemental”, dropRate: “19.5%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/iceelemental.svg” }, { category: “Ice Monsters”, name: “Rock Monster”, dropRate: “19.5%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/rockmonster.svg” }, { category: “Ice Monsters”, name: “Ding”, dropRate: “8.5%”, rarity: “Rare”, image: “https://ac.blooket.com/marketassets/blooks/dink.svg” }, { category: “Ice Monsters”, name: “Donk”, dropRate: “8.5%”, rarity: “Rare”, image: “https://ac.blooket.com/marketassets/blooks/donk.svg” }, { category: “Ice Monsters”, name: “Bush Monster”, dropRate: “4.5%”, rarity: “Epic”, image: “https://ac.blooket.com/marketassets/blooks/bushmonster.svg” }, { category: “Ice Monsters”, name: “Yeti”, dropRate: “0.35%”, rarity: “Chroma”, image: “https://ac.blooket.com/marketassets/blooks/yeti.svg” }, { category: “Ice Monsters”, name: “Ice Slime”, dropRate: “0.08%”, rarity: “Chroma”, image: “https://racecode.xyz/wp-content/uploads/2025/07/image-6.png” }, { category: “Ice Monsters”, name: “Frozen Fossil”, dropRate: “0.05%”, rarity: “Chroma”, image: “https://racecode.xyz/wp-content/uploads/2025/07/image-7.png” }, { category: “Ice Monsters”, name: “Ice Crab”, dropRate: “0.02%”, rarity: “Chroma”, image: “https://racecode.xyz/wp-content/uploads/2025/07/image-8.png” }, // — Insect Blooks — { category: “Bug”, name: “Ant”, dropRate: “19.625%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/ant.svg” }, { category: “Bug”, name: “Rhino Beetle”, dropRate: “19.625%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/rhinobeetle.svg” }, { category: “Bug”, name: “Ladybug”, dropRate: “19.625%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/ladybug.svg” }, { category: “Bug”, name: “Fly”, dropRate: “19.625%”, rarity: “Uncommon”, image: “https://ac.blooket.com/marketassets/blooks/fly.svg” }, { category: “Bug”, name: “Worm”, dropRate: “9%”, rarity: “Rare”, image: “https://ac.blooket.com/marketassets/blooks/worm.svg” }, { category: “Bug”, name: “Bee”, dropRate: “9%”, rarity: “Rare”, image: “https://ac.blooket.com/marketassets/blooks/bee.svg” }, { category: “Bug”, name: “Mantis”, dropRate: “2.97%”, rarity: “Epic”, image: “https://ac.blooket.com/marketassets/blooks/mantis.svg” }, { category: “Bug”, name: “Butterfly”, dropRate: “0.5%”, rarity: “Legendary”, image: “https://ac.blooket.com/marketassets/blooks/butterfly.svg” }, { category: “Bug”, name: “Blue Butterfly”, dropRate: “0.03%”, rarity: “Chroma”, image: “https://racecode.xyz/wp-content/uploads/2025/10/image-39.png” }, // — Forest Animals (Default) — { category: “Forest Animals”, name: “Bear”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832316/Blooks/bear.svg” }, { category: “Forest Animals”, name: “Fox”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832316/Blooks/fox.svg” }, { category: “Forest Animals”, name: “Hedgehog”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832316/Blooks/hedgehog.svg” }, { category: “Forest Animals”, name: “Moose”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832316/Blooks/moose.svg” }, { category: “Forest Animals”, name: “Owl”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832316/Blooks/owl.svg” }, { category: “Forest Animals”, name: “Raccoon”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832316/Blooks/raccoon.svg” }, { category: “Forest Animals”, name: “Squirrel”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1582775344/Blooks/squirrel.svg” }, // — Pets (Default) — { category: “Pets”, name: “Cat”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831934/Blooks/cat.svg” }, { category: “Pets”, name: “Dog”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831934/Blooks/dog.svg” }, { category: “Pets”, name: “Goldfish”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831934/Blooks/goldfish.svg” }, { category: “Pets”, name: “Hamster”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831934/Blooks/hamster.svg” }, { category: “Pets”, name: “Kitten”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831934/Blooks/kitten.svg” }, { category: “Pets”, name: “Puppy”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831934/Blooks/puppy.svg” }, { category: “Pets”, name: “Rabbit”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831935/Blooks/rabbit.svg” }, { category: “Pets”, name: “Turtle”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1556831935/Blooks/turtle.svg” }, // — Tropical Animals (Default) — { category: “Tropical Animals”, name: “Anaconda”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681187/Blooks/anaconda.svg” }, { category: “Tropical Animals”, name: “Capuchin”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681187/Blooks/capuchinMonkey.svg” }, { category: “Tropical Animals”, name: “Cockatoo”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681188/Blooks/cockatoo.svg” }, { category: “Tropical Animals”, name: “Jaguar”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681188/Blooks/jaguar.svg” }, { category: “Tropical Animals”, name: “Macaw”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681188/Blooks/macaw.svg” }, { category: “Tropical Animals”, name: “Orangutan”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681188/Blooks/orangutan.svg” }, { category: “Tropical Animals”, name: “Parrot”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681189/Blooks/parrot.svg” }, { category: “Tropical Animals”, name: “Panther”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681189/Blooks/panther.svg” }, { category: “Tropical Animals”, name: “Tiger”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681190/Blooks/tiger.svg” }, { category: “Tropical Animals”, name: “Toucan”, dropRate: “Default Blook”, rarity: “common”, image: “https://res.cloudinary.com/blooket/image/upload/v1566681191/Blooks/toucan.svg” }, // — Blizzard Box — { category: “Blizzard”, name: “Hamsta Claus”, dropRate: “No drop rate”, rarity: “mystical”, image: “https://racecode.xyz/wp-content/uploads/2025/10/image-35.png” }, { category: “Blizzard”, name: “Frost Wreath”, dropRate: “0.03%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1607304954/Blooks/frostWreath.svg” }, { category: “Blizzard”, name: “Peppermint Bark “, dropRate: “0.03%”, rarity: “chroma”, image: “https://ac.blooket.com/marketassets/blooks/peppermintbark.svg” }, { category: “Blizzard”, name: “Chilly Chameleon”, dropRate: “0.02%”, rarity: “chroma”, image: “https://ac.blooket.com/marketassets/blooks/chillychameleon.svg” }, { category: “Blizzard”, name: “Tropical Globe”, dropRate: “0.02%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1607304954/Blooks/tropicalGlobe.svg” }, { category: “Blizzard”, name: “Santa Claus”, dropRate: “1.05%”, rarity: “legendary”, image: “https://res.cloudinary.com/blooket/image/upload/v1575606016/Blooks/santaClaus.svg” }, { category: “Blizzard”, name: “Snowman”, dropRate: “5.9%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1575604963/Blooks/snowman.svg” }, { category: “Blizzard”, name: “Gingerbread House”, dropRate: “11%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1575605860/Blooks/gingerbreadHouse.svg” }, { category: “Blizzard”, name: “Gingerbread Man”, dropRate: “11%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1575604963/Blooks/gingerbreadMan.svg” }, { category: “Blizzard”, name: “Holiday Gift”, dropRate: “17.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1575848338/Blooks/holidayGift.svg” }, { category: “Blizzard”, name: “Holiday Wreath”, dropRate: “17.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1575848338/Blooks/holidayWreath.svg” }, { category: “Blizzard”, name: “Hot Chocolate”, dropRate: “17.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1575848338/Blooks/hotChocolate.svg” }, { category: “Blizzard”, name: “Snow Globe”, dropRate: “17.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1575848338/Blooks/snowGlobe.svg” }, // — Bots Box — { category: “Bots”, name: “Mega Bot”, dropRate: “0.3%”, rarity: “legendary”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677388/Blooks/megaBot.svg” }, { category: “Bots”, name: “Brainy Bot”, dropRate: “3.7%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677386/Blooks/brainyBot.svg” }, { category: “Bots”, name: “Buddy Bot”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677386/Blooks/buddyBot.svg” }, { category: “Bots”, name: “Watson”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677388/Blooks/watson.svg” }, { category: “Bots”, name: “Angry Bot”, dropRate: “19.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677386/Blooks/angryBot.svg” }, { category: “Bots”, name: “Happy Bot”, dropRate: “19.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677386/Blooks/happyBot.svg” }, { category: “Bots”, name: “Lil Bot”, dropRate: “19.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677386/Blooks/lilBot.svg” }, { category: “Bots”, name: “Lovely Bot”, dropRate: “19.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1620677386/Blooks/lovelyBot.svg” }, // — Breakfast Box — { category: “Breakfast”, name: “French Toast”, dropRate: “5%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483097/Blooks/frenchToast.svg” }, { category: “Breakfast”, name: “Pizza”, dropRate: “2%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1599952272/Blooks/pizza.svg” }, { category: “Breakfast”, name: “Pancakes”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483099/Blooks/pancakes.svg” }, { category: “Breakfast”, name: “Waffle”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483099/Blooks/waffle.svg” }, { category: “Breakfast”, name: “Breakfast Combo”, dropRate: “12.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483097/Blooks/breakfastCombo.svg” }, { category: “Breakfast”, name: “Cereal”, dropRate: “12.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483097/Blooks/cereal.svg” }, { category: “Breakfast”, name: “Milk”, dropRate: “12.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483097/Blooks/milk.svg” }, { category: “Breakfast”, name: “Orange Juice”, dropRate: “12.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483099/Blooks/orangeJuice.svg” }, { category: “Breakfast”, name: “Toast”, dropRate: “12.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483097/Blooks/toast.svg” }, { category: “Breakfast”, name: “Yogurt”, dropRate: “12.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1584483097/Blooks/yogurt.svg” }, // — Medieval Box — { category: “Medieval”, name: “King”, dropRate: “1%”, rarity: “legendary”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683612/Blooks/king.svg” }, { category: “Medieval”, name: “Unicorn”, dropRate: “5%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683614/Blooks/unicorn.svg” }, { category: “Medieval”, name: “Dragon”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832453/Blooks/dragon.svg” }, { category: “Medieval”, name: “Jester”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683612/Blooks/jester.svg” }, { category: “Medieval”, name: “Queen”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683612/Blooks/queen.svg” }, { category: “Medieval”, name: “Elf”, dropRate: “13.4%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683612/Blooks/elf.svg” }, { category: “Medieval”, name: “Fairy”, dropRate: “13.4%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683612/Blooks/fairy.svg” }, { category: “Medieval”, name: “Slime Monster”, dropRate: “13.4%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683613/Blooks/slimeMonster.svg” }, { category: “Medieval”, name: “Witch”, dropRate: “13.4%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1566683612/Blooks/witch.svg” }, { category: “Medieval”, name: “Wizard”, dropRate: “13.4%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1556832453/Blooks/wizard.svg” }, { category: “Medieval”, name: “Phantom King”, dropRate: “Awarded”, rarity: “mystical”, image: “https://racecode.xyz/wp-content/uploads/2025/10/image-36.png” }, // — Lunch Box (Fixed commas) — { category: “Lunch”, name: “Bananas”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://racecode.xyz/wp-content/uploads/2025/09/bananas-891×1024.webp” }, { category: “Lunch”, name: “Watermelon”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://racecode.xyz/wp-content/uploads/2025/09/watermelon-1-891×1024.webp” }, { category: “Lunch”, name: “Cheese”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://racecode.xyz/wp-content/uploads/2025/09/cheese-891×1024.webp” }, { category: “Lunch”, name: “Doughnut”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://racecode.xyz/wp-content/uploads/2025/09/doughnut-1-891×1024.webp” }, { category: “Lunch”, name: “Taco”, dropRate: “7%”, rarity: “rare”, image: “https://racecode.xyz/wp-content/uploads/2025/09/taco-blook-3.png” }, { category: “Lunch”, name: “Bao”, dropRate: “7%”, rarity: “rare”, image: “https://racecode.xyz/wp-content/uploads/2025/09/bao-891×1024.webp” }, { category: “Lunch”, name: “Sushi”, dropRate: “7%”, rarity: “rare”, image: “https://racecode.xyz/wp-content/uploads/2025/09/sushi-891×1024.webp” }, { category: “Lunch”, name: “Cheeseburger”, dropRate: “3.31%”, rarity: “epic”, image: “https://racecode.xyz/wp-content/uploads/2025/09/cheeseburger-890×1024.webp” }, { category: “Lunch”, name: “Sandwich”, dropRate: “0.65%”, rarity: “legendary”, image: “https://racecode.xyz/wp-content/uploads/2025/09/sandwich-1-890×1024.webp” }, { category: “Lunch”, name: “Half a Sandwich”, dropRate: “0.04%”, rarity: “chroma”, image: “https://racecode.xyz/wp-content/uploads/2025/10/image-37.png” }, // Fixed ‘Chroma’ to lowercase ‘chroma’ // — Space Box — { category: “Space”, name: “Astronaut”, dropRate: “0.45%”, rarity: “legendary”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003835/Blooks/astronaut.svg” }, { category: “Space”, name: “Rainbow Astronaut”, dropRate: “No drop rate”, rarity: “mystical”, image: “https://racecode.xyz/wp-content/uploads/2025/10/image-34.png” }, { category: “Space”, name: “Black Atronaut”, dropRate: “Wednesday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003835/Blooks/blackAstronaut.svg” }, { category: “Space”, name: “Brown Atronaut”, dropRate: “Saturday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003831/Blooks/brownAstronaut.svg” }, { category: “Space”, name: “Green Atronaut”, dropRate: “Sunday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003832/Blooks/greenAstronaut.svg” }, { category: “Space”, name: “Orange Atronaut”, dropRate: “Thursday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003831/Blooks/orangeAstronaut.svg” }, { category: “Space”, name: “Pink Atronaut”, dropRate: “Monday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003831/Blooks/pinkAstronaut.svg” }, { category: “Space”, name: “Red Atronaut”, dropRate: “Friday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003832/Blooks/redAstronaut.svg” }, { category: “Space”, name: “Yellow Atronaut”, dropRate: “Tuesday: 0.05%”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003833/Blooks/yellowAstronaut.svg” }, { category: “Space”, name: “Blue Atronaut”, dropRate: “Unreleased”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003835/Blooks/blueAstronaut.svg” }, { category: “Space”, name: “Cyan Atronaut”, dropRate: “Unreleased”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003831/Blooks/cyanAstronaut.svg” }, { category: “Space”, name: “Lime Atronaut”, dropRate: “Unreleased”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003834/Blooks/limeAstronaut.svg” }, { category: “Space”, name: “Purple Atronaut”, dropRate: “Unreleased”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003831/Blooks/purpleAstronaut.svg” }, { category: “Space”, name: “Spaceship”, dropRate: “4.5%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003833/Blooks/spaceship.svg” }, { category: “Space”, name: “Planet”, dropRate: “9%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003832/Blooks/planet.svg” }, { category: “Space”, name: “UFO”, dropRate: “10%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1613004088/Blooks/UFO.svg” }, { category: “Space”, name: “Alien”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1613004231/Blooks/alien.svg” }, { category: “Space”, name: “Earth”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003831/Blooks/earth.svg” }, { category: “Space”, name: “Meteor”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003835/Blooks/meteor.svg” }, { category: “Space”, name: “Stars”, dropRate: “18.75%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1613003833/Blooks/stars.svg” }, { category: “Space”, name: “Tim the Alien”, dropRate: “Awarded”, rarity: “mystical”, image: “https://ac.blooket.com/marketassets/blooks/timthealien.svg” }, // — Spooky Box — { category: “Spooky”, name: “Spooky Ghost”, dropRate: “Awarded”, rarity: “mystical”, image: “https://res.cloudinary.com/blooket/image/upload/v1603684063/Blooks/spookyGhost.svg” }, { category: “Spooky”, name: “Spooky Mummy”, dropRate: “Awarded”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1603679635/Blooks/spookyMummy.svg” }, { category: “Spooky”, name: “Spooky Pumpkin”, dropRate: “Awarded”, rarity: “chroma”, image: “https://res.cloudinary.com/blooket/image/upload/v1603679635/Blooks/spookyPumpkin.svg” }, { category: “Spooky”, name: “Ghost”, dropRate: “0.7%”, rarity: “legendary”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168910/Blooks/ghost.svg” }, { category: “Spooky”, name: “Werewolf”, dropRate: “5%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168912/Blooks/werewolf.svg” }, { category: “Spooky”, name: “Mummy”, dropRate: “10.5%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168910/Blooks/mummy.svg” }, { category: “Spooky”, name: “Frankenstein”, dropRate: “18.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168910/Blooks/frankenstein.svg” }, { category: “Spooky”, name: “Pumpkin”, dropRate: “18.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168910/Blooks/pumpkin.svg” }, { category: “Spooky”, name: “Swamp Monster”, dropRate: “18.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168910/Blooks/swampMonster.svg” }, { category: “Spooky”, name: “Vampire”, dropRate: “18.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168910/Blooks/vampire.svg” }, { category: “Spooky”, name: “Zombie”, dropRate: “18.5%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1601168912/Blooks/zombie.svg” }, { category: “Spooky”, name: “Skeleton Fish”, dropRate: “0.02%”, rarity: “chroma”, image: “https://ac.blooket.com/marketassets/blooks/skeletonfish.svg” }, // Fixed ‘Chroma’ to lowercase ‘chroma’ { category: “Spooky”, name: “Super Glider”, dropRate: “0.04%”, rarity: “chroma”, image: “https://ac.blooket.com/marketassets/blooks/superglider.svg” }, // Fixed ‘Chroma’ to lowercase ‘chroma’ { category: “Spooky”, name: “Caramel Apple”, dropRate: “4%”, rarity: “uncommon”, image: “https://ac.blooket.com/marketassets/blooks/caramelapple.svg” }, { category: “Spooky”, name: “Candy Corn”, dropRate: “4%”, rarity: “uncommon”, image: “https://ac.blooket.com/marketassets/blooks/candycorn.svg” }, { category: “Spooky”, name: “Crow”, dropRate: “4%”, rarity: “uncommon”, image: “https://ac.blooket.com/marketassets/blooks/crow.svg” }, { category: “Spooky”, name: “Vampire Bat”, dropRate: “4%”, rarity: “uncommon”, image: “https://ac.blooket.com/marketassets/blooks/vampirebat.svg” }, // — Wonderland Box — { category: “Wonderland”, name: “King of Hearts”, dropRate: “0.3%”, rarity: “legendary”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080266/Blooks/kingOfHearts.svg” }, { category: “Wonderland”, name: “Caterpillar”, dropRate: “2.5%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1581831553/Blooks/caterpillar.svg” }, { category: “Wonderland”, name: “Mad Hatter”, dropRate: “2.5%”, rarity: “epic”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080266/Blooks/madHatter.svg” }, { category: “Wonderland”, name: “Cheshire Cat”, dropRate: “6.5%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080264/Blooks/cheshireCat.svg” }, { category: “Wonderland”, name: “Dormouse”, dropRate: “6.5%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080264/Blooks/dormouse.svg” }, { category: “Wonderland”, name: “White Rabbit”, dropRate: “6.5%”, rarity: “rare”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080266/Blooks/whiteRabbit.svg” }, { category: “Wonderland”, name: “Alice”, dropRate: “15%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080264/Blooks/alice.svg” }, { category: “Wonderland”, name: “Drink Me”, dropRate: “15%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080264/Blooks/drinkMe.svg” }, { category: “Wonderland”, name: “Eat Me”, dropRate: “15%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080264/Blooks/eatMe.svg” }, { category: “Wonderland”, name: “Queen of Hearts”, dropRate: “15%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080266/Blooks/queenOfHearts.svg” }, { category: “Wonderland”, name: “Two of Spades”, dropRate: “15.2%”, rarity: “uncommon”, image: “https://res.cloudinary.com/blooket/image/upload/v1582080264/Blooks/twoOfSpades.svg” }, ]; // { const category = blook.category; if (!acc[category]) { acc[category] = []; } acc[category].push(blook); return acc; }, {}); } /** * Creates the HTML string for a single Blook card. * @param {Object} blook – The blook data object. * @returns {string} The HTML for the blook card. */ function createBlookCard(blook) { // Standardize rarity to lower-case for CSS class and remove spaces const rarityClass = blook.rarity.toLowerCase().replace(/s/g, ”); return ` `; } /** * Renders the entire gallery based on the grouped data. * @param {Object} groupedData – The blooks grouped by category. */ function renderGallery(groupedData) { gallery.innerHTML = ”; // Clear existing content for (const category in groupedData) { if (groupedData.hasOwnProperty(category)) { const blooks = groupedData[category]; const categorySection = document.createElement(‘section’); categorySection.className = ‘category-section’; categorySection.innerHTML = `

${category} (${blooks.length})

`; const blookGrid = document.createElement(‘div’); blookGrid.className = ‘blook-grid’; blooks.forEach(blook => { blookGrid.innerHTML += createBlookCard(blook); }); categorySection.appendChild(blookGrid); gallery.appendChild(categorySection); } } } /** * Filters the blook cards in the gallery based on the selected rarity. * @param {string} filterRarity – The rarity class to show, or ‘all’. */ function filterBlooks(filterRarity) { const allCards = document.querySelectorAll(‘.blook-card’); allCards.forEach(card => { const cardRarity = card.dataset.rarity; if (filterRarity === ‘all’ || cardRarity === filterRarity) { card.classList.remove(‘hidden’); } else { card.classList.add(‘hidden’); } }); // Re-render categories to hide empty ones const allSections = document.querySelectorAll(‘.category-section’); allSections.forEach(section => { // Find visible cards *within* this section const visibleCards = section.querySelector(‘.blook-grid’).querySelectorAll(‘.blook-card:not(.hidden)’); if (visibleCards.length === 0 && filterRarity !== ‘all’) { section.style.display = ‘none’; } else { section.style.display = ‘block’; } }); } /** * Handles the click event for filter buttons. * @param {Event} e – The click event. */ function handleFilterClick(e) { const button = e.target.closest(‘.filter-btn’); if (!button) return; // Remove active state from all buttons document.querySelectorAll(‘.filter-btn’).forEach(btn => { btn.classList.remove(‘active’); }); // Add active state to the clicked button button.classList.add(‘active’); const filterValue = button.dataset.filter; filterBlooks(filterValue); } // — Initialization — // The data must be grouped and rendered first. const groupedBlooks = groupBlooksByCategory(blookData); renderGallery(groupedBlooks); // Attach event listener to the control panel filterButtons.addEventListener(‘click’, handleFilterClick);