:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,Tahoma,sans-serif}html,body{color:#e8edf5;background:#07090d;width:100%;height:100%;margin:0;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}#overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}.brand h1{letter-spacing:.18em;text-transform:uppercase;margin:0;font-weight:600}.brand p,#status{color:#9db0c8;margin:8px 0 0;font-size:14px}.hint{color:#7d90a8;margin:6px 0 0;font-size:13px}#session-root{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#session-root:not(:empty){pointer-events:auto;background:#07090db8}.panel{background:#101820;border:1px solid #2a3a4d;border-radius:12px;width:min(420px,100vw - 40px);padding:24px;box-shadow:0 18px 40px #00000059}.panel h2{margin:0 0 8px;font-size:22px;font-weight:600}.panel-copy,.form-error{color:#9db0c8;margin:0 0 14px;font-size:14px}.form-error{color:#e08a8a;min-height:1.2em}.panel label{color:#c5d2e0;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.panel input,.panel select,.panel button{font:inherit;color:#e8edf5}.panel input,.panel select{background:#0c1218;border:1px solid #3a4c61;border-radius:8px;padding:8px 10px}.panel-actions,.create-row,.character-row{align-items:center;gap:10px;display:flex}.panel button{cursor:pointer;background:#2f6f66;border:0;border-radius:8px;padding:8px 14px}.panel button.ghost{background:0 0;border:1px solid #3a4c61}.character-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.character-row{border:1px solid #2a3a4d;border-radius:8px;justify-content:space-between;padding:8px 10px}.create-row input{flex:1}.hidden{display:none}