#home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:128px}#home-container button{display:block;margin:0;width:320px;max-width:90vw}#home-buttons{display:flex;flex-direction:column;justify-content:center;gap:32px;margin-bottom:32px}#home-bottom-buttons{display:flex;justify-content:center;gap:32px;margin-top:32px}#home-title{font-family:Cinzel,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:3rem;margin-bottom:24px;transition:color .4s;color:var(--home-title-color)}#home-fog-canvas{position:fixed;left:0;right:0;bottom:0;height:320px;width:100vw;pointer-events:none;z-index:0;display:block;background:linear-gradient(to top,#00e1ff28,#0000)}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s}.modal.hidden{display:none}.modal-content{background:var(--bg-color, #23233a);color:var(--text-color, #fff);border-radius:18px;box-shadow:0 8px 32px #000a;padding:32px 36px 24px;min-width:320px;min-height:180px;text-align:center;position:relative}.modal-content.settings-large{min-width:540px;min-height:340px;font-size:1.22em;font-family:Cinzel;padding:56px 64px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:28px;text-align:left}.modal-content.settings-large h2{align-self:center;margin-bottom:10px}.modal-content.settings-large label{width:100%;display:flex;gap:16px;font-size:1.15em;justify-content:space-between;margin-bottom:0}.settings-sliders{display:flex;flex-direction:column;gap:18px;margin-right:10px;width:100%}.settings-sliders label{justify-content:space-between;text-align:left}.settings-sliders label>span,.settings-sliders label>input[type=range]{margin-left:0}.settings-sliders label>input[type=range]{margin-left:32px}#particle-count{width:120px;text-align:right}#particle-count-value{font-weight:700;margin-left:8px;text-align:right}#close-settings{margin-top:18px;align-self:center}.keybindings-list{display:flex;flex-direction:column;gap:12px;margin:18px 0 0;align-items:flex-start;width:100%}.keybinding-row{display:flex;align-items:center;gap:18px;font-size:1.08em;justify-content:flex-end;width:100%}.keybinding-row .key{margin-left:auto;background:#222a;color:#fff;border-radius:6px;padding:2px 12px;font-weight:700;font-family:Cinzel;font-size:1.08em;margin-right:8px;box-shadow:0 1px 4px #0003}.keybinding-row span:last-child{flex:1;text-align:right}#login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transition:background .4s}body.night #login-container{background:#1e1e28f2}body.day #login-container{background:#ffffffeb}.login-label{font-family:Cinzel,serif;font-size:1rem;transition:color .4s}body.night .login-label{color:#00eaff}body.day .login-label{color:#7f5cff}#exp-bar-container{position:fixed;left:50%;transform:translate(-50%);width:320px;bottom:45px;margin:24px auto 0;z-index:10}#exp-level{position:absolute;left:50%;top:-48px;transform:translate(-50%);font-family:Cinzel;font-size:1.3em;font-weight:700;color:#fff;text-shadow:0 1px 4px #00000000;pointer-events:none}#exp-bar-container .exp-bar-bg{background:#2230;border-radius:8px;border-width:4px;border-style:solid;border-color:#a5a5a528;width:100%;height:18px;overflow:hidden;position:relative}#exp-bar{background:linear-gradient(90deg,#55ff71,#0fa);height:100%;width:0%;transition:width .4s;border-radius:8px;position:relative;overflow:hidden}.exp-bar-glow{position:absolute;left:0;top:0;height:100%;width:100%;pointer-events:none;z-index:2;background:linear-gradient(100deg,transparent 0%,#fff 40%,#fff 60%,transparent 100%);opacity:.65;transform:translate(-100%);filter:blur(6px);transition:none}.exp-bar-glow.animate{animation:exp-bar-glow-move 1s cubic-bezier(.4,1.6,.4,1)}@keyframes exp-bar-glow-move{0%{transform:translate(-100%);opacity:.7}40%{opacity:1}80%{opacity:.7}to{transform:translate(100%);opacity:0}}#exp-bar-container,#exp-level{opacity:0;transition:opacity .7s cubic-bezier(.4,1.6,.4,1)}#exp-bar-container.exp-visible,#exp-level.exp-visible{opacity:1}