@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/game-runtime/the-lost-storm/assets/cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(/game-runtime/the-lost-storm/assets/cinzel-latin-500-normal-DMNTwV-V.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/game-runtime/the-lost-storm/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/game-runtime/the-lost-storm/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/game-runtime/the-lost-storm/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(/game-runtime/the-lost-storm/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/game-runtime/the-lost-storm/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(/game-runtime/the-lost-storm/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/game-runtime/the-lost-storm/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(/game-runtime/the-lost-storm/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff")}:root{--spring-snappy:linear(0, .051, .167, .308, .449, .578, .688, .777, .847, .899, .937, .964, .982, .994, 1, 1.004, 1.006, 1.006, 1.006, 1.005, 1);--spring-smooth:linear(0, .04, .13, .241, .355, .463, .559, .642, .713, .771, .819, .857, .888, .913, .932, .948, .96, .969, .976, .982, .986, .989, .992, .994, 1);--spring-bouncy:linear(0, .04, .141, .279, .432, .586, .727, .85, .95, 1.025, 1.078, 1.109, 1.124, 1.125, 1.117, 1.102, 1.083, 1.064, 1.045, 1.028, 1.013, 1.002, .994, .988, .985, .984, .984, .986, 1);--spring-snappy-ms:.26s;--spring-smooth-ms:.52s;--spring-bouncy-ms:.72s;--drift-ease:linear;--drift-ms:5.2s;--serif:"Cinzel", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:"Alegreya Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text:#efe6d6;--storm:#7fd4ff;--ember:#e8b866}html,body{height:100%;color:var(--text);font-family:var(--sans);font-variant-numeric:lining-nums;background:#05070b;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}#scene{cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}#overlays{pointer-events:none;position:absolute;inset:0;overflow:hidden}#fade{pointer-events:none;opacity:0;transition:opacity var(--spring-smooth-ms) var(--spring-smooth);background:#05070b;position:absolute;inset:0}#fade.on{opacity:1}#vignette{pointer-events:none;background:radial-gradient(#0000 52%,#0204089e 100%);position:absolute;inset:0}#vignette:after{content:"";opacity:var(--hurt,0);background:radial-gradient(#a0141000 45%,#aa18128c 100%);position:absolute;inset:0}#title{transition:opacity var(--spring-smooth-ms) var(--spring-smooth), visibility 0s linear 0s;background:radial-gradient(at 50% 40%,#162234e6,#04060af7 70%);place-items:center;display:grid;position:absolute;inset:0}#title.gone{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--spring-smooth-ms) var(--spring-smooth), visibility 0s linear var(--spring-smooth-ms)}.title-card{text-align:center;width:min(440px,86vw);animation:title-rise var(--spring-smooth-ms) var(--spring-smooth) both}#title.gone .title-card{transition:transform var(--spring-smooth-ms) var(--spring-smooth);transform:translateY(-14px)scale(.985)}@keyframes title-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.title-card h1{font-family:var(--serif);letter-spacing:.06em;white-space:nowrap;color:#f4ecdc;text-shadow:0 0 28px #7fd4ff59,0 2px #0009;margin:0;font-size:40px;font-weight:500}.title-sub{min-height:24px;font-family:var(--sans);letter-spacing:.04em;color:#7fd4ffcc;margin:6px 0 26px;font-size:18px;font-style:italic;line-height:24px}.title-loader{width:-moz-fit-content;width:fit-content;transition:opacity var(--spring-smooth-ms) var(--spring-smooth);grid-template-columns:repeat(5,7px);gap:4px;margin:0 auto 12px;display:grid}.title-loader.done{opacity:0}.title-loader i{background:var(--storm);opacity:.12;width:7px;height:7px;animation:loader-scan calc(var(--drift-ms) / 4) var(--drift-ease) infinite;border-radius:1px}.title-loader i:nth-child(5n+1){animation-delay:0s}.title-loader i:nth-child(5n+2){animation-delay:calc(var(--drift-ms) / 40)}.title-loader i:nth-child(5n+3){animation-delay:calc(var(--drift-ms) / 20)}.title-loader i:nth-child(5n+4){animation-delay:calc(var(--drift-ms) * 3 / 40)}.title-loader i:nth-child(5n){animation-delay:calc(var(--drift-ms) / 10)}.title-loader i:nth-child(n+6){animation-duration:calc(var(--drift-ms) / 4 + 90ms)}.title-loader i:nth-child(n+16){animation-duration:calc(var(--drift-ms) / 4 + .17s)}@keyframes loader-scan{0%,to{opacity:.1;transform:scale(.8)}30%{opacity:1;transform:scale(1);box-shadow:0 0 8px #7fd4ffb3}60%{opacity:.25;transform:scale(.9)}}.title-status.failed{color:#ff8d7a}.title-status{color:#efe6d699;min-height:18px;transition:opacity var(--spring-snappy-ms) var(--spring-snappy);margin:0 0 14px;font-size:13px}.title-status.quiet{opacity:0}.title-card button{appearance:none;font-family:var(--serif);letter-spacing:.14em;color:#f4ecdc;cursor:pointer;transition:transform var(--spring-snappy-ms) var(--spring-snappy), background-color var(--spring-snappy-ms) var(--spring-snappy), opacity var(--spring-smooth-ms) var(--spring-smooth);background:#7fd4ff24;border:1px solid #ffffff12;border-radius:6px;outline:none;padding:10px 40px;font-size:16px;font-weight:500}.title-card button:disabled{opacity:.3;cursor:default}.title-card button:not(:disabled):hover{background:#7fd4ff3d;transform:translateY(-1px)}.title-card button:not(:disabled):active{transform:scale(.97)}.title-card button.title-quiet{font-family:var(--sans);letter-spacing:.02em;color:#efe6d68c;background:0 0;border-color:#0000;margin:12px auto 0;padding:5px 12px;font-size:13px;display:block}.title-card button.title-quiet[hidden]{display:none}.title-card button.title-quiet:hover{color:#efe6d6e6;background:#ffffff0d}.title-sync{letter-spacing:.03em;color:#efe6d661;opacity:0;min-height:16px;transition:opacity var(--spring-snappy-ms) var(--spring-snappy);margin:14px 0 0;font-size:12px}.title-sync.shown{opacity:1}.title-sync[data-state=cloud]{color:#7fd4ffb3}.title-keys{text-align:left;gap:7px;width:-moz-fit-content;width:fit-content;margin:30px auto 0;font-size:14px;display:grid}.title-keys div{grid-template-columns:150px auto;gap:14px;display:grid}.title-keys dt{color:var(--ember);text-align:right}.title-keys dd{color:#efe6d6b8;margin:0}.title-credits{color:#efe6d661;max-width:400px;margin:26px auto 0;font-size:12px;line-height:1.45}.world-layer{will-change:transform;position:absolute;top:0;left:0}.damage-number{font-family:var(--serif);letter-spacing:.02em;color:#fff3d8;text-shadow:0 1px #000000e6,0 0 6px #000000b3;white-space:nowrap;will-change:transform, opacity;font-size:18px;font-weight:700;position:absolute;top:0;left:0}.damage-number span{animation:damage-float .78s var(--spring-smooth) both;display:block;transform:translate(-50%,-50%)}.damage-number.crit{color:#ffd257;font-size:30px}.damage-number.crit span{animation:damage-crit .95s var(--spring-bouncy) both}.damage-number.hurt{color:#ff6b5a;font-size:22px}.damage-number.gold{color:#f6cf62;font-size:15px;font-family:var(--sans);font-weight:600}.damage-number.xp{color:#b9a4ff;font-size:13px;font-family:var(--sans);font-weight:600}@keyframes damage-float{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}14%{opacity:1;transform:translate(calc(-50% + var(--drift) * .25), -90%) scale(1.12)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--drift)), -260%) scale(.9)}}@keyframes damage-crit{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)rotate(-6deg)}16%{opacity:1;transform:translate(calc(-50% + var(--drift) * .25), -100%) scale(1.3) rotate(3deg)}72%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--drift)), -300%) scale(1) rotate(0deg)}}.health-bar{opacity:0;width:46px;height:5px;transition:opacity var(--spring-snappy-ms) var(--spring-snappy);will-change:transform, opacity;background:#06080cc7;border-radius:2px;margin:-3px 0 0 -23px;position:absolute;top:0;left:0;overflow:hidden}.health-bar.shown{opacity:1}.health-bar i{transform-origin:0;border-radius:2px;position:absolute;inset:0}.health-bar .chip{transition:transform .52s var(--spring-smooth) .12s;background:#ffeed6d9}.health-bar .fill{transition:transform .11s var(--spring-snappy);background:linear-gradient(#e2473a,#a11f1c)}.loot-label{pointer-events:auto;cursor:pointer;will-change:transform;position:absolute;top:0;left:0}.loot-label span{font-family:var(--serif);letter-spacing:.06em;white-space:nowrap;animation:loot-in var(--spring-bouncy-ms) var(--spring-bouncy) both;transition:background-color var(--spring-snappy-ms) var(--spring-snappy), scale var(--spring-snappy-ms) var(--spring-snappy);background:#080a10cc;border-radius:4px;padding:2px 8px 3px;font-size:12px;font-weight:500;display:block;transform:translate(-50%,-100%)}.loot-label:hover span{background:#1e283af2;scale:1.06}.loot-label.taken span{animation:loot-out var(--spring-snappy-ms) var(--spring-snappy) both}@keyframes loot-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes label-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}}@keyframes loot-out{0%{opacity:1;transform:translate(-50%,-100%)scale(1)}to{opacity:0;transform:translate(-50%,-170%)scale(.85)}}.exit-label{pointer-events:auto;cursor:pointer;will-change:transform;position:absolute;top:0;left:0}.exit-label span{color:#cfe6ff;font-family:var(--serif);letter-spacing:.06em;white-space:nowrap;animation:label-in var(--spring-bouncy-ms) var(--spring-bouncy) backwards;transition:background-color var(--spring-snappy-ms) var(--spring-snappy), opacity var(--spring-smooth-ms) var(--spring-smooth), scale var(--spring-snappy-ms) var(--spring-snappy);background:#080a10b8;border-radius:4px;padding:4px 12px 5px;font-size:14px;display:block;transform:translate(-50%,-100%)}.exit-label.waypoint span{color:#b9f5e6}.exit-label.locked span{opacity:.5}.exit-label.secret{pointer-events:none}.exit-label.secret span{opacity:0}.exit-label:hover span,.exit-label.aimed span{background:#1e283af2;scale:1.06}.npc-label{pointer-events:auto;cursor:pointer;will-change:transform;position:absolute;top:0;left:0}.npc-label span{white-space:nowrap;animation:label-in var(--spring-bouncy-ms) var(--spring-bouncy) backwards;transition:background-color var(--spring-snappy-ms) var(--spring-snappy), opacity var(--spring-smooth-ms) var(--spring-smooth), scale var(--spring-snappy-ms) var(--spring-snappy);background:#080a109e;border-radius:4px;flex-direction:column;align-items:center;padding:3px 10px 4px;display:flex;transform:translate(-50%,-100%)}.npc-label.leaving{pointer-events:none}.npc-label.leaving span{opacity:0}.npc-label b{font-family:var(--serif);letter-spacing:.06em;color:#f3d9a4;font-size:13.5px;font-weight:500}.npc-label small{font-family:var(--sans);color:#efe6d69e;font-size:11px;font-style:italic}.npc-label i{background:var(--ember);opacity:0;width:9px;height:9px;transition:opacity var(--spring-smooth-ms) var(--spring-smooth), scale var(--spring-bouncy-ms) var(--spring-bouncy);margin-left:-4.5px;position:absolute;top:-16px;left:50%;rotate:45deg;scale:.4;box-shadow:0 0 10px #e8b866e6}.npc-label.news i{opacity:1;scale:1}.npc-label:hover span,.npc-label.aimed span{background:#1e283aeb;scale:1.06}.name-plate{font-family:var(--serif);letter-spacing:.08em;text-align:center;opacity:0;transition:opacity var(--spring-snappy-ms) var(--spring-snappy), transform var(--spring-snappy-ms) var(--spring-snappy);background:#080a10b8;border-radius:5px;padding:5px 16px 6px;font-size:14px;font-weight:500;position:absolute;top:58px;left:50%;transform:translate(-50%,-6px)}.name-plate.shown{opacity:1;transform:translate(-50%)}.name-plate small{font-family:var(--sans);color:#efe6d699;font-size:11px;display:block}.title-account{opacity:0;min-height:0;transition:opacity var(--spring-smooth-ms) var(--spring-smooth), transform var(--spring-smooth-ms) var(--spring-smooth), min-height var(--spring-smooth-ms) var(--spring-smooth), margin var(--spring-smooth-ms) var(--spring-smooth);margin:0;transform:translateY(6px)}.title-account.reserved{min-height:60px;margin:12px 0 0}.title-account.shown{opacity:1;transform:translateY(0)}.title-google{justify-content:center;min-height:32px;display:flex}.title-google[hidden],.title-account-line[hidden],.title-account-note[hidden]{display:none}.title-account-line{letter-spacing:.02em;color:#efe6d6b8;min-height:32px;margin:0;font-size:13px;line-height:32px}.title-card .title-account-line button.title-quiet{margin:0 0 0 6px;display:inline-block}.title-account-note{letter-spacing:.02em;color:#ffc4a0c7;margin:6px 0 0;font-size:12px}.title-legal{color:#efe6d661;justify-content:center;gap:8px;margin:10px auto 0;font-size:12px;display:flex}.title-legal a{color:#efe6d68c;transition:color var(--spring-snappy-ms) var(--spring-snappy);text-decoration:none}.title-legal a:hover,.title-legal a:focus-visible{color:var(--text)}
