.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box;overflow:hidden}.menu-content{background:#14141ef2;padding:40px 50px;border-radius:15px;text-align:center;font-family:Arial,sans-serif;color:#fff;max-width:600px;width:100%;max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column}.menu-logo{width:200px;height:auto;margin-bottom:15px;align-self:center}.menu-title{font-size:32px;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.menu-subtitle{font-size:16px;color:#aaa;margin:0 0 25px}.rules-section{text-align:left;background:#0000004d;padding:20px 25px;border-radius:8px;margin-bottom:25px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.rules-title{margin:0 0 15px;font-size:18px;color:#4fc3f7}.rules-list{margin:0;padding-left:20px;line-height:1.8;font-size:14px}.rules-list li{margin-bottom:8px}.rules-list strong{color:#fff}.start-button{padding:16px 50px;font-size:20px;cursor:pointer;background:#4caf50;color:#fff;border:none;border-radius:8px;transition:background .2s,transform .1s;min-height:54px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.start-button:hover{background:#45a049;transform:scale(1.05)}.start-button:active{background:#3d8b40;transform:scale(.98)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:54px;justify-content:center}.loading-bar{width:100%;max-width:300px;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.loading-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:6px;transition:width .2s ease-out}.loading-text{font-size:14px;color:#aaa}@media(max-width:768px){.menu-content{padding:30px 35px}.menu-logo{width:170px}.menu-title{font-size:28px}.rules-section{padding:15px 20px}.rules-list{font-size:13px}}@media(max-width:480px){.menu-overlay{padding:8px}.menu-content{padding:15px;border-radius:10px;max-height:calc(100dvh - 16px)}.menu-logo{width:100px;margin-bottom:8px}.menu-title{font-size:20px;margin-bottom:4px}.menu-subtitle{font-size:12px;margin-bottom:12px}.rules-section{padding:12px;margin-bottom:12px}.rules-title{font-size:14px;margin-bottom:8px}.rules-list{font-size:12px;padding-left:16px;line-height:1.5}.rules-list li{margin-bottom:4px}.start-button{width:100%;padding:14px 30px;font-size:16px;min-height:48px;flex-shrink:0}}@media(max-width:360px){.menu-logo{width:80px}.menu-title{font-size:18px}.rules-list{font-size:11px;line-height:1.4}.rules-title{font-size:13px}.start-button{padding:12px 20px;font-size:15px}}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box;overflow:hidden}.settings-content{background:#14141ef2;padding:40px 50px;border-radius:15px;text-align:center;font-family:Arial,sans-serif;color:#fff;max-width:500px;width:100%;max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column}.settings-title{font-size:28px;margin:0 0 25px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.settings-section{background:#0000004d;padding:20px 25px;border-radius:8px;margin-bottom:20px}.setting-row{margin-bottom:20px}.setting-row:last-child{margin-bottom:0}.setting-label{display:block;text-align:left;font-size:16px;margin-bottom:10px}.setting-value{color:#4fc3f7;font-weight:700}.setting-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:4px;outline:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:#4fc3f7;border-radius:50%;cursor:pointer;transition:transform .1s;border:none;box-shadow:0 2px 6px #0000004d}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.setting-slider::-moz-range-thumb{width:28px;height:28px;background:#4fc3f7;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-top:5px}.summary-section{background:#0000004d;padding:20px 25px;border-radius:8px;margin-bottom:25px}.summary-title{margin:0 0 15px;font-size:18px;color:#4fc3f7}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary-item{text-align:left}.summary-label{display:block;font-size:12px;color:#888;margin-bottom:4px}.summary-value{font-size:20px;font-weight:700}.validation-error{margin-top:15px;padding:10px;background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:5px;color:#ff6b6b;font-size:14px}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-button{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;font-family:Arial,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mode-button:hover{background:#ffffff26;border-color:#ffffff4d}.mode-button-active{background:#4fc3f733;border-color:#4fc3f7}.mode-button-active:hover{background:#4fc3f74d;border-color:#4fc3f7}.mode-button-label{font-size:15px;font-weight:700}.mode-button-desc{font-size:11px;color:#aaa;margin-top:3px}.mode-button-active .mode-button-desc{color:#b3e5fc}.online-note{color:#aaa;font-size:14px;margin:0;line-height:1.5}.settings-buttons{display:flex;gap:15px;justify-content:center}.back-button{padding:14px 35px;font-size:18px;cursor:pointer;background:#64646480;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;transition:background .2s,transform .1s;min-height:50px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.back-button:hover{background:#787878b3;transform:scale(1.02)}.back-button:active{background:#505050b3;transform:scale(.98)}.launch-button{padding:14px 35px;font-size:18px;cursor:pointer;background:#4caf50;color:#fff;border:none;border-radius:8px;transition:background .2s,transform .1s;min-height:50px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.launch-button:hover:not(:disabled){background:#45a049;transform:scale(1.02)}.launch-button:active:not(:disabled){background:#3d8b40;transform:scale(.98)}.launch-button:disabled{background:#64646480;cursor:not-allowed;opacity:.6}@media(max-width:768px){.settings-content{padding:30px 35px}.settings-title{font-size:24px}.summary-value{font-size:18px}}@media(max-width:480px){.mode-selector{grid-template-columns:1fr 1fr;gap:6px}.mode-button{padding:10px 6px}.mode-button-label{font-size:13px}.mode-button-desc{font-size:10px}}@media(max-width:480px){.settings-overlay{padding:8px}.settings-content{padding:15px;border-radius:10px;max-height:calc(100dvh - 16px)}.settings-title{font-size:20px;margin-bottom:15px;flex-shrink:0}.settings-section{padding:12px;margin-bottom:15px}.setting-row{margin-bottom:15px}.setting-label{font-size:13px;margin-bottom:8px}.summary-section{padding:12px;margin-bottom:15px}.summary-title{font-size:14px;margin-bottom:10px}.summary-grid{gap:8px}.summary-label{font-size:11px}.summary-value{font-size:14px}.settings-buttons{flex-direction:column;gap:10px;flex-shrink:0}.back-button,.launch-button{width:100%;padding:12px 20px;font-size:16px;min-height:44px}}.lobby-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box;overflow:hidden}.lobby-content{background:#14141ef2;padding:40px 50px;border-radius:15px;text-align:center;font-family:Arial,sans-serif;color:#fff;max-width:500px;width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 10px 40px #00000080}.lobby-title{font-size:24px;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.lobby-subtitle{color:#aaa;margin:0 0 20px}.room-code-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px}.room-code{font-size:36px;font-weight:700;letter-spacing:6px;color:#4fc3f7;background:#0006;padding:12px 24px;border-radius:8px;font-family:monospace}.copy-button{padding:10px 18px;background:#4fc3f74d;color:#4fc3f7;border:1px solid #4fc3f7;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.copy-button:hover{background:#4fc3f780}.lobby-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#4fc3f7;border-radius:50%;margin:20px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby-hint{color:#888;font-size:13px;margin:15px 0}.lobby-error{background:#f003;border:1px solid rgba(255,0,0,.5);color:#ff6b6b;padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px}.lobby-options{text-align:left}.lobby-option{background:#0000004d;padding:20px;border-radius:8px;margin-bottom:0}.lobby-option h3{margin:0 0 5px;font-size:18px}.lobby-option-desc{color:#888;font-size:13px;margin:0 0 15px}.lobby-config{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.lobby-config-label{font-size:13px;color:#ccc;display:flex;align-items:center;gap:10px}.lobby-config-label strong{color:#4fc3f7;min-width:36px}.lobby-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none;cursor:pointer}.lobby-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#4fc3f7;border-radius:50%;cursor:pointer;border:none}.lobby-slider::-moz-range-thumb{width:20px;height:20px;background:#4fc3f7;border-radius:50%;cursor:pointer;border:none}.lobby-divider{text-align:center;color:#666;font-size:14px;margin:15px 0}.join-code-input{width:100%;padding:12px;font-size:20px;text-align:center;letter-spacing:4px;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:monospace;outline:none;box-sizing:border-box;margin-bottom:12px;text-transform:uppercase}.join-code-input:focus{border-color:#4fc3f7}.lobby-action-button{width:100%;padding:12px;font-size:16px;cursor:pointer;border:none;border-radius:8px;color:#fff;transition:background .2s,transform .1s;touch-action:manipulation;-webkit-user-select:none;user-select:none}.create-button{background:#4caf50}.create-button:hover{background:#45a049}.join-button{background:#2196f3}.join-button:hover:not(:disabled){background:#1976d2}.join-button:disabled{background:#64646480;cursor:not-allowed;opacity:.6}.lobby-back-button{margin-top:20px;padding:10px 30px;font-size:15px;cursor:pointer;background:#64646480;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;transition:background .2s}.lobby-back-button:hover{background:#787878b3}@media(max-width:480px){.lobby-content{padding:20px}.lobby-title{font-size:20px}.room-code{font-size:28px;letter-spacing:4px;padding:10px 18px}.lobby-option{padding:15px}}