.CharacterPicker-module__9AQgKq__grid{z-index:1;flex:1;grid-template-columns:repeat(5,minmax(170px,1fr));grid-auto-rows:max-content;grid-auto-flow:row;align-items:start;gap:clamp(24px,3vh,42px) 14px;min-height:0;padding:4px 7px 32px 4px;display:grid;position:relative;overflow:auto}.CharacterPicker-module__9AQgKq__card{aspect-ratio:63/88;border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%;min-width:0;height:auto;color:inherit;text-align:left;transition:var(--transition);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#050b0d;align-self:start;display:block;position:relative;overflow:hidden}.CharacterPicker-module__9AQgKq__card:hover{border-color:var(--color-cyan);transform:translateY(-3px)}.CharacterPicker-module__9AQgKq__cardSelected{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold), 0 0 30px #c99b3f2e}.CharacterPicker-module__9AQgKq__imageWrap{border-radius:var(--radius-card);background:#050b0d;position:absolute;inset:0;overflow:hidden}.CharacterPicker-module__9AQgKq__imageWrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#03090b40 64%,#03090b 100%);position:absolute;inset:0;box-shadow:inset 0 0 14px #00000059}.CharacterPicker-module__9AQgKq__imageWrap img{object-fit:contain;object-position:center;width:100%;height:100%}.CharacterPicker-module__9AQgKq__info{z-index:2;background:linear-gradient(#0000,#03090bf2 42%);flex-direction:column;gap:3px;padding:32px 15px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.CharacterPicker-module__9AQgKq__archetype{font:400 .62rem var(--font-mono);letter-spacing:.2em}.CharacterPicker-module__9AQgKq__name{text-shadow:0 2px 8px #000;font-size:.96rem}.CharacterPicker-module__9AQgKq__ruby{color:var(--color-text-dim);font-size:.45em}.CharacterPicker-module__9AQgKq__title{color:var(--color-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.CharacterPicker-module__9AQgKq__detailBar{z-index:5;border:1px solid var(--color-border-glow);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#051215f5;grid-template-columns:minmax(170px,.6fr) minmax(200px,.9fr) minmax(260px,1.1fr) auto;align-items:center;gap:28px;min-height:88px;padding:18px 24px;display:grid;position:absolute;bottom:clamp(20px,3vh,42px);left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);box-shadow:0 -18px 45px #00000073}.CharacterPicker-module__9AQgKq__detailInfo,.CharacterPicker-module__9AQgKq__detailSkill{flex-direction:column;gap:4px;display:flex}.CharacterPicker-module__9AQgKq__statGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.CharacterPicker-module__9AQgKq__statGrid>div{flex-direction:column;gap:2px;min-width:0;display:flex}.CharacterPicker-module__9AQgKq__statGrid dt,.CharacterPicker-module__9AQgKq__statGrid dd{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.CharacterPicker-module__9AQgKq__statGrid dt{font:700 .875rem var(--font-jp);color:var(--color-text-dim)}.CharacterPicker-module__9AQgKq__statGrid dd{font:700 1rem var(--font-jp);color:#fff}.CharacterPicker-module__9AQgKq__statGrid progress{appearance:none;background:#ffffff1a;border:0;width:100%;height:4px;overflow:hidden}.CharacterPicker-module__9AQgKq__statGrid progress::-webkit-progress-bar{background:#ffffff1a}.CharacterPicker-module__9AQgKq__statGrid progress::-webkit-progress-value{background:linear-gradient(90deg, var(--color-cyan), var(--color-gold))}.CharacterPicker-module__9AQgKq__statGrid progress::-moz-progress-bar{background:linear-gradient(90deg, var(--color-cyan), var(--color-gold))}.CharacterPicker-module__9AQgKq__detailInfo strong{font-size:1.18rem}.CharacterPicker-module__9AQgKq__detailInfo span,.CharacterPicker-module__9AQgKq__skillDesc{color:var(--color-text-dim);font-size:.76rem}.CharacterPicker-module__9AQgKq__skillLabel{font:400 .65rem var(--font-mono);color:var(--color-cyan);letter-spacing:.25em}.CharacterPicker-module__9AQgKq__detailSkill strong{font-size:.94rem}.CharacterPicker-module__9AQgKq__archetype,.CharacterPicker-module__9AQgKq__skillLabel{font-size:.875rem}.CharacterPicker-module__9AQgKq__name,.CharacterPicker-module__9AQgKq__title,.CharacterPicker-module__9AQgKq__detailInfo span,.CharacterPicker-module__9AQgKq__skillDesc,.CharacterPicker-module__9AQgKq__detailSkill strong{font-size:1rem}.CharacterPicker-module__9AQgKq__ruby{font-size:12px}@media (max-width:1200px){.CharacterPicker-module__9AQgKq__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:820px){.CharacterPicker-module__9AQgKq__grid{grid-template-columns:repeat(2,1fr);overflow:visible}.CharacterPicker-module__9AQgKq__detailBar{grid-template-columns:1fr;position:sticky;bottom:10px;left:auto;right:auto}.CharacterPicker-module__9AQgKq__detailSkill{display:none}.CharacterPicker-module__9AQgKq__statGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.CharacterPicker-module__9AQgKq__statHelp{z-index:2;border:1px solid var(--color-border-glow);background:#051215f5;flex:none;position:relative}.CharacterPicker-module__9AQgKq__statHelp summary{color:var(--color-gold-light);cursor:pointer;padding:14px 18px;font-size:1.125rem;font-weight:700}.CharacterPicker-module__9AQgKq__statHelp summary:focus-visible{outline:2px solid var(--color-cyan);outline-offset:-3px}.CharacterPicker-module__9AQgKq__statHelpContent{max-height:38dvh;color:var(--color-text-dim);padding:0 18px 18px;font-size:1rem;line-height:1.8;overflow-y:auto}.CharacterPicker-module__9AQgKq__statHelpContent dl{grid-template-columns:1fr 1fr;gap:12px 28px;margin:16px 0;display:grid}.CharacterPicker-module__9AQgKq__statHelpContent dt{color:var(--color-gold-light);font-weight:700}.CharacterPicker-module__9AQgKq__statHelpContent dd{margin:4px 0 0}@media (max-width:820px){.CharacterPicker-module__9AQgKq__statHelpContent{max-height:none}.CharacterPicker-module__9AQgKq__statHelpContent dl{grid-template-columns:1fr}}
.page-module__ROU3aG__container{background:radial-gradient(circle at 85% 10%,#53e6c91a,#0000 30%);flex-direction:column;gap:22px;max-width:1920px;height:100dvh;margin:auto;padding:clamp(20px,3vh,42px) clamp(24px,4vw,72px) clamp(110px,12vh,170px);display:flex;position:relative;overflow:hidden}.page-module__ROU3aG__container:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#53e6c90a 1px,#0000 1px),linear-gradient(#53e6c90a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.page-module__ROU3aG__nav{border-block:1px solid var(--color-border);z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;display:grid;position:relative}.page-module__ROU3aG__navBack{font:400 .82rem var(--font-mono);letter-spacing:.16em;color:var(--color-cyan)}.page-module__ROU3aG__navBack:hover{color:#fff}.page-module__ROU3aG__navTitle{font:400 .85rem var(--font-mono);letter-spacing:.38em;color:var(--color-text-dim)}@media (max-width:820px){.page-module__ROU3aG__container{height:auto;min-height:100dvh;padding-bottom:24px;overflow:visible}.page-module__ROU3aG__navTitle{font-size:.7rem}}.page-module__ROU3aG__navBack{font-size:1rem}.page-module__ROU3aG__navTitle{font-size:.875rem}@media (max-width:820px){.page-module__ROU3aG__navTitle{font-size:.875rem}}