#pet-blessing{--bless-a:#41755d;--bless-b:#35738f;--bless-c:#8465a4} .bless-intro,.bless-pet header,.bless-result-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.bless-intro{margin:12px 0 24px}.bless-intro h2,.bless-pet h3{margin:0}.bless-intro p{margin:8px 0 0}.bless-uses{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bless-uses button{display:flex;align-items:center;text-align:left;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text)}.bless-uses img{flex:none;object-fit:contain}.bless-uses small,.bless-skill small{display:block;margin-top:5px;color:var(--muted)}.bless-advice>p{line-height:1.8}.bless-goals{margin-top:16px}.bless-presets,.bless-goal-list{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.bless-presets button{padding:10px 14px}.bless-goal-list label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:8px 10px;border-radius:10px;cursor:pointer}.bless-goal-list label:has(input:checked){background:var(--soft);border-color:var(--accent)}.bless-goal-list img{object-fit:contain}.bless-check{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.6}.bless-check input,.bless-trait-actions input{width:18px;height:18px;flex:none}.bless-other{margin:20px 0}.bless-other small{color:var(--muted)}.bless-workbench{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.bless-pet{margin:0 0 14px;min-width:0}.bless-pet header{margin-bottom:16px}.bless-pet header small{color:var(--muted)}.bless-pet label:not(.bless-check){display:block;font-size:14px}.bless-pet select,.bless-pet input[type=number]{width:100%;margin-top:6px;min-height:42px}.bless-skill{font-size:14px;line-height:1.8;margin:14px 0}.bless-traits{display:grid;gap:12px;margin:18px 0 12px}.bless-trait-row{padding-top:10px;border-top:1px solid var(--line);min-width:0}.bless-trait-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px}.bless-trait-actions label{display:flex!important;align-items:center;gap:6px}.bless-trait-actions button{font-size:13px;padding:5px 10px}.bless-exp{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.bless-exp summary{cursor:pointer}.bless-exp>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.bless-results{margin:20px 0}.bless-result-head strong{font-size:14px;color:var(--accent)}.bless-result-head h2{margin:5px 0}.bless-comparison{display:grid;gap:8px;margin:18px 0}.bless-comparison button{display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;padding:12px 16px}.bless-comparison button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.bless-comparison b{font-size:20px;white-space:nowrap}.bless-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.bless-metrics>div{padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.bless-metrics small{display:block;line-height:1.6;color:var(--muted)}.bless-metrics b{display:block;font-size:26px;margin-top:6px}.bless-stack{display:flex;height:36px;overflow:hidden;border-radius:10px;background:var(--bg)}.bless-stack>span{display:flex;align-items:center;justify-content:center;font-size:13px;white-space:nowrap;color:white}.bless-count-1{background:var(--bless-a)}.bless-count-2{background:var(--bless-b)}.bless-count-3{background:var(--bless-c)}.bless-legend{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}.bless-legend>span{border-radius:6px;color:white;padding:4px 10px;font-size:13px}.bless-marginals{display:grid;gap:10px}.bless-marginals>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.bless-marginals img{vertical-align:middle;object-fit:contain;margin-right:6px}.bless-marginals small{display:block;margin-top:5px;color:var(--muted);line-height:1.6}.bless-marginals b{white-space:nowrap}.bless-error{color:var(--text);border-left:3px solid #cf6f42;padding:12px}.bless-rules ol{padding-left:24px;line-height:1.9}.bless-rules li{padding:4px 0}.bless-rules details{border-top:1px solid var(--line);padding-top:14px}.bless-rules summary{cursor:pointer}.bless-table-wrap{overflow:auto}.bless-rules table{width:100%;font-size:14px}.bless-rules th,.bless-rules td{padding:12px;text-align:left;min-width:90px;border-bottom:1px solid var(--line)}
#pet-blessing button{border:1px solid var(--line);border-radius:9px;background:var(--card);color:inherit;line-height:1.6;min-height:40px}#pet-blessing button:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}#pet-blessing button:disabled{opacity:.5}#pet-blessing a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}#pet-blessing input[type=number],#pet-blessing select{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:inherit;padding:9px 10px}#pet-blessing .choice-trigger{width:100%}#pet-blessing [data-add-trait],#bless-add-material{padding:8px 14px}.bless-pet header>button{padding:6px 12px}.bless-results p{line-height:1.8;margin:12px 0}.bless-results h3{margin:20px 0 12px}.bless-goals h2{margin-bottom:8px}.bless-rules h2{margin-bottom:12px}
@media(max-width:1050px){.bless-metrics{grid-template-columns:1fr 1fr}.bless-uses{grid-template-columns:1fr 1fr}}
@media(min-width:760px){.bless-workbench:has([data-pet-key="material-1"]){grid-template-columns:1fr}.bless-workbench:has([data-pet-key="material-1"]) #bless-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.bless-workbench:has([data-pet-key="material-1"]) #bless-main .bless-pet{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.bless-workbench:has([data-pet-key="material-1"]) #bless-main .bless-pet>header,.bless-workbench:has([data-pet-key="material-1"]) #bless-main .bless-pet>label,.bless-workbench:has([data-pet-key="material-1"]) #bless-main .bless-pet>p{grid-column:1}.bless-workbench:has([data-pet-key="material-1"]) #bless-main .bless-traits{grid-column:2;grid-row:1/5;margin-top:0}.bless-workbench:has([data-pet-key="material-1"]) #bless-main [data-add-trait]{grid-column:2;justify-self:start}}
@media(max-width:700px){.bless-intro,.bless-result-head{align-items:start;flex-direction:column}.bless-workbench,.bless-uses{grid-template-columns:1fr}.bless-metrics>div{padding:10px}.bless-metrics b{font-size:23px}.bless-exp>div{grid-template-columns:1fr}.bless-pet .choice-selected-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bless-comparison button{padding:10px;gap:8px}.bless-comparison b{font-size:18px}.bless-pet header{align-items:start}.bless-presets{gap:8px}.bless-presets button{flex:1 1 42%;font-size:13px;padding:10px}.bless-stack>span{font-size:12px}}
