:root{--bp-bg: #0a0804;--bp-surface: #1a1510;--bp-surface-2: #221e17;--bp-surface-3: #2a2418;--bp-border: #3a3020;--bp-border-active: #5a4a28;--bp-gold: #d4af37;--bp-gold-dim: #a89868;--bp-gold-bright: #e8c84b;--bp-text: #e8e0d0;--bp-text-muted: #a89868;--bp-text-dim: #6a5a38;--bp-red: #c41e3a;--bp-green: #48a848;--bp-radius: 6px;--bp-transition: .18s ease}.bp-calc{background:var(--bp-bg);color:var(--bp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;min-height:60vh;max-width:1100px;margin:0 auto;padding:0 20px 60px;box-sizing:border-box}.bp-calc *{box-sizing:border-box}.bp-class-bar{padding:20px 0 0}.bp-class-label{font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bp-text-dim);margin-bottom:10px}.bp-class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:600px){.bp-class-grid{grid-template-columns:repeat(2,1fr)}}.bp-class-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);color:var(--bp-text-muted);font-family:Cinzel,serif;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all var(--bp-transition);text-align:left;white-space:nowrap;overflow:hidden}.bp-class-btn:hover{border-color:var(--bp-border-active);color:var(--bp-text);background:var(--bp-surface-2)}.bp-class-btn.active{border-color:var(--bp-gold);background:#1e1a10;color:var(--bp-gold);box-shadow:0 0 12px #d4af3726}.bp-class-icon{font-size:18px;flex-shrink:0;line-height:1}.bp-type-tabs{display:flex;gap:0;margin:20px 0 0;border-bottom:2px solid var(--bp-border)}.bp-type-tab{padding:10px 24px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--bp-text-muted);font-family:Cinzel,serif;font-size:13px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all var(--bp-transition)}.bp-type-tab:hover{color:var(--bp-text)}.bp-type-tab.active{color:var(--bp-gold);border-bottom-color:var(--bp-gold)}.bp-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin:20px 0;padding:20px;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius)}.bp-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.bp-field-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bp-text-dim)}.bp-select,.bp-input{background:var(--bp-surface-2);border:1px solid var(--bp-border);border-radius:4px;color:var(--bp-text);font-family:Inter,sans-serif;font-size:14px;padding:8px 12px;outline:none;transition:border-color var(--bp-transition);width:100%}.bp-select:focus,.bp-input:focus{border-color:var(--bp-gold)}.bp-select option{background:#1a1510;color:var(--bp-text)}.bp-input[type=number]{-moz-appearance:textfield}.bp-input[type=number]::-webkit-inner-spin-button,.bp-input[type=number]::-webkit-outer-spin-button{opacity:.4}.bp-results{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);padding:20px 24px;margin-bottom:20px}.bp-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.bp-result-card{background:var(--bp-surface-2);border:1px solid var(--bp-border);border-radius:4px;padding:14px 16px}.bp-result-card-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bp-text-dim);margin-bottom:6px}.bp-result-card-value{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:var(--bp-gold);line-height:1}.bp-result-card-value .unit{font-size:.75rem;color:var(--bp-gold-dim);margin-left:2px}.bp-result-card-sub{font-size:11px;color:var(--bp-text-muted);margin-top:4px}.bp-result-card.maxed .bp-result-card-value{color:var(--bp-green)}.bp-result-card.next .bp-result-card-value{color:#e8a048}.bp-progress-wrap{margin-top:4px}.bp-progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--bp-text-dim);margin-bottom:4px}.bp-progress-track{height:6px;background:var(--bp-surface-3);border-radius:3px;overflow:hidden}.bp-progress-fill{height:100%;background:linear-gradient(90deg,var(--bp-gold-dim),var(--bp-gold));border-radius:3px;transition:width .3s ease}.bp-share{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bp-border)}.bp-share-label{font-size:11px;color:var(--bp-text-dim);white-space:nowrap}.bp-share-url{flex:1;background:var(--bp-surface-3);border:1px solid var(--bp-border);border-radius:4px;color:var(--bp-text-muted);font-family:Inter,monospace;font-size:11px;padding:5px 10px;outline:none;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-copy-btn{padding:5px 12px;background:var(--bp-surface-3);border:1px solid var(--bp-border-active);border-radius:4px;color:var(--bp-gold-dim);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--bp-transition);white-space:nowrap}.bp-copy-btn:hover{background:var(--bp-surface-2);color:var(--bp-gold)}.bp-copy-btn.copied{border-color:var(--bp-green);color:var(--bp-green)}.bp-table-section{margin-top:8px}.bp-table-title{font-family:Cinzel,serif;font-size:13px;font-weight:700;color:var(--bp-text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.bp-table{width:100%;border-collapse:collapse;font-size:13px}.bp-table th{background:var(--bp-surface-2);border:1px solid var(--bp-border);padding:8px 14px;text-align:left;font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bp-text-dim)}.bp-table td{border:1px solid var(--bp-border);padding:8px 14px;color:var(--bp-text-muted);background:var(--bp-surface);transition:background var(--bp-transition)}.bp-table tr.active-row td{background:#1e1a10;color:var(--bp-gold);font-weight:600}.bp-table tr.active-row td:first-child:before{content:"▶ ";color:var(--bp-gold);font-size:10px}.bp-table td.frames-cell{font-family:Cinzel,serif;font-size:15px;font-weight:700;color:var(--bp-gold-dim)}.bp-table tr.active-row td.frames-cell{color:var(--bp-gold-bright)}.bp-no-variant{display:none}@media(max-width:640px){.bp-controls{flex-direction:column;align-items:stretch}.bp-field{min-width:unset}.bp-type-tab{padding:10px 14px;font-size:12px}.bp-results-grid{grid-template-columns:1fr 1fr}.bp-share{flex-direction:column;align-items:stretch}.bp-share-url{font-size:10px}}.bp-type-full{display:none;font-size:.65rem;opacity:.6;font-weight:400}.bp-type-tab.active .bp-type-full{display:block}.bp-type-tab{display:flex;flex-direction:column;align-items:center;gap:2px}