body{background:var(--bg);color:var(--text);padding:20px;font-family:Arial}h1{text-align:center}.controls{margin-bottom:15px}input,button,select{border:none;border-radius:6px;margin:5px;padding:8px}.entry{background:var(--card);border-radius:8px;flex-direction:column;margin:6px 0;padding:10px;display:flex}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.hp-box{align-items:center;gap:5px;display:flex}.badge{margin-left:10px;font-size:12px}.condition-bar{margin-top:6px}.condition-btn{color:#aaa;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;margin:2px;padding:5px;font-size:16px}:root{--bg:#0b0b0b;--card:#1a1a22;--accent:#6be6ff;--text:#fff;--danger:#ff5c5c;--heal:#7ef0a6}body{background:var(--bg);color:var(--text);margin:0;padding:12px;font-family:Arial}h1{text-align:center;margin-bottom:10px;font-size:20px}.controls{background:var(--bg);z-index:10;flex-wrap:wrap;gap:5px;padding:10px 0;display:flex;position:sticky;top:0}.controls select,.controls button{flex:1}#dmControls{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}#dmControls input{flex:45%}input,button,select{border:none;border-radius:8px;padding:10px;font-size:14px}button{background:var(--accent);color:#000;cursor:pointer}.entry{background:var(--card);border-radius:12px;flex-direction:column;gap:6px;margin:8px 0;padding:12px;display:flex}.active{border:2px solid gold}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.hp-box{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.hp-btn{padding:6px 10px;font-size:14px}.hp-minus{background:var(--danger);color:#fff}.hp-plus{background:var(--heal)}.small-input{text-align:center;width:50px}.badge{color:#ccc;margin-top:2px;font-size:12px;display:block}.condition-bar{padding-bottom:4px;display:flex;overflow-x:auto}.condition-btn{border-radius:8px;flex-shrink:0;min-width:36px;margin-right:4px;padding:6px;font-size:18px}.condition-btn.active{background:var(--accent);color:#000}#playerControls button{width:100%;margin-bottom:10px}#currentTurnCard{z-index:9;background:#111;border:1px solid #333;border-radius:10px;margin-bottom:10px;padding:10px;position:sticky;top:60px}#bottomBar{background:#111;border-top:1px solid #333;width:100%;padding:10px;position:fixed;bottom:0;left:0}#bottomBar button{width:100%;padding:14px;font-size:16px}body{padding-bottom:90px}@media (width<=480px){h1{font-size:18px}.hp-box{justify-content:flex-start}.row{flex-direction:column;align-items:flex-start}.badge{font-size:11px}}