.st-title-app{--st-bar-top:0px;background:#0d0910;min-height:0}.st-title{background:#120c14 url(/images/spell-typer/bg-castle-hall.webp) 50%/cover no-repeat}.st-title-keyboard{display:none}.st-title:before{content:"";pointer-events:none;background:radial-gradient(60% 70% at 50% 42%,#0a051026,#0a051099 100%),linear-gradient(#0a051000 55%,#0a0510bf);position:absolute;inset:0}.st-title-hero{filter:drop-shadow(0 .6cqw 1cqw #0009);pointer-events:none;height:31cqw;animation:3.2s ease-in-out infinite alternate st-title-bob;position:absolute;bottom:3cqw;left:7cqw}.st-title-enemy{filter:brightness(.85)drop-shadow(0 0 2cqw #a03cff73);pointer-events:none;height:37cqw;animation:4.4s ease-in-out infinite alternate-reverse st-title-bob;position:absolute;bottom:1.5cqw;right:-1cqw}@keyframes st-title-bob{0%{translate:0}to{translate:0 -.8cqw}}.st-title-motes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.st-title-motes i{opacity:0;background:#ffd98a;border-radius:50%;width:.45cqw;height:.45cqw;animation:7s linear infinite st-title-mote;position:absolute;bottom:-2cqw;box-shadow:0 0 .8cqw .2cqw #ffc86ecc}.st-title-motes i:nth-child(3n){background:#c9a6ff;box-shadow:0 0 .8cqw .2cqw #be8cffcc}@keyframes st-title-mote{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-50cqw)translate(3cqw)}}.st-title-logo{filter:drop-shadow(0 .4cqw 1.2cqw #000000b3);width:46cqw;margin-left:-23cqw;position:absolute;top:2.4cqw;left:50%}.st-title-logo img{width:100%;height:auto;display:block}.st-title-tagline{letter-spacing:.18em;color:#f3dca0;white-space:nowrap;text-shadow:0 .1cqw .2cqw #000;place-items:center;height:13%;font-size:1.15cqw;font-weight:700;display:grid;position:absolute;top:81%;left:24%;right:24%}.st-title-flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 22%,#fff0c8e6,#fff0c800 45%);position:absolute;inset:0}.st-title-back{z-index:1;color:#f3dca0;border:.1cqw solid var(--st-gold-dark);background:#0e0812b8;border-radius:2cqw;padding:.4cqw 1.1cqw;font-size:max(1.15cqw,12px);font-weight:700;text-decoration:none;position:absolute;top:1.4cqw;left:1.6cqw}.st-title-back:hover,.st-title-back:focus-visible{color:#fff4d0;border-color:#f3dca0}.st-title-video{aspect-ratio:16/9;object-fit:cover;border:.15cqw solid var(--st-gold-dark);background:#0d0910;border-radius:.8cqw;width:23cqw;position:absolute;top:5cqw;left:1.6cqw;box-shadow:0 .4cqw 1.4cqw #0009}@media (width<=640px){.st-title-video{display:none}}.st-title-status{gap:.8cqw;display:flex;position:absolute;top:1.4cqw;right:1.6cqw}.st-title-status>span{border:.1cqw solid var(--st-gold-dark);background:#0e0812b8;border-radius:2cqw;align-items:center;gap:.5cqw;padding:.4cqw 1cqw;display:flex}.st-title-status small{color:var(--st-muted);font-size:1cqw}.st-title-status b{font-variant-numeric:lining-nums;color:#fff4d0;font-family:Georgia,serif;font-size:1.5cqw}.st-title-menu{flex-direction:column;align-items:stretch;gap:.7cqw;width:24cqw;margin-left:-12cqw;display:flex;position:absolute;top:22.5cqw;left:50%}.st-title-menu .st-button{box-sizing:border-box;justify-content:center;align-items:center;gap:.8cqw;min-height:3.9cqw;font-size:1.55cqw;text-decoration:none;display:flex}.st-title-menu .st-button small{color:var(--st-muted);letter-spacing:.08em;font-size:.95cqw}.st-title-primary{filter:drop-shadow(0 0 1cqw #ffc86e8c);animation:1.6s ease-in-out infinite alternate st-title-pulse;color:#fff4d0!important;min-height:5cqw!important;font-size:2cqw!important}@keyframes st-title-pulse{0%{filter:drop-shadow(0 0 .6cqw #ffc86e66)}to{filter:drop-shadow(0 0 1.6cqw #ffc86ed9)}}.st-rules{max-width:52cqw}.st-rules ol{flex-direction:column;gap:.8cqw;margin:1cqw 0 1.4cqw;padding-left:2cqw;font-size:1.35cqw;line-height:1.6;display:flex}@media (width<=640px){.st-title{aspect-ratio:auto;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:16px;width:100%;min-height:100svh;padding:16px 20px 32px;display:grid;container-type:normal}.st-title-back,.st-title-status,.st-title-logo,.st-title-keyboard,.st-title-menu{grid-column:1/-1}.st-title-back{border-width:1px;border-radius:24px;grid-row:1;justify-self:start;padding:12px 16px;font-size:.9rem;position:relative;top:auto;left:auto}.st-title-status{z-index:1;flex-wrap:wrap;grid-row:2;justify-content:center;gap:8px;position:relative;top:auto;right:auto}.st-title-status>span{border-width:1px;border-radius:24px;gap:8px;padding:6px 12px}.st-title-status small{font-size:.85rem}.st-title-status b{font-size:1.2rem}.st-title-status .st-coin{width:20px;height:20px}.st-title-logo{z-index:1;grid-row:3;width:100%;max-width:420px;margin:0;position:relative;top:auto;left:auto}.st-title-tagline{letter-spacing:0;text-align:center;font-size:min(2.3vw,10px);line-height:1}.st-title-hero,.st-title-enemy{object-fit:contain;grid-row:4;width:100%;height:clamp(120px,40vw,180px);position:relative;inset:auto}.st-title-hero{grid-column:1}.st-title-enemy{grid-column:2}.st-title-keyboard{grid-row:5}.st-title-menu{grid-row:6}.st-title-keyboard{z-index:1;box-sizing:border-box;border:1px solid var(--st-gold-dark);background:#0e0812d9;border-radius:8px;width:100%;max-width:420px;margin:0;padding:12px 16px;font-size:1rem;line-height:1.7;display:block;position:relative}.st-title-menu{z-index:1;gap:12px;width:100%;max-width:420px;margin:0;position:relative;top:auto;left:auto}.st-title .st-button{border-width:0 28px;text-align:center;border-image-width:0 28px;min-height:48px;padding:8px 12px;font-size:1rem}.st-title-menu .st-button{flex-wrap:wrap;gap:8px}.st-title-menu .st-button small{font-size:.8rem}.st-title-menu .st-title-primary{min-height:56px!important;font-size:1.2rem!important}.st-title>.st-overlay{box-sizing:border-box;padding:16px;position:fixed}.st-title .st-panel{outline-offset:-4px;border-width:1px;border-radius:8px;outline-width:1px;gap:16px;width:100%;min-width:0;max-width:560px;max-height:calc(100svh - 32px);padding:20px 16px;font-size:1rem}.st-title .st-panel h2{overflow-wrap:anywhere;font-size:1.4rem}.st-title .st-rules ol{gap:12px;margin:0;padding-left:24px;font-size:1rem}.st-title .st-actions{gap:12px}}@media (prefers-reduced-motion:reduce){.st-title-hero,.st-title-enemy,.st-title-motes i,.st-title-primary{animation:none}}