:root{--cream:#fff7dc;--ink:#122b35;--green:#06463d;--jade:#0d6b59;--orange:#f26b58;--yellow:#ffe08a;--pink:#ff9ca1}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--cream);font-family:"Chakra Petch","Noto Sans Thai",sans-serif;background:#052d2a url("assets/jubmoo-lobby-background.png") center/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#042622bb,transparent 42%,#042622a8),radial-gradient(circle at 50% 50%,transparent 40%,#021b1ae3 105%)}.lobby-shell{position:relative;width:min(1280px,100%);min-height:100vh;margin:auto;padding:22px 28px 36px}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #ffe8ad61}.brand{display:grid;grid-template-columns:40px auto;grid-template-rows:24px 14px;column-gap:8px;color:var(--cream);text-decoration:none}.brand span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border:2px solid #ffd47d;border-radius:9px;background:#ec8072;font-size:25px;box-shadow:3px 3px #7a3c41}.brand strong{font:800 28px/24px "Noto Sans Thai",sans-serif;color:#ffe17d;text-shadow:2px 2px #8a4242}.brand small{font-size:9px;letter-spacing:2px}.network-status,.solo-link{padding:8px 11px;border:1px solid #f8d87792;border-radius:6px;background:#072f2ad4;color:#ffe7a8;font-size:11px;letter-spacing:1px}.network-status i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#8dff8c;box-shadow:0 0 10px #8dff8c}.solo-link{color:#fff4d0;text-decoration:none}.lobby-hero{width:min(650px,100%);padding:62px 0 30px}.eyebrow,.arcade-panel>small{color:#ffdb7e;font-size:11px;font-weight:700;letter-spacing:2px}.lobby-hero h1{margin:9px 0 10px;font:800 clamp(48px,9vw,96px)/.77 "Noto Sans Thai",sans-serif;color:#fff2bf;text-shadow:5px 5px 0 #7c3c3d}.lobby-hero h1 em{color:#ff8b85;font-style:normal}.lobby-hero p:last-child{max-width:490px;margin:17px 0 0;font-size:16px;line-height:1.6;color:#fffae8}.lobby-grid{display:grid;grid-template-columns:1.3fr .9fr;grid-template-areas:"tables create" "tables join";gap:16px}.arcade-panel{padding:22px;border:1px solid #f7d175a3;border-radius:14px;background:linear-gradient(135deg,#062f2de8,#10473fea);box-shadow:0 12px 22px #0214128a,0 0 0 5px #df71481c;backdrop-filter:blur(4px)}.tables-panel{grid-area:tables}.create-panel{grid-area:create}.join-panel{grid-area:join}.panel-heading{display:flex;align-items:center;justify-content:space-between}.arcade-panel h2{margin:3px 0 16px;font:800 25px/1 "Noto Sans Thai",sans-serif;color:#fff0b3}.icon-button{width:34px;height:34px;border:1px solid #ffdf8d;border-radius:50%;background:#eb7567;color:#fff;font-size:20px;cursor:pointer}.room-list{display:grid;gap:9px;min-height:188px;margin:0;padding:0;list-style:none}.room-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #eac97078;border-radius:9px;background:#0c4e43cc}.room-list strong{display:block;color:#fff3bd;font-size:14px}.room-list span{display:block;margin-top:3px;color:#d3ead9;font-size:11px}.room-list button,.primary-action,.secondary-action{border:0;border-radius:6px;padding:10px 12px;color:#fffaf0;cursor:pointer;font:700 10px "Chakra Petch",sans-serif;letter-spacing:1px}.room-list button{background:#e46b59;box-shadow:2px 2px #7e3941}.panel-status{display:block;min-height:18px;margin-top:11px;color:#dff9e6;font-size:11px;line-height:1.3}label{display:grid;gap:5px;margin-top:10px;color:#fff1bd;font-size:11px;letter-spacing:.5px}input,select{width:100%;border:1px solid #efd47f;border-radius:6px;padding:10px;background:#073b35;color:#fff9e8;font:600 13px "Chakra Petch",sans-serif}select option{background:#073b35}.primary-action,.secondary-action{width:100%;margin-top:16px}.primary-action{background:linear-gradient(#ff7968,#d94a53);box-shadow:3px 3px #74313d}.secondary-action{background:linear-gradient(#158a70,#096450);box-shadow:3px 3px #043a31}.join-panel p{margin:0 0 12px;color:#d7f1db;font-size:12px;line-height:1.45}.how-it-works{display:flex;align-items:center;justify-content:center;gap:16px;margin:26px 0 0;color:#ffeab1;font-size:10px;font-weight:700;letter-spacing:.8px;text-align:center}.how-it-works i{color:#ff987c;font-size:17px;font-style:normal}@media(max-width:760px){.lobby-shell{padding:16px}.network-status{display:none}.lobby-grid{grid-template-columns:1fr;grid-template-areas:"create" "join" "tables"}.lobby-hero{padding:44px 0 25px}.lobby-hero h1{font-size:59px}.how-it-works{flex-wrap:wrap;gap:8px}.how-it-works i{display:none}}@media(max-width:400px){.solo-link{font-size:0}.solo-link:after{content:"SOLO";font-size:10px}.brand strong{font-size:23px}.lobby-hero h1{font-size:48px}}