body,html{margin:0;padding:0;box-sizing:border-box;background:#252323;font-family:Fredoka,sans-serif}._pageWrapper_vlc1h_12{display:flex}._menuContainer_vlc1h_17{position:fixed;top:0;left:0;width:220px;height:100vh;padding:4.5rem 1rem 1.5rem;background:#1c1d20;border-right:1px solid #444;box-sizing:border-box;flex-shrink:0;transform:translate(-100%);transition:transform .3s ease}._menuIsOpen_vlc1h_32{transform:translate(0)}._menuToggle_vlc1h_37{position:fixed;top:1rem;left:1rem;width:2rem;height:2rem;padding:0;background:none;border:none;cursor:pointer;z-index:1000}._checkLabel_vlc1h_50{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#e0e0e0;cursor:pointer}._hamburger_vlc1h_60{position:relative;height:3px;background:#e0e0e0;border-radius:2px;transition:background .3s ease}._hamburger_vlc1h_60:before,._hamburger_vlc1h_60:after{content:"";position:absolute;left:0;width:100%;height:3px;background:#e0e0e0;border-radius:2px;transition:transform .3s ease,top .3s ease}._hamburger_vlc1h_60:before{top:-3px;transform:translateY(-6px)}._hamburger_vlc1h_60:after{top:3px;transform:translateY(6px)}._menuIsOpen_vlc1h_32~._mainContent_vlc1h_90 ._hamburger_vlc1h_60{background:transparent}._menuIsOpen_vlc1h_32~._mainContent_vlc1h_90 ._hamburger_vlc1h_60:before{top:0;transform:rotate(45deg)}._menuIsOpen_vlc1h_32~._mainContent_vlc1h_90 ._hamburger_vlc1h_60:after{top:0;transform:rotate(-45deg)}._menuIsOpen_vlc1h_32~._mainContent_vlc1h_90{margin-left:220px}._mainContent_vlc1h_90{flex-grow:1;height:100vh;overflow-y:auto;padding:2rem;box-sizing:border-box;transition:margin-left .3s ease}._title_vlc1h_118{margin:0 0 2rem;text-align:center;font-size:2.5rem;font-weight:600;color:#e0e0e0}._menuSection_vlc1h_127+._menuSection_vlc1h_127{margin-top:2rem}._menuTitle_vlc1h_131{margin:0 0 1.5rem;font-size:1.5rem;text-align:center;color:#e0e0e0}._menuControls_vlc1h_138{display:flex;flex-direction:column;gap:.75rem}._menuButton_vlc1h_144{padding:.75rem;font-size:1rem;font-weight:500;color:#fff;background:#2c2d30;border:1px solid #444;border-radius:8px;cursor:pointer;transition:background .2s ease}._menuButton_vlc1h_144:hover{background:#3a3b3e}._randomizerSection_vlc1h_161{max-width:24rem;margin:0 auto 2rem;padding:1.5rem;background:#2c2d30;border:1px solid #444;border-radius:12px}._randomizerDisplay_vlc1h_170{display:flex;justify-content:center;gap:1.5rem;min-height:13rem;margin-bottom:1.5rem}._randomizerDisplay_vlc1h_170 ._characterCard_vlc1h_178{width:10rem;flex-shrink:0}._placeholder_vlc1h_183{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem;color:#555}._randomizerControls_vlc1h_193{display:flex;justify-content:center;gap:1rem}._randomizeButton_vlc1h_199{width:10.7rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:550;color:#fff;background:#252323;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}._randomizeButton_vlc1h_199:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 20px #5a67d866}._randomizeButton_vlc1h_199:disabled{background:#4a5568;opacity:.6;cursor:not-allowed}._searchContainer_vlc1h_224{position:relative;max-width:30rem;margin:0 auto 2rem}._searchInput_vlc1h_230{width:100%;padding:.75rem 1rem;font-size:1rem;color:#f0f0f0;background:#2c2d30;border:1px solid #a19b9b;border-radius:8px;box-sizing:border-box}._clearButton_vlc1h_241{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:#aaa;cursor:pointer}._activeCharBadge_vlc1h_254{margin:.25rem auto 1rem;max-width:24rem;text-align:center;font-size:.9rem;color:silver}._filterBar_vlc1h_263{margin:0 auto 1.5rem;max-width:24rem}._chipRow_vlc1h_267{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}._chip_vlc1h_267{padding:.35rem .9rem;font-size:.9rem;color:#e0e0e0;background:#2c2d30;border:1px solid #555;border-radius:9999px;cursor:pointer;transition:background .2s ease,color .2s ease}._chipActive_vlc1h_284{background:#24b746;border-color:#24b746;color:#fff}._pinBtn_vlc1h_291{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#444;cursor:pointer;font-size:18px;color:#ccc;line-height:20px;padding:0;transition:background .2s,color .2s;opacity:0;visibility:hidden;transition:opacity .2s}._characterCard_vlc1h_178:hover ._pinBtn_vlc1h_291,._pinActive_vlc1h_312{opacity:1;visibility:visible}._pinBtn_vlc1h_291:before{content:"📌"}._pinActive_vlc1h_312{background:#24b746;color:#fff}._gridContainer_vlc1h_329{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem}._characterCard_vlc1h_178{background:#2c2d30;border:1px solid #444;border-radius:8px;padding:.5rem;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}._characterCard_vlc1h_178:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000080}._imageContainer_vlc1h_351{aspect-ratio:1 / 1;overflow:hidden;margin-bottom:.25rem;border-radius:4px}._characterImage_vlc1h_358{width:100%;height:100%;object-fit:cover;display:block}._characterName_vlc1h_365{margin:.3rem 0 0;font-size:1rem;font-weight:500;color:#f0f0f0}._deselected_vlc1h_373{opacity:.35;filter:grayscale(100%);border-color:#555}._deselected_vlc1h_373:hover{opacity:.7}@media (max-width: 768px){._randomizerDisplay_vlc1h_170{flex-direction:column;align-items:center}._randomizerDisplay_vlc1h_170 ._characterCard_vlc1h_178{width:8.5rem;margin-bottom:0}._characterName_vlc1h_365{margin:.2rem 0 0}._imageContainer_vlc1h_351{margin-bottom:.2rem}}