body{color:#f3f5ff;background:#242839;margin:0;font-family:Arial,sans-serif}.statblock-shell{padding:16px}h1{margin:0 0 8px;font-size:24px}h2{margin:0 0 12px;font-size:16px}#status{margin:0 0 16px}.surface-help{color:#c7cee3;margin:0 0 12px;font-size:13px;line-height:1.35}a{color:#7dd3fc}a:hover,a:focus{color:#bae6fd}.panel{background:#303548;border:1px solid #555d78;border-radius:8px;margin-bottom:12px;padding:12px}button{color:#161a24;cursor:pointer;background:#f8f9ff;border:1px solid #cdd3e8;padding:8px 12px}.field-label{margin-bottom:6px;display:block}.label-with-help{align-items:center;gap:8px;display:flex}.help-tip{color:#dff7ff;cursor:help;background:#202538;border:1px solid #7dd3fc;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:relative}.help-tip:after{color:#f8fafc;content:"Right click any monster at pf2.unwhelm.online to get its MonsterId.";opacity:0;pointer-events:none;z-index:10;background:#111827;border:1px solid #64748b;width:220px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.35;transition:opacity .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000047}.help-tip:hover:after,.help-tip:focus:after{opacity:1}select,input[type=text],input[type=number]{box-sizing:border-box;color:#161a24;font:inherit;background:#f8f9ff;border:1px solid #cdd3e8;width:100%;max-width:100%;margin-bottom:10px;padding:8px 10px;line-height:1.3;display:block}.checkbox-row{align-items:center;gap:8px;margin:0 0 12px;display:flex}.checkbox-row input{width:16px;height:16px}.radio-group{border:1px solid #69728f;gap:6px;margin:0 0 12px;padding:8px 10px 10px;display:grid}.radio-group[hidden]{display:none}.radio-group legend{padding:0 4px;font-weight:700}.radio-group label{align-items:center;gap:8px;display:flex}.radio-group input{width:16px;height:16px}.search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.monster-results{gap:8px;margin:8px 0 12px;display:grid}.monster-result{background:#252a3d;border:1px solid #555d78;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.monster-result strong,.monster-result span{display:block}.monster-result span{color:#c7cee3;font-size:12px}select option{color:#161a24;background:#fff}.option-group{border:1px solid #69728f;gap:6px;margin:0 0 10px;padding:8px 10px 10px;display:grid}.option-group legend{padding:0 4px;font-weight:700}#pcList{gap:6px;margin-top:10px;display:grid}#monsterDiagnostics{color:#c7cee3;white-space:pre-line;margin-top:8px;font-size:13px;line-height:1.35}.encounter-analysis{gap:4px;display:grid}.error{color:#d33}.modal{z-index:20;background:#0c0e16b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{background:#303548;border:1px solid #555d78;border-radius:8px;width:min(320px,100% - 32px);margin:16px;padding:16px}.modal-card input[type=password],.modal-card input[type=text]{box-sizing:border-box;color:#161a24;font:inherit;background:#f8f9ff;border:1px solid #cdd3e8;flex:1;width:100%;margin:0;padding:8px 10px;display:block}.password-row{gap:8px;margin-bottom:12px;display:flex}.password-row button{white-space:nowrap;flex:none}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.token-color-group{border:1px solid #69728f;margin:0 0 12px;padding:8px 10px 10px}.token-color-group[hidden]{display:none}.token-color-group legend{padding:0 4px;font-weight:700}.token-color-swatches{flex-wrap:wrap;gap:8px;display:flex}.token-color-swatch{background:var(--token-color);border:3px solid #f8f9ff;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 0 0 1px #69728f}.token-color-swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #7dd3fc}