:root{--ink:#eee5e7;--muted:#bdafb5;--green:#ffb2a3;--accent:#ff705a;--line:#66525d;--paper:#100d10;--white:#251b21;--dark:#190b11}
body{background:radial-gradient(ellipse at top,#541221,transparent 65%),#100d10}header{background:linear-gradient(#5e585b,#21191e 48%,#0b080b 52%,#30101b);border-bottom:3px solid #8e8188;box-shadow:0 4px 12px #000}.hero{background:radial-gradient(ellipse at 80% 50%,#871b3244,transparent 60%),repeating-linear-gradient(0deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 4px),#1c0b12;border-bottom:1px solid #733242}.hero p,.hero-meta{color:#d4b6be}h1 em{color:#ff8778;text-shadow:0 0 24px #d2253d55}.hero-art svg path{fill:#aaa4ac;stroke:#f2e8ec;stroke-width:2}.hero-art svg circle:first-of-type{fill:#210c14}.hero-art svg circle:last-of-type{fill:#ef4040}.orbit{border-color:#9f455c}.art-label{color:#dab8c5}.brand-mark{color:#ed4246}.brand-sub{color:#c1a8b2}.youtube{border-color:#8d6878}.hero-meta span:first-child{border-color:#985168}.hero-meta span+span{border-color:#765363}
button,.button{color:#eee4e9;border:1px solid #8e7e88;background:linear-gradient(#6b6168 0,#3f303b 13%,#34212c 45%,#140b12 52%,#522031);box-shadow:inset 0 1px 0 #e9d6e56b,inset 0 -2px 0 #000,0 2px 4px #0008;border-radius:10px}button:hover,.button:hover{background:linear-gradient(#9a7b87,#77263e 45%,#3a0c21 52%,#862c45)}.primary,.segments button.active,.pet-button.active,.filters button.selected{color:white;background:linear-gradient(#ffd0b5,#c83d48 10%,#94152e 44%,#450516 52%,#921b33);border:1px solid #c7afb9;box-shadow:inset 0 1px 0 #ffdcce,0 0 0 2px #1a1018,0 0 12px #e12c3830}.primary:hover{background:#9a263d}.segments{background:#150b12;border:1px solid #5f4052}.segments button{box-shadow:none}.compare input{accent-color:#c83451}.autosave{color:#bfabb6}
.loadout,.library,.attack-section,#comparison{background:linear-gradient(115deg,#35272f,#1d151c);border:2px solid #81717c;box-shadow:inset 0 0 0 2px #0b070d,inset 0 4px 0 #c6a7bc33,0 5px 14px #0008}.card-heading h3{color:#fff1f5;text-shadow:0 2px 2px #000}.loadout>.card-heading,.library>.card-heading{background:linear-gradient(#856c78,#7d203b 40%,#350c20 52%,#67192f);padding:10px;border:1px solid #9b7989;border-radius:8px;box-shadow:inset 0 1px 0 #d3b9c8}.pill{background:#240d1a;border-color:#744356;color:#e7b5c8}.pet-button{background:linear-gradient(#42353e,#21141e);border-color:#715869}.pet-icon{color:#d5afc3}.training select{background:#24151f;color:#f5e5ee;color-scheme:dark}.side-note>span{color:#dc879f}
.slot{background:radial-gradient(ellipse at 50% 25%,#53172e,#1b0c18 75%);border:2px solid #785b6d;box-shadow:inset 0 0 0 2px #0c0710;padding:12px 6px 9px}.slot.selected{background:radial-gradient(ellipse at 50% 25%,#972a45,#310c23 75%);border-color:#ffb69a;box-shadow:inset 0 0 0 2px #320b1b,0 0 12px #ff536144}.slot:hover{background:#4b1830;box-shadow:0 0 0 1px #bb577c}.slot-number{color:#d0a4ba}.orb{background:radial-gradient(circle at 35% 25%,#f1e3e8,#8e7e96 30%,#302235 75%);color:white;border:2px solid #b8a9ba;box-shadow:inset 0 0 0 3px #534158,0 0 0 2px #0a060e}.orb.proc{background:radial-gradient(circle at 35% 25%,#ffe994,#ed653b 30%,#85112e 75%);color:#fff2cb;border:2px solid #d3b1ac;box-shadow:inset 0 0 0 3px #6c2035,0 0 0 2px #100710}.orb.aura{background:radial-gradient(circle at 35% 25%,#e8d6ff,#9c72dc 30%,#33184e 75%);color:#f4e9ff;border:2px solid #bda6d0;box-shadow:inset 0 0 0 3px #4e285f,0 0 0 2px #100710}.orb.empty{background:#100913;border:2px solid #76556e;color:#95718c;box-shadow:inset 0 0 10px #000}.slot-name{color:#f1dce7}.metrics{background:#1b0e18}.metric strong{color:#ffac96}.effect{border-color:#583247}.effect .tag{color:#ffa288}.set-note{background:#291220;border:1px solid #684058}.search{background:#130b13}.search input{color:#f0e0eb}.search input::placeholder{color:#b69dac}.filters button{background:#3c2435;color:#ead7e5}.catalog{scrollbar-color:#a64d70 #1e1020}.io{background:transparent;box-shadow:none;border-bottom-color:#503047}.io .mini{background:#59465e;color:#f1e2ef}.io.proc .mini{background:#78233b;color:#ffd694}.io.aura .mini{background:#4d2a67;color:#e0c7ff}.io .plus{color:#ff9e93}
th{background:linear-gradient(#51293c,#2b1423);color:#ebbdcf}td{border-color:#523146}.chance{background:#59341e;color:#ffe6ad;border:1px solid #8a5634}.unknown{background:#4f285d;color:#efd3ff}.no{color:#a37d95}.yes-dot{background:#ffb66d}.unknown-dot{background:#d298ec}.delta,.table-footer a,.report{color:#ffa891}.method{border-color:#664359}footer{background:linear-gradient(#30222c,#130c13);border-color:#76526a}#notice:not(:empty){background:#44162c;border-color:#985670;color:#ffdfeb}.share-fallback{background:#1e101c;color:#f5dce9}.skip{background:#591633}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#ffb69c}

.enhancement-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}.orb:has(.enhancement-icon){width:48px;height:48px;padding:2px;background:#120a12;box-shadow:0 0 0 2px #08050c,inset 0 0 8px #000;border-color:#a38a9b}.io .mini:has(.enhancement-icon){width:35px;height:35px;padding:1px;background:transparent}

.io[draggable="true"]{cursor:grab}.io.dragging{opacity:.45;cursor:grabbing}.slot.drop-valid{border-color:#e8af74}.slot.drop-invalid{opacity:.45}.slot.drop-over.drop-valid{outline:3px solid #ffd394;outline-offset:2px;background:#6c273b}.slot.drop-over.drop-invalid{outline:2px solid #ff465b}

.damage-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#1c101a;padding:15px;border:1px solid #694455;border-radius:8px;margin:16px 0}.damage-controls label{font-weight:700;font-size:12px}.damage-controls input{width:85px;padding:8px;color:#ffe4db;background:#3c182a;border:1px solid #9d697c;border-radius:5px}.damage-controls span{font-size:11px;color:var(--muted);flex:1;min-width:180px}.damage-controls p{width:100%;font-size:11px;color:#eab4c9}.damage-value{color:#ffba98}.damage-detail{font-size:10px;min-width:165px;margin-top:7px}.damage-detail summary{cursor:pointer;color:#f6b4ca}.damage-detail small{white-space:normal;max-width:230px}.damage-detail a{font-size:10px;color:#f3b8db}.attack-section .table-scroll{border:1px solid #523146;border-radius:6px}

.actions{flex-wrap:wrap;justify-content:flex-end}.actions button{font-size:11px}#txt-report{margin:14px 0 20px}#txt-report details{margin-top:10px;max-height:300px;overflow:auto}#txt-report p{font-size:11px;overflow-wrap:anywhere}#txt-report summary{cursor:pointer}@media(max-width:640px){.actions>button{flex-basis:40%}}
.database-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:9px;align-items:start}.database-entry{border:1px solid #694455;background:#22121c;border-radius:7px;padding:12px;overflow-wrap:anywhere}.database-entry summary{cursor:pointer;color:#ffd4df;font-size:13px}.database-entry p{font-size:12px;color:#c9b2bb}.database-entry a{font-size:12px}#database{scroll-margin-top:24px}#database>.search{max-width:620px}#db-count{font-size:12px;color:#c9b2bb}
@media(max-width:760px){.workspace{display:flex;flex-direction:column}.pet-nav,.loadout,.library{width:100%;min-width:0}.pet-nav{display:block}.training{margin-top:12px;max-width:100%}.training select{max-width:100%}#pets{flex-wrap:wrap}.pet-button{flex:1;min-width:130px}}
.database-panel>summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;border-radius:4px}.database-panel>summary::-webkit-details-marker{display:none}.database-panel>summary::before{content:'▸';font-size:24px;color:#f6b4ca}.database-panel[open]>summary::before{content:'▾'}.database-panel>summary h2{margin:0}.database-panel>summary:focus-visible{outline:2px solid #f6b4ca;outline-offset:6px}.database-panel[open]>summary{margin-bottom:18px}.database-panel>.search{max-width:620px}
.slot{padding:0;overflow:visible}.slot-select{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:stretch;flex:1;width:100%;min-height:124px;padding:12px 7px 37px;border:0;border-radius:7px;background:transparent;color:inherit;box-shadow:none}.slot-select:hover{background:transparent}.slot-delete{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #a66a80;border-radius:5px;background:#321422;color:#ffc4cc;box-shadow:none}.slot-delete:hover{background:#83283f;color:#fff}.slot-delete:focus-visible{outline:2px solid #ffd4b7;outline-offset:2px}
.catalog-group{margin-bottom:14px}.catalog-group h4{position:sticky;top:0;z-index:1;margin:0;padding:8px 6px;background:#321b2b;color:#ffbca8;font-size:12px;border-bottom:1px solid #76536a}.catalog-group .io{width:100%}.origin-choice{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin:10px 0}.origin-choice select{max-width:155px;color:#f1dce7;background:#281320;border:1px solid #785b6d;border-radius:5px;padding:6px}#catalog-count{margin-bottom:10px}.io:disabled{opacity:.55}.mini{flex-shrink:0}
.database-icon{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:8px}.database-icon .enhancement-icon{width:30px;height:30px}
.language-choice{display:flex;align-items:center;gap:8px;font-size:11px;color:#edccd8;white-space:nowrap}.language-choice select{padding:7px 8px;background:#25111e;color:#ffe3ed;border:1px solid #98647d;border-radius:6px;cursor:pointer}header{flex-wrap:wrap;height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}@media(max-width:900px){.language-choice{margin-left:auto}}

.library-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 8px}.library-tabs button{font-size:15px;padding:10px}.origin-choice[hidden]{display:none}
.set-category{margin:0 0 8px;border:1px solid #785b6d;border-radius:8px;overflow:hidden;background:#1b0e18}.set-category>summary{cursor:pointer;padding:12px 10px;color:#ffbca8;background:linear-gradient(#533443,#291220);font-weight:700;font-size:13px}.set-category>summary small{float:right;margin-left:8px;font-weight:400;color:#cdb6c5}.set-category>summary:focus-visible{outline:2px solid #ffb69a;outline-offset:-3px}.set-category-body{padding:6px}.set-category-body .catalog-group:last-child{margin-bottom:0}

.pet-family{border:1px solid #785b6d;border-radius:8px;overflow:hidden;margin-bottom:9px;background:#1b0e18}.pet-family>summary{cursor:pointer;padding:13px 10px;font-weight:700;color:#ffbca8;background:linear-gradient(#533443,#291220)}.pet-family>summary.current{border-left:3px solid #ffb69a}.pet-family-body{display:grid;gap:5px;padding:6px}.pet-family-body .pet-button{width:100%}.pet-profile{color:#ffbca8!important;font-weight:700}.power-summary{max-width:290px}#preset[hidden]{display:none}
#pets{align-items:flex-start}.pet-family{align-self:flex-start}