:root{--bg:#071020;--panel:#081622;--accent:#8be9fd;--muted:#7b8a99 }*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;background:var(--bg);color:#dff6ff}.app{display:flex;flex-direction:column;min-height:100vh}.header{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center}.header h1{margin:0;font-size:18px}main{display:flex;gap:18px;padding:18px;flex:1}.sidebar{width:300px}.selector{background:var(--panel);padding:12px;border-radius:8px}.selector select,input,button{background:transparent;border:1px solid rgba(255,255,255,.06);padding:6px;border-radius:6px;color:var(--accent)}.preview{flex:1;background:var(--panel);padding:12px;border-radius:8px}.ascii-flame{background:#00000040;padding:14px;border-radius:8px}.spell-controls{display:flex;gap:8px;margin-top:8px}.dice-roller{margin-top:12px;background:#0000001f;padding:8px;border-radius:6px}.die{margin-bottom:8px}.die-face{background:#041018;padding:12px;border-radius:6px;min-width:60px;text-align:center;font-weight:700;white-space:pre;font-family:Courier New,monospace;font-size:14px}.footer{text-align:center;padding:12px;color:var(--muted);font-size:13px}@media (max-width:900px){main{flex-direction:column}.sidebar{width:100%}}