html{height:100%;width:100%;scroll-behavior:smooth}body{min-width:100%;min-height:100%;margin:0 auto;letter-spacing:.3rem;font-size:16px;overflow:hidden;box-sizing:border-box;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";letter-spacing:.2em;position:relative;z-index:auto;overflow:visible;scroll-behavior:smooth;font-family:"Sawarabi Gothic",sans-serif;font-weight:400;font-style:normal;background:#242436}html,body{overflow-x:hidden}ul{list-style:none;margin-inline:0;padding-inline:0;margin-block-start:0;margin-block-end:0}a{list-style:none}a:-webkit-any-link{text-decoration:none}.skill-btn{display:inline-block;padding:4px 10px;border:1px solid lime;color:lime;cursor:pointer;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:normal}input[type=checkbox]:checked+.skill-btn{background:rgba(0,255,0,.1);color:#fff;box-shadow:0 0 8px lime,0 0 15px aqua}input[type=checkbox i]{display:none}input[type=text]:focus{outline:2px solid lime}input[type=number]:focus{outline:2px solid lime}.character-ac-wrapper .character-filter{position:fixed;top:0;right:-400px;width:370px;height:100vh;display:flex;flex-direction:column;padding:10px;background:#020224;padding:5rem 1rem;opacity:0;transition:right .4s ease,opacity .4s ease;z-index:99}.character-ac-wrapper .character-filter .scroll{overflow-y:auto;flex:1}.character-ac-wrapper .character-filter .scroll::-webkit-scrollbar{display:none}.character-ac-wrapper .character-filter.active{right:0;opacity:1;box-shadow:0 0 5px lime,0 0 10px aqua}.character-ac-wrapper .character-archive{display:grid;grid-template-columns:repeat(4, 1fr);padding-top:1rem;gap:3rem;padding:2rem;width:-moz-fit-content;width:fit-content;margin:auto;margin-top:5rem}@media(max-width: 1024px){.character-ac-wrapper .character-archive{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.character-ac-wrapper .character-archive{grid-template-columns:repeat(1, 1fr);max-width:100%;width:-moz-fit-content;width:fit-content;margin:auto}}.character-card{position:relative}.character-card .id-card{position:relative;width:240px;height:340px;background:#111;border:1px solid rgba(0,255,150,.4);border-radius:12px;padding:1em;font-family:"Share Tech Mono","M PLUS 1p",sans-serif;color:lime;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 10px rgba(0,255,150,.2);cursor:pointer}.character-card .id-header{text-align:center;font-size:.8rem;letter-spacing:.2em;font-weight:bold;border-bottom:1px solid rgba(0,255,150,.3);padding-bottom:.5em;margin-bottom:.5em}.character-card .id-photo{background:#222;height:120px;border-radius:6px;margin-bottom:.5em}.character-card .id-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.character-card .id-info{flex:1;font-size:.85rem;line-height:1.4}.character-card .id-info span{font-weight:bold;color:lime;margin-right:.3em}.character-card .id-code{height:40px;background:repeating-linear-gradient(90deg, #0f0, #0f0 2px, transparent 2px, transparent 4px);opacity:.6}.character-card .id-card::after{content:"";position:absolute;top:-100%;left:0;right:0;height:100%;background:linear-gradient(rgba(0, 255, 150, 0.4) 0%, rgba(0, 255, 150, 0) 100%);transform:skewY(-5deg);pointer-events:none}.character-card .id-card:hover{transform:translate(-6px, -6px);box-shadow:0 0 15px rgba(0,255,150,.6),0 0 25px rgba(0,255,150,.4)}.character-card .id-card:hover::after{animation:scan .8s ease forwards}@keyframes scan{0%{top:-100%}100%{top:100%}}.status-wrapper{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;letter-spacing:normal}.status-wrapper label{display:grid;align-items:center;justify-content:center;gap:.5rem;grid-template-columns:.7fr 1fr 1fr;width:-moz-fit-content;width:fit-content;color:lime}.status-wrapper input{width:100px;background:#fff;padding:0 .5rem}.skills-filter{padding:1rem}.skills-filter .skills-buttons{display:flex;flex-wrap:wrap;gap:1rem}.other-filters{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:lime}.other-filters label .select_wrapper{position:relative;display:inline-block}.other-filters label .select_wrapper::after{position:absolute;content:"";display:inline-block;width:24px;height:2rem;--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='10' stroke-dashoffset='10' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 15l-5 -5M12 15l5 -5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.3s' values='10;0'/%3E%3C/path%3E%3C/svg%3E");background-color:#fff;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;right:10px;pointer-events:none}.other-filters label select{background:#fff;color:#020224;padding:.2rem 1rem;position:relative;padding-right:50px}.other-filters label select:focus{outline-color:lime}.other-filters label input{background-color:#fff;padding:.2rem 1rem;width:100px;color:#000}.search-btn{padding:.5rem 2rem;border:1px solid lime;color:#fff;font-size:1.2rem;margin:1rem;position:fixed;right:0;bottom:0;letter-spacing:normal}.character-face{width:auto;height:200px;-o-object-fit:cover;object-fit:cover}.character-face img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media(max-width: 768px){.character-ac-wrapper .character-filter{position:fixed;top:50%;left:50%;width:0;height:0;border-radius:10px;transform:translate(-50%, -50%);transition:all .4s ease;z-index:90;overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none}.character-ac-wrapper .character-filter .scroll{opacity:0;transition:all 1s ease}.character-ac-wrapper .character-filter .search-btn{opacity:0;transition:all 1s ease}.character-ac-wrapper .character-filter.active{width:100%;height:100vh;border-radius:0;opacity:1;pointer-events:auto}.character-ac-wrapper .character-filter.active .scroll,.character-ac-wrapper .character-filter.active .search-btn{opacity:1}.character-filter .scroll{overflow-y:auto;flex:1;padding:10px}}.filter-btn-sibo,.filter-close{display:block;position:fixed;top:0;right:0;z-index:999;background:#020224;padding:4rem 1rem;writing-mode:vertical-rl;border-bottom:2px solid lime;border-left:2px solid lime;border-radius:0 0 0 40px;text-shadow:0 0 8px lime,0 0 20px rgba(0,255,0,.6);height:220px;color:#fff}@media(max-width: 768px){.filter-btn-sibo,.filter-close{padding:2rem .5rem;height:150px;font-size:.8rem}}.title-text-anime{font-family:"Orbitron","Noto Sans JP",sans-serif;color:lime;text-shadow:0 0 8px lime,0 0 20px rgba(0,255,0,.6);letter-spacing:.1em}.page-title{text-align:center;margin:auto;margin-top:5rem}@media(max-width: 768px){.page-title{font-size:1.3rem;margin-top:2rem}}.menu-links{position:fixed;top:50%;right:60px;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px}.menu-links a,.menu-links button{display:block;font-size:1.2rem;text-decoration:none;color:#fff;position:relative}.menu-links a span .menu-links button span{display:inline-block}#grid-glow-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;background:#000}header ul{display:flex;gap:1rem;flex-direction:row;padding:1rem 2rem;border-radius:40px;border:1px solid lime;justify-content:center;width:-moz-fit-content;width:fit-content;margin:1rem auto;background:#000}header ul a{color:#fff;font-family:"Orbitron","M PLUS 1p",sans-serif}@media(max-width: 768px){header{position:fixed;bottom:0;width:100%;z-index:88}header ul a{font-size:.8rem}}