body{color:#fff;background-color:#242424;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.app-container h1{letter-spacing:-.02em;color:#f0f0f0;margin:0;font-size:28px;font-weight:600}.button-group{gap:12px;width:100%;max-width:300px;display:flex}.action-button{color:#e0e0e0;cursor:pointer;background-color:#424242;border:1px solid #616161;border-radius:8px;flex:1;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s}.action-button:hover{color:#fff;background-color:#4f4f4f;border-color:#757575}.action-button:active{background-color:#333}:root{--statblock-bg:#fdf1dc;--statblock-text:#000;--statblock-red:#7a200d;--statblock-line:#922610;--statblock-alt-bg:#e0e5c1}.statblock-wrapper{background-color:var(--statblock-bg);color:var(--statblock-text);height:100vh;margin:0;font-family:Georgia,serif;position:relative;overflow-y:auto}.statblock{max-width:400px;margin:0 auto;padding:0 16px 16px;font-size:13px;line-height:1.3em}.statblock-header{background-color:var(--statblock-bg);z-index:100;border-bottom:2px solid var(--statblock-line);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.statblock h1{color:var(--statblock-red);margin:0;font-size:22px}.statblock h1 a{color:inherit;text-decoration:none}.statblock h1 a:hover{text-decoration:underline}.header-controls{align-items:center;gap:8px;display:flex}.minimize-icon-button,.close-icon-button{color:var(--statblock-red);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:color .2s;display:flex}.minimize-icon-button:hover,.close-icon-button:hover{color:#5c180a}.statblock-content.minimized{display:none}.statblock .subtitle{color:var(--statblock-text);margin:0 0 8px;font-style:italic}.statblock .rule{background-color:var(--statblock-line);border:none;height:4px;margin:6px 0}.statblock .rule-thin{background-color:var(--statblock-line);border:none;height:2px;margin:6px 0}.statblock .red-text{color:var(--statblock-red);font-weight:700}.statblock .prop-line{margin:4px 0}.statblock .prop-name{font-weight:700}.statblock-grid{background-color:var(--statblock-alt-bg);grid-template-columns:repeat(3,1fr);gap:4px 8px;margin:10px 0;padding:4px;display:grid}.ability-block{grid-template-columns:2.5em 1.5em 2em 2em;align-items:center;font-size:12px;display:grid}.ability-name{text-transform:uppercase;font-weight:700}.ability-score{text-align:right;margin-right:4px}.ability-mod-label,.ability-save-label{color:#666;text-transform:uppercase;text-align:center;font-size:9px}.ability-value{text-align:center;color:#06c;font-weight:700}.ability-header-row{display:contents}.statblock-section-title{color:var(--statblock-red);border-bottom:1px solid var(--statblock-line);text-transform:uppercase;margin:12px 0 6px;padding-bottom:2px;font-family:Georgia,serif;font-size:20px;font-weight:400}.statblock-trait{margin-bottom:8px}.statblock-trait-name{font-style:italic;font-weight:700}button.rollable{color:var(--statblock-red);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}button.rollable:hover{color:red}.close-button{background-color:var(--statblock-red);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:20px;padding:8px;font-family:Georgia,serif;display:block}.close-button:hover{background-color:#5c180a}