/* Sunset lobby concept. Actual player cosmetics and controls remain live. */
body.lobby-mode{height:auto;min-height:100vh;overflow:auto}
body.lobby-mode .shell{min-height:100vh}
.lobby-mode .lobby-screen{height:100vh;min-height:700px;box-sizing:border-box;display:flex;flex-direction:column;background:#060e1a}
.lobby-mode .lobby-top{height:62px;flex:0 0 62px;padding:0 26px;gap:26px;background:linear-gradient(90deg,#050e19ee,#0a1925ca),url('/assets/lobby-sunset-v2.png') center 30%/cover;border-bottom:1px solid #a8905755}
.lobby-mode .lobby-logo{font-size:33px}.lobby-mode .lobby-logo small{font-size:8px}
.lobby-mode .lobby-body{padding:0 12px 12px;flex:1;min-height:0;display:flex;flex-direction:column}
.lobby-mode .lobby-heading{height:130px;flex:0 0 130px;padding:12px 20px;box-sizing:border-box;background:linear-gradient(90deg,#030b18cc,transparent 65%),url('/assets/lobby-sunset-v2.png') center 43%/cover;margin:0 -12px 10px;border-bottom:1px solid #b8995a66}
.lobby-mode .lobby-heading h1{font-size:32px;color:#fff0cd;margin:6px 0;white-space:normal;text-shadow:0 2px 6px #000}
.lobby-mode .lobby-heading p{font-size:14px;color:#d6dfeb;margin:6px 0}.lobby-mode .lobby-heading .eyebrow{font-size:9px;letter-spacing:2px}
.lobby-mode .lobby-code{right:18px;top:12px;font-size:11px;background:#071320db;border-color:#8296ad66}
.lobby-mode .lobby-code>span{padding:9px}.lobby-mode .lobby-code button{padding:9px;font-size:11px}
.lobby-mode .lobby-grid{flex:1;min-height:0;grid-template-columns:minmax(0,3fr) minmax(300px,1.05fr);grid-template-rows:minmax(0,1fr) 168px;gap:10px}
.lobby-mode .lobby-players{min-height:0;gap:12px}
.lobby-mode .lobby-player{border:1px solid #ab925d;border-radius:8px;background:#091422 url('/assets/lobby-seat-v2.png') center/100% 100% no-repeat;box-shadow:inset 0 0 0 3px #d8bc5120}
.lobby-mode .lobby-player.occupied:not(.cos-lobby){background:#091422 url('/assets/lobby-seat-v2.png') center/100% 100% no-repeat}
.lobby-mode .lobby-player.is-me{border-color:#ffe19b;box-shadow:0 0 8px #dab35855,inset 0 0 0 2px #edd08433}
.lobby-mode .lobby-player:nth-child(2){border-color:#70cfff}.lobby-mode .lobby-player:nth-child(3){border-color:#97cfa3}.lobby-mode .lobby-player:nth-child(4){border-color:#ab9ccd}
.lobby-mode .lobby-player:before{display:none}
.lobby-mode .seat-top{height:34px;flex:0 0 34px;box-sizing:border-box;padding:9px 14px;font-size:11px}
.lobby-mode .seat-name{padding:3px 8px}.lobby-mode .seat-name p{display:none}.lobby-mode .seat-name h2{font-size:18px}
.lobby-mode .seat-name .cos-profile{min-height:55px;gap:8px}.lobby-mode .seat-name .cos-avatar{width:42px;height:42px}
.lobby-mode .seat-display{min-height:100px;margin:0 10px}
.lobby-mode .lobby-hero-art{inset:0 3% 0;width:94%;height:100%;background-position:center bottom;filter:drop-shadow(0 2px 12px #55c7ff35)}
.lobby-mode .seat-pedestal{bottom:5px;height:20px;opacity:.45}
.lobby-mode .seat-state{font-size:14px;padding:7px;margin:0 12px;background:#061a24d9;border:1px solid #70c7ab66;border-radius:20px;color:#a5ffe0}
.lobby-mode .seat-caption{margin:8px 12px 12px;font-size:12px;color:#d5e0ed;min-height:20px}
.lobby-mode .seat-caption button{width:100%;padding:6px;border:1px solid #ae955b66;background:#081728c9;color:#e8d8b4;font-size:12px}
.lobby-mode .vacant{background:linear-gradient(#091422b0,#07101fe8),url('/assets/lobby-seat-v2.png') center/100% 100%;border-style:dashed;opacity:.8}
.lobby-mode .vacant .seat-emblem{width:84px;height:84px;font-size:55px;box-shadow:none;border-color:#53657c;color:#8295ae}
.lobby-mode .lobby-settings,.lobby-mode .lobby-chat,.lobby-mode .lobby-launch{background:#07111e url('/assets/battle-panel-refined-v1.png') center/100% 100%;border-color:#9d8658;border-radius:6px}
.lobby-mode .lobby-settings{padding:16px;overflow:auto;min-height:0;scrollbar-width:thin}
.lobby-mode .lobby-settings h2{font-size:19px;margin:0 0 12px;padding-bottom:10px}
.lobby-mode .lobby-setting{margin:11px 0;display:block}.lobby-mode .lobby-setting label{display:block;font-size:12px;margin-bottom:5px}
.lobby-mode .lobby-setting>div,.lobby-mode .lobby-setting select{width:100%}.lobby-mode .lobby-setting button,.lobby-mode .lobby-setting select{font-size:13px;padding:8px;border-radius:6px}
.lobby-mode .lobby-setting button.selected{border-color:#48eac1;color:#cffff0;background:linear-gradient(#0b453c,#09282b);box-shadow:inset 0 0 12px #35dabc22}
.lobby-mode .lobby-host-note{font-size:10px}.lobby-mode .lobby-map{display:block;margin-top:10px;padding-top:10px;position:relative}
.lobby-mode .lobby-map-art{height:94px;width:100%;background-position:center;border-color:#aa956a}.lobby-mode .lobby-map h3{font-size:14px;margin:8px 0}.lobby-mode .lobby-map p{display:none}.lobby-mode .lobby-map ul{font-size:10px;line-height:1.6;margin:4px 0}
.lobby-mode .lobby-chat{padding:12px 16px}.lobby-mode .lobby-chat h2{font-size:15px}.lobby-mode #lobby-chat-form input{min-width:0}
.lobby-mode .lobby-launch{padding:14px}.lobby-mode .lobby-launch>div{font-size:14px;gap:12px}.lobby-mode .lobby-launch strong{color:#ffe1a0;font-size:24px}
.lobby-mode .lobby-launch .primary:not(:disabled){background:linear-gradient(#ffe5a0,#dcaa49);color:#32200a;border:1px solid #fff0ba;box-shadow:0 0 12px #edc16855;font-weight:800}
.lobby-mode .lobby-launch .primary{font-size:16px;padding:13px;width:100%}.lobby-mode .lobby-footer{display:none}
@media(max-width:900px){.lobby-mode .lobby-screen{height:auto;min-height:100vh;overflow:visible}.lobby-mode .lobby-grid{grid-template-columns:1fr;grid-template-rows:auto}.lobby-mode .lobby-players{min-height:430px;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-mode .lobby-player{min-height:400px}.lobby-mode .lobby-heading{height:180px;flex-basis:180px;align-items:flex-start}.lobby-mode .lobby-code{top:auto;bottom:10px;left:16px;right:auto;max-width:calc(100% - 32px);flex-wrap:wrap}.lobby-mode .lobby-chat{height:180px}.lobby-mode .lobby-settings{overflow:visible}.lobby-mode .lobby-top{padding:0 14px;gap:14px}}

/* Moonlit castle shell. Player card artwork and cosmetics are unchanged. */
.lobby-mode .lobby-screen{background:linear-gradient(#03101a18,#02091244),url('/assets/lobby-sunset-v2.png?v=3') center/cover}
.lobby-mode .lobby-top{background:#030d19aa;border-bottom:1px solid #cda45488;padding:0 30px}.lobby-mode .lobby-logo{color:#ffe7a1;text-shadow:0 2px 10px #000}.lobby-mode .lobby-top>button{border:1px solid #bda166;border-radius:3px;color:#f8e9c7;background:#05111de0;padding:10px 22px}
.lobby-mode .lobby-heading{background:linear-gradient(90deg,#05101a80,transparent);border:0;height:130px;flex-basis:130px;margin-bottom:8px}.lobby-mode .lobby-heading h1{font-size:40px;color:#fff1cd}.lobby-mode .lobby-heading .eyebrow{display:none}.lobby-mode .lobby-code{top:36px;right:22px;border:1px solid #b99b58;border-radius:4px;color:#ffeac1;background:#06101edb}.lobby-mode .lobby-code button{color:#efe5cd;background:#101e30}
.lobby-mode .lobby-grid{grid-template-columns:minmax(0,2.2fr) minmax(380px,1fr);gap:16px;grid-template-rows:minmax(0,1fr) 168px}
.lobby-mode .lobby-settings,.lobby-mode .lobby-chat,.lobby-mode .lobby-launch{border:1px solid #c4a363;border-radius:6px;background:linear-gradient(120deg,#091725ed,#030d19f5);box-shadow:inset 0 0 0 3px #b18a3922,0 5px 18px #0006}
.lobby-mode .lobby-settings{padding:20px}.lobby-mode .lobby-settings h2{font-size:23px;color:#fff0cb;border-bottom:1px solid #a2854455;margin:0 0 12px;padding:0 0 13px}.lobby-mode .lobby-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #657b8b33}.lobby-mode .lobby-setting label{flex:0 0 95px;font-size:14px;color:#e5edf3;margin:0}.lobby-mode .lobby-setting>div,.lobby-mode .lobby-setting select{flex:1;min-width:0;width:auto}.lobby-mode .lobby-setting button{min-height:37px;border-color:#637083;border-radius:3px;background:#091421;color:#cedae4}.lobby-mode .lobby-setting button.selected{background:linear-gradient(#125375,#072738);border-color:#4de7ff;color:#d8faff;box-shadow:inset 0 0 12px #39dfff55,0 0 5px #2ab5d044}.lobby-mode .lobby-host-note{color:#a5b8c6}
.lobby-mode .lobby-map{margin-top:8px;padding-top:8px}.lobby-mode .lobby-map-art{height:clamp(95px,13vh,150px);border-color:#b39552}.lobby-mode .lobby-map h3{font-size:17px;color:#f9e6bd;margin:9px 0}.lobby-mode .lobby-map ul{display:none}.lobby-mode-info{margin-top:10px;padding:12px;border:1px solid #ad8b4d;border-radius:4px;background:linear-gradient(100deg,#28302077,#0a1725)}.lobby-mode-info strong{color:#ffe29b;font-size:17px}.lobby-mode-info p{font-size:12px;line-height:1.7;color:#d1dce5;margin:6px 0 0}
.lobby-mode .lobby-chat h2{color:#f3e7cc}.lobby-mode #lobby-chat-form input{border:1px solid #74808e;border-radius:4px;background:#050e1bcc}.lobby-mode #lobby-chat-form button{background:linear-gradient(#16395a,#0c2136);border:1px solid #68a6d1;border-radius:3px}.lobby-mode .lobby-launch .primary{clip-path:polygon(3% 0,97% 0,100% 20%,100% 80%,97% 100%,3% 100%,0 80%,0 20%);min-height:54px;font-size:23px;letter-spacing:1px}.lobby-mode .lobby-launch .primary:not(:disabled){background:linear-gradient(#fff0bc,#f8d47e 45%,#c99638);border:2px solid #fff0b4;box-shadow:inset 0 0 0 3px #9e713799;color:#2b1904}.lobby-mode .lobby-launch>small{font-size:12px;color:#b2c2d0}
@media(max-width:900px){.lobby-mode .lobby-grid{grid-template-columns:1fr;grid-template-rows:auto}.lobby-mode .lobby-heading{height:170px;flex-basis:170px}.lobby-mode .lobby-heading h1{font-size:30px}.lobby-mode .lobby-code{top:auto;bottom:8px}.lobby-mode .lobby-settings{overflow:visible}.lobby-mode .lobby-launch{min-height:160px}.lobby-mode .lobby-map-art{height:150px}}