@font-face{font-family:Amatic;src:url('/fonts/AmaticSC-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#eee9dd;--gold:#ffda91;--muted:#c2c2bb;--edge:clamp(24px,5.5vw,100px)}
*{box-sizing:border-box}html{background:#000;overflow:hidden;overflow:clip;scrollbar-width:none}body{margin:0;min-width:280px;position:relative;min-height:100svh;background:#000;color:var(--ink);font:16px/1.65 Arial,sans-serif;isolation:isolate;overflow:hidden;overflow:clip}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a:focus:not(:focus-visible){outline:none}
.home-art,.home-shade{position:absolute;inset:0;pointer-events:none;z-index:-2}.home-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.home-shade{z-index:-1;background:linear-gradient(90deg,#050809d9 0%,#050809b3 24%,#05080928 56%,transparent 80%),linear-gradient(180deg,#0008,transparent 22%,transparent 75%,#000c)}
.home-shell{position:relative;z-index:1;width:100%;height:100vh;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:max(24px,env(safe-area-inset-top)) max(var(--edge),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--edge),env(safe-area-inset-left));gap:21px}
.home-header{display:flex;align-items:center;min-height:44px}.home-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px}.home-brand img{width:30px;height:30px;border-radius:50%}.home-brand span{font:700 25px/1 Amatic,sans-serif;letter-spacing:.03em}
.home-main{display:flex;align-items:center;min-height:0}.home-copy{width:min(480px,44vw);display:grid;justify-items:start;gap:21px;margin-bottom:7vh;text-shadow:0 2px 18px #0008}
h1{font:700 clamp(66px,7vw,112px)/1.08 Amatic,sans-serif;margin:0;letter-spacing:.005em}p{font-size:clamp(15px,1.13vw,18px);line-height:1.65;margin:0;color:var(--muted);max-width:36ch;text-wrap:pretty}
.quest{display:inline-flex;align-items:center;gap:15px;min-height:62px;min-width:260px;padding:14px 28px;background:url('/assets/game-ink-panel-v1.svg') center/100% 100% no-repeat;color:var(--gold);font:700 32px/1.1 Amatic,sans-serif;margin-top:5px;transition:color .2s,filter .2s;filter:drop-shadow(0 3px 9px #ffb54713)}.quest svg{width:23px;height:29px;flex:none}.quest:hover{color:#ffeac4;filter:drop-shadow(0 2px 15px #ffb54730)}
.home-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}.socials{display:flex;gap:10px;align-items:center}.socials a{width:44px;height:44px;display:grid;place-items:center;transition:color .2s,transform .2s;color:#deddd5}.socials a:first-child{margin-left:-10px}.socials svg{width:22px;height:22px}.socials a:hover{color:var(--gold);transform:translateY(-2px)}.contact{min-height:44px;display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#d2d2c9;text-shadow:0 2px 10px #000}.contact svg{width:19px;height:19px;flex:none}.contact:hover{color:var(--gold)}
#footsteps{position:absolute;top:0;left:0;right:0;height:100svh;overflow:hidden;overflow:clip;pointer-events:none;z-index:0}.paw{position:absolute;width:var(--pw,27px);height:calc(var(--pw,27px)*1.25);color:var(--ink);transform:translate(-50%,-50%) rotate(var(--a)) scaleX(var(--m));opacity:0;animation:print-fade 7s linear both}@keyframes print-fade{0%{opacity:0}5%{opacity:var(--print-opacity,.21)}22%{opacity:calc(var(--print-opacity,.21)*.68)}55%{opacity:calc(var(--print-opacity,.21)*.35)}100%{opacity:0}}#footsteps.frozen .paw{animation-play-state:paused}#footsteps.still .paw{animation:none;opacity:.12}
@media(max-width:1000px) and (min-width:701px){.home-copy{width:52vw}h1{font-size:70px}.home-art img{object-position:60% 50%}.desktop-break{display:none}.home-copy p{max-width:30ch}}
@media(max-width:700px),(max-width:1100px) and (orientation:portrait){
 body{min-height:calc(100lvh + 100px + env(safe-area-inset-bottom,0px))}
 .home-art,.home-shade{inset:auto;top:calc(0px - max(24px,env(safe-area-inset-top,0px)));right:0;bottom:0;left:0;height:auto;min-height:100%}
 .home-art{overflow:hidden;overflow:clip}.home-art img{object-position:50% 55%}
 .home-shade{background:linear-gradient(180deg,#000 0px,#0009 34px,#0001 96px),linear-gradient(180deg,#070b10a8 0%,#070b1080 38%,transparent 63%,#000a 85%,#000 100%)}
 .home-shell{gap:13px;padding: max(18px,env(safe-area-inset-top)) 24px max(15px,env(safe-area-inset-bottom));}
 .home-main{align-items:flex-start;padding-top:clamp(13px,3vh,34px)}.home-copy{width:min(100%,340px);gap:13px;margin:0}h1{font-size:clamp(48px,12.5vw,65px);line-height:1.1;white-space:nowrap}.home-copy p{font-size:14px;line-height:1.6;max-width:32ch}.desktop-break{display:none}
 .home-brand span{font-size:23px}.home-brand img{width:26px;height:26px}.quest{min-height:52px;min-width:226px;padding:12px 23px;font-size:28px;gap:12px;margin-top:5px}.quest svg{width:19px;height:24px}
 .home-footer{align-items:flex-start;flex-direction:column;gap:0}.socials{gap:8px}.contact{font-size:12px;min-height:36px}.contact svg{width:17px;height:17px}.paw{--pw:23px}
}
@media(max-width:360px){.home-shell{padding-left:20px;padding-right:20px}.home-main{padding-top:8px}.home-copy p{font-size:13px}.home-copy{gap:10px}.quest{min-width:210px}h1{font-size:46px}}
@media(max-height:650px) and (max-width:700px){.home-shell{gap:5px;padding-top:12px;padding-bottom:10px}.home-main{padding-top:4px}.home-copy{gap:10px}.home-copy p{font-size:13px}.quest{margin-top:0;min-height:48px;font-size:26px}.home-footer{gap:0}.contact{min-height:32px}.home-brand{min-height:36px}}
@media(max-height:500px) and (min-width:701px){.home-shell{padding-top:12px;padding-bottom:12px;gap:5px}.home-header{min-height:32px}.home-brand{min-height:32px}.home-brand span{font-size:22px}.home-copy{margin:0;gap:10px;width:55vw}h1{font-size:56px}.home-copy p{font-size:13px;line-height:1.5}.desktop-break{display:none}.quest{min-height:48px;font-size:26px;min-width:225px;padding-top:10px;padding-bottom:10px;margin:0}.home-footer{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.home-art,.home-shade,#footsteps{display:none}.quest{border:1px solid LinkText}.socials a,.contact{color:LinkText}}

@media(max-height:450px) and (max-width:700px){
 .home-shell{padding:10px 24px;gap:5px}.home-main{padding:0;align-items:center}.home-copy{width:min(440px,100%);gap:8px;margin:0}h1{font-size:42px}.home-copy p{font-size:13px;line-height:1.5;max-width:44ch}.quest{min-height:46px;padding-top:9px;padding-bottom:9px;font-size:25px}.home-footer{flex-direction:row;align-items:center;gap:12px}.socials{gap:0}.contact{font-size:11px}.home-art img{object-position:65% 50%}
}

.home-header{justify-content:space-between;gap:20px}.home-store{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--ink)}.home-store:hover{color:var(--gold)}