:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#233d32;color:#fff4ce}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%;width:100%}
body{overflow-x:hidden}
.world{position:relative;isolation:isolate;width:100%;min-height:540px;height:100svh;overflow:hidden;background:#5daae5}
.world-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.scene-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(16,40,45,.07),transparent 38%,transparent 86%,rgba(11,30,24,.76))}
.brand{position:absolute;left:6%;top:7%;margin:0;width:50%;max-width:980px;filter:drop-shadow(0 5px 2px #172a2859)}
.brand img,.play img{display:block;width:100%;height:auto;image-rendering:pixelated}
.entry{position:absolute;right:1.8%;top:17%;width:38%;max-width:760px;text-align:center}
.play{position:relative;z-index:1;display:block;border-radius:22px;text-decoration:none;outline-offset:7px;filter:drop-shadow(0 7px 4px #14291e70);transition:transform .2s ease,filter .2s ease}
.play:hover{transform:translateY(-5px);filter:drop-shadow(0 11px 7px #17382d80) brightness(1.09)}
.play:active{transform:translateY(1px) scale(.98)}
.play:focus-visible{outline:3px solid #fff4b6;box-shadow:0 0 0 8px #183a31}
.entry-note{display:inline-block;margin:6px 0 0;padding:7px 16px 8px;border:1px solid #ffe6a54d;border-radius:999px;background:#19382ce8;box-shadow:0 2px 8px #102a2640;color:#fff2c9;font:500 clamp(11px,.85vw,16px)/1.3 system-ui,sans-serif;letter-spacing:.02em}
.entry-note span{padding:0 5px;color:#eac374}
.motes{position:absolute;inset:-18% -1% -10%;pointer-events:none;color:#fff7bb;text-shadow:0 0 10px #ffcf62}
.motes i{position:absolute;font-style:normal;font-size:20px;opacity:0;animation:glimmer 5s ease-in-out infinite}
.motes i:nth-child(1){left:8%;top:23%;animation-delay:-1s}
.motes i:nth-child(2){left:18%;top:81%;animation-delay:-2.4s;font-size:16px}
.motes i:nth-child(3){left:78%;top:8%;animation-delay:-3.5s}
.motes i:nth-child(4){left:96%;top:38%;animation-delay:-.4s;font-size:17px}
.motes i:nth-child(5){left:55%;top:90%;animation-delay:-4.3s;font-size:15px}
.motes i:nth-child(6){left:40%;top:6%;animation-delay:-2s;font-size:14px}
@keyframes glimmer{0%,100%{opacity:0;transform:translateY(5px) scale(.7)}40%{opacity:.9}65%{opacity:.45;transform:translateY(-8px) scale(1.05)}}
.site-footer{position:absolute;inset:auto 24px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff1cbd9;text-shadow:0 1px 3px #15291e;font-size:14px;letter-spacing:.04em}
.site-footer small{font:11px/1.4 system-ui,sans-serif;letter-spacing:.01em;color:#fff5d6bd}
@media(min-aspect-ratio:21/9){.world-art{object-fit:contain;background:#233d32}.brand{left:calc((100vw - 177.6svh)/2 + 10svh);width:88svh}.entry{right:calc((100vw - 177.6svh)/2 + 3svh);width:67svh}}
@media(max-height:540px) and (orientation:landscape){.world{min-height:280px}.brand{top:5%;width:46%}.entry{top:12%;width:36%}.entry-note{padding:4px 12px;font-size:10px}.site-footer{bottom:8px;font-size:11px}.site-footer small{font-size:9px}.motes i{font-size:14px}}
@media(orientation:portrait){.world{min-height:620px}.world-art{object-position:48% 100%}.brand{left:4%;top:max(5%,env(safe-area-inset-top));width:92%;max-width:none}.entry{left:10%;right:auto;top:26%;width:80%;max-width:none}.entry-note{font-size:11px;padding:7px 12px}.site-footer{left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));flex-direction:column;gap:4px;font-size:12px}.site-footer small{font-size:10px}}
@media(orientation:portrait) and (min-width:600px){.brand{left:8%;width:84%;top:6%}.entry{left:18%;width:64%;top:28%}.entry-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motes i{opacity:.6}}

.footer-credit{display:flex;align-items:center;gap:16px}
@media(orientation:portrait){.footer-credit{flex-direction:column;gap:2px}}

.motes i:nth-child(7){left:3%;top:59%;animation-delay:-3.1s;font-size:13px;animation-duration:6s}
.motes i:nth-child(8){left:29%;top:94%;animation-delay:-.8s;font-size:17px;animation-duration:5.5s}
.motes i:nth-child(9){left:66%;top:3%;animation-delay:-1.8s;font-size:13px;animation-duration:6.5s}
.motes i:nth-child(10){left:91%;top:76%;animation-delay:-4s;font-size:19px;animation-duration:5.8s}
.motes i:nth-child(11){left:15%;top:4%;animation-delay:-2.8s;font-size:14px;animation-duration:6.2s}
.motes i:nth-child(12){left:101%;top:14%;animation-delay:-1.3s;font-size:16px;animation-duration:5.4s}
.motes i:nth-child(13){left:73%;top:96%;animation-delay:-4.7s;font-size:14px;animation-duration:6.8s}
.motes i:nth-child(14){left:-2%;top:8%;animation-delay:-.7s;font-size:18px;animation-duration:5.9s}