:root{--bg:#f7f1e3;--ink:#1a1612;--panel:#fffaf0;--line:#d3c4aa;--accent:#7a2e00;--accent-2:#123524;--danger:#8c1a1a}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 100% 0%,#f3dfc2 0%,transparent 40%),radial-gradient(circle at 0% 100%,#e6d0b0 0%,transparent 35%),var(--bg);margin:0;font-family:"Source Sans 3",Trebuchet MS,Verdana,sans-serif}h1,h2,h3{margin:0;font-family:Cinzel,Palatino Linotype,Book Antiqua,serif}p{margin:0}.page-wrap{width:min(1200px,95vw);margin:1rem auto 2rem}.surface{border:1px solid var(--line);background:linear-gradient(#fffaf0f7,#fff7e7f2);border-radius:14px;box-shadow:0 14px 36px #37230c24}.top{margin-bottom:1rem;padding:1rem 1.2rem}.top p{margin-top:.35rem}.layout{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.list-pane,.detail-pane{padding:1rem}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:.8rem;display:flex}.section-head span{color:var(--accent);font-weight:700}.detail-tabs{background:#fff3d8;border:1px solid #9d6b2f;border-radius:999px;display:flex;overflow:hidden}.detail-tab{color:#4a2d0f;cursor:pointer;background:0 0;border:0;border-radius:0;padding:.24rem .68rem;font-weight:700}.detail-tab.active{color:#fff6e8;background:#7a2e00;border-color:#7a2e00}.detail-head{align-items:center}.detail-right-group{align-items:center;gap:.55rem;display:flex}input,textarea,button{font:inherit}input,textarea{background:#fffef7;border:1px solid #c4b79f;border-radius:8px;width:100%;padding:.52rem .62rem}input:focus,textarea:focus{outline-offset:1px;outline:2px solid #ca9a53}.btn{color:#33210f;cursor:pointer;background:#fceccc;border:1px solid #987445;border-radius:8px;padding:.48rem .7rem;font-weight:700}.btn:hover{filter:brightness(.96)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff6e8}.btn.danger{color:var(--danger);background:#fee7e7;border-color:#c38d8d}.add-cards{gap:.8rem;margin-bottom:.8rem;display:grid}.add-card{background:#fffbf0;border:1px solid #d8c7ab;border-radius:12px;padding:.7rem}.lookup-block{margin:0}.lookup-block h3{margin-bottom:.45rem;font-size:1rem}.custom-block h3{margin:0;font-size:1rem}.custom-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.custom-form{gap:.65rem;display:grid}.custom-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.6rem;display:grid}.custom-field{grid-column:span 3;margin:0}.custom-field-wide{grid-column:span 6}.custom-submit-btn{justify-self:start;min-width:210px}.lookup-hint,.lookup-status,.lookup-error{margin-top:.35rem;font-size:.86rem}.lookup-status{color:#345b7d}.lookup-error{color:var(--danger)}.lookup-results{background:#f8ead1;border:1px solid #d1b388;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.55rem;max-height:340px;margin-top:.55rem;padding:.7rem;display:grid;overflow:auto}.lookup-result-card{background:#fffdf7;border:2px solid #b67d32;border-radius:12px;align-content:space-between;gap:.65rem;min-height:118px;padding:.7rem;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;box-shadow:0 8px 18px #54341329}.lookup-result-card:hover{border-color:#7a4203;transform:translateY(-2px);box-shadow:0 12px 24px #5434133d}.lookup-result-main h4{margin:0;font-family:Cinzel,Palatino Linotype,Book Antiqua,serif;font-size:1.05rem;line-height:1.2}.lookup-add-btn{width:100%;margin-top:auto}.list{gap:.6rem;display:grid}.card{background:#fffdf7;border:2px solid #b67d32;border-radius:12px;padding:.7rem;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:0 8px 18px #54341329;container-type:inline-size}.card:hover{border-color:#7a4203;transform:translateY(-2px);box-shadow:0 12px 24px #5434133d}.card.focused{background:linear-gradient(#fff7e6 0%,#fff1d8 100%);border-color:#7a2e00;box-shadow:0 0 0 2px #7a2e008c,0 16px 28px #7a2e0042,inset 0 0 0 1px #7a2e004d}.card-main{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:flex-start;gap:.8rem;width:100%;padding:0;display:flex}.card-head-left{order:1;min-width:0}.card-head-right{flex-direction:column;order:2;align-items:flex-end;gap:.35rem;margin-left:auto;display:flex}.card-main h3{font-size:1.02rem}.card-main p{color:#53402e;margin-top:.2rem;font-size:.86rem}.card-stats{justify-items:end;font-size:.9rem;font-weight:700;display:grid}.card-controls{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.card-saves{flex-wrap:nowrap;justify-content:flex-end;gap:.35rem;display:flex}.save-btn{color:#4a2d0f;cursor:pointer;white-space:nowrap;background:#fff4dc;border:1px solid #9d6b2f;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.74rem;font-weight:700;display:inline-flex}.save-btn:hover{background:#ffe8bf}.save-btn.active{background:#ffd89a;border-color:#7a2e00;box-shadow:inset 0 0 0 1px #7a2e0047}.save-roll{color:#7a2e00}.hp-track{background:#e6d8bc;border-radius:999px;width:100%;height:9px;margin:.52rem 0;overflow:hidden}.hp-fill{border-radius:inherit;background:linear-gradient(90deg,#1a7a3d 0%,#46b957 100%);height:100%;transition:width .15s ease-out}.card-actions{flex-wrap:wrap;gap:.4rem;display:flex}.card-conditions-mid{border-left:1px solid #d7c6aa;flex:1;order:3;place-content:flex-start;min-width:0;margin-left:.2rem;padding-left:.65rem}.detail-form{gap:.75rem;margin-bottom:.8rem;display:grid}.detail-row{gap:.75rem;display:grid}.detail-row-3{grid-template-columns:1fr 1fr 1fr}.detail-row-1{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr 1fr;gap:.55rem;margin-bottom:.8rem;display:grid}label{gap:.28rem;margin-bottom:.6rem;font-weight:600;display:grid}.condition-editor{background:#fffef7;border:1px solid #c4b79f;border-radius:10px;gap:.45rem;padding:.48rem .56rem;display:grid}.condition-chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.condition-chip{color:#3c270f;background:#fff1d1;border:1px solid #91642d;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex}button.condition-chip{cursor:pointer}.condition-chip.static{cursor:default}.condition-remove{opacity:.75;font-weight:800}.condition-input{background:0 0;border:0;padding:.2rem .1rem}.condition-input:focus{outline:none}.quick-row{gap:.45rem;margin-bottom:.6rem;display:flex}.quick-row input{max-width:100px}.quick-damage{color:#641616;background:#ffe3e3;border-color:#a03232}.quick-heal{color:#155628;background:#def8e4;border-color:#2e7a42}.stats-divider{border-top:1px solid #d7c6aa;margin:.35rem 0 .85rem}.damage-divider{margin-top:1rem}.between-saves-conditions{margin-top:.1rem;margin-bottom:.8rem}.ability-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:.8rem;display:grid}.action-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;margin:.35rem 0 .85rem;display:grid}.action-card{background:#fff;border:1px solid #c9ad7f;border-radius:10px;padding:.6rem}.action-card h4{margin:0 0 .32rem;font-family:Cinzel,Palatino Linotype,Book Antiqua,serif}.action-card p{margin:0;font-size:.9rem;line-height:1.35}.action-meta{color:#6a4019;font-weight:700;margin-top:.32rem!important;font-size:.82rem!important}.empty-state{text-align:center;padding:2rem 1rem}@media (max-width:1080px){.layout{grid-template-columns:1fr}.custom-form-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.custom-field{grid-column:span 4}.custom-field-wide{grid-column:span 8}}@container (max-width:640px){.card-main{flex-wrap:wrap;row-gap:.35rem}.card-conditions-mid{border-left:0;flex:1 0 100%;margin-top:.1rem;margin-left:0;padding-left:0}.card-saves{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.save-btn{justify-content:center;width:100%;padding:.18rem .35rem;font-size:.7rem}.card-actions{flex-wrap:nowrap}}@media (max-width:700px){.page-wrap{width:97vw}.lookup-results{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr 1fr}.detail-row-3,.hp-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.ability-grid{grid-template-columns:repeat(3,1fr)}.quick-row{flex-wrap:wrap}.card-controls{flex-direction:column;align-items:stretch}.card-saves{justify-content:flex-start}.detail-right-group{flex-wrap:wrap;justify-content:flex-end}.custom-head{flex-direction:column;align-items:stretch}.custom-head .btn{width:100%}.custom-form-grid{grid-template-columns:1fr;gap:.5rem}.custom-field,.custom-field-wide{grid-column:1/-1}.custom-submit-btn{width:100%;min-width:0}}