@font-face{font-family:Tiny5;src:url("assets/Tiny5-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#111122;--cream:#f8e8ce;--muted:#c1bbcc;--gold:#eac17c;--cyan:#91e4e5}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%;background:var(--ink)}
body{margin:0;min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;color:var(--cream);font-family:Tiny5,monospace;font-size:20px;font-weight:400;line-height:1.3}
img{image-rendering:pixelated}
a{color:inherit;text-decoration:none}
svg{fill:currentColor;shape-rendering:crispEdges;flex-shrink:0}
a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}
.world{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(180deg,rgba(13,13,30,.24) 0%,rgba(13,13,30,.04) 48%,rgba(9,11,23,.12) 70%,rgba(9,11,23,.9) 100%),url("assets/background.png");background-position:center,bottom center;background-size:cover;image-rendering:pixelated}
.page-frame{position:fixed;inset:12px;z-index:-1;border:1px solid #76658066;pointer-events:none}
.page-frame span{position:absolute;width:10px;height:10px;border:2px solid #c7a16b}
.page-frame span:nth-child(1){top:-1px;left:-1px;border-right:0;border-bottom:0}
.page-frame span:nth-child(2){top:-1px;right:-1px;border-left:0;border-bottom:0}
.page-frame span:nth-child(3){bottom:-1px;left:-1px;border-right:0;border-top:0}
.page-frame span:nth-child(4){bottom:-1px;right:-1px;border-left:0;border-top:0}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 44px 0;min-height:62px}
.wordmark{font-size:22px;letter-spacing:2px;color:var(--gold);text-shadow:2px 2px #080b16}
.discord-link{display:flex;align-items:center;gap:10px;min-height:40px;font-size:20px;text-shadow:2px 2px #080b16}
.discord-link svg{margin-left:4px;color:#928aa5}
.discord-link:hover{color:var(--cyan)}
main{flex:1;display:flex;justify-content:center;padding:18px 24px 260px}
.download-area{width:100%;max-width:600px;text-align:center}
.logo-window{width:400px;max-width:100%;aspect-ratio:1024/570;overflow:hidden;margin:0 auto 12px;filter:drop-shadow(0 6px 0 #090b18b3)}
.logo{width:100%;height:auto;display:block}
.download-controls{position:relative;margin:0 auto;width:100%;max-width:520px}
.download-button{width:384px;max-width:100%;height:128px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;background:url("assets/adventure-button.png") center/100% 100% no-repeat;image-rendering:pixelated;color:#341a0d;font-size:36px;letter-spacing:2px;text-shadow:0 2px #ffd16c;transition:transform .12s steps(2,end),filter .12s steps(2,end)}
.download-icon{margin-bottom:2px}
.download-button:hover{filter:brightness(1.12);transform:translateY(-2px)}
.download-button:active{transform:translateY(2px)}
.download-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin:5px 0 12px;font-size:18px;color:var(--cream);text-shadow:2px 2px #090b18}
.download-meta svg{width:14px;height:14px;color:#b9b5ca}
.download-meta span{color:var(--gold)}
.download-note{font-size:20px;line-height:1.35;margin:0 auto;padding:4px 12px;max-width:496px;color:#e5dfe7;background:#101326d9;text-shadow:2px 2px #090b18}
.install-help{margin:12px auto 0;max-width:420px;text-align:left}
.install-help summary{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;margin:0 auto;list-style:none;cursor:pointer;color:var(--gold);font-size:18px;min-height:40px;padding:4px 12px;background:#101326e6;text-shadow:2px 2px #090b18}
.install-help summary::-webkit-details-marker{display:none}
.install-help summary:hover{color:#ffe5ae}
.install-help[open] summary svg{transform:rotate(180deg)}
.install-steps{margin:8px 12px 0;padding:16px 20px;background:#111426f5;border:2px solid #716072;box-shadow:4px 4px #070914}
.install-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.install-steps li{display:flex;gap:14px;align-items:baseline}
.install-steps li>span{color:var(--gold);font-size:18px}
.install-steps p{margin:0;font-size:20px;line-height:1.2}
.install-steps strong{font-weight:400;color:#f1ce8d}
.install-steps .account-note{border-top:1px solid #4c435a;margin-top:16px;padding-top:12px;font-size:18px;color:var(--muted)}
.site-footer{padding:0 24px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.elements{display:flex;align-items:center;gap:18px}
.elements span{width:3px;height:3px;background:#8a748c}
.elements img{object-fit:contain}
.site-footer small{font-size:16px;letter-spacing:1px;color:#ada4ba;text-shadow:2px 2px #090b18}
.embers{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-2}
.embers i{position:absolute;left:50%;bottom:22%;width:3px;height:3px;background:#ffbb56;animation:ember 6s steps(16,end) infinite;opacity:0}
.embers i:nth-child(2){left:47%;animation-delay:1.7s;animation-duration:7s}
.embers i:nth-child(3){left:53%;animation-delay:3.5s;width:2px;height:2px}
.embers i:nth-child(4){left:49%;animation-delay:4.8s;animation-duration:8s}
.embers i:nth-child(5){left:51%;animation-delay:2.5s;background:#f47936}
.embers i:nth-child(6){left:48%;animation-delay:.8s;width:2px;height:2px}
@keyframes ember{0%{opacity:0;transform:translate(0,0)}15%{opacity:.8}75%{opacity:.5}100%{opacity:0;transform:translate(20px,-140px)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-height:1000px) and (min-width:701px){main{padding-top:20px;padding-bottom:220px}.logo-window{width:448px;margin-bottom:16px}}
@media(max-height:850px) and (min-width:701px){main{padding-top:8px;padding-bottom:100px}.logo-window{width:320px;margin-bottom:4px}.download-button{width:336px;height:112px;font-size:32px}.download-note{font-size:18px;max-width:450px}}
@media(max-width:700px){.site-header{padding:24px 28px 0}.wordmark{font-size:18px;letter-spacing:1px}.discord-link{font-size:18px;gap:7px}.discord-link svg{display:none}.discord-link img{width:20px;height:20px}main{padding:30px 24px 250px}.logo-window{width:352px;margin-bottom:12px}.download-button{width:336px;height:112px;font-size:32px;gap:12px}.download-meta{font-size:18px}.download-note{max-width:340px;font-size:20px}.site-footer{padding-bottom:30px}.world{background-position:center,bottom center}.elements{gap:14px}}
@media(max-width:380px){.site-header{padding-inline:25px}.wordmark{font-size:16px}.discord-link{font-size:16px}main{padding-inline:20px}.download-button{height:96px;font-size:28px}.download-note{font-size:18px}.install-steps{padding:14px}.install-steps p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.embers{display:none}.download-button{transition:none}}
