.encounters-page{background:radial-gradient(circle at 25% 0,#2a1017 0,transparent 30%),linear-gradient(180deg,#0b0e11,#07090b 70%)}
.enc-shell{max-width:1580px;margin:0 auto;padding:26px 24px 48px}.enc-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:18px 20px 22px;border:1px solid #303a41;background:rgba(17,23,27,.92);box-shadow:var(--shadow)}.enc-hero h1{font:800 38px/1 "Cinzel",Georgia,serif;margin:4px 0 8px}.enc-hero p{margin:0;color:#abb3b9;max-width:820px}.enc-summary{display:flex;gap:12px;flex-wrap:wrap}.enc-summary span{background:#0c1114;border:1px solid #38434a;padding:10px 13px}.enc-summary strong{color:#fff;font-size:20px;margin-right:5px}.enc-tabs{display:flex;gap:6px;margin:18px 0 10px}.enc-tab{height:42px;padding:0 18px;border:1px solid #3a444b;background:#141a1f;color:#cbd1d5;font-weight:800;cursor:pointer}.enc-tab.active{background:#8d1725;border-color:#ca2639;color:white}.enc-tab-panel{display:none;grid-template-columns:310px minmax(600px,1fr) 390px;gap:12px;align-items:start}.enc-tab-panel.active{display:grid}#tab-encounters{grid-template-columns:330px minmax(620px,1fr)}
.enc-list-panel,.enc-editor-panel,.sb-preview-panel{background:#11171b;border:1px solid #303a41;min-height:650px}.enc-list-panel{position:sticky;top:90px;max-height:calc(100vh - 112px);display:flex;flex-direction:column}.enc-list-head{padding:10px;display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #303a41}.enc-list-head .search-input{height:40px}.enc-list{overflow:auto;min-height:0}.enc-list-item{padding:11px 12px;border-bottom:1px solid #252e34;cursor:pointer;display:grid;gap:3px}.enc-list-item:hover{background:#181f24}.enc-list-item.active{background:#24151a;border-left:3px solid #c92639;padding-left:9px}.enc-list-name{font-weight:800;color:#f1f2f3}.enc-list-meta{font-size:12px;color:#9fa8ae}.enc-empty{padding:18px;color:#969fa6;text-align:center}.enc-editor-panel{padding:18px}.enc-editor-head{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #303a41;padding-bottom:14px;margin-bottom:15px}.enc-editor-head h2{margin:3px 0 0;font:700 25px/1.1 "Cinzel",Georgia,serif}.enc-head-actions{display:flex;gap:7px;flex-wrap:wrap}.sb-grid{display:grid;gap:10px}.sb-grid-main{grid-template-columns:2fr .7fr 1.2fr 1.1fr 1fr 1fr}.sb-grid-stats{grid-template-columns:repeat(4,minmax(120px,1fr));margin-top:12px}.sb-grid-speed{grid-template-columns:repeat(5,1fr);margin-top:10px}.sb-grid-long{grid-template-columns:1fr 1fr;margin-top:8px}.sb-grid label,.sb-text-sections label,.enc-builder-add label{display:grid;gap:5px;color:#aeb6bc;font-size:12px;font-weight:700}.sb-grid input,.sb-grid select,.sb-text-sections textarea,.enc-builder-add select,.enc-builder-add input{width:100%;background:#0b1013;border:1px solid #38434a;color:#f1f3f4;border-radius:3px;padding:8px;outline:none}.sb-grid input,.sb-grid select{height:38px}.sb-grid input:focus,.sb-grid select:focus,.sb-text-sections textarea:focus,.enc-builder-add select:focus,.enc-builder-add input:focus{border-color:#a41c2c;box-shadow:0 0 0 2px rgba(164,28,44,.13)}.sb-rule{height:1px;background:#64202a;margin:16px 0}.enc-editor-panel h3{font:700 15px "Cinzel",serif;color:#e9e0d6;margin:5px 0 10px}.ability-editor{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.ability-card{border:1px solid #343d43;background:#0d1215;padding:8px}.ability-card strong{display:block;text-align:center;font:800 14px "Cinzel",serif;color:#d44959}.ability-card label{font-size:10px;color:#99a2a8;display:grid;gap:3px;margin-top:6px}.ability-card input{width:100%;height:32px;background:#090d10;border:1px solid #333d43;color:#fff;text-align:center}.sb-text-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.sb-text-sections textarea{resize:vertical;min-height:90px;line-height:1.35}.sb-preview-panel{position:sticky;top:90px;max-height:calc(100vh - 112px);overflow:auto;padding:14px}.stat-block-preview{margin-top:8px;background:#efe2c8;color:#241710;border:2px solid #7b181f;box-shadow:inset 0 0 35px #b28d5c2a;padding:15px;font-family:Georgia,serif}.stat-block-preview h2{font-size:25px;line-height:1;margin:0;color:#5b1015}.stat-block-preview .sb-sub{font-style:italic;margin:4px 0 8px;font-size:12px}.stat-block-preview .red-rule{height:4px;background:#7b181f;margin:7px 0}.stat-block-preview .sb-line{font-size:12px;margin:3px 0}.stat-block-preview .sb-line b{color:#641318}.preview-abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;text-align:center;margin:7px 0}.preview-abilities b{display:block;color:#641318;font-size:11px}.preview-abilities span{font-size:11px}.sb-section-title{font-weight:800;color:#641318;font-size:16px;border-bottom:2px solid #7b181f;margin-top:10px}.sb-rich{font-size:12px;white-space:pre-wrap;line-height:1.35;margin:5px 0}.enc-builder{margin-top:18px;border:1px solid #303a41;background:#0d1215}.enc-builder-add{padding:12px;display:grid;grid-template-columns:1fr 86px auto;gap:8px;align-items:end;border-bottom:1px solid #303a41}.enc-builder-add select{height:40px}.enc-builder-add input{height:40px}.composition{min-height:180px}.composition-row{display:grid;grid-template-columns:1fr 100px 110px 36px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #252e34}.composition-row .cname{font-weight:800}.composition-row .cxp{color:#aeb6bc;font-size:12px}.composition-row input{height:34px;background:#0b1013;border:1px solid #38434a;color:white;padding:6px}.composition-row button{height:32px;border:1px solid #6b3037;background:#2b171b;color:#ffb0b8;cursor:pointer}.enc-total{display:flex;justify-content:flex-end;gap:24px;padding:12px;background:#151b1f;border-top:1px solid #303a41}.enc-total strong{color:#e6ba75}.encounter-meta{grid-template-columns:1fr 2fr}.wide-field{grid-column:auto}.nav-rencontres:before{mask-image:url('/assets/icons/warning.svg')!important}
@media(max-width:1280px){.enc-tab-panel.active{grid-template-columns:280px 1fr}.sb-preview-panel{grid-column:2;position:relative;top:0;max-height:none;min-height:0}.sb-grid-main{grid-template-columns:repeat(3,1fr)}.sb-grid-speed{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.enc-shell{padding:12px}.enc-hero{align-items:flex-start;flex-direction:column}.enc-tab-panel.active,#tab-encounters.enc-tab-panel.active{grid-template-columns:1fr}.enc-list-panel,.sb-preview-panel{position:relative;top:0;max-height:none;min-height:0}.sb-grid-main,.sb-grid-stats,.sb-grid-long,.encounter-meta{grid-template-columns:1fr 1fr}.ability-editor{grid-template-columns:repeat(3,1fr)}.sb-text-sections{grid-template-columns:1fr}.enc-builder-add{grid-template-columns:1fr 75px}.enc-builder-add .btn{grid-column:1/-1}.composition-row{grid-template-columns:1fr 70px 85px 34px}}

/* 0.45 — RENCONTRES : création, rencontres préparées, bibliothèque */
.encounter-create-panel.active{display:block}
.new-encounter-panel{min-height:0;max-width:1180px;margin:0 auto}
.prepared-panel{grid-template-columns:340px minmax(0,1fr)!important}
.statblocks-panel{grid-template-columns:310px minmax(600px,1fr) 390px}
.prepared-list-head{grid-template-columns:1fr!important}
.encounter-meta{grid-template-columns:1.4fr .55fr .55fr 1.8fr!important;align-items:end}
.encounter-meta .wide-field{grid-column:auto}
.enc-budgets{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #252e34;color:#98a2a9;font-size:12px}
.enc-budgets span{white-space:nowrap}.enc-budgets b{color:#e3e7e9}
.difficulty-none{color:#9da5aa!important}.difficulty-low{color:#8fc7a0!important}.difficulty-moderate{color:#e1c57a!important}.difficulty-high{color:#e69562!important}.difficulty-over{color:#ef7b89!important}
.enc-list-difficulty{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-top:2px}
.encounter-detail-panel{min-height:650px;padding:18px}
.encounter-detail-empty{min-height:560px;display:grid;place-items:center;text-align:center;color:#8e989f;border:1px dashed #303a41;background:#0c1114}
.detail-head{margin-bottom:16px}.detail-head h2{font-size:29px}
.prepared-party{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}
.prepared-party>span{display:grid;gap:5px;padding:13px 14px;border:1px solid #303a41;background:#0d1215}
.prepared-party small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#929ca3;font-weight:800}
.prepared-party strong{font-size:17px;color:#f0f2f3}
.detail-budgets{display:flex;gap:12px;flex-wrap:wrap;padding:10px 12px;margin-bottom:14px;border:1px solid #2e373d;background:#10161a;color:#a7b0b6;font-size:12px}
.detail-budgets span{padding-right:12px;border-right:1px solid #303a41}.detail-budgets span:last-child{border-right:0}.detail-budgets b{color:#f0f2f3}
.prepared-creatures{border:1px solid #303a41;background:#0d1215}
.prepared-creature-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 130px 90px 130px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #252e34;font-size:13px}
.prepared-creature-row:last-child{border-bottom:0}.prepared-creature-name{font-weight:800;color:#f0f2f3}
.prepared-header{background:#171e23;color:#aab2b8;text-transform:uppercase;font-size:10px;letter-spacing:.07em;font-weight:800}
.prepared-notes{margin-top:14px;padding:13px 14px;border:1px solid #303a41;background:#0d1215}.prepared-notes p{margin:6px 0 0;color:#c6ccd0;white-space:pre-wrap}
@media(max-width:1280px){.statblocks-panel.active{grid-template-columns:280px 1fr}.encounter-meta{grid-template-columns:1.4fr .6fr .6fr 1.4fr!important}}
@media(max-width:900px){.prepared-panel.active,.statblocks-panel.active{grid-template-columns:1fr!important}.encounter-meta{grid-template-columns:1fr 1fr!important}.encounter-meta .wide-field{grid-column:1/-1}.prepared-party{grid-template-columns:1fr}.prepared-creature-row{grid-template-columns:minmax(130px,1fr) 62px 90px 65px 95px;font-size:12px;gap:5px;padding:9px 8px}.prepared-header{font-size:9px}.enc-total{justify-content:flex-start;flex-wrap:wrap}.enc-budgets{justify-content:flex-start}}
@media(max-width:620px){.enc-tabs{display:grid;grid-template-columns:1fr}.enc-tab{width:100%}.encounter-meta{grid-template-columns:1fr!important}.encounter-meta .wide-field{grid-column:auto}.prepared-creature-row{grid-template-columns:1fr 58px 78px}.prepared-creature-row>div:nth-child(4),.prepared-creature-row>div:nth-child(5){display:none}.prepared-header>div:nth-child(4),.prepared-header>div:nth-child(5){display:none}}
