.btd-container{min-height:100vh;background:#0a0a0c;color:#fff;font-family:Inter,Segoe UI,system-ui,sans-serif}.btd-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;overflow-y:auto}.btd-page-header{text-align:center;margin-bottom:2rem}.btd-page-title{font-family:Cinzel,Times New Roman,serif;font-size:2.4rem;font-weight:700;color:#d4af37;letter-spacing:.08em;margin:0 0 .25rem}.btd-page-subtitle{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin:0}.btd-type-selector{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.btd-type-circle{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;position:relative;padding:0}.btd-type-circle:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);transform:scale(1.08)}.btd-type-circle--selected{background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(212,175,55,.15),0 0 16px color-mix(in srgb,var(--type-color) 30%,transparent)}.btd-type-circle--selected,.btd-type-circle--selected:hover{border-color:var(--type-color)}.btd-type-circle-letter{font-size:.85rem;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.02em;line-height:1}.btd-type-circle--selected .btd-type-circle-letter{color:#fff}.btd-empty-state{text-align:center;padding:5rem 2rem}.btd-empty-icon{color:rgba(212,175,55,.3);margin-bottom:1.5rem}.btd-empty-title{font-family:Cinzel,Times New Roman,serif;font-size:1.5rem;color:rgba(255,255,255,.7);margin:0 0 .75rem}.btd-empty-text{font-size:.9rem;color:rgba(255,255,255,.4);max-width:420px;margin:0 auto;line-height:1.6}.btd-analysis{margin-top:2rem}.btd-export-btn{padding:.4rem 1rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;color:#0a0a0c;background:#d4af37;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .15s ease;white-space:nowrap}.btd-export-btn:hover{background:#e6c44a;transform:translateY(-1px)}.btd-export-btn:active{transform:translateY(0)}.btd-hero{border-radius:12px;margin-bottom:1.5rem;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--hero-color) 12%,#0a0a0c) 0,color-mix(in srgb,var(--hero-color) 5%,#0a0a0c) 60%,#0a0a0c 100%);border:1px solid color-mix(in srgb,var(--hero-color) 20%,transparent)}.btd-hero-inner{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.btd-hero-type{font-family:Cinzel,Times New Roman,serif;font-size:3rem;font-weight:700;color:#fff;margin:0 0 .15rem;letter-spacing:.04em;line-height:1}.btd-hero-name{font-size:1rem;font-weight:400;color:rgba(255,255,255,.6);margin:0;letter-spacing:.04em}.btd-hero-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.btd-hero-rh{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);padding:.3rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:20px}.btd-hero-sep{width:1px;height:20px;background:rgba(255,255,255,.12)}.btd-hero-dist{font-size:.8rem;color:rgba(255,255,255,.5);letter-spacing:.05em}.btd-magazine-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}.btd-col-left{min-width:0}.btd-section{margin-bottom:1.25rem}.btd-section-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#d4af37;margin:0 0 .6rem}.btd-core-personality{font-size:1.05rem;color:rgba(255,255,255,.85);line-height:1.5;margin:0 0 .5rem;font-weight:500}.btd-body-text{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.65;margin:0}.btd-pills-group{display:flex;flex-wrap:wrap;gap:.4rem}.btd-pill{display:inline-block;font-size:.78rem;padding:.3rem .7rem;border-radius:20px;font-weight:500;letter-spacing:.02em}.btd-pill--strength{background:rgba(46,204,113,.12);color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.btd-pill--growth{background:rgba(155,89,182,.12);color:#bb8fd9;border:1px solid rgba(155,89,182,.2)}.btd-pill--famous{background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}.btd-traits-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.btd-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2) 50%,transparent);margin:1.25rem 0}.btd-compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btd-compat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;cursor:pointer;transition:all .2s ease}.btd-compat-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.btd-compat-card--active{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.2)}.btd-compat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.btd-compat-type{font-size:.9rem;font-weight:700}.btd-compat-score{font-size:.75rem;font-weight:600}.btd-score-excellent{color:#2ecc71}.btd-score-good{color:#d4af37}.btd-score-challenging{color:#e67e22}.btd-score-poor{color:#e74c3c}.btd-compat-bar-track{width:100%;height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin-bottom:.35rem;overflow:hidden}.btd-compat-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.btd-compat-label{font-size:.72rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}.btd-compat-desc{font-size:.8rem;color:rgba(255,255,255,.55);margin:.5rem 0 0;line-height:1.5}.btd-col-right{display:flex;flex-direction:column;gap:1rem;min-width:0}.btd-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.btd-card-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#d4af37;margin:0 0 .75rem}.btd-card-desc{margin-bottom:.75rem}.btd-card-sub{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(46,204,113,.8);margin:.75rem 0 .35rem}.btd-card-sub:first-of-type{margin-top:0}.btd-card-sub--avoid{color:rgba(231,76,60,.7)}.btd-card-list{list-style:none;padding:0;margin:0}.btd-card-list li{font-size:.85rem;color:rgba(255,255,255,.65);padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.4}.btd-card-list li:last-child{border-bottom:none}.btd-card-list--compact li{font-size:.8rem;padding:.25rem 0}.btd-card-list--avoid li{color:rgba(231,76,60,.6)}.btd-fact-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.btd-fact-row:last-child{border-bottom:none}.btd-fact-key{font-size:.8rem;color:rgba(255,255,255,.45)}.btd-fact-val{font-size:.85rem;color:rgba(255,255,255,.8);font-weight:600}.btd-fact-badge{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.btd-rarity-common{background:rgba(46,204,113,.12);color:#2ecc71}.btd-rarity-uncommon{background:rgba(212,175,55,.12);color:#d4af37}.btd-rarity-rare{background:rgba(231,76,60,.12);color:#e74c3c}.btd-rarity-extreme{background:rgba(155,89,182,.15);color:#bb8fd9}.btd-region-row{display:flex;align-items:center;gap:.6rem;padding:.3rem 0}.btd-region-name{font-size:.78rem;color:rgba(255,255,255,.55);min-width:100px;flex-shrink:0}.btd-region-bar-track{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}.btd-region-bar-fill{height:100%;background:#d4af37;border-radius:2px;transition:width .5s ease}.btd-region-pct{font-size:.75rem;color:rgba(255,255,255,.5);min-width:36px;text-align:right;font-weight:500}@keyframes btd-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btd-hero{animation:btd-fadeIn .35s ease}.btd-magazine-grid{animation:btd-fadeIn .4s ease .05s both}.btd-card{transition:border-color .2s ease,background .2s ease}.btd-card:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035)}@media (max-width:900px){.btd-content{padding:1.25rem 1rem 3rem}.btd-page-title{font-size:1.8rem}.btd-type-selector{gap:.5rem}.btd-type-circle{width:40px;height:40px}.btd-type-circle-letter{font-size:.78rem}.btd-hero-inner{flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1rem}.btd-hero-type{font-size:2.2rem}.btd-hero-meta{gap:.75rem}.btd-magazine-grid{grid-template-columns:1fr;gap:1.5rem}.btd-traits-row{grid-template-columns:1fr;gap:.75rem}.btd-compat-grid{grid-template-columns:1fr 1fr;gap:.5rem}.btd-region-name{min-width:80px;font-size:.72rem}}@media (max-width:480px){.btd-page-title{font-size:1.5rem}.btd-type-selector{gap:.35rem}.btd-type-circle{width:36px;height:36px}.btd-type-circle-letter{font-size:.72rem}.btd-hero-type{font-size:1.8rem}.btd-compat-grid{grid-template-columns:1fr}.btd-hero-meta{flex-wrap:wrap;gap:.5rem}}