.bf-flex{font:17px/1.5 system-ui,sans-serif;max-width:850px;margin:24px auto;padding:24px;box-sizing:border-box;background:#102333;color:#f5f8fa;border:1px solid #527185;border-radius:14px}.bf-flex *{box-sizing:border-box}.bf-flex [hidden]{display:none!important}.bf-flex h2{font-size:clamp(24px,4vw,34px);line-height:1.2}.bf-flex h3{font-size:22px}.bf-flex nav,.bf-options{display:flex;gap:12px;flex-wrap:wrap}.bf-flex button,.bf-flex select,.bf-flex textarea{font:inherit;min-height:46px;border:1px solid #a3b9c6;border-radius:8px;padding:10px;background:#fff;color:#102333}.bf-flex nav button{flex:1;min-width:145px;background:#17384c;color:white}.bf-flex nav button[aria-pressed=true]{border:2px solid #ff994f;background:#234d63}.bf-flex button:not(:disabled){cursor:pointer}.bf-flex button:disabled{opacity:.55;cursor:not-allowed}.bf-flex button:focus-visible,.bf-flex a:focus-visible,.bf-flex select:focus-visible,.bf-flex textarea:focus-visible{outline:3px solid #ff994f;outline-offset:3px}.bf-flex label{display:block;margin:16px 0 5px}.bf-flex textarea{display:block;width:100%;resize:vertical}.bf-flex small{display:block;color:#c7dce8}.bf-flex a{color:#b5eaff}.bf-flex .bf-orders{display:block;margin-top:18px}.bf-flex [data-pay]{display:inline-block;padding:12px;border:2px solid #ff994f;border-radius:8px}.bf-notice{border-left:4px solid #ff994f;padding:10px;background:#253e50}.bf-characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bf-characters button[aria-pressed=true]{background:#ffd4b5;border:2px solid #ff994f}.bf-extra{border-top:1px solid #527185;margin-top:16px;padding-top:8px}.bf-extra select{max-width:100%;margin-right:6px}.bf-extra button{margin-top:8px}.bf-flex [data-summary]{border:1px solid #ff994f;border-radius:10px;padding:16px;margin:16px 0}@media(max-width:550px){.bf-flex{padding:16px;margin:8px}.bf-characters{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-flex nav button{min-width:100%;}.bf-options{display:block}.bf-options select{width:100%}.bf-extra select{display:block;width:100%;margin:8px 0}}

.bf-extra>span{display:block;font-weight:600}.bf-total{font-weight:600;margin:12px 0}.bf-characters button[data-slot=included]{background:#ffd4b5;border:2px solid #ff994f}.bf-characters button[data-slot=additional]{background:#d6ecff;color:#102333;border:2px dashed #4aa3e8}