:root{color-scheme:light}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{background:#0b2430;color:#f6e7c1;font-family:Zain}#app{display:block}canvas{display:block;width:100%;height:100%;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><circle cx='4' cy='4' r='2.2' fill='%23ffd54f'/></svg>") 4 4,auto}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#060c10c7;z-index:10;padding:32px 16px;overflow-y:auto}.overlay.hidden{display:none}.menu-card,.loading-card{background:#0c161ae6;border:1px solid rgba(246,231,193,.18);border-radius:18px;padding:28px 30px;box-shadow:0 18px 36px #00000073}.menu-card{width:min(420px,90vw);max-height:calc(100vh - 96px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.menu-card--compact{width:min(360px,90vw)}.menu-title{margin-bottom:18px;font-size:26px;letter-spacing:.4px;text-align:center}.menu-note{margin:-10px auto 18px;max-width:320px;text-align:center;font-size:16px;letter-spacing:.2px;color:#f6e7c1c7}.menu-card--compact .menu-actions{flex-direction:column}.menu-card::-webkit-scrollbar{width:0;height:0}.menu-card h1{margin:0 0 14px;font-size:34px;font-weight:300;letter-spacing:.5px}.mode-toggle{display:flex;gap:8px;margin-bottom:18px}.mode-btn{flex:1;background:#0c161abf;border-color:#f6e7c140;font-size:17px;padding:8px 12px}.mode-btn.active{background:#f0d58b38;border-color:#f0d58ba6}.menu-panel{display:flex;flex-direction:column;gap:14px}.menu-panel.hidden{display:none}.room-step{display:flex;flex-direction:column;gap:14px}.room-step.hidden{display:none}.menu-card label{display:block;font-size:18px}.menu-row{display:flex;gap:12px}.menu-field{flex:1;display:flex;flex-direction:column}.menu-field input,#server-url,#player-name{background:#080e12b3;border:1px solid rgba(246,231,193,.2);border-radius:12px;padding:10px 12px;color:inherit;font-size:18px;font-family:inherit}.menu-select{background:#080e12b3;background-image:linear-gradient(45deg,transparent 50%,rgba(246,231,193,.7) 50%),linear-gradient(135deg,rgba(246,231,193,.7) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:7px 7px,7px 7px;background-repeat:no-repeat;border:1px solid rgba(246,231,193,.2);border-radius:12px;padding:10px 40px 10px 12px;color:inherit;font-size:18px;font-family:inherit;cursor:pointer;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none}.menu-field input::placeholder,#server-url::placeholder,#player-name::placeholder{color:#f6e7c166}.seed-row{display:flex;gap:10px;margin-bottom:18px}.seed-row input{flex:1;background:#080e12b3;border:1px solid rgba(246,231,193,.2);border-radius:12px;padding:10px 12px;color:inherit;font-size:18px;font-family:inherit}.seed-row input::placeholder{color:#f6e7c166}button{background:#162228e6;border:1px solid rgba(246,231,193,.24);border-radius:12px;color:inherit;font-size:18px;font-family:inherit;padding:10px 16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button.primary{width:100%;background:#f0d58b2e;border-color:#f0d58b99;box-shadow:0 8px 18px #0000004d}button.secondary{width:100%;background:#0c161ab3;border-color:#f6e7c133}button.danger{background:#a43c3c40;border-color:#da585899;color:#f9dede}button.danger:hover{box-shadow:0 8px 18px #78141440}.menu-actions{display:flex;gap:12px}.menu-actions button{flex:1}.copy-link{width:100%;font-size:16px}.server-build-link{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;width:100%;font-size:14px;color:#f6e7c1cc}.server-build-link a{color:#f6e7c1e6;text-decoration:none}.server-build-link a:hover{color:#f6e7c1;text-decoration:underline}.menu-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:14px}.menu-links a{color:#f6e7c1cc;text-decoration:none}.menu-links a:hover{color:#f6e7c1;text-decoration:underline}.menu-links__divider{color:#f6e7c180}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:16px}.checkbox-row input{width:16px;height:16px}.status-box{padding:12px 14px;border-radius:12px;border:1px solid rgba(246,231,193,.2);background:#080e128c;display:flex;flex-direction:column;gap:6px;font-size:16px}.status-text{color:#f6e7c1d9}.status-text.error{color:#f6a6a0}.status-info{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#f6e7c1b3}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-card{font-size:22px;letter-spacing:.4px}.net-indicator{position:fixed;top:16px;right:16px;z-index:6;background:#0c161ae0;border:1px solid rgba(246,231,193,.35);border-radius:12px;padding:8px 12px;font-size:16px;letter-spacing:.3px;color:#f6e7c1e6;box-shadow:0 8px 18px #00000059}.hidden{display:none!important}.dev-preview-panel{position:fixed;top:16px;left:16px;width:min(360px,94vw);max-height:calc(100vh - 32px);overflow-y:auto;z-index:12;display:flex;flex-direction:column;gap:12px;background:#0c161aeb;border:1px solid rgba(246,231,193,.2);border-radius:14px;padding:14px;box-shadow:0 12px 28px #0006}.dev-preview-header{font-size:18px;letter-spacing:.3px}.dev-preview-seed{display:flex;gap:8px}.dev-preview-seed .dev-preview-input{flex:1}.dev-preview-section{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid rgba(246,231,193,.08)}.dev-preview-section-title{font-size:15px;color:#f6e7c1cc}.dev-preview-tier{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:#080e128c;border:1px solid rgba(246,231,193,.08)}.dev-preview-tier-title{font-size:14px;letter-spacing:.2px;color:#f6e7c1d9}.dev-preview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#f6e7c1bf}.dev-preview-input{width:120px;background:#080e12b3;border:1px solid rgba(246,231,193,.2);border-radius:10px;padding:6px 8px;color:inherit;font-size:14px;font-family:inherit}.dev-preview-actions{display:flex;gap:8px}.dev-preview-button{flex:1;background:#162228e6;border:1px solid rgba(246,231,193,.24);border-radius:10px;color:inherit;font-size:14px;font-family:inherit;padding:6px 10px}.dev-preview-options{display:flex;flex-direction:column;gap:6px}.dev-preview-checkbox{width:16px;height:16px}.dev-preview-stats{font-size:13px;color:#f6e7c1b3}.dev-preview-status{font-size:12px;color:#f6e7c199}