:root{--parchment:#f1dfba;--parchment-deep:#e1cfa9;--ink:#2f2318;--ink-soft:#5f4c37;--bronze:#8a5a2b;--bronze-dark:#5f3b18;--queued:#2f8b50;--queued-bg:#d9f4dd;--active:#1d5b9a;--active-bg:#d8eaff;--defeated:#922c2c;--defeated-bg:#ffd9d9;--panel-shadow:0 12px 28px #2d1b0c2e;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d8c49b;font-family:Alegreya Sans,Trebuchet MS,Lucida Sans,sans-serif;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 16%,#ffffff59,#0000 36%),radial-gradient(circle at 80% 12%,#8a5a2b33,#0000 42%),linear-gradient(160deg,#d8c49b 0%,#b99b6f 100%);min-height:100vh;margin:0}#root{min-height:100vh;padding:1.25rem}.app-shell{max-width:1260px;box-shadow:var(--panel-shadow);background:linear-gradient(#fdf3dbf2,#eed8b1f2),repeating-linear-gradient(90deg,#8d633a0d,#8d633a0d 2px,#0000 2px 18px);border:2px solid #a27642;border-radius:16px;margin:0 auto;padding:1.25rem}h1,h2,h3{letter-spacing:.03em;margin:0;font-family:Cinzel,Palatino Linotype,Book Antiqua,serif}h2{color:var(--bronze-dark);font-size:1.55rem}.encounter-header{border-bottom:2px solid #8a5a2b59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 .35rem;font-size:.85rem}.encounter-title-input{width:min(46ch,100%);color:var(--ink);background-color:#f9ecd2;border:1px solid #9a6a36;border-radius:10px;padding:.45rem .7rem;font-family:Cinzel,Palatino Linotype,serif;font-size:clamp(1.3rem,2.2vw,2rem)}.round-badge{color:#fff4db;background:linear-gradient(145deg,#8b3e20,#693016);border:1px solid #4d220f;border-radius:999px;padding:.6rem 1.2rem;font-family:Cinzel,Palatino Linotype,serif;font-size:1.2rem;font-weight:700}.welcome-panel,.initiative-tracker,.panel,.encounter-board{background:linear-gradient(180deg, var(--parchment), var(--parchment-deep));border:1px solid #8a5a2b73;border-radius:14px;margin-top:1rem;padding:1rem}.welcome-panel p{color:var(--ink-soft);margin-top:.55rem;font-size:1.08rem}.tracker-list{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.tracker-chip{border:1px solid #32241942;border-radius:999px;align-items:center;gap:.55rem;padding:.38rem .72rem;font-size:.95rem;font-weight:700;display:inline-flex}.tracker-chip.current{outline-offset:1px;outline:2px solid #f5ab2f}.tracker-chip.queued{background:var(--queued-bg);color:#1d5e34}.tracker-chip.active{background:var(--active-bg);color:#174874}.tracker-chip.defeated{background:var(--defeated-bg);color:#752626}.layout-grid{grid-template-columns:1.25fr 1fr;gap:1rem;margin-top:1rem;display:grid}.add-form{gap:.7rem;margin-top:.8rem;display:grid}label{gap:.3rem;font-size:1.02rem;font-weight:700;display:grid}input,select,button{font:inherit}input,select{color:var(--ink);background-color:#faecd1;border:1px solid #5f3b189e;border-radius:9px;padding:.48rem .56rem}.split-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.action-row{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}button{cursor:pointer;background-color:#f7e4bc;border:1px solid #45270f99;border-radius:9px;padding:.46rem .7rem;font-size:1rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.primary-btn{color:#fff4dc;background:linear-gradient(#9f6a32,#77461d);border-color:#5e3515}.secondary-btn{color:#3b250f;background:linear-gradient(#e8c28e,#d0a267)}.small{padding:.34rem .58rem;font-size:.9rem}.current-turn-label{margin-top:.85rem;font-size:1.05rem}.queue-panel ul{gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.queue-panel li{background:#f8ebcd;border:1px solid #7a562e66;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem;font-size:1.04rem;display:flex}.encounter-board{margin-top:1rem}.monster-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:.9rem;margin-top:.8rem;display:grid}.monster-card{background:#fef3d8;border:2px solid #674b2b59;border-radius:14px;padding:.85rem}.monster-card header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.monster-card h3{font-size:1.35rem}.status-pill{text-transform:capitalize;letter-spacing:.04em;background-color:#d6be99;border-radius:999px;padding:.2rem .55rem;font-size:.82rem;font-weight:800}.monster-card p{margin:.4rem 0 0;font-size:1.03rem}.monster-card.queued{background:linear-gradient(#ebf8ee,#d7efde);border-color:#2f8b509e}.monster-card.active{background:linear-gradient(#ebf4ff,#d2e6ff);border-color:#1d5b9a9e}.monster-card.defeated{background:linear-gradient(#ffeaea,#ffd6d6);border-color:#922c2ca3}.reorder-row,.hp-row,.card-actions{flex-wrap:wrap;gap:.45rem;margin-top:.6rem;display:flex}.turn-indicator{text-align:center;background:#f7be4f;border:1px solid #8a5a2b;border-radius:8px;margin-top:.65rem;padding:.25rem .45rem;font-weight:800}.empty-message{color:var(--ink-soft);margin:.65rem 0 0;font-size:1.02rem}@media (width<=1000px){#root{padding:.75rem}.app-shell{padding:.9rem}.layout-grid{grid-template-columns:1fr}}@media (width<=640px){.encounter-title-input{width:100%}.split-inputs,.monster-grid{grid-template-columns:1fr}}