@font-face{font-family:Modern Gothic;src:url('assets/fonts/ModernGothic-Regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#171322;color:#f5f3ff;font-family:Modern Gothic,Arial,sans-serif;min-height:100svh;display:flex;flex-direction:column}a{color:inherit}button{font:inherit;cursor:pointer;border:1px solid #f5f3ff55;border-radius:100px;padding:10px 16px;background:transparent;color:inherit;min-height:44px}button:hover{background:#e4ff30;color:#362f4f}button:focus-visible,a:focus-visible{outline:3px solid #e4ff30;outline-offset:4px}.demo-bar{padding:16px 3vw;display:flex;align-items:center;gap:28px;background:#362f4f}.demo-brand img{filter:brightness(0) invert(1);display:block;width:115px;height:auto}.demo-title h1{font-size:18px;margin:0 0 4px}.demo-title span{font-size:12px;color:#cfcae6}.demo-actions{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:13px}.demo-actions a{padding:12px}#demo-stage{position:relative;flex:1;min-height:480px;display:grid;background:#120d19}#game-frame{width:100%;height:calc(100svh - 135px);min-height:480px;border:0;grid-area:1/1}#game-frame[hidden]{display:none}.demo-cover{position:relative;grid-area:1/1;min-height:560px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5vw;padding:5vw}.demo-cover[hidden]{display:none}.demo-cover>img{width:100%;height:auto;border-radius:8px}.demo-cover>div{max-width:460px}.demo-cover h2{font-size:clamp(36px,4vw,62px);line-height:1;letter-spacing:-.04em;margin:0 0 22px}.demo-cover p{line-height:1.65;color:#cfcae6}.demo-cover button{background:#e4ff30;color:#362f4f;padding:17px 28px;margin-top:18px}.demo-cover button:disabled{opacity:.5;cursor:wait}#demo-status,.demo-cover a{font-size:13px}.demo-note{padding:12px 3vw;font-size:12px;color:#cfcae6;line-height:1.5}.demo-note span{margin-left:10px}#demo-stage:fullscreen,#demo-stage:fullscreen iframe{height:100vh}.demo-actions button:disabled{opacity:.45;cursor:default}@media(max-width:700px){.demo-bar{gap:12px;padding:12px 4vw;flex-wrap:wrap}.demo-brand img{width:88px}.demo-title h1{font-size:16px}.demo-title span{font-size:11px}.demo-actions{width:100%;justify-content:space-between;margin:0;gap:4px}.demo-actions a{padding:8px 0}.demo-actions button{font-size:12px}.demo-cover{grid-template-columns:1fr;gap:30px;min-height:0;padding:7vw}.demo-cover>div{max-width:none}.demo-cover h2{font-size:36px}#game-frame{height:calc(100svh - 195px);min-height:540px}.demo-note{font-size:11px;padding:12px 4vw}}

.demo-loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;background:#362f4f;text-align:center}
.demo-loading[hidden]{display:none}.demo-loading>img{width:240px;max-width:70vw;height:auto;filter:brightness(0) invert(1)}
.demo-loading p{font-size:18px;margin:0}.demo-loading>span:last-child{font-size:14px;color:#d7d1e9}
.demo-loading-motion{width:96px;height:3px;background:#5e5477;overflow:hidden;border-radius:4px}
.demo-loading-motion:after{content:'';display:block;width:40%;height:100%;background:#e4ff30;animation:luna-loading 1.4s ease-in-out infinite alternate}
@keyframes luna-loading{to{transform:translateX(150%)}}
@media(prefers-reduced-motion:reduce){.demo-loading-motion:after{animation:none;width:100%}}