/* Modular V5 characters: one physical identity, a wardrobe, and house marks. */
.avatar{--cell-ratio:3/5}.avatar-body{aspect-ratio:3/5;isolation:isolate}.paperdoll{position:absolute;display:block;inset:0;width:100%;height:100%;isolation:isolate;pointer-events:none}.doll-body{position:absolute;display:block;inset:20% 0 0;background-image:var(--body-sheet);background-size:800% 300%;background-position:var(--body-x) var(--body-y);background-repeat:no-repeat;z-index:1}.doll-head{position:absolute;display:block;left:24%;top:0;width:37%;aspect-ratio:1;background-image:var(--head-sheet);background-size:var(--head-size);background-position:var(--head-x) var(--head-y);background-repeat:no-repeat;z-index:5}.uniform-marks,.wardrobe-cape,.wardrobe-scarf{position:absolute;display:block;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wardrobe-cape{z-index:0}.uniform-marks{z-index:2}.wardrobe-scarf{z-index:4}.uniform-crest{position:absolute;left:25%;top:27%;width:11%;height:12%;z-index:3}.uniform-crest .club-crest{width:100%;height:100%;vertical-align:top;filter:drop-shadow(0 0 .4px #ffeab6)}.club-crest{display:inline-block;vertical-align:middle;flex-shrink:0;width:24px;height:32px;background:url('assets/crests-v5.webp') var(--crest-x) center/500% 100% no-repeat}.avatar-portrait{background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--house) 75%,#a2b5c8),#16232f 90%)}.avatar-portrait>.paperdoll{width:200%;height:333.333%;left:-35%;top:-2%;inset:auto auto auto -35%;top:-2%}.identity-text .club-crest{width:21px;height:28px;margin-right:2px}.identity-text .wardrobe-label{font-size:11px;margin:9px 0 0;color:var(--muted)}
.style-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0 20px}.style-tabs .btn{padding:10px 4px;font-size:12px;min-height:46px}.founder-choice{display:flex;align-items:center;gap:16px;margin:20px 0}.founder-choice h3{margin:0}.founder-choice>.avatar{width:78px;height:78px}.wardrobe-preview{display:flex;align-items:center;gap:18px;padding:18px 14px;margin:20px 0;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.wardrobe-preview h3{font-size:16px;line-height:1.5;margin:0 0 6px}.wardrobe-preview p{font-size:12px;line-height:1.6}.wardrobe-stage{height:190px;width:115px;flex-shrink:0;position:relative;background:radial-gradient(ellipse at 50% 55%,#bba35d18,transparent 70%)}.wardrobe-stage>.avatar{width:114px;height:190px}.preview-school-crest{position:absolute;left:30px;top:7px;width:54px;height:78px;opacity:.13}.outfit-choice{display:flex;align-items:center;flex-direction:column;text-align:center;padding:17px 10px}.outfit-choice>.avatar-body{height:175px;width:105px}.outfit-choice h3{font-size:14px;line-height:1.5;margin:13px 0 3px}.outfit-choice p{font-size:11px;color:var(--muted);line-height:1.6;flex:1}.outfit-choice>.btn{width:100%;font-size:12px;padding:10px 6px}.outfit-choice .tag{font-size:10px;white-space:normal;line-height:1.5}.purchase-outfit-preview{display:flex;justify-content:center;background:radial-gradient(ellipse,#bba35d16,transparent 70%);padding:10px}.purchase-outfit-preview>.avatar-body{height:260px;width:156px}.school-signature{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--gold);opacity:.75;font-size:12px;line-height:1.6;margin:28px 0 10px}.school-signature .club-crest{width:34px;height:51px}.school-signature small{color:var(--muted);font-size:10px;letter-spacing:1px}.hall-school-crest{position:absolute;left:50%;transform:translateX(-50%);top:19px;width:38px;height:57px;opacity:.65;filter:drop-shadow(0 1px 4px #000);z-index:0}.duel-characters{z-index:1}.duel-character .avatar-body{aspect-ratio:3/5;width:auto}.duel-spark{z-index:6}.duel-character.side-1 .uniform-crest{transform:scaleX(-1)}
[data-theme='pergamino'] .wardrobe-stage,[data-theme='pergamino'] .purchase-outfit-preview{background:radial-gradient(ellipse,#b39b6830,transparent 70%)}[data-theme='pergamino'] .school-signature{opacity:.9}[data-theme='night'] .hall-school-crest{opacity:.8}[data-theme='pergamino'] .avatar-portrait{border-color:color-mix(in srgb,var(--house) 35%,#b7a480)}
@media(max-width:370px){.wardrobe-preview{gap:10px;padding:14px 10px}.wardrobe-stage{width:94px;height:157px}.wardrobe-stage>.avatar{width:94px;height:157px}.outfit-choice>.avatar-body{height:155px;width:93px}.style-tabs{gap:5px}.style-tabs .btn{font-size:11px}.founder-choice{gap:10px}}
.character-preview{position:relative;width:124px;height:154px;max-width:100%}.character-preview>.avatar-body{position:absolute;left:0;top:0;width:90px;height:150px}.character-preview>.avatar-portrait{position:absolute;right:0;top:7px;width:56px;height:56px;box-shadow:0 2px 8px #0005}
[data-theme='night'] .arena{background:linear-gradient(#261a0833,#0e0e122d),url('assets/hall-v4.webp') center 62%/cover!important}[data-theme='pergamino'] .arena{background:linear-gradient(#e7d5ac18,#291e3210),url('assets/hall-v4.webp') center 62%/cover!important}
.member .founder-seal{font-size:8px;letter-spacing:.5px;white-space:nowrap;padding:4px 5px}.room-house{display:flex;align-items:center;justify-content:center;gap:3px;font-size:9px;color:var(--muted);margin:6px 0}.room-house .club-crest{width:14px;height:20px}.member .avatar-portrait{width:68px;height:68px;margin:0 auto 8px}.room-wrap .room-code{font-size:25px;margin:15px 0 20px}.room-wrap .member{padding:14px 8px}