*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a14;color:#fff;font-family:Segoe UI,sans-serif;min-height:100vh}.welcome-container{background:#0a0a14;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem}.welcome-container,.welcome-content{align-items:center;display:flex;position:relative}.welcome-content{flex-direction:column;max-width:380px;width:100%;z-index:1}.subtitle{margin:0 0 36px}.card{background:#ffffff0a;border:.5px solid #ffffff1a;border-radius:14px;padding:28px 28px 32px;width:100%}.card-label{color:#ffffff80;font-size:14px;margin:0 0 20px;text-align:center}.input-wrapper{margin-bottom:20px;position:relative}.input-icon{left:14px;position:absolute;top:50%;transform:translateY(-50%)}.username-input{background:#ffffff0f;border:.5px solid #ffffff26;border-radius:8px;color:#fff;font-family:inherit;font-size:15px;outline:none;padding:12px 14px 12px 40px;transition:border-color .2s;width:100%}.username-input::placeholder{color:#ffffff40}.username-input:focus{border-color:#1d9e7580}.username-input.error{border-color:#e24b4a99}.error-msg{color:#e24b4a;font-size:12px;margin:-14px 0 14px 4px}.enter-btn{background:#1d9e75;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.3px;padding:13px;transition:background .2s,transform .1s;width:100%}.enter-btn:hover{background:#22b585}.enter-btn:active{transform:scale(.98)}.no-account{color:#ffffff73;font-size:12px;margin:20px 0 0}.credit{margin:10px 0 0}.lobby-container{background:#0a0a14;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem}.lobby-container,.lobby-content{align-items:center;display:flex;position:relative}.lobby-content{flex-direction:column;max-width:480px;width:100%;z-index:1}.subtitle{margin:0 0 18px}.username-badge{padding:6px 14px}.mode-label{color:#ffffff80;font-size:15px;margin:0 0 16px}.mode-cards{flex-direction:column;gap:12px;margin-bottom:24px}.mode-card,.mode-cards{display:flex;width:100%}.mode-card{align-items:center;background:#ffffff0a;border-radius:12px;cursor:pointer;font-family:inherit;gap:16px;overflow:hidden;padding:18px 20px;position:relative;text-align:left;transition:background .2s,transform .1s}.mode-card--purple{border:.5px solid #7f77dd59}.mode-card--teal{border:.5px solid #1d9e7559}.mode-card:hover{background:#ffffff12}.mode-card:active{transform:scale(.99)}.card-accent{border-radius:12px 0 0 12px;bottom:0;left:0;position:absolute;top:0;width:3.5px}.card-accent--purple{background:#7f77dd}.card-accent--teal{background:#1d9e75}.card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.card-icon--purple{background:#7f77dd26}.card-icon--teal{background:#1d9e7526}.card-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.card-title{color:#fff;font-size:15px;font-weight:600}.card-sub{color:#fff6;font-size:13px}.card-chevron{flex-shrink:0}.how-to-play-btn{align-items:center;background:#0000;border:.5px solid #fff3;border-radius:20px;color:#ffffff73;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:6px;margin-bottom:20px;padding:7px 16px;transition:border-color .2s,color .2s}.how-to-play-btn:hover{border-color:#ffffff59;color:#ffffffa6}.change-username-btn{background:#0000;border:none;color:#ffffff59;cursor:pointer;font-family:inherit;font-size:13px;margin-bottom:10px;transition:color .2s}.change-username-btn:hover{color:#fff9}.overlay-backdrop{align-items:center;background:#04040ed1;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:100}.overlay-card{background:#14141f;border:.5px solid #ffffff1a;border-radius:17px;max-width:504px;overflow:hidden;width:100%}.overlay-header{align-items:center;display:flex;justify-content:space-between;padding:24px 26px 22px}.overlay-title{color:#fff;font-size:20px;font-weight:600}.overlay-close{align-items:center;background:#ffffff12;border:.5px solid #ffffff1f;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.overlay-close:hover{background:#ffffff21}.overlay-section{padding:19px 26px}.overlay-section-title{color:#2dcb96;font-size:13px;font-weight:700;letter-spacing:1.4px;margin:0 0 12px}.overlay-section-body{color:#ffffffbf;font-size:17px;line-height:1.6;margin:0}.overlay-divider{background:#ffffff14;height:.5px;margin:0 26px}.key{align-items:center;background:#ffffff14;border:.5px solid #ffffff2e;border-radius:6px;color:#fffc;display:inline-flex;font-size:14px;height:29px;justify-content:center;vertical-align:middle;width:29px}.highlight-teal{color:#2dcb96;font-weight:600}.game-container{background:#0a0a14;display:flex;flex-direction:column;min-height:100vh}.game-header{border-bottom:.5px solid #ffffff12;flex-shrink:0;justify-content:space-between;padding:12px 24px}.game-header,.header-logo{align-items:center;display:flex}.header-logo{gap:8px}.header-logo-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px}.live-badge{align-items:center;background:#e24b4a1a;border:.5px solid #e24b4a66;border-radius:20px;color:#e24b4a;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:1px;padding:5px 12px}.live-dot{animation:livePulse 1.5s ease-in-out infinite;background:#e24b4a;border-radius:50%;height:6px;width:6px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.game-main{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:28px 24px}.boards-row{align-items:flex-start;display:flex;gap:100px}.board-panel{display:flex;flex-direction:column;gap:10px}.board-meta{justify-content:space-between}.board-meta,.board-player{align-items:center;display:flex}.board-player{gap:7px}.player-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.player-name{color:#fff;font-size:15px;font-weight:700}.board-score{align-items:baseline;display:flex;gap:6px}.score-label{color:#fff6;font-size:11px;font-weight:600;letter-spacing:1px}.score-value{font-size:22px;font-weight:700;line-height:1}.game-canvas{border:.5px solid #ffffff14;border-radius:8px;display:block}.legend{color:#ffffff73;font-size:13px;gap:24px}.legend,.legend-item{align-items:center;display:flex}.legend-item{gap:7px}.legend-swatch{border-radius:3px;flex-shrink:0;height:14px;width:14px}.legend-empty{background:#0000;border:1px solid #ffffff40}.legend-snake{background:#6b63c8}.legend-apple{background:#e24b4a;border-radius:50%}.legend-wall{background:#ba7517}.ended-badge{background:#ffffff0f;border:.5px solid #ffffff26;border-radius:20px;color:#ffffff59;font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 14px}.game-main--dimmed{filter:grayscale(10%);opacity:.82;pointer-events:none}.endgame-backdrop{align-items:center;background:#04040e73;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:50}.endgame-card{background:#13131f;border:.5px solid #ffffff1a;border-radius:16px;max-width:320px;overflow:hidden;width:100%}.endgame-header{background:#1a1a2e;border-bottom:.5px solid #ffffff14;flex-direction:column;padding:28px 24px 24px}.endgame-header,.winner-icon{align-items:center;display:flex}.winner-icon{background:#7f77dd40;border:1.5px solid #9f99e84d;border-radius:50%;height:52px;justify-content:center;margin-bottom:12px;width:52px}.winner-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:1.5px;margin:0 0 6px}.winner-name{color:#fff;font-size:26px;font-weight:700;margin:0}.endgame-body{display:flex;flex-direction:column;gap:14px;padding:24px}.scores-row{display:flex;gap:0;margin-bottom:4px}.score-col{flex:1 1;flex-direction:column;gap:4px}.score-col,.score-col-player{align-items:center;display:flex}.score-col-player{gap:6px}.score-col-name{color:#fff9;font-size:13px}.score-col-value{font-size:36px;font-weight:700;line-height:1}.score-col-label{color:#ffffff4d;font-size:10px;font-weight:600;letter-spacing:1px}.play-again-btn{background:#1d9e75;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:13px;transition:background .2s;width:100%}.play-again-btn:hover{background:#22b585}.back-lobby-btn{background:#ffffff0f;border:.5px solid #ffffff1f;border-radius:8px;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:13px;transition:background .2s;width:100%}.back-lobby-btn:hover{background:#ffffff1a}.mm-container{align-items:center;background:#0a0a14;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.bg-orb-left{background:#1d9e7514;height:220px;left:-60px;top:-60px;width:220px}.bg-orb-left,.bg-orb-right{border-radius:50%;pointer-events:none;position:absolute}.bg-orb-right{background:#7f77dd1a;bottom:-40px;height:180px;right:-40px;width:180px}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:32px 32px;inset:0;pointer-events:none;position:absolute}.mm-content{flex-direction:column;max-width:420px;position:relative;width:100%;z-index:1}.logo-row,.mm-content{align-items:center;display:flex}.logo-row{gap:10px;margin-bottom:8px}.logo-text{color:#fff;font-size:22px;font-weight:500;letter-spacing:.5px}.subtitle{color:#ffffff59;font-size:13px;letter-spacing:1.5px;margin:0 0 48px;text-transform:uppercase}.spinner-wrapper{align-items:center;display:flex;height:88px;justify-content:center;margin-bottom:32px;position:relative;width:88px}.spinner-ring{animation:spin 1.4s linear infinite;border-color:#1d9e75 #2dcb96 #ffffff14 #ffffff14;border-radius:50%;border-style:solid;border-width:2px;inset:0;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.spinner-icon{justify-content:center}.looking-row,.spinner-icon{align-items:center;display:flex}.looking-row{gap:8px;margin-bottom:10px}.looking-text{color:#fff;font-size:18px;font-weight:700}.dots{align-items:center;display:flex;gap:4px}.dot{animation:dotPulse 1s ease-in-out infinite;background:#2dcb96;border-radius:50%;height:6px;width:6px}@keyframes dotPulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.looking-sub{color:#fff6;font-size:14px;margin:0 0 36px;text-align:center}.username-badge{align-items:center;background:#1d9e751f;border:.5px solid #1d9e7559;border-radius:20px;color:#ffffffbf;display:flex;font-size:13px;gap:8px;margin-bottom:28px;padding:6px 16px}.username-badge strong{color:#2dcb96;font-weight:600}.badge-dot{background:#1d9e75;border-radius:50%;flex-shrink:0;height:7px;width:7px}.cancel-btn{background:#0000;border:.5px solid #fff3;border-radius:20px;color:#ffffff73;cursor:pointer;font-family:inherit;font-size:13px;margin-bottom:28px;padding:8px 20px;transition:border-color .2s,color .2s}.cancel-btn:hover{border-color:#ffffff59;color:#ffffffa6}.credit{color:#ffffff47;font-size:11px;letter-spacing:.3px;margin:0}
/*# sourceMappingURL=main.13aef37f.css.map*/