@import "https://fonts.googleapis.com/css2?family=Risque&display=swap";.mf-profile-builder-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;box-sizing:border-box;zoom:1;background-color:#d9efff;flex-direction:column;justify-content:space-between;width:100%;height:100dvh;max-height:100dvh;padding:25px clamp(8px,1.2vw,18px) clamp(3px,.5vh,6px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;transform:none}@media (width<=900px),(height<=560px){.mf-profile-builder-page{height:auto;max-height:none;padding:25px 12px 16px;overflow-y:auto}}.mf-builder-header{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:auto;padding:0 0 2px;display:flex;position:relative}.mf-back-btn{color:#1e293b;cursor:pointer;z-index:10;background:#fff;border:2.25px solid #cbd5e1;border-radius:8px;align-items:center;padding:2px 8px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000000f}.mf-back-btn:hover{color:#312e81;border-color:#312e81}.mf-header-characters-banner{justify-content:center;align-items:center;gap:clamp(10px,1.5vw,24px);width:100%;max-width:1400px;display:flex}.mf-title-group{text-align:center;z-index:2;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:0 clamp(4px,.8vw,12px);display:flex}.mf-main-heading{-webkit-text-stroke:.5px #1e293b;color:#1e293b;letter-spacing:-.01em;margin:0;font-family:Risque,cursive,serif;font-size:clamp(1.45rem,2.3vw,2.05rem);font-weight:700;line-height:1.1}.mf-sub-heading{color:#334155;opacity:.9;text-align:center;white-space:normal;max-width:680px;margin:1px 0 0;font-size:clamp(.78rem,1vw,.92rem);font-weight:600;line-height:1.15}.mf-char-group{flex-shrink:0;justify-content:center;align-items:center;display:flex}.mf-char-banner-img{object-fit:contain;filter:drop-shadow(0 3px 6px #00000014);width:auto;height:clamp(66px,9vh,98px);max-height:108px;transition:transform .2s;display:inline-block}.mf-char-banner-img:hover{transform:translateY(-2px)scale(1.08)}.mf-char-banner-img.img-2{height:clamp(78px,11vh,122px);max-height:132px;margin-left:15px;margin-right:15px}.mf-char-banner-img.img-5{height:clamp(68px,9.5vh,106px);max-height:116px;margin-left:15px;margin-right:15px}.mf-main-content-scroll{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;gap:clamp(2px,.4vh,5px);width:100%;max-width:1780px;min-height:0;margin:0 auto;display:flex}@media (width<=900px),(height<=560px){.mf-main-content-scroll{flex:none;gap:10px}}.mf-card{box-sizing:border-box;background:#fff;border:2.25px solid #cbd5e1;border-radius:10px;padding:clamp(2px,.4vh,5px) clamp(8px,1vw,14px);box-shadow:0 2px 4px #0000000d}.mf-card-title{color:#1e293b;margin:0 0 1px;font-size:clamp(.88rem,1.05vw,1rem);font-weight:800}.mf-card-title.inline-title{margin:0}.mf-label{color:#1e293b;font-size:clamp(.74rem,.86vw,.82rem);font-weight:700}.mf-field-group{flex-direction:column;gap:1px;display:flex}.mf-field-group.flex-1{flex:1}.mf-input{color:#1e293b;box-sizing:border-box;background:#fff;border:2.25px solid #cbd5e1;border-radius:5px;outline:none;width:100%;height:clamp(24px,3vh,28px);padding:2px 6px;font-family:inherit;font-size:clamp(.84rem,.98vw,.92rem);font-weight:500;transition:all .15s}.mf-input:focus{background:#fff;border-color:#312e81;box-shadow:0 0 0 2px #312e811f}.mf-identity-grid{box-sizing:border-box;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4px,.8vw,10px);width:100%;display:grid}@media (width<=768px){.mf-identity-grid{grid-template-columns:1fr}}.mf-card-fields-row{align-items:center;gap:clamp(4px,.8vw,8px);display:flex}.mf-age-pill-group{gap:3px;display:flex}.mf-age-pill{color:#334155;cursor:pointer;background:#fff;border:2.25px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;height:clamp(24px,3vh,28px);padding:0 clamp(8px,1vw,12px);font-size:clamp(.84rem,1vw,.94rem);font-weight:800;transition:all .15s;display:flex}.mf-age-pill:hover{color:#312e81;background:#f8fafc;border-color:#312e81}.mf-age-pill.active{color:#fff;background:#312e81;border-color:#3730a3;box-shadow:0 0 4px #312e8159}.mf-delivery-fullwidth-card{box-sizing:border-box;background:#fff;border:2.25px solid #cbd5e1;border-radius:10px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:clamp(2px,.4vh,4px) clamp(8px,1.2vw,14px);display:flex;box-shadow:0 2px 4px #0000000d}.mf-delivery-left{flex-wrap:wrap;align-items:center;gap:clamp(8px,1.2vw,16px);display:flex}.mf-delivery-checkboxes{align-items:center;gap:clamp(8px,1vw,14px);display:flex}.mf-checkbox-label{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:clamp(.8rem,.96vw,.88rem);font-weight:700;display:flex}.mf-checkbox-label input[type=checkbox]{accent-color:#312e81;cursor:pointer;width:14px;height:14px}.mf-delivery-note{color:#475569;margin:0;font-size:clamp(.7rem,.82vw,.78rem);font-weight:500;line-height:1.15}.mf-delivery-right{flex-shrink:0}.mf-generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%);border:none;border-radius:6px;justify-content:center;align-items:center;height:clamp(26px,3.2vh,30px);padding:0 clamp(12px,1.6vw,22px);font-family:inherit;font-size:clamp(.85rem,1vw,.94rem);font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 6px #312e8140}.mf-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#3730a3 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 4px 10px #312e8159}.mf-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mf-trait-grid{box-sizing:border-box;flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2px,.5vh,5px);width:100%;min-height:0;display:grid}@media (width<=900px),(height<=560px){.mf-trait-grid{flex:none;grid-template-rows:auto;grid-template-columns:1fr;gap:8px}}.mf-trait-card{box-sizing:border-box;background:#fff;border:2.25px solid #cbd5e1;border-radius:10px;flex-direction:column;justify-content:space-between;height:100%;min-height:0;padding:clamp(2px,.4vh,5px) clamp(8px,1vw,12px);display:flex;box-shadow:0 2px 4px #0000000d}.mf-trait-card.mf-notes-card{justify-content:flex-start}.mf-section-title{color:#1e293b;margin:0 0 1px;font-size:clamp(.88rem,1.05vw,1rem);font-weight:800;line-height:1.1}.mf-trait-body-layout{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:clamp(4px,.8vw,10px);width:100%;min-height:0;display:flex}.mf-trait-options{flex:1.25;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex}.mf-trait-info{color:#334155;-webkit-user-select:none;user-select:none;border-left:2.25px solid #cbd5e1;flex:1;align-items:center;min-width:0;padding-left:clamp(6px,.8vw,10px);font-size:clamp(.68rem,.78vw,.76rem);font-weight:600;line-height:1.2;display:flex}.mf-trait-info p{margin:0}.mf-chip-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);align-items:center;gap:clamp(2px,.4vw,4px);width:100%;height:100%;display:grid}.mf-chip-grid.mf-fav-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);place-content:center;gap:15px clamp(3px,.5vw,6px);width:100%;height:auto;display:grid}.mf-chip{color:#0f172a;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:2.25px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;min-height:clamp(20px,2.5vh,26px);max-height:clamp(26px,3.2vh,30px);padding:1px 3px;font-family:inherit;font-size:clamp(.74rem,.86vw,.82rem);font-weight:700;line-height:1.1;transition:all .15s;display:flex}.mf-fav-grid .mf-chip{min-height:clamp(20px,2.5vh,26px);max-height:clamp(26px,3.2vh,30px);font-size:clamp(.74rem,.86vw,.82rem)}.mf-chip:hover{background:#f8fafc;border-color:#334155}.mf-chip-selected{color:#fff!important;background:#312e81!important;border:2.25px solid #3730a3!important;font-weight:700!important;box-shadow:0 0 4px #ffffff40,0 2px 4px #312e814d!important}.mf-notes-textarea{color:#1e293b;resize:none;box-sizing:border-box;background:#fff;border:2.25px solid #cbd5e1;border-radius:5px;outline:none;flex:1;width:100%;height:100%;min-height:clamp(22px,2.8vh,32px);max-height:100%;padding:2px 6px;font-family:inherit;font-size:clamp(.74rem,.86vw,.82rem);transition:all .15s}.mf-notes-textarea:focus{background:#fff;border-color:#312e81;box-shadow:0 0 0 2px #312e811f}.mf-results-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;box-sizing:border-box;background:#d9effff5;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.mf-results-card{background:#fff;border:1.5px solid #312e81;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:660px;max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #00000014}.results-header-banner{text-align:center;border-bottom:1.5px solid #e5e7eb;padding-bottom:14px}.success-icon{color:#10b981;margin:0 auto 8px}.results-header-banner h2{color:#1e293b;margin:0;font-size:1.45rem;font-weight:800}.results-meta{color:#64748b;margin:4px 0 0;font-size:.92rem;font-weight:500}.results-body-text{color:#334155;flex-direction:column;gap:10px;font-size:1.02rem;line-height:1.6;display:flex}.results-actions-row{border-top:1.5px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;display:flex}.mf-action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.96rem;font-weight:600;transition:all .15s;display:flex}.mf-action-btn.copy{color:#fff;background:#312e81;border:none}.mf-action-btn.copy:hover{background:#3730a3}.mf-action-btn.reset{color:#334155;background:#fff;border:1.5px solid #cbd5e1}.mf-action-btn.reset:hover{color:#312e81;border-color:#312e81}