#createDialog{width:min(1120px,calc(100vw - 40px));max-width:1120px;max-height:92vh;padding:24px;overflow:auto;background:#10232e}
#createDialog[open]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:20px}
.creation-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.creation-heading h2{margin:0!important}.creation-heading .close{position:static;padding:3px 10px}
.creation-group{min-width:0}.creation-group h3{font:600 15px system-ui;letter-spacing:0;color:#f0d096;margin:0 0 14px}
.creation-identity{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr 100px;gap:14px}.creation-identity h3{display:none}
#createDialog label{margin:0 0 7px;font-size:13px;display:block}#createDialog input,#createDialog select{width:100%;min-width:0;box-sizing:border-box;font-size:14px}#createDialog label select{margin-top:7px}
#createDialog .creation-preview{margin:0;display:flex;flex-direction:column;justify-content:center;padding:22px;border-color:#45626e;min-width:0;background:radial-gradient(ellipse at 50% 20%,#294759,#081823)}
.creation-preview [data-map]{flex:1;display:flex;align-items:center}.creation-preview svg{max-height:300px}.creation-preview figcaption{padding-top:14px;border-top:1px solid #48616b66}.creation-preview figcaption strong{font-size:16px}
.creation-world{padding:20px;background:#1b303c;border:1px solid #405461;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.creation-world h3{grid-column:1/-1;margin:0}.creation-world>label:last-child{grid-column:1/-1}
.creation-rules{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;border-top:1px solid #405461;padding-top:20px;align-items:start}
#createDialog .bank-options{margin:0;padding:16px;min-width:0}#createDialog .bank-options label{margin-top:10px}#createDialog .help-inline{font-size:12px;line-height:1.5;margin:10px 0;color:#aebec8}.creation-timing{padding:0 4px}#phaseTimers summary{font-size:13px}#phaseTimers .settings-grid{gap:8px;grid-template-columns:1fr 100px}
.creation-footer{grid-column:1/-1;position:sticky;bottom:-24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 0 8px;background:#10232ef5;border-top:1px solid #405461;z-index:1}
#createDialog #createStatus{margin:0 auto 0 0;color:#ffd29a;font-size:13px}#createDialog #cancelCreate,#createDialog #create{width:auto;min-width:110px;margin:0;padding:12px 20px}
.online #lobbyScreen{max-width:1100px;padding-top:36px}.online #lobbyTitle{font-size:38px;overflow-wrap:anywhere;margin-bottom:12px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:24px;margin-top:26px;align-items:start}
.online #lobbyScreen #match{margin:0;display:flex;flex-direction:column;padding:24px}.online #lobbyScreen #turn{order:-2;margin:0 0 18px}.online #lobbyScreen #presence{order:-1;margin:0 0 20px;padding:0;border:0;display:grid;gap:10px}.lobby-player{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 14px;background:#10212c;border:1px solid #3e5461;border-left:4px solid var(--seat-color);border-radius:8px}.lobby-player strong{font-size:14px;overflow-wrap:anywhere;min-width:0}.lobby-player span{font-size:12px;color:#acbbc7;text-align:right;flex-shrink:0}.lobby-player .is-ready{color:#a8dfb6}
.online #lobbyScreen .invite-row{padding:12px;background:#0c1c27;border-radius:8px}.online #lobbyScreen #actions{margin-top:20px}.online #lobbyScreen #actions button{padding:14px;background:#dfba75;color:#13232d;border-color:#dfba75;font-weight:600}.online #lobbyScreen #actions button:disabled{background:#293b46;color:#94a4af;border-color:#445964;opacity:1}.lobby-details{padding:24px;background:#142731;border:1px solid #354e5d;border-radius:14px}.lobby-details h2{font-size:21px!important;margin:0 0 20px!important}.lobby-details dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:0}.lobby-details dt{color:#aebec8;font-size:13px}.lobby-details dd{margin:0;font-size:13px;text-align:right;overflow-wrap:anywhere}.lobby-details>.help-inline{border-top:1px solid #354e5d;padding-top:16px;margin-bottom:0}
@media(max-width:760px){#createDialog{width:calc(100vw - 20px);padding:18px;max-height:94vh}#createDialog[open]{grid-template-columns:minmax(0,1fr);gap:16px}.creation-identity{grid-template-columns:minmax(0,1fr) 90px}.creation-identity>.creation-field:first-of-type{grid-column:1/-1}.creation-rules{grid-template-columns:1fr}.creation-world{grid-template-columns:1fr 1fr}.creation-preview svg{max-height:210px}.creation-footer{bottom:-18px;flex-wrap:wrap}#createStatus:not(:empty){flex-basis:100%}.lobby-layout{grid-template-columns:1fr}.online #lobbyScreen{padding:24px 16px}.online #lobbyTitle{font-size:30px}.lobby-player{padding:13px 10px}.lobby-player span{max-width:45%}.lobby-details{padding:20px}}
@media(min-width:761px){#createDialog[open]{gap:16px}.creation-world{align-content:start;gap:12px;padding:16px}.creation-preview [data-map]{flex:0 1 auto}.creation-preview svg{height:180px;width:100%}#createDialog .creation-preview{padding:16px}.creation-preview figcaption{padding-top:8px}.creation-rules{padding-top:16px;gap:16px}}
.lobby-footer{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}.lobby-footer #leaveLobby{color:#ffc4bf;border-color:#a86e70}.room-chat.lobby-chat{position:static;box-sizing:border-box;width:100%;max-height:none;margin-top:20px;box-shadow:none;z-index:auto}.lobby-chat .chat-messages{height:200px;max-height:32vh}.lobby-chat .chat-heading>button{display:none}.lobby-chat .chat-help{display:none}.online #lobbyScreen #actions #readyButton[aria-pressed="true"],.online #lobbyScreen #actions #startMatch:not(:disabled){background:#8dcc9b;color:#10291b;border-color:#8dcc9b}
.online #lobbyScreen #actions #readyButton[aria-pressed="false"]{background:#d98888;color:#301416;border-color:#d98888}
.online #lobbyScreen #actions #readyButton[aria-pressed="true"]:hover,.online #lobbyScreen #actions #startMatch:not(:disabled):hover{background:#a4dfb1;border-color:#a4dfb1}
.online #lobbyScreen #actions #readyButton[aria-pressed="false"]:hover{background:#eca0a0;border-color:#eca0a0}.ready-reminder{animation:ready-reminder 2s ease-in-out infinite;animation-delay:6s}@keyframes ready-reminder{50%{box-shadow:0 0 0 3px #ebc36b,0 0 18px #ebc36b55}}@media(prefers-reduced-motion:reduce){.ready-reminder{animation:none;outline:3px solid #ebc36b}}