.character-dialog.character-dialog{color:#003b40;background:#fffdf4;border:1px solid #d6d9c9;border-radius:24px;width:calc(100% - 32px);max-width:960px;padding:0}.character-dialog.character-dialog .character-profile{grid-template-columns:40% 60%;display:grid;position:relative}.character-dialog.character-dialog .character-profile-art{background:var(--card-colour);flex-direction:column;grid-area:auto;height:auto;min-height:0;padding:24px;display:flex}.character-dialog.character-dialog .profile-edition{letter-spacing:1.3px;z-index:1;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;display:flex}.character-dialog.character-dialog .character-profile-art>img{object-fit:contain;object-position:center;flex:1;width:100%;height:430px;min-height:0;position:relative;inset:auto}.character-dialog.character-dialog .character-profile-art blockquote{box-shadow:none;font:22px/1.2 var(--font-display);text-align:center;background:0 0;border-top:1px solid #003b4033;margin:12px 0 0;padding:15px 8px;position:static;transform:none}.character-dialog.character-dialog .character-profile-copy{grid-row:auto;padding:32px}.character-dialog.character-dialog .profile-animal{text-transform:uppercase;letter-spacing:1.5px;color:#4d716d;margin:0 42px 8px 0;font-size:10px;font-weight:800;display:block}.character-dialog.character-dialog .character-profile-copy h2{margin:0;font-size:56px;line-height:1}.character-dialog.character-dialog .collector-bio{margin:16px 0 20px;font-size:15px;line-height:1.55}.character-dialog.character-dialog .character-superpower{background:color-mix(in srgb,var(--card-colour) 35%,#fffdf4);border-radius:14px;margin:0 0 20px;padding:16px 18px}.character-dialog.character-dialog .power-banner{font:800 10px/1.2 var(--font-display);letter-spacing:1.2px;gap:7px;margin:0 0 8px;transform:none}.character-dialog.character-dialog .power-banner svg{width:18px;height:18px}.character-dialog.character-dialog .character-superpower h3{margin:0 0 6px;font-size:24px}.character-dialog.character-dialog .character-superpower p{font-size:14px;line-height:1.5}.character-dialog.character-dialog .collector-facts{gap:14px}.character-dialog.character-dialog .collector-facts>div{grid-template-columns:88px 1fr;gap:12px;display:grid}.character-dialog.character-dialog .collector-facts h3{margin:0;font-size:12px;line-height:1.5}.character-dialog.character-dialog .collector-facts p{margin:0;font-size:14px;line-height:1.5}.character-dialog.character-dialog .zone-stamp{background:0 0;border:1px solid #dce2d5;border-left:0;border-right:0;border-radius:0;align-items:baseline;gap:14px;margin:18px 0 0;padding:14px 0;display:flex;transform:none}.character-dialog.character-dialog .zone-stamp small{min-width:86px;font-size:9px}.character-dialog.character-dialog .zone-stamp strong{font-size:18px}.character-dialog.character-dialog .profile-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.character-dialog.character-dialog .profile-actions>.button{white-space:nowrap;margin:0;padding:12px 18px;font-size:12px}.character-dialog.character-dialog .character-switch{border:0;gap:8px;margin:0;padding:0}.character-dialog.character-dialog .character-switch button{width:36px;height:36px}.character-dialog.character-dialog .character-switch>span{white-space:nowrap;font-size:10px}.character-dialog.character-dialog .character-close{z-index:5;background:#fffdf4;border:1px solid #003b4022;grid-area:auto;width:36px;height:36px;margin:0;position:absolute;top:14px;right:14px}@media (max-width:760px){.character-dialog.character-dialog{max-width:480px;max-height:92svh}.character-dialog.character-dialog .character-profile{grid-template-columns:1fr}.character-dialog.character-dialog .character-profile-art{height:310px;padding:18px 24px}.character-dialog.character-dialog .profile-edition{padding-right:30px}.character-dialog.character-dialog .character-profile-art>img{flex:1;height:220px}.character-dialog.character-dialog .character-profile-art blockquote{margin-top:0;padding:10px 0 0;font-size:19px}.character-dialog.character-dialog .character-profile-copy{padding:24px}.character-dialog.character-dialog .character-profile-copy h2{font-size:45px}.character-dialog.character-dialog .collector-bio{margin:14px 0 18px}.character-dialog.character-dialog .profile-actions{flex-wrap:wrap}.character-dialog.character-dialog .character-switch{margin-left:auto}}
