html,body{touch-action:none;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;background-color:#0a0a14;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}#app{width:100vw;height:100vh;overflow:hidden}canvas{touch-action:none;display:block}#title-overlay{z-index:10000;background:#0a0a14;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}#title-overlay.fade-out{opacity:0;pointer-events:none}#title-overlay .banner{object-fit:cover;object-position:center;filter:brightness(.55)saturate(1.1);pointer-events:none;transform-origin:50%;width:100%;height:100%;animation:24s ease-in-out infinite alternate banner-drift;position:absolute;inset:0}@keyframes banner-drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.1)translate(-1.2%,-1.5%)}}#title-overlay:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 56%,#ff8c282e 0%,#ff8c280d 30%,#0000 60%),radial-gradient(#0000 0% 45%,#0a0a14e6 100%);position:absolute;inset:0}#title-overlay:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0a0a1473 0%,#0a0a144d 45%,#0a0a14f2 100%);position:absolute;inset:0}.ember-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.ember-layer span{filter:blur(.4px);opacity:0;background:radial-gradient(circle,#ffd28a 0%,#ff8a3c 45%,#ff783200 75%);border-radius:50%;width:4px;height:4px;animation:linear infinite ember-rise;position:absolute;bottom:-20px}.ember-layer span:first-child{--drift:18px;--size:4px;animation-duration:7.5s;animation-delay:0s;left:5%}.ember-layer span:nth-child(2){--drift:-22px;--size:3px;animation-duration:9.5s;animation-delay:1.4s;left:12%}.ember-layer span:nth-child(3){--drift:14px;--size:5px;animation-duration:6.8s;animation-delay:2.6s;left:20%}.ember-layer span:nth-child(4){--drift:-16px;--size:3px;animation-duration:8.2s;animation-delay:.9s;left:28%}.ember-layer span:nth-child(5){--drift:24px;--size:4px;animation-duration:10.4s;animation-delay:3.2s;left:36%}.ember-layer span:nth-child(6){--drift:-10px;--size:6px;animation-duration:7s;animation-delay:1.8s;left:44%}.ember-layer span:nth-child(7){--drift:12px;--size:4px;animation-duration:9s;animation-delay:.3s;left:52%}.ember-layer span:nth-child(8){--drift:-20px;--size:3px;animation-duration:8s;animation-delay:4s;left:60%}.ember-layer span:nth-child(9){--drift:18px;--size:5px;animation-duration:6.5s;animation-delay:2s;left:68%}.ember-layer span:nth-child(10){--drift:-14px;--size:4px;animation-duration:9.8s;animation-delay:.7s;left:76%}.ember-layer span:nth-child(11){--drift:22px;--size:3px;animation-duration:7.6s;animation-delay:3.6s;left:82%}.ember-layer span:nth-child(12){--drift:-18px;--size:6px;animation-duration:10s;animation-delay:1.1s;left:88%}.ember-layer span:nth-child(13){--drift:16px;--size:4px;animation-duration:8.4s;animation-delay:2.3s;left:92%}.ember-layer span:nth-child(14){--drift:-24px;--size:5px;animation-duration:11s;animation-delay:4.5s;left:16%}.ember-layer span:nth-child(15){--drift:12px;--size:4px;animation-duration:7.2s;animation-delay:3.8s;left:72%}.ember-layer span{width:var(--size,4px);height:var(--size,4px)}@keyframes ember-rise{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:.95}60%{opacity:.85}to{transform:translate(var(--drift,16px), -110vh) scale(1.2);opacity:0}}.ash-veil{pointer-events:none;z-index:2;mix-blend-mode:screen;background:radial-gradient(20% 12% at 18% 30%,#b4aac80d 0%,#0000 60%),radial-gradient(25% 10% at 70% 60%,#c8b4c80a 0%,#0000 60%),radial-gradient(18% 14% at 40% 80%,#dcc8dc08 0%,#0000 65%),radial-gradient(22% 12% at 85% 25%,#b4aac80a 0%,#0000 60%);width:200%;height:200%;animation:38s linear infinite ash-drift;position:absolute;inset:-50%}@keyframes ash-drift{0%{transform:translate(0)}to{transform:translate(-12%,6%)}}.frame-corner{pointer-events:none;z-index:3;opacity:.7;width:90px;height:90px;position:absolute}.frame-corner:before,.frame-corner:after{content:"";background:linear-gradient(90deg,#ffd700d9,#ffd70000);position:absolute;box-shadow:0 0 8px #ffb43c73}.frame-corner:before{width:70px;height:2px;top:12px;left:12px}.frame-corner:after{background:linear-gradient(#ffd700d9,#ffd70000);width:2px;height:70px;top:12px;left:12px}.frame-corner.tl{top:0;left:0}.frame-corner.tr{top:0;right:0;transform:scaleX(-1)}.frame-corner.bl{bottom:0;left:0;transform:scaleY(-1)}.frame-corner.br{bottom:0;right:0;transform:scale(-1)}#title-overlay.loading .title-ui{display:none}#title-overlay.loading .loader-ui{display:flex}#title-overlay.title .loader-ui{display:none}#title-overlay.title .title-ui{display:flex}.loader-ui,.title-ui{z-index:4;text-align:center;color:#f3e0a8;text-shadow:0 2px 12px #000000e6;flex-direction:column;align-items:center;gap:18px;padding:24px;position:relative}.loader-ui{gap:14px}.loader-title{letter-spacing:.1em;color:gold;opacity:.92;text-shadow:0 0 28px #ff822880,0 4px #000000d9,0 6px 18px #000000d9;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,6vw,78px);font-weight:900;line-height:.95;animation:3.5s ease-in-out infinite title-pulse}@keyframes title-pulse{0%,to{text-shadow:0 0 24px #ff822873,0 4px #000000d9,0 6px 18px #000000d9}50%{text-shadow:0 0 44px #ffa03cbf,0 4px #000000d9,0 6px 18px #000000d9}}.loader-sub{letter-spacing:.35em;color:#f3e0a8;opacity:.85;margin:-4px 0 10px;font-family:Georgia,serif;font-size:clamp(16px,2vw,26px);font-style:italic}.rune-loader{width:110px;height:110px;margin:4px 0 6px;position:relative}.rune-ring{border:2px solid #0000;border-color:#0000 #ff822873 #ffd700d9 #ffd700d9;border-radius:50%;animation:2.6s linear infinite rune-spin;position:absolute;inset:0;box-shadow:inset 0 0 14px #ff822866,0 0 18px #ffa03c66}.rune-ring.inner{box-shadow:none;border:2px dashed #ffd700f2;border-color:#ffd700f2 #0000 #ffd70099 #ffd70099;animation:3.2s linear infinite rune-spin-reverse;inset:18px}@keyframes rune-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rune-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.ember-orb{background:radial-gradient(circle at 35% 35%,#fff4c8 0%,#ffb24a 40%,#ff5a18 70%,#ff501400 100%);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:1.6s ease-in-out infinite orb-breathe;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ff9632f2,0 0 38px #ff5a1e99}@keyframes orb-breathe{0%,to{transform:scale(.85);box-shadow:0 0 16px #ff9632d9,0 0 30px #ff5a1e80}50%{transform:scale(1.15);box-shadow:0 0 28px #ffc850,0 0 50px #ff6e28bf}}.loader-text{letter-spacing:.15em;color:#f3e0a8;margin:4px 0 0;font-family:Georgia,serif;font-size:18px}.ellipsis span{opacity:0;animation:1.4s infinite ellipsis-fade;display:inline-block}.ellipsis span:first-child{animation-delay:0s}.ellipsis span:nth-child(2){animation-delay:.25s}.ellipsis span:nth-child(3){animation-delay:.5s}@keyframes ellipsis-fade{0%,80%,to{opacity:0}30%,60%{opacity:1}}.loader-flavor{letter-spacing:.05em;color:#f3e0a8b3;text-shadow:0 2px 8px #000000e6;max-width:460px;min-height:1.4em;margin:14px 0 0;font-family:Georgia,serif;font-size:14px;font-style:italic;transition:opacity .5s ease-in-out}.loader-flavor.swap{opacity:0}.title-ui h1{letter-spacing:.08em;color:gold;text-shadow:0 0 22px #ff82288c,0 4px #000000d9,0 6px 18px #000000d9;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.95;animation:3.5s ease-in-out infinite title-pulse}.title-ui .subtitle{letter-spacing:.35em;color:#f3e0a8;text-shadow:0 2px 10px #000000e6;margin:6px 0 32px;font-family:Georgia,serif;font-size:clamp(18px,2.4vw,32px);font-style:italic}#start-btn{appearance:none;color:gold;letter-spacing:.35em;cursor:pointer;background:linear-gradient(#5d2a1b 0%,#2a0f08 100%);border:3px solid gold;border-radius:8px;padding:16px 64px;font-family:Georgia,serif;font-size:clamp(20px,2.4vw,30px);font-weight:900;transition:transform .15s ease-out,box-shadow .15s ease-out,background .2s ease-out;box-shadow:0 0 30px #ff822859,0 6px #000c}#start-btn:hover{background:linear-gradient(#7a3a25 0%,#3a1a0d 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 0 44px #ffa03c99,0 8px #000c}#start-btn:active{transform:translateY(2px)scale(.99);box-shadow:0 0 24px #ff822859,0 2px #000c}.title-credits{letter-spacing:.2em;color:#f3e0a8bf;margin-top:24px;font-size:12px}.lang-toggle{z-index:5;pointer-events:auto;gap:6px;display:flex;position:absolute;top:18px;right:22px}.lang-btn{appearance:none;color:#f3e0a8cc;letter-spacing:.1em;cursor:pointer;background:#140c06a6;border:1px solid #ffd7008c;border-radius:4px;padding:6px 12px;font-family:Georgia,serif;font-size:13px;font-weight:700;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out}.lang-btn:hover{color:gold;background:#3c1e0cd9;border-color:gold}.lang-btn.active{color:gold;background:linear-gradient(#5d2a1b 0%,#2a0f08 100%);border-color:gold;box-shadow:0 0 12px #ff822873}@media (width<=600px){.title-ui .subtitle{margin-bottom:22px}#start-btn{padding:14px 42px}.frame-corner{width:60px;height:60px}.frame-corner:before{width:46px}.frame-corner:after{height:46px}.rune-loader{width:88px;height:88px}.lang-toggle{top:10px;right:10px}.lang-btn{padding:5px 9px;font-size:12px}}@media (prefers-reduced-motion:reduce){#title-overlay .banner{animation:none}.ember-layer span,.ash-veil,.rune-ring,.ember-orb,.loader-title,.title-ui h1{animation:none!important}}