@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,canvas{height:100%;width:100%;overflow:hidden;display:block;font-family:Inter,system-ui,-apple-system,sans-serif}#app{position:relative;width:100%;height:100%}#pointer-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:1.6rem;font-weight:600;letter-spacing:.04em;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}#pointer-lock-overlay:after{content:"WASD to move · Mouse to look";display:block;margin-top:10px;font-size:.85rem;font-weight:400;opacity:.6;letter-spacing:.06em}#control-panel{position:fixed;right:14px;top:14px;width:240px;background:#0c0e148c;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#e0e4ec;font-size:12px;z-index:9999;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0f;overflow:hidden;transition:box-shadow .3s ease;max-height:calc(100vh - 28px);overflow-y:auto}#control-panel::-webkit-scrollbar{width:4px}#control-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.cp-title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.cp-title{font-size:13px;font-weight:600;letter-spacing:.03em;background:linear-gradient(135deg,#7ec8e3,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-collapse-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#aaa;width:22px;height:22px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.cp-collapse-btn:hover{background:#ffffff1f;color:#fff}.cp-body{padding:6px 14px 14px}.cp-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin:12px 0 6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.cp-section-title:first-child{margin-top:4px;border-top:none;padding-top:0}.cp-row{margin-bottom:8px}.cp-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;color:#ffffffb3;margin-bottom:4px}.cp-value{font-size:10px;font-weight:400;color:#7ec8e3e6;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer;transition:background .2s}input[type=range]:hover{background:#ffffff29}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#7ec8e3,#6ba3d6);border:2px solid rgba(12,14,20,.6);cursor:pointer;box-shadow:0 0 6px #7ec8e366;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 10px #7ec8e399}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#7ec8e3,#6ba3d6);border:2px solid rgba(12,14,20,.6);cursor:pointer}.cp-seed-row{display:flex;gap:4px;margin-bottom:4px}.cp-seed-input{flex:1;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e0e4ec;font-family:Inter,system-ui,sans-serif;font-size:12px;outline:none;transition:border-color .2s,background .2s}.cp-seed-input:focus{border-color:#7ec8e380;background:#ffffff1a}.cp-seed-input::placeholder{color:#ffffff40}.cp-btn{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cp-btn-primary{background:linear-gradient(135deg,#2d7fa0,#4a9ec4);color:#fff;border-color:#4a9ec466}.cp-btn-primary:hover{background:linear-gradient(135deg,#3590b4,#5bb0d6);box-shadow:0 2px 8px #4a9ec44d}.cp-btn-primary:active{transform:scale(.97)}.cp-btn-secondary{background:#ffffff14;color:#ccc;border-color:#ffffff1a;padding:6px 8px;font-size:14px;line-height:1}.cp-btn-secondary:hover{background:#ffffff24;color:#fff}.cp-btn-danger{width:100%;background:linear-gradient(135deg,#a02d2d,#c44a4a);color:#fff;border-color:#c44a4a66}.cp-btn-danger:hover{background:linear-gradient(135deg,#b43535,#d65b5b);box-shadow:0 2px 8px #c44a4a4d}.cp-btn-danger:active{transform:scale(.97)}.cp-preset-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}.cp-btn-preset{background:#ffffff0d;color:#c8ccd4;border-color:#ffffff0f;font-size:11px;padding:5px 4px;text-align:center}.cp-btn-preset:hover{background:#7ec8e31f;border-color:#7ec8e340;color:#fff}.cp-toggle-row{display:flex;align-items:center;justify-content:space-between}.cp-checkbox{-webkit-appearance:none;appearance:none;width:34px;height:18px;border-radius:9px;background:#ffffff1f;position:relative;cursor:pointer;transition:background .25s ease;flex-shrink:0}.cp-checkbox:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#888;transition:transform .25s ease,background .25s ease}.cp-checkbox:checked{background:#4a9ec480}.cp-checkbox:checked:after{transform:translate(16px);background:#7ec8e3}.cp-controls-list{font-size:10.5px;color:#ffffff80;line-height:1.8}.cp-controls-list kbd{display:inline-block;padding:1px 5px;border-radius:3px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-family:Inter,system-ui,monospace;font-size:9.5px;color:#ffffffa6;margin:0 1px}.cp-credits{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04);text-align:center;font-size:9.5px;color:#fff3;letter-spacing:.05em}#hero-page{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#101420a6,#04060af2);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);transition:opacity .7s ease,transform .7s ease}#hero-page.fade-out{opacity:0;transform:scale(1.02);pointer-events:none}.hero-content{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:420px;width:90%;animation:heroSlideIn .8s ease-out}@keyframes heroSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#7ec8e3b3;background:#7ec8e314;border:1px solid rgba(126,200,227,.15);border-radius:20px;padding:5px 14px}.hero-title{font-size:2.8rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;text-align:center;background:linear-gradient(135deg,#7ec8e3,#a78bfa,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:heroGlow 4s ease-in-out infinite alternate}@keyframes heroGlow{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.hero-subtitle{font-size:.9rem;font-weight:400;color:#ffffff73;text-align:center;line-height:1.55;max-width:340px}.hero-seed-section{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 18px}.hero-seed-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:10px}.hero-seed-row{display:flex;gap:8px}.hero-setting-row{display:flex;align-items:center;gap:10px;margin-top:10px}.hero-setting-name{font-size:12px;color:#ffffff8c;min-width:100px;flex-shrink:0}.hero-setting-val{font-size:12px;color:#7ec8e3e6;font-weight:600;min-width:18px;text-align:center}.hero-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff1a;outline:none}.hero-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#7ec8e3,#6ba3d6);border:2px solid rgba(12,14,20,.6);cursor:pointer}.hero-select{flex:1;padding:6px 28px 6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background-color:#ffffff0f;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;color:#e0e4ec;font-family:Inter,system-ui,sans-serif;font-size:13px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;color-scheme:dark;transition:border-color .25s,background-color .25s,box-shadow .25s}.hero-select:hover{border-color:#ffffff40;background-color:#ffffff17}.hero-select:focus{border-color:#7ec8e399;background-color:#ffffff1a;box-shadow:0 0 0 3px #7ec8e326}.hero-select option{background:#11141d;color:#e0e4ec;padding:8px}.hero-seed-input{flex:1;min-width:0;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e0e4ec;font-family:Inter,system-ui,sans-serif;font-size:14px;outline:none;transition:border-color .25s,background .25s,box-shadow .25s}.hero-seed-input:focus{border-color:#7ec8e380;background:#ffffff17;box-shadow:0 0 0 3px #7ec8e31a}.hero-seed-input::placeholder{color:#fff3}.hero-btn{border:none;cursor:pointer;font-family:Inter,system-ui,sans-serif;transition:all .25s ease}.hero-btn-icon{width:42px;height:42px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ccc;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-btn-icon:hover{background:#ffffff1f;border-color:#ffffff2e;transform:scale(1.05)}.hero-btn-primary{width:100%;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#2d7fa0,#4a9ec4,#6bb8d8);border:1px solid rgba(74,158,196,.4);box-shadow:0 4px 20px #4a9ec440,inset 0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;gap:8px}.hero-btn-primary:hover{background:linear-gradient(135deg,#3590b4,#5bb0d6,#7dc4e0);box-shadow:0 6px 28px #4a9ec466,inset 0 1px #ffffff26;transform:translateY(-1px)}.hero-btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 12px #4a9ec433}.hero-btn-icon-left{font-size:18px}.hero-controls{width:100%;padding-top:4px}.hero-controls-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;margin-bottom:8px;text-align:center}.hero-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:11px;color:#ffffff59}.hero-controls-grid kbd{display:inline-block;padding:2px 6px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-family:Inter,system-ui,monospace;font-size:10px;color:#ffffff80;margin-right:3px}.hero-credits{font-size:10px;color:#ffffff26;letter-spacing:.04em;margin-top:4px}#loading-screen{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;background:#0a0e17;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:.08em;animation:pulseGlow 2s infinite ease-in-out;transition:opacity .8s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:340px}.loading-title{font-size:1.1rem;font-weight:600;letter-spacing:.03em;color:#ffffffb3}.loading-bar-track{width:100%;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.loading-bar-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,#2d7fa0,#7ec8e3,#a78bfa);background-size:200% 100%;animation:loadingShimmer 1.5s ease-in-out infinite;transition:width .3s ease}@keyframes loadingShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-hint{font-size:12px;color:#ffffff4d;letter-spacing:.04em;transition:opacity .3s ease}#coord-hud{position:fixed;left:14px;bottom:14px;padding:6px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums;color:#e0e4eccc;background:#0c0e148c;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 4px 16px #00000059;z-index:9998;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.03em;transition:opacity .25s ease}#coord-hud.hidden{opacity:0}.stats-panel{opacity:.85!important}#onboarding-overlay{position:fixed;top:24px;left:24px;z-index:99999;pointer-events:none;width:300px;padding:20px;background:#0a0e18b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0d;color:#fff;font-family:Inter,sans-serif}#onboarding-overlay h2{margin-bottom:14px;font-size:20px;font-weight:700;color:#8fd3ff}#onboarding-overlay p{margin:8px 0;color:#ffffffd1;font-size:14px;line-height:1.5}.onboarding-close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.4rem;cursor:pointer;pointer-events:auto}.onboarding-close-btn:hover{background:#fff3}@keyframes pulseGlow{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}