:root{--page-cream:#fff7dc;--page-green:#063f38;--page-ink:#082c2a;--page-gold:#ffe08a;--page-coral:#f26b58;--page-mint:#b9ffe0}*{box-sizing:border-box}body.multiplayer-page{min-height:100vh;margin:0;color:var(--page-cream);font-family:"Chakra Petch","Noto Sans Thai",sans-serif;background:#063f38 url("assets/jubmoo-lobby-background.png") center/cover fixed no-repeat}.multiplayer-page .page-shell{position:relative;width:min(1280px,100%);min-height:100vh;margin:auto;padding:22px 28px 38px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #ffe8ad8a}.page-brand{display:grid;grid-template-columns:40px auto;grid-template-rows:24px 14px;column-gap:8px;flex:none;color:var(--page-cream);text-decoration:none}.page-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}.page-brand strong{font:800 28px/24px "Noto Sans Thai",sans-serif;color:#ffe17d;text-shadow:2px 2px #8a4242}.page-brand small{font-size:9px;letter-spacing:2px}.page-kicker{margin-left:auto;color:#fff0b7;font-size:10px;font-weight:700;letter-spacing:1.6px;text-align:right}.page-kicker i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#94ff9b;box-shadow:0 0 9px #94ff9b}.page-nav{display:flex;gap:6px;align-items:stretch}.page-nav a{display:flex;align-items:center;gap:5px;min-width:72px;padding:7px 8px;border:1px solid #ffe59a80;border-radius:7px;background:#073b35d9;color:#fff5cb;text-decoration:none;font-size:10px;line-height:1}.page-nav a:hover,.page-nav a[aria-current="page"]{border-color:#ffe082;background:#d75654;color:#fffdf1;box-shadow:0 2px 0 #773640}.page-nav i{font-style:normal;font-size:14px}.page-nav span{display:grid;gap:3px}.page-nav small{color:inherit;font-size:6px;letter-spacing:.6px;opacity:.75}.page-hero{padding:48px 0 26px}.page-eyebrow{margin:0;color:#ffdd85;font-size:11px;font-weight:700;letter-spacing:2px}.page-hero h1{margin:8px 0 6px;font:800 clamp(42px,7vw,76px)/.87 "Noto Sans Thai",sans-serif;color:#fff2bf;text-shadow:5px 5px #79403e}.page-hero h1 em{color:#ff8d86;font-style:normal}.page-hero p:last-child{max-width:600px;margin:15px 0 0;color:#fff8de;font-size:15px;line-height:1.6}.page-panel{padding:24px;border:1px solid #ffe08aaf;border-radius:15px;background:linear-gradient(135deg,#073b36eb,#0d594bea);box-shadow:0 12px 26px #03171593,0 0 0 5px #dc735222;backdrop-filter:blur(4px)}.page-panel h2{margin:3px 0 14px;color:#fff0b3;font:800 27px/1 "Noto Sans Thai",sans-serif}.page-panel p{line-height:1.55}.page-status{display:block;min-height:18px;margin-top:12px;color:var(--page-mint);font-size:11px}.page-button{border:0;border-radius:7px;padding:11px 14px;background:linear-gradient(#ff7968,#d94a53);box-shadow:3px 3px #74313d;color:#fffaf0;cursor:pointer;font:700 11px "Chakra Petch",sans-serif;letter-spacing:1px}.page-button:disabled{cursor:wait;filter:grayscale(.45)}.page-label{display:grid;gap:6px;margin:12px 0;color:#fff0bd;font-size:11px;letter-spacing:.5px}.page-input{width:100%;border:1px solid #efd47f;border-radius:7px;padding:11px;background:#073b35;color:#fff9e8;font:600 14px "Chakra Petch",sans-serif}.page-footer{margin-top:26px;color:#fff0bc;font-size:10px;letter-spacing:1px;text-align:center}@media(max-width:1050px){.page-header{flex-wrap:wrap}.page-kicker{margin-left:auto}.page-nav{order:3;width:100%;overflow-x:auto;padding-bottom:3px}.page-nav a{min-width:96px}}@media(max-width:620px){.multiplayer-page .page-shell{padding:16px}.page-kicker{display:none}.page-brand strong{font-size:24px}.page-hero{padding:39px 0 21px}.page-hero h1{font-size:48px}.page-nav a{min-width:74px;padding:7px 5px;justify-content:center}.page-nav a span{display:none}.page-panel{padding:18px}.page-panel h2{font-size:23px}}