@font-face{font-family:Mikado;src:url('/assets/Mikado-Bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Omnes;src:url('/assets/Omnes-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
*{box-sizing:border-box}html{min-height:100%;background:#3e6b8c}body{display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;min-height:100svh;color:#fff8ee;font:600 16px/1.4 Omnes,sans-serif;isolation:isolate}
body::before,body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none}
body::before{background:#3e6b8c url('/assets/game-background.png') center/cover no-repeat;image-rendering:pixelated}
body::after{background:linear-gradient(180deg,#172b3922,#172b390a 45%,#172b3966)}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:700 15px/1 Mikado,sans-serif;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}
.header{position:absolute;top:12px;left:16px;right:16px;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:80px;max-width:1400px;margin:auto;padding:4px 25px;background:#482653;border:2px solid #775788;border-radius:19px;box-shadow:0 5px 0 #2516318c,0 12px 30px #15252533}
.brand{display:flex;width:105px;align-items:center}.brand img{display:block;width:105px;height:66px;object-fit:contain}
.header-actions{display:flex;align-items:center;justify-self:end;gap:14px}.header-info{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:0 12px;border:1px solid #a581b5;border-radius:10px;background:#4b295f;color:#ffe0a1;font:700 12px/1 Mikado,sans-serif;white-space:nowrap;transition:background .18s}.header-info:hover{background:#654177}.header-info:focus-visible{outline:3px solid #ffdc96;outline-offset:4px}.notice-dot{display:block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#ffc867;box-shadow:0 0 0 3px #ffc86722;animation:notice-pulse 2.4s ease-in-out infinite}@keyframes notice-pulse{0%,100%{opacity:1}50%{opacity:.35}}
nav{display:flex;align-items:center;gap:7px}.nav-item{position:relative}.nav-item button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border-radius:10px;background:transparent;color:#dfcde4;white-space:nowrap;transition:background .15s,color .15s}
.nav-item button:focus-visible,.social a:focus-visible{background:#65416f;color:#fff8ee}.nav-item button:focus-visible,.brand:focus-visible,.social a:focus-visible{outline:3px solid #ffdc96;outline-offset:4px}
.soon-tooltip{position:absolute;top:calc(100% + 13px);left:50%;z-index:3;display:block;padding:9px 17px;border:1px solid #d8bdde;border-radius:9px;background:#fff8ee;color:#59365f;box-shadow:0 4px 0 #31213e66;font:700 14px/1 Mikado,sans-serif;opacity:0;visibility:hidden;transform:translate(-50%,-4px);pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}
.soon-tooltip::before{content:'';position:absolute;top:-5px;left:calc(50% - 4px);width:8px;height:8px;background:#fff8ee;transform:rotate(45deg);border-left:1px solid #d8bdde;border-top:1px solid #d8bdde}
.nav-item button:focus-visible + .soon-tooltip,.nav-item.is-soon .soon-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.nav-item:hover .soon-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-item button:hover,.social a:hover{background:#65416f;color:#fff8ee}}
.social{justify-self:end}.social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:10px;border-radius:10px;background:#654570;color:#dfcde4;transition:background .15s,color .15s}.social svg{display:block;width:18px;height:18px;fill:currentColor}
main{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:122px 24px 24px;text-align:center}h1{margin:0;font-size:0}.hero-logo{display:block;width:min(640px,78vw,78svh);height:auto;max-width:100%;filter:drop-shadow(0 7px 0 #253a3440)}
.logo-pop{display:block;padding:0;border:0;border-radius:24px;background:transparent;transform:scale(1);transform-origin:center;transition:transform .2s cubic-bezier(.22,.8,.3,1.08)}.hero-logo{user-select:none;-webkit-user-drag:none}.logo-pop:focus-visible,.coming-soon:focus-visible{outline:3px solid #ffdc96;outline-offset:8px}.logo-pop:active{transform:scale(1.055)}
@media(hover:hover) and (pointer:fine){.logo-pop:hover{transform:scale(1.025)}.logo-pop:hover:active{transform:scale(1.055)}.coming-soon:hover{background:#65416f}}
.logo-particles{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}.logo-burst{position:absolute;inset:0;pointer-events:none}.logo-spark{position:absolute;width:var(--size);height:var(--size);margin:calc(var(--size)/-2);background:var(--spark-color);color:var(--spark-color);box-shadow:0 0 8px currentColor;opacity:0;animation:logo-spark-fly var(--life) cubic-bezier(.16,.72,.28,1) var(--delay) both}.logo-spark.star{background:transparent;box-shadow:none}.logo-spark.star::before,.logo-spark.star::after{content:'';position:absolute;background:currentColor;box-shadow:0 0 5px currentColor}.logo-spark.star::before{left:38%;top:-15%;width:24%;height:130%}.logo-spark.star::after{top:38%;left:-15%;height:24%;width:130%}
@keyframes logo-spark-fly{0%{opacity:0;transform:translate3d(0,0,0) rotate(45deg) scale(.4)}12%{opacity:1}18%{transform:translate3d(calc(var(--dx)*.35),calc(var(--dy)*.35),0) rotate(65deg) scale(1)}65%{opacity:.95}72%{transform:translate3d(calc(var(--dx)*.9),calc(var(--dy)*.9),0) rotate(var(--turn)) scale(.85)}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--turn)) scale(.15)}}
.entry-footer{display:flex;justify-content:center;align-items:center;min-height:72px;padding:16px 24px max(22px,env(safe-area-inset-bottom));font:700 12px/1.5 Omnes,sans-serif;letter-spacing:.55px;text-shadow:0 2px 4px #1d354f}.entry-footer i{padding-inline:7px;font-style:normal;color:#ffd591}
.coming-soon{margin:0;padding:12px 25px;border:2px solid #94739b;border-radius:12px;background:#482653ed;box-shadow:0 4px 0 #25163166;font:700 21px/1.1 Mikado,sans-serif;transition:transform .18s cubic-bezier(.22,.8,.3,1.08),background .18s}.coming-soon:active{transform:scale(1.06)}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.header{padding-inline:17px;gap:14px}nav{gap:3px}.nav-item button{padding-inline:13px;font-size:14px}}
@media(max-width:800px){.header{grid-template-columns:1fr auto;grid-template-rows:58px 44px;gap:0 12px;padding:2px 16px 9px;min-height:116px}.brand,.brand img{width:93px}.brand img{height:58px}nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:4px}.nav-item button{width:100%;min-height:36px;padding:9px 10px;font-size:13px}.header-actions{grid-column:2;grid-row:1;gap:10px}.header-info{min-height:34px;font-size:11px;padding-inline:10px}.social a{width:36px;height:36px}.soon-tooltip{top:calc(100% + 12px)}main{padding-top:146px}.hero-logo{width:min(84vw,74svh)}.entry-footer{min-height:64px;padding-inline:16px;font-size:11px}}
@media(max-width:390px){.header{left:12px;right:12px;padding-inline:11px}nav{gap:0}.nav-item button{font-size:12px;padding-inline:7px}.social a{padding:9px}.coming-soon{font-size:19px}}
@media(max-height:520px) and (min-width:801px){main{padding-top:108px;padding-bottom:22px;gap:6px}.hero-logo{width:66svh}.coming-soon{font-size:16px;padding:8px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.notice-dot{animation:none;opacity:1}.logo-pop:hover,.logo-pop:hover:active,.logo-pop:active,.coming-soon:active{transform:scale(1.01)}.logo-particles{display:none}}