.avatar-card{margin:12px 0 22px;padding:20px;border:1px solid #dce5ee;border-radius:22px;background:linear-gradient(155deg,#fff,#eef3f8);color:#18334d;overflow:hidden}.avatar-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.13em;font-weight:800}.avatar-card button,.avatar-dialog button{min-height:44px;cursor:pointer}.avatar-card header button{font-size:12px;background:transparent;color:#425b73;border:0;letter-spacing:0}.avatar-stage{height:240px;position:relative;background:radial-gradient(ellipse at 50% 90%,#d6e1eb,transparent 65%)}.avatar-stage svg{height:100%;width:100%;position:relative;z-index:1}.avatar-motto{position:absolute;left:0;top:30px;font-size:22px;font-weight:900;line-height:1.4;opacity:.65;letter-spacing:.02em}.avatar-title{text-align:center;font-size:13px;font-weight:700;margin:6px 0 16px}.avatar-level{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.avatar-level strong{font-size:32px;letter-spacing:-.04em}.avatar-level span{font-size:12px;color:#536a80}.avatar-card progress{width:100%;height:8px;accent-color:#ed477b;margin:10px 0 20px}.avatar-card>small{display:block;text-align:center;font-size:11px;color:#5a6e82;margin-top:8px;line-height:1.6}.avatar-card .primary{background:#eb4779!important;color:white!important;min-height:52px;font-weight:800;border-radius:14px}.avatar-card>button:not(.primary){width:100%;background:transparent;border:0;border-top:1px solid #d9e3ed;margin-top:12px;color:#18334d;font-weight:700}.avatar-next{margin-top:22px;display:grid;grid-template-columns:1fr auto;gap:5px}.avatar-next small{grid-column:1/-1;color:#667b8e;font-size:11px}.avatar-next b{font-size:16px}.avatar-next span{font-size:13px}.avatar-week{padding:14px!important;margin:0 0 12px!important}.avatar-week h2{font-size:15px!important}.avatar-week .game-progress{font-size:21px!important}.avatar-week small{font-size:10px}.avatar-week p{font-size:12px;margin:6px 0}.avatar-week .primary{display:none}.avatar-week>button{font-size:12px;min-height:36px}.avatar-week progress{height:5px}.avatar-dialog{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:90dvh;border:0;border-radius:22px;padding:20px;color:#18334d;overflow:auto}.avatar-dialog::backdrop{background:#12283e88}.avatar-dialog header{display:flex;justify-content:space-between;align-items:center}.avatar-dialog h2{font-size:21px}.avatar-dialog header button{border:0;background:#edf2f6;border-radius:10px;padding:8px 12px}.avatar-dialog p,.avatar-dialog small{line-height:1.7;color:#536a80}.avatar-dialog small{font-size:11px}.avatar-mini{height:200px;text-align:center;background:#f0f4f8;border-radius:14px}.avatar-mini svg{height:100%;max-width:100%}.avatar-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.avatar-options button{background:#fff;border:1px solid #d8e2eb;border-radius:12px;padding:12px;color:#18334d;display:grid;gap:6px;text-align:left}.avatar-options button[aria-pressed=true]{border:2px solid #ec477b}.avatar-options button:disabled{opacity:.55}.avatar-options i{height:24px;border-radius:5px}.avatar-dialog select{width:100%;padding:12px;border:1px solid #cbd8e3;border-radius:8px;background:white;color:#18334d;font-size:16px}.avatar-result-level{font-size:32px;font-weight:800;padding:20px 0}.avatar-result-level small{display:block}.avatar-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#f0f4f8;border-radius:14px;text-align:center;font-size:12px}.avatar-stats b{display:block;font-size:26px;color:#18334d}.avatar-chart{display:grid;grid-template-columns:90px 1fr 32px;gap:8px;align-items:center;font-size:12px;margin:15px 0}.avatar-chart progress{width:100%;height:8px;accent-color:#467eab}.avatar-medal{border-left:3px solid #e9c766;padding:10px 14px;background:#f6f8fa;font-weight:700}.avatar-feedback{padding:18px;margin:12px 0;border-radius:16px;background:#18334d;color:white;line-height:1.7}.avatar-feedback strong{display:block;font-size:28px}.avatar-feedback p{font-size:13px}.avatar-feedback button{min-height:44px;padding:8px 18px;border:1px solid #ffffff66;background:transparent;color:white;border-radius:8px}
.avatar-brand{font-size:25px;font-weight:900;letter-spacing:.03em;color:#18334d;margin:0 0 12px}.avatar-week summary{font-size:11px;color:#526a80;cursor:pointer;min-height:24px;padding-top:7px}.avatar-week header{margin-bottom:2px}.avatar-week .game-ball{display:none}.avatar-week .game-progress{margin:0!important}.avatar-week details>button{min-height:40px}.avatar-week details .primary{display:none}
.phone main .avatar-card header,.phone main .avatar-week header{position:static;min-height:0;height:auto;padding:0;margin:0;background:transparent;border:0;box-shadow:none}.phone main .avatar-week{padding:12px 16px!important}.phone main .avatar-week h2{margin:0!important}.phone main .avatar-card{padding:16px}.phone main .avatar-card .primary.wide{background:#eb4779!important;background-image:none!important;color:#fff!important}.phone main .avatar-card .avatar-stage{height:210px}.phone main .avatar-card .avatar-title{margin:4px 0 10px}.phone main .avatar-card .avatar-level{margin:0}.phone main .avatar-card progress{margin:8px 0 14px}
.wardrobe-preview{background:#f0f4f8;border-radius:16px;padding:8px;text-align:center;margin-bottom:12px}.wardrobe-preview .avatar-mini{height:220px;background:none}.wardrobe-preview p{font-size:16px;font-weight:800;margin:0;color:#18334d}.wardrobe-preview small{display:block}.wardrobe-tabs{display:flex;gap:4px;margin:14px 0}.wardrobe-tabs button{flex:1;font-size:12px;background:#edf2f6;border:0;border-radius:9px;color:#4c6279;padding:8px 3px;white-space:nowrap}.wardrobe-tabs button[aria-pressed=true]{background:#18334d;color:#fff}.wardrobe-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wardrobe-options button{min-width:0;border:1px solid #dce5ed;background:white;border-radius:14px;padding:8px;color:#18334d;display:flex;flex-direction:column;align-items:center;gap:4px}.wardrobe-options button[aria-pressed=true]{border:2px solid #eb4779;padding:7px;background:#fff8fb}.wardrobe-options b{font-size:12px}.wardrobe-options small{font-size:10px}.wardrobe-thumb{height:110px;width:100%;display:block}.wardrobe-thumb svg{height:100%;width:100%}.wardrobe-save{position:sticky;bottom:-20px;background:white;padding:12px 0 8px;border-top:1px solid #e4eaf0;margin-top:16px;z-index:2}.wardrobe-save button{width:100%;background:#eb4779;border:0;color:white;border-radius:12px;font-weight:800;padding:12px}.wardrobe-save button:disabled{background:#e7edf3;color:#5a6c7e;cursor:default}.wardrobe-save p{font-size:12px;margin:4px 0;min-height:18px}.wardrobe-titles{margin:12px 0}.wardrobe-titles summary{padding:12px 0;cursor:pointer;font-size:14px;font-weight:700}
#avatar-dialog .wardrobe-tabs{position:static;inset:auto;width:auto;transform:none;box-shadow:none;border:0;padding:0;min-height:44px;background:transparent;z-index:auto}#avatar-dialog>header{position:static;min-height:0;height:auto;padding:0;background:none;border:0;box-shadow:none}#avatar-dialog .wardrobe-options button{line-height:1.4}#avatar-dialog .wardrobe-preview .avatar-mini{height:180px}
.hairstyle-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0}.hairstyle-options button{padding:8px 2px;border:1px solid #dce5ed;border-radius:8px;background:white;color:#18334d;font-size:11px;min-height:44px}.hairstyle-options button[aria-pressed=true]{border-color:#eb4779;background:#fff2f7;font-weight:800}
/* Identity companion v2 — deliberately secondary to the record CTA. */
.identity-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;background:#f5f8fc;border:1px solid #e2e9f1;border-radius:16px;padding:14px;margin:16px 0;color:#102d50}.identity-card h2{font-size:20px;margin:4px 0}.identity-card p{font-size:13px;margin:6px 0}.identity-card small{font-size:11px;color:#63768c}.identity-card button{font-size:12px;background:transparent;border:0;color:#294e76;padding:10px 0;text-align:left}.identity-art{margin:0;position:relative;text-align:center}.identity-art img{display:block;width:100%;height:140px;object-fit:contain}.identity-art figcaption{background:#183656;color:white;border-radius:6px;font-size:10px;padding:3px;line-height:1.4}.identity-placeholder{display:grid;place-items:center;border-radius:50%;height:64px;width:64px;background:#e2eaf3;font-size:24px}.identity-dialog{border:0;border-radius:18px;width:min(440px,calc(100vw - 28px));max-height:88dvh;overflow:auto;padding:20px;color:#102d50;box-sizing:border-box}.identity-dialog::backdrop{background:#0c203b88}.identity-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px}.identity-dialog h2{font-size:20px}.identity-dialog h3{font-size:17px}.identity-dialog button{min-height:44px;cursor:pointer;border:1px solid #d9e3ef;border-radius:10px;padding:10px;background:#f4f7fb;color:#173757}.identity-dialog .primary{background:#193d66;color:white;width:100%;margin:12px 0}.identity-dialog input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #a9bacd;border-radius:8px;font-size:16px;margin:12px 0}.identity-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-options.single{max-width:200px;margin:auto;grid-template-columns:1fr}.identity-options .identity-art img{height:210px}.identity-options button[aria-pressed=true]{border:2px solid #254e7c}.identity-note,.identity-dialog small{font-size:12px;line-height:1.7;color:#526982}.identity-dialog [data-list]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-dialog article{border-bottom:1px solid #dce5ef;padding:12px 0}.identity-dialog article button{width:100%;font-size:12px;margin-top:8px}.identity-dialog article p{font-size:12px}.identity-dialog article h3{font-size:15px}.identity-dialog article.locked .identity-art{opacity:.45}.identity-dialog progress{width:100%;accent-color:#345b83;height:5px}.identity-dialog [data-status]{font-size:13px}.identity-feedback{background:#f0f5fa;border-left:3px solid #e6c458;padding:16px;border-radius:8px;margin:16px 0}.identity-feedback button{display:block;padding:12px;margin-top:10px}.identity-week{padding:14px!important;margin:14px 0!important}.identity-week h2{font-size:14px!important}.identity-week p{font-size:16px}.identity-week span{display:block;font-size:12px;margin-top:5px}.identity-step{font-size:12px;color:#63768c}