*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none;cursor:default}#app{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden}#app>canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;z-index:0}#hud{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff;border-radius:1px}.crosshair:before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.crosshair:after{left:50%;top:0;height:100%;width:2px;transform:translate(-50%)}.block-label{position:absolute;left:50%;bottom:96px;transform:translate(-50%);padding:6px 14px;border-radius:6px;background:#0d1117b8;border:1px solid rgba(255,255,255,.12);color:#e6edf3;font-size:15px;font-weight:600;letter-spacing:.2px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:0;transition:opacity .2s ease;pointer-events:none}.block-label.is-visible{opacity:1}.hotbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:6px;padding:6px;border-radius:10px;background:#0d11178c;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}.hotbar__slot{position:relative;width:52px;height:52px;border-radius:8px;background:#ffffff0a;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.hotbar__swatch{width:34px;height:34px;border-radius:5px;background:#888;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #00000059;image-rendering:pixelated}.hotbar__key{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;line-height:1;color:#e6edf3a6;text-shadow:0 1px 1px rgba(0,0,0,.8)}.hotbar__slot.is-selected{border-color:#fff;transform:translateY(-4px);box-shadow:0 0 0 2px #ffffff40,0 6px 14px #00000073}.hotbar__slot.is-selected .hotbar__key{color:#fff}.hint{position:absolute;top:14px;left:14px;max-width:320px;padding:8px 12px;border-radius:8px;background:#0d111799;border:1px solid rgba(255,255,255,.1);color:#e6edf3eb;font-size:13px;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.55);opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.hint.is-visible{opacity:1;transform:translateY(0)}.net-status{position:absolute;top:14px;right:14px;padding:6px 12px;border-radius:999px;background:#0d111799;border:1px solid rgba(255,255,255,.1);color:#e6edf3eb;font-size:12px;font-weight:600;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.55);display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .2s ease;pointer-events:none}.net-status.is-visible{opacity:1}.net-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#3fb950;box-shadow:0 0 6px #3fb950cc}.partner-chip{position:absolute;left:14px;bottom:92px;max-width:min(440px,calc(100vw - 28px));padding:6px 10px;border-radius:8px;background:#0d111799;border:1px solid rgba(255,255,255,.1);color:#e6edf3eb;font-size:13px;font-weight:600;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.55);opacity:0;pointer-events:none}.partner-chip.is-visible{opacity:1}.toast{position:absolute;top:56px;left:50%;transform:translate(-50%,-6px);padding:8px 16px;border-radius:8px;background:#0d1117c7;border:1px solid rgba(255,255,255,.12);color:#e6edf3;font-size:14px;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%)}.touch-surface{position:fixed;inset:0;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-ui{position:fixed;inset:0;z-index:16;pointer-events:none}.touch-stick{position:fixed;width:140px;height:140px;margin:0;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.22);pointer-events:none;opacity:0;transition:opacity .12s ease}.touch-stick.is-active{opacity:1}.touch-stick__knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 10px #0006}.touch-btns{position:absolute;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(2,76px);grid-template-areas:".     jump" "place break" "run   fly";gap:12px}.touch-btn--jump{grid-area:jump}.touch-btn--place{grid-area:place}.touch-btn--break{grid-area:break}.touch-btn--run{grid-area:run}.touch-btn--fly{grid-area:fly}.touch-btn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:76px;height:76px;border-radius:50%;background:#0d11178c;border:2px solid rgba(255,255,255,.28);color:#e6edf3;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.touch-btn.is-active{background:#ffffff47;border-color:#fff;transform:scale(.94)}.touch-btn--break{border-color:#ff8c788c}.touch-btn--place{border-color:#78c8ff8c}.touch-pause{position:absolute;top:14px;left:14px;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:46px;height:46px;border-radius:12px;background:#0d11178c;border:1px solid rgba(255,255,255,.2);color:#e6edf3;font-weight:800;font-size:16px;letter-spacing:2px}.hotbar__slot{pointer-events:auto;cursor:pointer;touch-action:manipulation}#play-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 35%,#141c28c7,#080b10eb);cursor:pointer;opacity:1;transition:opacity .25s ease}#play-overlay.is-hidden{opacity:0;pointer-events:none}.play-overlay__panel{text-align:center;padding:32px 40px;border-radius:16px;background:#0d11178c;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.play-overlay__title{margin:0 0 6px;font-size:44px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}.play-overlay__cta{margin:0 0 22px;font-size:18px;font-weight:600;color:#9fd0ff;animation:cta-pulse 1.8s ease-in-out infinite}@keyframes cta-pulse{0%,to{opacity:.75}50%{opacity:1}}.play-overlay__controls{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:#e6edf3d9;text-align:left}.play-overlay__controls li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.health{position:absolute;left:50%;bottom:78px;transform:translate(-50%);display:flex;gap:4px;padding:0;pointer-events:none}.health__pip{position:relative;width:18px;height:16px;color:#e23b48;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.health__pip:before,.health__pip:after{content:"";position:absolute;top:0;left:9px;width:9px;height:14px;background:currentColor;border-radius:9px 9px 0 0;transform:rotate(-45deg);transform-origin:0 100%}.health__pip:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.health__pip.is-empty{color:#14181e8c}.health__pip.is-half{color:#e23b48}.health__pip.is-half:after{color:#e23b48}.health__pip.is-half:before{background:#14181e8c}.health__pip.is-full{color:#e23b48}.damage-flash{position:absolute;inset:0;z-index:12;pointer-events:none;opacity:0;background:radial-gradient(120% 120% at 50% 50%,#b4141400 55%,#b414148c);transition:opacity .22s ease}.damage-flash.is-active{opacity:1;transition:opacity .04s ease}.death-message{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.96);padding:18px 40px;border-radius:14px;background:#280808b8;border:1px solid rgba(255,90,90,.35);color:#ff6b6b;font-size:40px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 12px rgba(0,0,0,.7);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.death-message.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}kbd{display:inline-block;min-width:18px;padding:2px 6px;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;color:#e6edf3;text-align:center}.minimap{position:absolute;top:52px;right:14px;z-index:11;border-radius:8px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 14px #00000073;background:#0d111780;image-rendering:pixelated}.minimap.is-large{top:50%;right:auto;left:50%;transform:translate(-50%,-50%);z-index:18;box-shadow:0 10px 40px #0009}.picker{position:absolute;inset:0;z-index:17;display:none;align-items:center;justify-content:center;padding:24px;background:#080b1099;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.picker.is-open{display:flex}.picker__panel{display:flex;flex-direction:column;width:min(920px,94vw);max-height:min(86vh,820px);border-radius:14px;background:#0d1117eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #0009;overflow:hidden}.picker__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 auto}.picker__title{font-size:18px;font-weight:800;letter-spacing:.4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.picker__close{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:36px;height:36px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e6edf3;font-family:inherit;font-size:22px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease}.picker__close:hover{background:#ffffff24;border-color:#ffffff52}.picker__close:active{transform:scale(.94)}.picker__search{pointer-events:auto;flex:0 0 auto;margin:12px 16px 0;padding:10px 14px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e6edf3;font-family:inherit;font-size:14px;outline:none}.picker__search:focus{border-color:#58a6ffb3;background:#ffffff17}.picker__search::placeholder{color:#e6edf366}.picker__hotbar{flex:0 0 auto;display:flex;justify-content:center;gap:8px;padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.1)}.picker__hotbar-slot{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;width:52px;height:52px;border-radius:10px;background:#ffffff0a;border:2px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,background .12s ease}.picker__hotbar-slot:hover{border-color:#fff6}.picker__hotbar-slot.is-target{border-color:#58a6ff;background:#58a6ff29;box-shadow:0 0 10px #58a6ff59}.picker__hotbar-slot .hotbar__swatch{width:32px;height:32px}.picker__hotbar-slot .hotbar__key{position:absolute;top:2px;left:5px;font-size:10px;opacity:.7}.picker__grid{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;align-content:start}.picker__item{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-radius:10px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);transition:border-color .12s ease,background .12s ease,transform .12s ease}.picker__item:hover{border-color:#ffffff73;background:#ffffff14}.picker__item:active{transform:scale(.96)}.picker__swatch{width:48px;height:48px;border-radius:6px;background:#888;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #00000059;image-rendering:pixelated}.picker__name{font-size:12px;font-weight:600;line-height:1.2;text-align:center;color:#e6edf3eb;text-shadow:0 1px 2px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#menu-root{position:absolute;inset:0;z-index:13;pointer-events:none}.menu-screen{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:28px 20px;background:radial-gradient(ellipse 90% 70% at 50% 18%,rgba(45,90,140,.28) 0%,transparent 55%),radial-gradient(ellipse 100% 90% at 50% 100%,rgba(0,0,0,.55) 0%,transparent 50%),linear-gradient(165deg,#0a0e16e0,#06090ef0);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .28s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-screen.is-visible{opacity:1;pointer-events:auto;visibility:visible}.menu-main--empire{background:radial-gradient(ellipse 80% 60% at 50% 12%,rgba(180,140,60,.18) 0%,transparent 50%),radial-gradient(ellipse 100% 90% at 50% 100%,rgba(0,0,0,.6) 0%,transparent 50%),linear-gradient(165deg,#0e0c0ae6,#08090cf2)}.menu-panel{width:min(440px,100%);margin:auto;text-align:center;padding:28px 28px 22px;border-radius:18px;background:linear-gradient(180deg,#161c26eb,#0c1018f0);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #0006,0 28px 80px #0000008c,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:14px}.menu-main--empire .menu-panel{border-color:#d4af5a38;box-shadow:0 0 0 1px #00000073,0 28px 80px #0000008c,0 0 40px #b48c3214,inset 0 1px #ffe6b40f}.menu-panel--compact{width:min(320px,100%);gap:18px}.menu-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:2px}.menu-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#ffffffbf;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.menu-main--empire .menu-badge{color:#f0d78a;background:#b48c3224;border-color:#d4af5a59}.menu-title{margin:0;font-size:46px;font-weight:800;letter-spacing:.5px;line-height:1.05;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.55)}.menu-title--small{font-size:32px}.menu-subtitle{margin:0;font-size:13px;font-weight:600;letter-spacing:.3px;color:#b4d2f0bf;line-height:1.35;max-width:34ch}.menu-main--empire .menu-subtitle{color:#e6c88ccc}.menu-settings-row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin:-4px 0 0}.menu-settings-btn{pointer-events:auto;cursor:pointer;touch-action:manipulation;padding:6px 12px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.3px;color:#e6edf3bf;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:background .12s ease,color .12s ease,border-color .12s ease}.menu-settings-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38}.menu-settings-btn.is-muted{color:#ffa08ce6;border-color:#ff786459}.menu-field{display:flex;flex-direction:column;gap:6px;text-align:left}.menu-field__label{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#e6edf399}.menu-input{width:100%;padding:11px 14px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e6edf3;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.2px;outline:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.menu-input::placeholder{color:#e6edf359}.menu-input:focus{border-color:#78c8ffb3;background:#ffffff17;box-shadow:0 0 0 3px #78c8ff2e}.menu-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#00000047;border:1px solid rgba(255,255,255,.1)}.menu-toggle__btn{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:9px 6px;border-radius:9px;background:transparent;border:1px solid transparent;color:#e6edf39e;font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.2px;transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.menu-toggle__btn:hover{color:#e6edf3;background:#ffffff0f}.menu-toggle__btn.is-active{background:linear-gradient(180deg,#3778c859,#285aa047);border-color:#8cc8ff8c;color:#fff;box-shadow:0 1px #ffffff14 inset,0 4px 12px #1e5ab433}.menu-main--empire .menu-toggle__btn.is-active{background:linear-gradient(180deg,#a0782866,#785a1e52);border-color:#dcb45a80;box-shadow:0 1px #ffe6b41a inset,0 4px 12px #8c641e2e}.menu-actions{display:flex;flex-direction:column;gap:10px}.menu-btn{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;padding:13px 16px;border-radius:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e6edf3;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.3px;transition:background .12s ease,border-color .12s ease,transform .08s ease,box-shadow .12s ease}.menu-btn:hover{background:#ffffff1f;border-color:#ffffff52}.menu-btn:active{transform:scale(.98)}.menu-btn--primary{background:linear-gradient(180deg,#3a8cff,#1f6feb);border-color:#8cc8ffa6;color:#fff;box-shadow:0 8px 22px #1f6feb61;font-size:16px;letter-spacing:.4px}.menu-btn--primary:hover{background:linear-gradient(180deg,#4a96ff,#2a7af5);border-color:#b4dcffd9}.menu-main--empire .menu-btn--primary{background:linear-gradient(180deg,#d4a84a,#b8862e);border-color:#f0d2828c;box-shadow:0 8px 22px #a0782859;color:#1a1408}.menu-main--empire .menu-btn--primary:hover{background:linear-gradient(180deg,#e0b858,#c49438)}.menu-btn--accent{background:linear-gradient(180deg,#3fb950,#2ea043);border-color:#6edc82b3;color:#fff;box-shadow:0 6px 18px #2ea04359}.menu-btn--accent:hover{background:linear-gradient(180deg,#49c45a,#34ad4b);border-color:#96ebaad9}.menu-online{margin-top:2px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);text-align:left}.menu-online__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.menu-online__title{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#e6edf399}.menu-online__count{min-width:22px;padding:2px 8px;border-radius:999px;background:#3fb9502e;border:1px solid rgba(63,185,80,.5);color:#7ee787;font-size:12px;font-weight:800;text-align:center}.menu-online__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:132px;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-player{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;font-size:14px;font-weight:600;color:#e6edf3eb}.menu-player__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#3fb950;box-shadow:0 0 6px #3fb950cc}.menu-player__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-player--empty{color:#e6edf366;font-weight:500;font-style:italic}.menu-hint{margin:4px 0 0;font-size:12px;line-height:1.5;color:#e6edf38c}.menu-roster{position:absolute;top:14%;left:50%;transform:translate(-50%,-8px);width:min(280px,86vw);padding:12px 14px;border-radius:12px;background:#0d1117d1;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 40px #00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;opacity:0;transition:opacity .14s ease,transform .14s ease}.menu-roster.is-visible{opacity:1;transform:translate(-50%)}.menu-roster__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.menu-roster__title{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#e6edf3d9}.menu-roster__count{min-width:22px;padding:2px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#e6edf3;font-size:12px;font-weight:800;text-align:center}.menu-roster__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.speed-lines{position:absolute;inset:0;z-index:14;pointer-events:none;opacity:0;--speed: 0;transition:opacity .35s ease;background:radial-gradient(120% 120% at 50% 50%,#080b1000 38%,#080b108c),repeating-conic-gradient(from 0deg at 50% 50%,#fff0 0deg .9deg,#bedcff80 1.2deg,#fff0 1.5deg 2.4deg);-webkit-mask-image:radial-gradient(120% 120% at 50% 50%,rgba(0,0,0,0) 18%,rgba(0,0,0,1) 72%);mask-image:radial-gradient(120% 120% at 50% 50%,#0000 18%,#000 72%);animation:speed-pulse .5s ease-in-out infinite alternate}.speed-lines.is-visible{opacity:calc(var(--speed) * .85)}@keyframes speed-pulse{0%{transform:scale(1);filter:blur(.5px)}to{transform:scale(1.08);filter:blur(1.5px)}}.countdown{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.4);z-index:19;pointer-events:none;margin:0;font-size:clamp(120px,26vw,300px);font-weight:900;line-height:1;letter-spacing:2px;color:#fff;white-space:nowrap;text-align:center;text-shadow:0 0 18px rgba(255,255,255,.9),0 0 48px rgba(120,200,255,.85),0 0 90px rgba(80,150,255,.6),0 6px 24px rgba(0,0,0,.7);opacity:0}.countdown.is-word{font-size:clamp(64px,13vw,160px);letter-spacing:6px;color:#9fd0ff}.countdown.is-visible{animation:countdown-pop .9s cubic-bezier(.18,.9,.28,1.2) forwards}@keyframes countdown-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}55%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-54%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1.04)}}.menu-dest__panel{width:min(540px,100%)}.menu-dest__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:4px 0 2px}.menu-dest__btn{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e6edf3;font-family:inherit;text-align:left;transition:background .12s ease,border-color .12s ease,transform .08s ease,box-shadow .12s ease}.menu-dest__btn:hover{background:#ffffff1f;border-color:#ffffff57}.menu-dest__btn:active{transform:scale(.98)}.menu-dest__chip{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#888;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 8px #00000080,inset 0 0 4px #ffffff40}.menu-dest__label{display:flex;flex-direction:column;gap:1px;min-width:0}.menu-dest__name{font-size:15px;font-weight:700;letter-spacing:.2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-dest__warn{font-size:11px;font-weight:700;letter-spacing:.3px;color:#ffd27a}.menu-dest__btn--sun{background:linear-gradient(180deg,#ff8a1e,#e0480d);border-color:#ffb45acc;color:#fff6e9;box-shadow:0 6px 20px #e0480d73,0 0 22px #ff8a1e59;animation:dest-sun-pulse 1.6s ease-in-out infinite alternate}.menu-dest__btn--sun:hover{background:linear-gradient(180deg,#ff9a33,#f5560f);border-color:#ffcd82f2}.menu-dest__btn--sun .menu-dest__name{color:#fff6e9;text-shadow:0 1px 6px rgba(120,30,0,.55)}.menu-dest__btn--sun .menu-dest__warn{color:#fff0d0}.menu-dest__btn--sun .menu-dest__chip{background:radial-gradient(circle at 35% 30%,#fff3c4,#ffb01e 45%,#ff5a0a);border-color:#ffe6b4e6;box-shadow:0 0 12px #ffa028f2,inset 0 0 5px #fff9}@keyframes dest-sun-pulse{0%{box-shadow:0 6px 20px #e0480d66,0 0 16px #ff8a1e47}to{box-shadow:0 6px 22px #e0480d8c,0 0 30px #ffa02880}}.menu-screen{--menu-accent: #6cc4ff;--menu-accent-2: #2f86e0;--menu-accent-rgb: 108, 196, 255;--tm-ink: #f4efe4;--tm-muted: rgba(244, 239, 228, .62);--tm-glass: rgba(10, 14, 22, .72);--tm-line: rgba(255, 255, 255, .1);font-family:Lexend,system-ui,-apple-system,Segoe UI,sans-serif}.menu-main--survivor{--menu-accent: #ff8a5c;--menu-accent-2: #d6452f;--menu-accent-rgb: 255, 138, 92}.menu-main--creative{--menu-accent: #5ee0c0;--menu-accent-2: #1fa88a;--menu-accent-rgb: 94, 224, 192}.menu-main--empire{--menu-accent: #f4c862;--menu-accent-2: #c8891d;--menu-accent-rgb: 244, 200, 98}.menu-main,.menu-main.menu-main--empire{display:block;padding:0;background:#0b1622;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-x:hidden;overflow-y:auto;color:var(--tm-ink)}.menu-main:before{content:none}.tm-layout{position:relative;z-index:2;min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,460px);gap:clamp(20px,4vw,64px);align-items:center;max-width:1280px;margin:0 auto;padding:clamp(60px,7vh,88px) clamp(16px,4vw,56px) 32px;box-sizing:border-box}.menu-main>.menu-settings-row{position:absolute;top:16px;right:16px;z-index:3;display:flex;gap:8px;margin:0}.menu-main .menu-settings-btn{font:600 12px/1 Lexend,sans-serif;letter-spacing:.02em;color:var(--tm-ink);padding:9px 14px;border-radius:999px;border:1px solid var(--tm-line);background:#080c148c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:border-color .2s,background .2s}.menu-main .menu-settings-btn:hover{border-color:rgba(var(--menu-accent-rgb),.6);background:#080c14bf}.tm-hero{display:flex;flex-direction:column;gap:22px;text-align:left;animation:tm-rise .7s cubic-bezier(.2,.8,.2,1) both}.menu-main .menu-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0}.menu-main .menu-badge{font:700 11px/1 Lexend,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#10141c;background:linear-gradient(135deg,var(--menu-accent),var(--menu-accent-2));padding:7px 12px;border-radius:999px;border:none;box-shadow:0 6px 20px rgba(var(--menu-accent-rgb),.35)}.menu-main .menu-title{font-family:Cinzel,Russo One,Georgia,serif;font-weight:900;font-size:clamp(44px,7.2vw,104px);line-height:.95;letter-spacing:.01em;margin:0;color:#fff8ea;background:none;-webkit-text-fill-color:currentColor;text-shadow:0 2px 0 rgba(0,0,0,.35),0 10px 40px rgba(0,0,0,.55),0 0 60px rgba(var(--menu-accent-rgb),.25);text-wrap:balance}.menu-main .menu-subtitle{font:500 clamp(15px,1.4vw,19px)/1.5 "Lexend",sans-serif;color:var(--tm-ink);opacity:.86;max-width:34ch;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.6)}.menu-main .menu-online{width:min(420px,100%);margin:6px 0 0;padding:14px 16px;border-radius:16px;background:var(--tm-glass);border:1px solid var(--tm-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left}.menu-main .menu-online__title{font:700 11px/1 Lexend,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tm-muted)}.menu-main .menu-online__count{background:rgba(var(--menu-accent-rgb),.16);color:var(--menu-accent);border:1px solid rgba(var(--menu-accent-rgb),.4)}.menu-main .menu-hint{font-size:12px;color:var(--tm-muted);max-width:46ch;margin:0;text-align:left;text-shadow:0 1px 6px rgba(0,0,0,.6)}.menu-panel.menu-panel--main{position:relative;width:100%;margin:0;padding:20px 22px 18px;text-align:left;gap:12px;border-radius:22px;background:linear-gradient(180deg,#ffffff0d,#fff0 120px),#090d15d1;border:1px solid var(--tm-line);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);animation:tm-rise .7s .08s cubic-bezier(.2,.8,.2,1) both}.menu-panel.menu-panel--main:before{content:"";position:absolute;inset:0 22px auto;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--menu-accent),transparent);opacity:.9}.tm-panel-head{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:20px;letter-spacing:.04em;color:#fff8ea}.menu-main .menu-field{gap:8px;margin:0}.menu-main .menu-field__label{font:700 11px/1 Lexend,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tm-muted)}.menu-main .menu-field__hint{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--tm-muted)}.menu-main .menu-input{font:500 16px/1.2 Lexend,sans-serif;color:var(--tm-ink);background:#ffffff0d;border:1px solid var(--tm-line);border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.menu-main .menu-input:focus{outline:none;background:#ffffff14;border-color:rgba(var(--menu-accent-rgb),.7);box-shadow:0 0 0 4px rgba(var(--menu-accent-rgb),.18)}.menu-main .menu-toggle{display:flex;gap:4px;padding:4px;border-radius:12px;background:#ffffff0a;border:1px solid var(--tm-line)}.menu-main .menu-toggle__btn{flex:1 1 0;min-height:40px;font:600 13.5px/1.1 Lexend,sans-serif;color:var(--tm-muted);background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:color .18s,background .18s,border-color .18s,transform .18s}.menu-main .menu-toggle__btn:hover{color:var(--tm-ink);background:#ffffff0d}.menu-main .menu-toggle__btn.is-active{color:#11151d;background:linear-gradient(135deg,var(--menu-accent),var(--menu-accent-2));box-shadow:0 6px 18px rgba(var(--menu-accent-rgb),.35)}.menu-main .menu-toggle--cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;background:none;border:none}.menu-main .menu-toggle--cards .menu-toggle__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:108px;padding:12px 8px 10px;color:var(--tm-ink);font:700 14px/1.1 Lexend,sans-serif;text-align:center;border-radius:16px;border:1px solid var(--tm-line);background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.08),transparent 60%),#ffffff08;overflow:hidden}.menu-main .menu-toggle--cards .menu-toggle__btn:before{content:attr(data-icon);display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;font-size:24px;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .25s}.menu-main .menu-toggle--cards .menu-toggle__btn:after{content:attr(data-desc);font:400 11.5px/1.35 Lexend,sans-serif;color:var(--tm-muted);margin-top:2px}.menu-main .menu-toggle--cards .menu-toggle__btn:hover{transform:translateY(-3px);border-color:#ffffff38}.menu-main .menu-toggle--cards .menu-toggle__btn:hover:before{transform:scale(1.08) rotate(-4deg)}.menu-main .menu-toggle--cards .menu-toggle__btn.is-active{color:#fff8ea;background:radial-gradient(120% 90% at 50% 0%,rgba(var(--menu-accent-rgb),.32),transparent 65%),rgba(var(--menu-accent-rgb),.08);border-color:rgba(var(--menu-accent-rgb),.85);box-shadow:0 0 0 1px rgba(var(--menu-accent-rgb),.35),0 14px 34px rgba(var(--menu-accent-rgb),.22)}.menu-main .menu-toggle--cards .menu-toggle__btn.is-active:before{background:linear-gradient(135deg,var(--menu-accent),var(--menu-accent-2));box-shadow:0 8px 20px rgba(var(--menu-accent-rgb),.45)}.menu-main .menu-toggle--cards .menu-toggle__btn.is-active:after{color:#fff8eacc}.menu-main .menu-toggle__btn:has(.tm-map-thumb){display:flex;flex-direction:column;align-items:center;gap:7px;padding:7px 6px 8px;min-height:68px}.tm-map-thumb{width:100%;max-width:78px;height:auto;display:block}.tm-map-sea{fill:#134a6e}.tm-map-land{fill:#6fbf73;stroke:#e8d49a;stroke-width:1.5}.menu-toggle__btn.is-active .tm-map-sea{fill:#0f3b58}.menu-toggle__btn.is-active .tm-map-land{fill:#8fd88f}.menu-main .menu-recovery{padding:10px 12px;border-radius:12px;border:1px dashed var(--tm-line);background:#ffffff05}.menu-main .menu-recovery summary{cursor:pointer;font-size:12.5px;color:var(--tm-muted);list-style:none}.menu-main .menu-recovery summary::-webkit-details-marker{display:none}.menu-main .menu-recovery summary:before{content:"▸ "}.menu-main .menu-recovery[open] summary:before{content:"▾ "}.menu-main .menu-recovery p{font-size:12px;color:var(--tm-muted);line-height:1.5}.menu-main .menu-actions--main{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.menu-main .menu-actions--main .menu-btn--hero,.menu-main .menu-actions--main .menu-btn--primary[style*=block],.menu-main .menu-actions--main>.menu-btn:only-child{grid-column:1 / -1}.menu-main .menu-btn{font:700 15px/1 Lexend,sans-serif;letter-spacing:.01em;min-height:46px;border-radius:14px;border:1px solid var(--tm-line);color:var(--tm-ink);background:#ffffff0f;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s,background .18s}.menu-main .menu-btn:hover{transform:translateY(-1px);background:#ffffff1a}.menu-main .menu-btn--primary{grid-column:1 / -1;color:#11151d;border:none;background:linear-gradient(135deg,var(--menu-accent),var(--menu-accent-2));box-shadow:0 12px 30px rgba(var(--menu-accent-rgb),.35),inset 0 1px #ffffff59}.menu-main .menu-btn--primary:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--menu-accent),var(--menu-accent-2))}.menu-main .menu-btn--hero{min-height:56px;font-size:18px;letter-spacing:.03em;position:relative;overflow:hidden}.menu-main .menu-btn--hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);animation:tm-shine 4.5s ease-in-out infinite}.menu-main .menu-btn--accent{grid-column:1 / -1;color:var(--tm-ink);background:#ffffff0a;border:1px solid rgba(var(--menu-accent-rgb),.45);box-shadow:none}.menu-main .menu-btn--accent:hover{background:rgba(var(--menu-accent-rgb),.12)}.tm-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.tm-sky{position:absolute;inset:0;background:linear-gradient(180deg,#0d1b33,#23365c 30%,#d6765a 58%,#f3b46a 66%,#1b4b6b 66.2%,#0c2a40)}.menu-main--creative .tm-sky{background:linear-gradient(180deg,#0a2a3a,#1f6a82 34%,#9fe3d6 60%,#d9f3c8 66%,#1a6f86 66.2%,#0b3346)}.menu-main--survivor .tm-sky{background:linear-gradient(180deg,#120f24,#2b1f48 32%,#a3445a 58%,#f08a4a 66%,#2a3a5a 66.2%,#10182a)}.tm-sun{position:absolute;left:58%;top:46%;width:clamp(120px,14vw,220px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3c4,#ffd27a 45%,#ffaa5a00 70%);filter:blur(1px);transform:translate(-50%,-50%);animation:tm-sun 9s ease-in-out infinite alternate}.tm-cloud{position:absolute;height:26px;border-radius:999px;background:#ffecd661;filter:blur(2px);box-shadow:30px -10px 0 6px #ffecd64d,70px 2px 0 2px #ffecd647;animation:tm-cloud linear infinite}.tm-cloud--a{top:16%;width:140px;animation-duration:90s;animation-delay:-20s}.tm-cloud--b{top:28%;width:100px;animation-duration:120s;animation-delay:-70s;opacity:.7}.tm-cloud--c{top:9%;width:180px;animation-duration:150s;animation-delay:-110s;opacity:.5}.tm-isles{position:absolute;left:0;right:0;bottom:calc(34% - 2px);width:100%;height:40%}.tm-isles--mirror{transform:scaleY(-.55);transform-origin:50% 100%;opacity:.3;filter:blur(3px)}.tm-isles--mirror *{fill:#0a1c2b}.tm-isle{fill:#1d3b2e}.tm-isle--far{fill:#2c4a58;opacity:.8}.tm-castle rect{fill:#2a2a33}.tm-castle .tm-roof{fill:#6e2a2a}.tm-castle .tm-flag{fill:var(--menu-accent);stroke:#2a2a33;stroke-width:2;animation:tm-flag 1.6s ease-in-out infinite alternate;transform-origin:805px 210px}.tm-trees circle{fill:#173126}.tm-sea{position:absolute;left:0;right:0;bottom:0;height:34%;overflow:hidden}.tm-wave{position:absolute;left:-50%;width:200%;height:40px;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,220,170,.5) 60px 110px,transparent 110px 200px);filter:blur(1px);animation:tm-wave linear infinite}.tm-wave--1{top:6%;height:3px;animation-duration:18s}.tm-wave--2{top:26%;height:3px;animation-duration:26s;animation-direction:reverse;opacity:.22}.tm-wave--3{top:52%;height:4px;animation-duration:34s;opacity:.15}.tm-ship{position:absolute;width:clamp(54px,5vw,86px);animation:tm-sail linear infinite,tm-bob 3s ease-in-out infinite}.tm-ship--a{bottom:26%;animation-duration:70s,3s;animation-delay:-18s,0s}.tm-ship--b{bottom:18%;width:clamp(40px,3.6vw,62px);animation-duration:95s,3.4s;animation-delay:-60s,-1s;opacity:.85}.tm-hull{fill:#3a2418}.tm-mast{stroke:#3a2418;stroke-width:3}.tm-sail{fill:#f6ead2}.tm-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#05090f8c,#05090f1a 45%,#05090f80),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}@keyframes tm-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes tm-shine{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes tm-sun{0%{transform:translate(-50%,-48%) scale(1)}to{transform:translate(-50%,-52%) scale(1.04)}}@keyframes tm-cloud{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}@keyframes tm-wave{0%{transform:translate(0)}to{transform:translate(25%)}}@keyframes tm-sail{0%{left:-10%}to{left:110%}}@keyframes tm-bob{0%,to{translate:0 0;rotate:-1.5deg}50%{translate:0 -4px;rotate:1.5deg}}@keyframes tm-flag{0%{transform:skewY(-6deg)}to{transform:skewY(6deg)}}@media (prefers-reduced-motion: reduce){.tm-cloud,.tm-wave,.tm-ship,.tm-sun,.tm-castle .tm-flag,.menu-main .menu-btn--hero:after,.tm-hero,.menu-panel.menu-panel--main{animation:none}}@media (max-width: 900px){.tm-layout{display:flex;flex-direction:column;gap:18px;padding:64px 16px 28px;align-items:stretch}.tm-hero{display:contents}.menu-main .menu-brand{order:1;align-items:center;text-align:center}.menu-panel.menu-panel--main{order:2}.menu-main .menu-subtitle{text-align:center;margin:0 auto}.menu-main .menu-online{order:3;margin:0 auto;width:min(560px,100%);box-sizing:border-box}.menu-main .menu-hint{display:none}.menu-panel.menu-panel--main{max-width:560px;width:100%;margin:0 auto;box-sizing:border-box}.tm-sun{left:70%;top:40%}}@media (max-width: 480px){.menu-main>.menu-settings-row{top:12px;right:12px}.menu-main .menu-settings-btn{padding:8px 11px;font-size:11px}.menu-panel.menu-panel--main{padding:18px 14px 16px;border-radius:18px}.menu-main .menu-toggle--cards{gap:7px}.menu-main .menu-toggle--cards .menu-toggle__btn{min-height:108px;padding:12px 4px 10px;font-size:13px}.menu-main .menu-toggle--cards .menu-toggle__btn:before{width:40px;height:40px;font-size:21px}.menu-main .menu-toggle--cards .menu-toggle__btn:after{font-size:10.5px}.menu-main .menu-toggle__btn{font-size:12.5px}}.menu-downloads__note{font-size:11px;color:#e6edf38c}.menu-downloads__list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-downloads__btn{display:block;text-align:center;text-decoration:none;font-size:13px;padding:9px 10px}.menu-downloads__help{margin-top:8px;font-size:11px;line-height:1.5;color:#e6edf399}@media (max-width: 520px){.menu-downloads__list{grid-template-columns:1fr}}
