:root{--bg:#05070b;--text:#f7f2e8;--muted:#f7f2e8ad;--line:#ffffff1f;--panel:#ffffff0e;--panel-hover:#ffffff17;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{background:linear-gradient(180deg, #05070b00 0%, #05070b2e 55%, var(--bg) 100%), var(--bg);min-height:100vh}.hero{isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__backgrounds,.hero__background,.hero__shade{position:absolute;inset:0}.hero__backgrounds{z-index:0;background:#05070b;transition:filter .16s,transform .16s}.hero--transitioning .hero__backgrounds{filter:blur(14px);transform:scale(1.025)}.hero__background{opacity:0;filter:blur(18px)brightness(.68)saturate(.88);background-color:#05070b;background-position:50%;background-size:cover;transition:opacity .95s cubic-bezier(.16,1,.3,1),filter 1.05s cubic-bezier(.16,1,.3,1),transform 1.25s cubic-bezier(.16,1,.3,1);transform:translate(7%)scale(1.075)}.hero__background.active{opacity:1;filter:blur()brightness()saturate(1.08);animation:8.5s ease-in-out infinite background-breathe;transform:translate(0)scale(1.035)}.hero__background.previous{opacity:0;filter:blur(22px)brightness(.68)saturate(.9);transform:translate(-8%)scale(1.085)}.hero__transition{z-index:2;pointer-events:none;mix-blend-mode:screen;-webkit-backdrop-filter:blur(10px);opacity:0;background:linear-gradient(100deg,#0000 0%,#d9c7ff05 30%,#a579ff38 47%,#65d8ff29 53%,#0000 70%),radial-gradient(circle at 54%,#d9c7ff38 0%,#7357f61f 28%,#0000 58%);animation:1.05s cubic-bezier(.16,1,.3,1) both background-transition;position:absolute;inset:0;transform:translate(42%)skew(-8deg)}.s__particles{z-index:3;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.s__particles>div,.s__particles canvas{width:100%!important;height:100%!important}.s__particles canvas{opacity:1;filter:brightness(1.9)saturate(1.45)drop-shadow(0 0 10px #5ad2ffc7)drop-shadow(0 0 26px #965aff94);display:block}.hero__progress{z-index:6;width:var(--progress,0%);background:linear-gradient(90deg,#d9c7fff2,#a579fffa 45%,#65d8fff2);height:10px;position:absolute;bottom:0;left:0;box-shadow:0 0 12px #a579ff9e,0 0 22px #65d8ff61}.stars{z-index:-1;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.stars__layer{opacity:.86;filter:brightness(1.45)saturate(1.35)drop-shadow(0 0 10px #6ecdff9e)drop-shadow(0 0 22px #965aff6b);transform-origin:50%;will-change:background-position, opacity, filter;background-repeat:repeat;position:absolute;inset:-18%}.stars__layer--near{background-image:radial-gradient(circle,#b7efff 0 1.2px,#0000 2.3px),radial-gradient(circle,#8471fff5 0 1.4px,#0000 2.4px),radial-gradient(circle,#e4d8ffe6 0 .9px,#0000 2px),radial-gradient(circle,#48caffcc 0 1px,#0000 2.2px);background-position:12px 20px,74px 38px,30px 68px;background-size:128px 128px,214px 214px,82px 82px,310px 310px;animation:9s linear infinite stars-slide-near,3.2s ease-in-out infinite stars-twinkle-near}.stars__layer--far{opacity:.58;background-image:radial-gradient(circle,#68d6ffd1 0 .9px,#0000 1.8px),radial-gradient(circle,#aa6fffb8 0 1px,#0000 2px),radial-gradient(circle,#ebe7ff9e 0 .7px,#0000 1.7px);background-position:48px 10px,18px 96px;background-size:168px 168px,260px 260px,96px 96px;animation:16s linear infinite stars-slide-far,4.6s ease-in-out infinite reverse stars-twinkle-far}.hero__shade{z-index:1;background:linear-gradient(#05070b57 0%,#05070b33 42%,#05070bcc 100%),radial-gradient(circle,#05070b14 0%,#05070b7a 70%)}.hero__content{z-index:4;justify-items:center;width:min(680px,100% - 40px);padding:6rem 0;display:grid;position:relative;transform:translateY(-8vh)}.hero__logo{filter:drop-shadow(0 18px 34px #0000008c);width:min(660px,90vw)}.auth-toggle{z-index:8;color:#f7f2e8c7;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#05070b61;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:42px;height:42px;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);box-shadow:0 10px 28px #00000038}.auth-toggle:hover,.auth-toggle:focus-visible,.auth-toggle.active{color:#fff;background:#05070ba8;border-color:#65d8ff7a}.auth-toggle:focus-visible{outline:0;box-shadow:0 0 0 3px #65d8ff2e,0 10px 28px #00000038}.auth-toggle:active{transform:scale(.96)}.auth-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.auth-toggle--signed:after{content:"";background:#37d67a;border:2px solid #05070bdb;border-radius:50%;width:8px;height:8px;position:absolute;bottom:5px;right:5px}.auth-panel{z-index:7;-webkit-backdrop-filter:blur(16px);background:#05070bb8;border:1px solid #ffffff2e;border-radius:8px;width:min(430px,100% - 32px);max-height:calc(100svh - 2rem);position:absolute;top:clamp(4.35rem,6vw,5rem);right:clamp(1rem,3vw,2rem);overflow:auto;box-shadow:0 18px 44px #00000057}.auth-form,.auth-session{gap:.82rem;padding:1rem;display:grid}.auth-tabs{background:#ffffff14;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.24rem;display:grid}.auth-tabs button,.auth-submit{color:#fff;min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:5px;font-weight:800}.auth-tabs button{color:#f7f2e8b8;background:0 0}.auth-tabs button.active{color:#fff;background:#ffffff29}.auth-field{gap:.34rem;display:grid}.auth-field--trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.auth-field span{color:#f7f2e89e;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:500}.auth-session__label{color:#f7f2e89e;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.required-mark{color:#ff4d64;font:inherit}.auth-field input,.phone-field select{color:#fff;width:100%;min-height:44px;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;outline:0;padding:0 .78rem}.phone-field{grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);gap:.55rem;display:grid}.phone-field select{cursor:pointer}.phone-field option{color:#fff;background:#111827}.auth-captcha{min-height:auto}.captcha-field{grid-template-columns:minmax(104px,.36fr) minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.captcha-field strong{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;place-items:center;min-height:44px;font-size:.96rem;font-weight:800;display:grid}.password-strength{grid-template-columns:1fr auto;align-items:center;gap:.7rem;min-height:18px;display:grid}.password-strength__bar{background:#ffffff21;border-radius:999px;height:7px;position:relative;overflow:hidden}.password-strength__bar:before{content:"";width:var(--strength,0%);border-radius:inherit;background:var(--strength-color,#ff4d64);transition:width .18s,background-color .18s;position:absolute;inset:0 auto 0 0}.password-strength__label{color:#f7f2e8a3;text-transform:uppercase;white-space:nowrap;font-size:.76rem;font-weight:800}.auth-field input:focus,.phone-field select:focus{border-color:#65d8ffb8;box-shadow:0 0 0 3px #65d8ff24}.auth-submit{text-transform:uppercase;background:linear-gradient(104deg,#0000 0 9%,#ffffff26 9% 11%,#0000 11% 100%),linear-gradient(160deg,#a579fffa 0%,#7357f6fa 54%,#25a8d2f5 100%)}.auth-submit:disabled{cursor:wait;opacity:.68}.auth-message{color:#f7f2e8c7;min-height:1.25rem;margin:0;font-size:.86rem;line-height:1.35}.auth-session strong{font-size:1.18rem}.auth-session small{color:#f7f2e8a3;overflow-wrap:anywhere}.gallery{z-index:5;gap:.62rem;display:flex;position:absolute;bottom:clamp(1rem,4vh,2.25rem);left:50%;transform:translate(-50%)}.gallery__item{aspect-ratio:16/9;cursor:pointer;opacity:.62;background:#05070b66;border:1px solid #ffffff29;border-radius:6px;width:clamp(58px,8vw,84px);padding:0;transition:opacity .18s,border-color .18s,transform .18s;overflow:hidden;box-shadow:0 10px 28px #0000003d}.gallery__item:hover,.gallery__item.active{opacity:1;border-color:#ffffff94;transform:translateY(-2px)}.gallery__item.active{box-shadow:0 14px 34px #00000052,0 0 0 1px #ffffff2e}.gallery__item img{object-fit:cover;width:100%;height:100%}.discord-link{z-index:5;color:#fff;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 8px #09102847;background:linear-gradient(104deg,#0000 0 9%,#ffffff29 9% 11%,#0000 11% 100%),linear-gradient(160deg,#a579fffa 0%,#7357f6fa 54%,#5865f2f5 100%);border:1px solid #d9c7ff9e;border-radius:5px;justify-content:center;align-items:center;width:min(360px,82vw);min-height:62px;padding:.85rem 2.5rem;font-size:clamp(1.15rem,2.7vw,1.58rem);font-weight:900;line-height:1;display:inline-flex;position:absolute;bottom:clamp(6.2rem,11.5vh,8rem);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 40px #00000057,0 0 30px #7357f661,inset 0 1px #ffffff57}.discord-link:before,.discord-link:after{content:"";pointer-events:none;opacity:.34;background:linear-gradient(126deg,#0000 0 36%,#ffffff5c 37% 39%,#0000 40% 100%),linear-gradient(126deg,#0000 0 46%,#fff3 47% 49%,#0000 50% 100%),linear-gradient(126deg,#0000 0 56%,#111a4f38 57% 59%,#0000 60% 100%);width:96px;position:absolute;top:0;bottom:0}.discord-link:before{left:8%}.discord-link:after{right:6%;transform:scaleX(-1)}.videos{background:linear-gradient(180deg, #05070bb8, #05070be6), url(/dragonica/bg-normal.png) center / cover fixed, var(--bg);align-items:center;min-height:100svh;padding:clamp(3rem,7vw,6rem) 20px;display:grid;position:relative}.videos__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem);width:min(1120px,100%);margin:0 auto;display:grid}.video{aspect-ratio:16/9;background:linear-gradient(135deg,#d9c7ffc7,#7357f642 38%,#65d8ff80 72%,#111a4fbd),#ffffff0f;border-radius:10px;padding:2px;position:relative;overflow:hidden;box-shadow:0 22px 62px #0000005c,0 0 34px #7357f62e}.video:before,.video:after{content:"";pointer-events:none;z-index:2;width:56px;height:56px;position:absolute}.video:before{border-top:1px solid #d9c7ffb8;border-left:1px solid #d9c7ffb8;top:9px;left:9px}.video:after{border-bottom:1px solid #65d8ff94;border-right:1px solid #65d8ff94;bottom:9px;right:9px}.video iframe{background:#05070b;border:0;border-radius:8px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;inset:2px}.copyright{color:#f7f2e875;letter-spacing:.08em;text-align:center;text-transform:uppercase;width:min(100% - 32px,720px);font-size:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes background-breathe{0%,to{transform:translate(0)scale(1.035)}50%{transform:translate(0)scale(1.065)}}@keyframes background-transition{0%{opacity:0;filter:blur(22px);transform:translate(42%)skew(-8deg)}34%{opacity:.86;filter:blur(10px)}to{opacity:0;filter:blur();transform:translate(-38%)skew(-8deg)}}@keyframes stars-slide-near{0%{background-position:12px 20px,74px 38px,30px 68px,120px 12px}to{background-position:-156px 118px,-210px 170px,-92px 154px,-252px 196px}}@keyframes stars-slide-far{0%{background-position:48px 10px,18px 96px,64px 40px}to{background-position:216px 142px,278px 232px,160px 136px}}@keyframes stars-twinkle-near{0%,to{opacity:.56;filter:brightness(1.12)saturate(1.25)drop-shadow(0 0 8px #6ecdff7a)drop-shadow(0 0 18px #965aff4d)}45%{opacity:1;filter:brightness(2.15)saturate(1.65)drop-shadow(0 0 14px #58dbffdb)drop-shadow(0 0 32px #a569ff94)}}@keyframes stars-twinkle-far{0%,to{opacity:.38}50%{opacity:.78}}@media (width<=760px){.hero{align-items:start;min-height:100svh}.hero__content{width:min(460px,100% - 32px);padding:3rem 0 0;transform:translateY(0)}.auth-panel{width:auto;max-height:calc(100svh - 5.5rem);inset:4.25rem 1rem auto}.auth-form,.auth-session{gap:.62rem;padding:.78rem}.auth-field input,.auth-tabs button,.auth-submit{min-height:40px}.auth-grid{grid-template-columns:1fr;gap:.62rem}.phone-field{grid-template-columns:minmax(104px,.44fr) minmax(0,1fr);gap:.45rem}.discord-link{bottom:5.6rem}.gallery{gap:.45rem;bottom:.9rem}.stars__layer--near{background-size:106px 106px,180px 180px,70px 70px}.videos{background-attachment:scroll;min-height:auto;padding:3rem 16px 4.5rem}.videos__inner{grid-template-columns:1fr}}@supports not (height:100svh){.hero,.videos{min-height:100vh}.auth-panel{max-height:calc(100vh - 2rem)}@media (width<=760px){.hero{min-height:100vh}.auth-panel{max-height:calc(100vh - 5.5rem)}.videos{min-height:auto}}}@supports not (aspect-ratio:16 / 9){.video{height:0;padding:2px 2px calc(56.25% + 2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero__background.active{animation:none}.hero__transition{display:none}.stars__layer{animation:none}}