#cy-char-list-wrapper{--cy-cyan:#00ffff;--cy-magenta:#ff00ff;--cy-dark-bg:#0a0a12;--cy-card-bg:rgba(20, 20, 35, 0.7);--cy-border-glow:rgba(0, 255, 255, 0.4);--cy-text-primary:#e0e0e0;--cy-text-secondary:#8899aa;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;padding:40px 0;font-family:'Segoe UI','Meiryo',sans-serif;background:radial-gradient(ellipse at 50% 0%,rgb(0 255 255 / .08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgb(255 0 255 / .06) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 50px,rgb(0 255 255 / .02) 50px,rgb(0 255 255 / .02) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgb(0 255 255 / .02) 50px,rgb(0 255 255 / .02) 51px),linear-gradient(180deg,#0a0a12 0%,#101020 100%);overflow:hidden}.cy-inner-container{max-width:1000px;margin:0 auto;padding:0 20px;width:100%;position:relative;z-index:10}#cy-char-list-wrapper *,#cy-char-list-wrapper *::before,#cy-char-list-wrapper *::after{box-sizing:border-box}#cy-char-list-wrapper .cy-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:25px;padding:15px;background:rgb(10 10 20 / .6);border:1px solid rgb(0 255 255 / .2);border-radius:8px;position:relative;z-index:10}#cy-char-list-wrapper .cy-filter-label{color:var(--cy-cyan);font-size:12px;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px var(--cy-cyan)}#cy-char-list-wrapper .cy-filter-btn{padding:8px 16px;background:rgb(0 255 255 / .05);border:1px solid rgb(0 255 255 / .3);border-radius:4px;color:var(--cy-text-secondary);font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}#cy-char-list-wrapper .cy-filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(0 255 255 / .2),transparent);transition:left 0.5s ease}#cy-char-list-wrapper .cy-filter-btn:hover::before{left:100%}#cy-char-list-wrapper .cy-filter-btn:hover,#cy-char-list-wrapper .cy-filter-btn.active{background:rgb(0 255 255 / .15);border-color:var(--cy-cyan);color:var(--cy-cyan);box-shadow:0 0 15px rgb(0 255 255 / .3),inset 0 0 10px rgb(0 255 255 / .1);text-shadow:0 0 8px var(--cy-cyan)}#cy-char-list-wrapper .cy-char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:10}@media (max-width:900px){#cy-char-list-wrapper .cy-char-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){#cy-char-list-wrapper .cy-char-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width:480px){#cy-char-list-wrapper .cy-char-grid{grid-template-columns:repeat(2,1fr);gap:10px}#cy-char-list-wrapper .cy-filter-bar{padding:10px;gap:6px}#cy-char-list-wrapper .cy-filter-btn{padding:6px 10px;font-size:10px}}#cy-char-list-wrapper .cy-char-card{display:block;text-decoration:none;color:inherit;position:relative;background:var(--cy-card-bg);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform 0.4s ease,box-shadow 0.4s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#cy-char-list-wrapper .cy-char-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;padding:2px;background:linear-gradient(135deg,var(--cy-cyan),transparent 40%,transparent 60%,var(--cy-magenta));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.5;transition:opacity 0.4s ease;pointer-events:none}#cy-char-list-wrapper .cy-char-card::after{content:'';position:absolute;top:5px;left:5px;width:15px;height:15px;border-top:2px solid var(--cy-cyan);border-left:2px solid var(--cy-cyan);opacity:.6;transition:all 0.3s ease;pointer-events:none}#cy-char-list-wrapper .cy-char-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgb(0 0 0 / .5),0 0 30px rgb(0 255 255 / .2),0 0 60px rgb(255 0 255 / .1);opacity:1!important}#cy-char-list-wrapper .cy-char-card:hover::before{opacity:1;animation:cy-border-pulse 1.5s ease-in-out infinite}#cy-char-list-wrapper .cy-char-card:hover::after{opacity:1;box-shadow:0 0 10px var(--cy-cyan)}@keyframes cy-border-pulse{0%,100%{opacity:1}50%{opacity:.5}}#cy-char-list-wrapper .cy-card-img-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .8) 100%)}#cy-char-list-wrapper .cy-char-card[data-rarity="5"] .cy-card-img-wrap{background:linear-gradient(0deg,rgb(255 215 0 / .5) 0%,#000000 100%)}#cy-char-list-wrapper .cy-char-card[data-rarity="4"] .cy-card-img-wrap{background:linear-gradient(0deg,rgb(160 32 240 / .5) 0%,#000000 100%)}#cy-char-list-wrapper .cy-card-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease,filter 0.4s ease;transform:scale(1.2)}#cy-char-list-wrapper .cy-char-card:hover .cy-card-img{transform:scale(1.3) translateZ(20px);filter:brightness(1.1) saturate(1.2);opacity:1!important}#cy-char-list-wrapper .cy-rarity{position:absolute;top:8px;right:8px;display:flex;gap:2px;z-index:5}#cy-char-list-wrapper .cy-rarity-star{font-size:14px;color:gold;text-shadow:0 0 5px rgb(255 215 0 / .8);display:inline-block}#cy-char-list-wrapper .cy-element-badge{position:absolute;top:8px;left:8px;padding:4px!important;background:rgb(0 0 0 / .6);border:1px solid rgb(255 255 255 / .2);border-radius:4px;font-size:14px;z-index:5;display:flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important}#cy-char-list-wrapper .cy-card-info{position:absolute;bottom:0;left:0;right:0;padding:40px 12px 12px;background:linear-gradient(0deg,rgb(0 0 0 / .95) 0%,rgb(0 0 0 / .7) 60%,transparent 100%);transform:translateY(0);transition:transform 0.4s ease;z-index:20}#cy-char-list-wrapper .cy-char-card:hover .cy-card-info{transform:translateY(0)}#cy-char-list-wrapper .cy-char-name{margin:0 0 6px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 10px rgb(0 255 255 / .5);letter-spacing:1px}#cy-char-list-wrapper .cy-char-weapon{display:inline-block;padding:3px 8px;background:rgb(255 0 255 / .2);border:1px solid rgb(255 0 255 / .4);border-radius:3px;font-size:10px;color:var(--cy-magenta);letter-spacing:1px}#cy-char-list-wrapper .cy-char-card.cy-hidden{display:none}#cy-char-list-wrapper .cy-element-icon{width:85px;height:85px;object-fit:contain;vertical-align:middle}#cy-char-list-wrapper .cy-filter-btn .cy-element-icon{margin-right:5px;position:relative;top:-1px}#cy-char-list-wrapper .cy-element-badge .cy-element-icon{width:20px!important;height:20px!important;object-fit:contain!important}