@import"https://fonts.googleapis.com/css2?family=Chewy&family=Fredoka:wght@400;500;600;700&display=swap";:root{color-scheme:light dark}html,body{margin:0;padding:0;height:100%}body{background:#0a0f1a;overflow:hidden;-webkit-user-select:none;user-select:none}canvas{display:block;width:100vw;width:100dvw;height:100vh;height:100dvh;image-rendering:auto}canvas:focus{outline:none}.dialog-layer{position:fixed;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none}.dialog-layer--visible{display:flex;pointer-events:auto}.dialog-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(76,132,255,.16),transparent 32%),radial-gradient(circle at 80% 10%,rgba(255,140,255,.12),transparent 28%),#040812bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-shell{position:relative;width:min(92vw,720px);max-width:760px;padding:28px 32px 30px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(140deg,#111a30fa,#090e1cfa 60%,#18244cfa);box-shadow:0 18px 60px #000000a6,0 0 0 2px #6292ff33,0 0 40px #6292ff1f;overflow:hidden;color:#f4f6ff;font-family:Fredoka,Trebuchet MS,Nunito,system-ui,sans-serif;pointer-events:auto}.dialog-shell--narrow{width:min(90vw,500px)}.dialog-shell:before{content:"";position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(140,174,255,.14);box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}.dialog-header{text-align:center;margin-bottom:10px}.dialog-title{margin:0;font-size:26px;letter-spacing:.02em;font-family:Chewy,Fredoka,Trebuchet MS,cursive;text-shadow:0 0 18px rgba(102,162,255,.4)}.dialog-subtitle{margin:6px 0 0;color:#dce4ffd1;font-size:15px}.dialog-subtitle--hidden{display:none}.dialog-body{position:relative;z-index:1;margin-top:14px}.dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,#ffffff14,#ffffff05);color:#fefefe;font-size:18px;cursor:pointer;box-shadow:0 6px 16px #00000059,0 0 0 1px #78aaff33;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.dialog-close:hover{transform:translateY(-1px);border-color:#ffffff57;box-shadow:0 10px 24px #0006,0 0 0 1px #a0d2ff59}.dialog-close:active{transform:translateY(0)}.dialog-close--hidden{display:none}.menu-dialog{display:flex;flex-direction:column;gap:14px}.menu-options{display:flex;flex-direction:column;gap:12px}.menu-audio-row{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:2px}.menu-audio-separator{color:#dce6ffd1;font-weight:700;letter-spacing:.02em}.menu-audio-toggle{border:1px solid transparent;border-radius:999px;padding:6px 12px;font:700 14px Fredoka,Trebuchet MS,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;transition:transform .1s ease,filter .12s ease,box-shadow .12s ease}.menu-audio-toggle:hover{transform:translateY(-1px);filter:brightness(1.03)}.menu-audio-toggle:active{transform:translateY(0)}.menu-audio-toggle--on{color:#edfff1;border-color:#9cffbc8f;background:linear-gradient(150deg,#128436eb,#1aa848f0);box-shadow:0 8px 16px #00000047,0 0 16px #50d27847}.menu-audio-toggle--off{color:#fff1f1;border-color:#ffaaaa8a;background:linear-gradient(150deg,#9c2424eb,#c63030f0);box-shadow:0 8px 16px #00000047,0 0 16px #e05a5a38}.menu-button{position:relative;width:100%;padding:14px 16px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(170deg,#4c84ffeb,#2658d2f5);color:#fdfdff;box-shadow:0 14px 32px #0006,0 0 0 1px #ffffff1a,0 0 22px #6ea8ff52;cursor:pointer;text-align:left;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;display:flex;justify-content:space-between;align-items:center}.menu-button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff59;box-shadow:0 18px 40px #00000075,0 0 0 1px #a0d2ff52,0 0 28px #78b4ff6b}.menu-button:active:not(:disabled){transform:translateY(0);background:linear-gradient(180deg,#3a6ed6f2,#2246aafa)}.menu-button:disabled{cursor:not-allowed;background:linear-gradient(170deg,#6e78969e,#565e76a8);color:#e6e8f0b3;box-shadow:0 10px 22px #0000005c;border-color:#ffffff14}.menu-button__label{display:block;font-weight:700;letter-spacing:.01em;font-size:18px}.menu-button__icon{width:80px;height:80px;min-width:80px;background-image:url(./menu_icons-CqssEaSg.png);background-size:500% auto;background-repeat:no-repeat;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}.menu-button__icon--help{background-position:0% 50%}.menu-button__icon--start{background-position:25% 50%}.menu-button__icon--online{background-position:50% 50%}.menu-button__icon--settings{background-position:75% 50%}.menu-button__icon--back{background-position:100% 50%}.network-dialog{display:flex;flex-direction:column;gap:16px}.network-tabs{display:flex;gap:8px;margin-bottom:8px}.network-tab{flex:1;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(160deg,#4c84ff4d,#2658d24d);color:#dce6ffcc;font-size:15px;cursor:pointer;transition:all .12s ease}.network-tab:hover{border-color:#ffffff40;background:linear-gradient(160deg,#6098ff66,#3a6ce666)}.network-tab--active{background:linear-gradient(160deg,#4c84ffeb,#2658d2f5);color:#fdfdff;border-color:#ffffff4d;box-shadow:0 4px 12px #4c84ff66}.network-section{display:flex;flex-direction:column;gap:12px}.network-label{display:block;color:#dce6ffe6;font-size:14px;font-weight:500;margin-bottom:4px}.network-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;background:#141e3c99;color:#f4f6ff;font-size:16px;transition:all .12s ease}.network-input:focus{outline:none;border-color:#78b4ff99;background:#1e2846cc;box-shadow:0 0 0 3px #4c84ff33}.network-input::placeholder{color:#b4bedc80}.network-button-group{display:flex;gap:10px;margin-top:8px}.network-button{flex:1;padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(160deg,#6e7896b3,#565e76bf);color:#fdfdff;font-size:15px;cursor:pointer;transition:all .12s ease}.network-button:hover:not(:disabled){border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.network-button:active:not(:disabled){transform:translateY(0)}.network-button--primary{background:linear-gradient(170deg,#4c84ffeb,#2658d2f5);box-shadow:0 8px 20px #0000004d,0 0 16px #4c84ff4d}.network-button--primary:hover:not(:disabled){box-shadow:0 12px 28px #0006,0 0 24px #6098ff66}.network-button:disabled{cursor:not-allowed;opacity:.5}.network-status{padding:14px 16px;border-radius:10px;background:linear-gradient(140deg,#111a30b3,#18244cb3);border:1px solid rgba(120,180,255,.25)}.network-status-title{font-size:13px;font-weight:600;color:#b4c8ffcc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.network-status-message{color:#e6ecffe6;font-size:14px;line-height:1.4}.network-status-message--error{color:#ffaaaaf2}.network-status-details{margin-top:10px}.network-info-item{display:flex;justify-content:space-between;font-size:14px;color:#dce6ffd9;padding:4px 0}.network-info-item span{color:#b4c8ffbf}.network-info-item strong{font-weight:600;color:#fffffff2;font-family:monospace;letter-spacing:.02em}.help-dialog{display:flex;flex-direction:column}.help-topics{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-topics__item{padding:12px 14px;min-height:148px;border-radius:14px;background:linear-gradient(150deg,#22345ce6,#122046eb);border:1px solid rgba(120,170,255,.2);box-shadow:inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:10px}.help-topics__item--centered{justify-content:center}.help-topics__item--centered .help-topics__title,.help-topics__item--title-centered .help-topics__title{text-align:center}.help-topics__title{margin:0;font-size:16px;font-weight:700;color:#e8f1ff;letter-spacing:.01em}.help-line-text{margin:0;color:#dce4f4e6;font-size:14px;line-height:1.5}.help-move-line{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.help-keycap{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:7px;border:1px solid rgba(180,214,255,.34);background:linear-gradient(160deg,#1c2d54d9,#101e3feb);color:#eef6fff2;font-family:Consolas,Menlo,Monaco,monospace;font-size:12px;font-weight:700;letter-spacing:.01em}.help-keycap--wide{min-width:60px}.help-aim-row{display:flex;align-items:center;gap:12px}.help-aim-copy{display:flex;flex-direction:column;gap:6px}.help-crosshair-canvas{width:64px;height:64px;flex:0 0 auto}.help-weapon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.help-weapon-cell{display:flex;align-items:center;gap:8px;border-radius:10px;padding:6px 8px;background:#0c162e66;border:1px solid rgba(136,188,255,.15)}.help-weapon-shortcut{color:#e7f3ffe6;font-family:Consolas,Menlo,Monaco,monospace;font-size:13px;font-weight:700;letter-spacing:.01em;min-width:24px}.help-weapon-canvas{width:90px;height:56px;display:block}.help-wind-row{display:flex;align-items:center;gap:10px}.help-windsock-canvas{width:136px;height:82px;display:block;flex:0 0 auto}@media (max-width: 760px){.help-topics{grid-template-columns:1fr}.help-topics__item{min-height:0}}@media (max-width: 560px){.help-wind-row,.help-aim-row{flex-direction:column;align-items:flex-start}}.mobile-controls-layer{position:fixed;inset:0;z-index:24;pointer-events:none;display:none}.mobile-controls-layer--visible{display:block}.mobile-weapon-dock{position:absolute;left:10px;top:calc(64px + var(--mobile-top-ui-offset-px, 0px));display:flex;flex-direction:column;gap:8px;pointer-events:auto}.mobile-weapon-dock--hidden{display:none}.mobile-weapon-button,.mobile-weapon-item,.mobile-aim-button,.mobile-action-button,.mobile-jump-button{touch-action:manipulation}.mobile-weapon-button{min-width:132px;min-height:58px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(160deg,#0c162ce0,#182442e6);color:#f6fbff;font:700 14px Fredoka,Trebuchet MS,system-ui,sans-serif;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;box-shadow:0 8px 18px #00000059}.mobile-weapon-button:disabled{opacity:.5}.mobile-weapon-icon{width:54px;height:40px;image-rendering:auto}.mobile-weapon-label{padding-left:8px}.mobile-weapon-menu{display:none;flex-direction:column;gap:6px}.mobile-weapon-menu--open{display:flex}.mobile-weapon-item{min-width:132px;min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(170deg,#121e36e6,#1e3052e6);color:#f4fbff;font:700 13px Fredoka,Trebuchet MS,system-ui,sans-serif;text-align:left;padding:0 12px}.mobile-weapon-item--active{border-color:#ffec91cc;box-shadow:0 0 0 1px #ffec9159}.mobile-aim-button{position:absolute;transform:translate(-50%,-50%);min-width:84px;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(160deg,#14223ee6,#2a3e66eb);color:#f8fbff;font:700 14px Fredoka,Trebuchet MS,system-ui,sans-serif;pointer-events:auto;display:none}.mobile-aim-button--visible{display:block}.mobile-action-dock{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:none;gap:10px;pointer-events:auto}.mobile-action-dock--visible{display:flex}.mobile-action-button{min-width:108px;min-height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.25);color:#f8fbff;font:700 15px Fredoka,Trebuchet MS,system-ui,sans-serif}.mobile-action-button--secondary{background:linear-gradient(160deg,#1c222ee0,#303948e6)}.mobile-action-button--primary{background:linear-gradient(160deg,#dc6838eb,#c24224eb)}.mobile-jump-button{position:absolute;right:12px;bottom:20px;min-width:94px;min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(160deg,#1b5365e6,#177b8ef0);color:#f8fbff;font:700 15px Fredoka,Trebuchet MS,system-ui,sans-serif;pointer-events:auto;display:none}.mobile-jump-button--visible{display:block}