:root{--ms-gold: #c4a44a;--ms-gold-soft: #e0d5a8;--ms-gold-lit: #f3e2ab;--ms-accent: #8ab4f8;--ms-team-red: #ff4444;--ms-team-blue: #4488ff;--ms-ok: #7dd37d;--ms-danger: #ee8888;--ms-surface-1: rgba(255, 255, 255, .04);--ms-surface-2: rgba(255, 255, 255, .06);--ms-surface-3: rgba(255, 255, 255, .12);--ms-line-1: rgba(255, 255, 255, .08);--ms-line-2: rgba(255, 255, 255, .15);--ms-line-3: rgba(255, 255, 255, .2);--ms-radius-sm: 3px;--ms-radius: 4px;--ms-radius-lg: 10px;--ms-font: "Segoe UI", Arial, sans-serif;--ms-dur-hover: .15s;--ms-dur-enter: .5s;--ms-ease-out: cubic-bezier(.22, .61, .36, 1);--ms-drift: 90s;--ms-motes: 42s;--ms-float: 7s;--ms-shimmer: 9s;--ms-pulse: 2.8s;--ms-ambient-ink: rgba(255, 255, 255, 1);--ms-ambient-alpha: .03}#menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 50%,rgba(20,60,10,.6) 0%,transparent 60%),radial-gradient(ellipse at 70% 40%,rgba(10,30,50,.4) 0%,transparent 50%),linear-gradient(180deg,#0c1a08,#0a1210 40%,#080e14);color:#fff;z-index:100;overflow-y:auto}#menu .menu-inner{display:flex;align-items:center;gap:clamp(32px,5vw,80px);padding:24px;max-width:900px}#menu .menu-brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}#menu .logo{width:min(160px,22vh,20vw);height:min(160px,22vh,20vw);filter:drop-shadow(0 4px 20px rgba(0,0,0,.7))}.menu-title{font-size:clamp(18px,3vh,28px);font-weight:700;letter-spacing:3px;margin-top:12px;color:#c4a44a;text-shadow:0 2px 8px rgba(0,0,0,.8);text-transform:uppercase}#menu .menu-nav{display:flex;flex-direction:column;gap:10px}#menu .option-group{margin-bottom:16px;text-align:center}#menu .option-group label{display:block;font-size:13px;opacity:.7;margin-bottom:6px}#menu .btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#menu button{padding:8px 20px;font-size:15px;border:2px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0f;color:#ddd;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:1px}#menu button:hover{background:#ffffff1f;border-color:#fff6;color:#fff}#menu button.selected{background:#50c85040;border-color:#64c85099;color:#fff}#menu .nav-btn{width:240px;padding:14px 24px;font-size:clamp(15px,2vh,18px);font-weight:700;text-align:left;border:1px solid rgba(196,164,74,.25);border-left:3px solid rgba(196,164,74,.5);background:#c4a44a0f;color:#e0d5a8}#menu .nav-btn:hover{background:#c4a44a26;border-color:#c4a44a80;border-left-color:#c4a44a;color:#fff}#menu .nav-btn .nav-hint{display:block;font-size:11px;font-weight:400;opacity:.5;letter-spacing:0;text-transform:none;margin-top:2px}@media(max-width:640px),(max-height:480px){#menu .menu-inner{flex-direction:column;gap:16px}#menu .nav-btn{width:200px;padding:10px 16px;text-align:center}}#lobby-panel{display:none;position:absolute;inset:0;background:radial-gradient(ellipse at 40% 30%,rgba(15,25,60,.5) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(25,10,40,.4) 0%,transparent 50%),linear-gradient(180deg,#080e18,#0a0e16 40%,#0c0a14);color:#fff;z-index:100;flex-direction:column;align-items:center;justify-content:center;font-family:var(--ms-font);overflow-y:auto;padding:clamp(8px,2.5vh,24px)}#lobby-chat-messages{height:clamp(84px,18vh,190px)}#lobby-room-name{font-size:clamp(15px,2.4vh,20px);margin-bottom:clamp(4px,1.4vh,12px)}#lobby-status{margin-bottom:clamp(4px,1.4vh,12px)}#lobby-nickname{margin-bottom:clamp(6px,2vh,16px)}#lobby-panel h2{color:#c4a44a;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:3px;text-transform:uppercase;font-size:clamp(22px,3.5vh,32px)}#lobby-settings{text-align:left!important}#lobby-settings>div{margin-bottom:10px;display:flex;align-items:center;gap:8px}#lobby-settings span{font-size:13px;opacity:.6;min-width:80px}#lobby-settings button{padding:5px 12px;font-size:13px;border:1px solid rgba(196,164,74,.2);border-radius:3px;background:#ffffff0a;color:#ccc;cursor:pointer;transition:all .12s}#lobby-settings button:hover{background:#c4a44a1f;color:#fff}#lobby-settings button.selected{background:#c4a44a26;border-color:#c4a44a80;color:#e0d5a8}#lobby-players{display:flex;gap:clamp(24px,5vw,100px);justify-content:center;margin-bottom:clamp(12px,2vh,24px);width:100%}#lobby-players>div{flex:1;min-width:140px}#lobby-red-header,#lobby-blue-header{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}#lobby-room-actions{display:flex;gap:clamp(6px,1.5vw,16px);justify-content:center;margin-top:8px;flex-wrap:wrap;max-width:100%}#lobby-room-actions button{padding:clamp(6px,1.2vh,12px) clamp(14px,2.5vw,40px)}#lobby-room-actions button{padding:12px 40px;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}#lobby-start-btn{border:2px solid rgba(196,164,74,.5)!important;background:#c4a44a26!important;color:#e0d5a8!important}#lobby-start-btn:hover{background:#c4a44a4d!important;color:#fff!important}@media(max-height:800px)and (min-width:769px){#menu .logo{width:min(140px,20vh);height:min(140px,20vh)}#menu .nav-btn{padding:10px 20px}#lobby-panel h2{font-size:24px!important;margin-bottom:10px!important}#lobby-chat-messages{height:100px!important}}@media(max-width:768px),(max-height:420px){#menu .logo{width:min(120px,18vh);height:min(120px,18vh);margin-bottom:4px}#menu .menu-title{font-size:clamp(14px,2.4vh,20px);margin-top:6px}#menu .menu-nav{gap:6px}#menu .nav-btn{padding:8px 16px;font-size:clamp(13px,1.8vh,15px)}#menu .nav-btn .nav-hint{display:none}#menu>div{flex-wrap:wrap;justify-content:center}#lobby-panel{padding:16px 12px 12px!important;overflow-y:auto!important;align-items:center!important;justify-content:flex-start!important}#lobby-panel h2{font-size:18px!important;margin-bottom:6px!important}#lobby-list,#lobby-room,#lobby-create-form,#lobby-nickname{width:90vw!important;max-width:none!important}#lobby-buttons{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}#lobby-buttons button{padding:6px 12px!important;font-size:12px!important}#auth-guest input,#auth-login input,#auth-register input{width:100%!important;max-width:240px!important;font-size:14px!important;padding:8px 12px!important}#auth-guest button,#auth-login button,#auth-register button{padding:8px 14px!important;font-size:13px!important}#auth-tabs button{padding:5px 10px!important;font-size:11px!important}#lobby-settings{padding:0!important}#lobby-settings>div{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important;justify-content:center!important;margin-bottom:6px!important}#lobby-settings span{font-size:11px!important}#lobby-settings button{padding:4px 8px!important;font-size:11px!important}#lobby-settings span[id$=-btns]{display:inline-flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px!important}#lobby-players{gap:12px!important;font-size:13px!important}#lobby-room button{padding:6px 14px!important;font-size:13px!important}#lobby-create-form input{width:100%!important;font-size:13px!important;padding:6px 10px!important}#lobby-create-form button{padding:6px 12px!important;font-size:12px!important}.lobby-size-btn{padding:3px 8px!important;font-size:11px!important}#lobby-chat{width:90vw!important;max-width:360px!important}#lobby-chat-messages{height:100px!important;font-size:12px!important}}@media(max-height:400px){#menu .logo{width:min(72px,14vh);height:min(72px,14vh)}#menu .menu-title{font-size:13px;letter-spacing:2px;margin-top:4px}#menu .menu-nav{gap:4px}#menu .nav-btn{padding:5px 14px;font-size:13px}#lobby-panel{padding:8px 6px 6px!important;justify-content:flex-start!important;overflow-y:auto!important}#lobby-panel h2{font-size:14px!important;margin-bottom:2px!important}#lobby-status{font-size:10px!important;margin-bottom:4px!important}#lobby-settings{margin-bottom:4px!important}#lobby-settings>div{margin-bottom:2px!important}#lobby-nickname{margin-bottom:6px!important}#lobby-nickname input{padding:5px 10px!important;font-size:13px!important}#lobby-nickname button{padding:5px 10px!important;font-size:12px!important}#lobby-players{margin-bottom:6px!important}#lobby-buttons{margin-top:6px!important}}#lobby-room-and-chat,.lobby-room-body{display:contents}@media(min-width:1000px)and (min-height:450px){#lobby-panel{overflow-y:auto!important;padding:24px!important}#lobby-room{width:90vw!important;max-width:1200px!important}.lobby-room-body{display:flex!important;flex-direction:row!important;gap:32px!important;align-items:flex-start!important;justify-content:center!important;margin-bottom:16px!important}.lobby-room-body #lobby-settings{flex:0 1 auto!important;min-width:260px!important;text-align:left!important;padding-right:24px!important;border-right:1px solid rgba(255,255,255,.1)!important}.lobby-room-body #lobby-settings>div{margin-bottom:12px!important}.lobby-room-body #lobby-settings span[id$=-btns]{flex-wrap:wrap!important}.lobby-room-body #lobby-players{flex:0 0 auto!important;min-width:180px!important}#lobby-list{width:min(60vw,700px)!important;max-height:clamp(130px,34vh,300px)!important}#lobby-room-and-chat{display:flex!important;flex-direction:row!important;gap:24px!important;align-items:flex-start!important;justify-content:center!important}#lobby-room-and-chat #lobby-room{flex:1 1 auto!important;max-width:900px!important}#lobby-room-and-chat #lobby-chat{flex:0 0 320px!important;width:320px!important;margin-top:0!important}}#menu #changelog-link{position:absolute;bottom:14px;right:16px;padding:5px 12px;font-size:12px;letter-spacing:1px;text-transform:none;border:1px solid rgba(196,164,74,.25);border-radius:999px;background:#c4a44a0f;color:#b8a464;cursor:pointer;transition:all .15s}#menu #changelog-link:hover{background:#c4a44a26;border-color:#c4a44a80;color:#fff}#menu #changelog-badge{color:#7dd37d;font-size:9px;vertical-align:middle;margin-left:6px;text-shadow:0 0 6px rgba(125,211,125,.8)}#changelog-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#000000bf;z-index:120;padding:24px}#changelog-overlay .cl-box{width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#10160e,#0b0f15);border:1px solid rgba(196,164,74,.35);border-radius:10px;box-shadow:0 12px 48px #0009;color:#e8e2cf;font-family:Segoe UI,Arial,sans-serif}#changelog-overlay .cl-box-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(196,164,74,.2)}#changelog-overlay .cl-box-title{font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c4a44a}#changelog-overlay .cl-close{background:none;border:none;color:#999;font-size:30px;line-height:1;cursor:pointer;padding:0 6px}#changelog-overlay .cl-close:hover{color:#fff}#changelog-overlay .cl-content{padding:4px 20px 20px;overflow-y:auto}#changelog-overlay .cl-entry{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}#changelog-overlay .cl-entry:last-child{border-bottom:none}#changelog-overlay .cl-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}#changelog-overlay .cl-version{font-weight:700;color:#c4a44a;font-size:16px}#changelog-overlay .cl-date{font-size:12px;opacity:.5}#changelog-overlay .cl-title{font-size:15px;font-weight:600;margin-bottom:8px;color:#fff}#changelog-overlay .cl-items{list-style:none;display:flex;flex-direction:column;gap:7px}#changelog-overlay .cl-items li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;opacity:.9}#changelog-overlay .cl-items li:before{content:"▸";position:absolute;left:0;color:#c4a44a;opacity:.8}#changelog-overlay .cl-items a{color:#d8b95a;text-decoration:underline}#changelog-overlay .cl-items a:hover{color:#fff}.ms-ambient:before{content:"";position:fixed;inset:-8% -12%;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,var(--ms-ambient-alpha)) calc(50% - 1px),rgba(255,255,255,var(--ms-ambient-alpha)) calc(50% + 1px),transparent calc(50% + 1px)),radial-gradient(circle at 50% 50%,transparent 0 21vh,rgba(255,255,255,var(--ms-ambient-alpha)) 21vh 21.3vh,transparent 21.3vh),repeating-linear-gradient(97deg,rgba(255,255,255,.016) 0 90px,transparent 90px 180px);animation:msDrift var(--ms-drift) ease-in-out infinite alternate}.ms-ambient:after{content:"";position:fixed;inset:-12% 0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 11% 78%,rgba(255,255,255,.1) 0 1.5px,transparent 2.5px),radial-gradient(circle at 26% 31%,rgba(255,255,255,.07) 0 2px,transparent 3px),radial-gradient(circle at 38% 62%,rgba(255,255,255,.09) 0 1px,transparent 2px),radial-gradient(circle at 54% 18%,rgba(255,255,255,.06) 0 2px,transparent 3px),radial-gradient(circle at 63% 87%,rgba(255,255,255,.08) 0 1.5px,transparent 2.5px),radial-gradient(circle at 79% 44%,rgba(255,255,255,.07) 0 2px,transparent 3px),radial-gradient(circle at 88% 12%,rgba(255,255,255,.09) 0 1px,transparent 2px),radial-gradient(circle at 93% 69%,rgba(255,255,255,.06) 0 1.5px,transparent 2.5px);animation:msMotes var(--ms-motes) ease-in-out infinite alternate}#lobby-panel:before,#lobby-panel:after{opacity:.75}#menu .menu-inner,#menu #changelog-link,#lobby-panel>*{position:relative;z-index:1}@keyframes msDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3.5%,-1.2%,0) scale(1.04)}}@keyframes msMotes{0%{transform:translate3d(0,3%,0)}to{transform:translate3d(1%,-5%,0)}}#menu .logo{animation:msFloat var(--ms-float) ease-in-out infinite alternate}@keyframes msFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.menu-title{background:linear-gradient(100deg,var(--ms-gold) 42%,var(--ms-gold-lit) 50%,var(--ms-gold) 58%);background-size:320% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));animation:msShimmer var(--ms-shimmer) ease-in-out infinite}@keyframes msShimmer{0%,62%{background-position:100% 0}92%,to{background-position:0 0}}#menu .menu-brand,#menu .nav-btn{animation:msRise var(--ms-dur-enter) var(--ms-ease-out) both}#menu .nav-btn:nth-child(1){animation-delay:.06s}#menu .nav-btn:nth-child(2){animation-delay:.12s}#menu .nav-btn:nth-child(3){animation-delay:.18s}#menu .nav-btn:nth-child(4){animation-delay:.24s}@keyframes msRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#menu .nav-btn{transition:all var(--ms-dur-hover) var(--ms-ease-out)}#menu .nav-btn:hover{transform:translate(3px);box-shadow:-7px 0 20px -9px #c4a44abf}#lobby-header,#lobby-nickname,#lobby-list,#lobby-room,#lobby-chat,#lobby-create-form{animation:msRise var(--ms-dur-enter) var(--ms-ease-out) both}#lobby-room{animation-delay:.05s}#lobby-chat{animation-delay:.1s}#lobby-red-header>span:first-child,#lobby-blue-header>span:first-child{animation:msPulse var(--ms-pulse) ease-in-out infinite}@keyframes msPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}#menu{align-items:safe center;justify-content:safe center}#lobby-panel{justify-content:safe center}#lobby-red-slots>div,#lobby-blue-slots>div{min-height:clamp(26px,4vh,44px)!important;padding-top:clamp(3px,.7vh,10px)!important;padding-bottom:clamp(3px,.7vh,10px)!important;margin:clamp(1px,.3vh,5px) 0!important}.lobby-slot{padding:4px 8px;margin:2px 0;border:1px solid transparent;border-radius:var(--ms-radius-sm);font-size:14px;transition:transform var(--ms-dur-hover) var(--ms-ease-out),box-shadow var(--ms-dur-hover) var(--ms-ease-out),border-color var(--ms-dur-hover) var(--ms-ease-out)}.lobby-slot--red{border-color:#ff44444d;background:#ff44441a}.lobby-slot--blue{border-color:#4488ff4d;background:#4488ff1a}.lobby-slot--red.is-empty{border-color:#f443;background:#ff44440d}.lobby-slot--blue.is-empty{border-color:#48f3;background:#4488ff0d}.lobby-slot.is-empty{cursor:pointer}.lobby-slot.is-me{border-color:#ffc83299;background:#ffc83226}.lobby-slot-note{font-size:12px}.lobby-slot-kick{cursor:pointer;color:#ff6464cc;font-weight:700;margin-left:6px}.lobby-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:4px 0;border:1px solid var(--ms-line-3);border-radius:var(--ms-radius);background:#ffffff0d;cursor:pointer}.lobby-row-name{font-weight:700}.lobby-row-tag{font-size:11px;color:var(--ms-ok);margin-left:6px}.lobby-row-count{font-size:12px;opacity:.6}.lobby-row-btn{padding:4px 12px;font-size:14px;border:1px solid rgba(100,150,255,.5);border-radius:var(--ms-radius);background:#3264c84d;color:#fff;cursor:pointer;font-family:var(--ms-font)}.lobby-row-btn.is-watch{border-color:#50c85080;background:#2896284d}.lobby-slot:hover{transform:translate(2px)}.lobby-slot.is-empty:hover{border-color:var(--ms-line-3)}.lobby-slot.is-me{animation:msMeGlow 3.4s ease-in-out infinite}@keyframes msMeGlow{0%,to{box-shadow:0 0 #ffc83200}50%{box-shadow:0 0 14px -2px #ffc83259}}#lobby-list>div[data-lobby-id]{transition:transform var(--ms-dur-hover) var(--ms-ease-out),box-shadow var(--ms-dur-hover) var(--ms-ease-out),border-color var(--ms-dur-hover) var(--ms-ease-out)}#lobby-list>div[data-lobby-id]:hover{transform:translateY(-1px);border-color:#8ab4f873;box-shadow:0 5px 16px -8px #000c}#lobby-buttons button,#lobby-room-actions button,#lobby-settings button,#lobby-create-form button,#auth-tabs button,#auth-guest button,#auth-login button,#auth-register button{transition:transform var(--ms-dur-hover) var(--ms-ease-out),background var(--ms-dur-hover) var(--ms-ease-out),border-color var(--ms-dur-hover) var(--ms-ease-out),color var(--ms-dur-hover) var(--ms-ease-out)}#lobby-buttons button:hover,#lobby-room-actions button:hover,#lobby-create-form button:hover,#auth-guest button:hover,#auth-login button:hover,#auth-register button:hover{transform:translateY(-1px)}#lobby-start-btn{animation:msReady 3.2s ease-in-out infinite}@keyframes msReady{0%,to{box-shadow:0 0 #8ab4f800}50%{box-shadow:0 0 18px -4px #8ab4f873}}#lobby-panel input[type=text],#lobby-panel input[type=email],#lobby-panel input[type=password]{transition:border-color var(--ms-dur-hover) var(--ms-ease-out),background var(--ms-dur-hover) var(--ms-ease-out)}#lobby-panel input:focus{border-color:#8ab4f88c!important;background:var(--ms-surface-2)!important}@media(prefers-reduced-motion:reduce){#menu,#menu *,#menu:before,#menu:after,#lobby-panel,#lobby-panel *,#lobby-panel:before,#lobby-panel:after{animation:none!important;transition-duration:.01ms!important}#menu .menu-brand,#menu .nav-btn,#lobby-header,#lobby-nickname,#lobby-list,#lobby-room,#lobby-chat,#lobby-create-form{opacity:1;transform:none}}