/* taskbarmancer.com teaser (v1 Awakening). Fonts are local, SIL OFL (see fonts/OFL-*.txt). */
@font-face{font-family:"Cinzel";src:url(fonts/Cinzel-vf.ttf) format("truetype");font-weight:400 900;font-display:swap}
@font-face{font-family:"IM Fell English";src:url(fonts/IMFellEnglish-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"IM Fell English";font-style:italic;src:url(fonts/IMFellEnglish-Italic.ttf) format("truetype");font-display:swap}
:root{--ink:#0b0907;--parch:#ecdcb6;--parch-dim:#bfae8a;--brass:#c9a35a;--brass-hi:#f0d38c;--brass-lo:#6e5326;--ember:#e0662c;--h:100svh}
*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--parch);font-family:"IM Fell English",Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p{margin:0}
.stage{position:absolute;inset:0;overflow:hidden;background:#000 center/cover no-repeat;z-index:0}
.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.4s ease}
.stage video.off{opacity:0}
.stage .shade{position:absolute;inset:0;pointer-events:none}

/* Wishlist button. Replace href="#" on [data-wishlist] with the Steam store URL. */
.steam{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.5rem .9rem 1.2rem;font:700 1.02rem/1.1 "Cinzel",serif;letter-spacing:.08em;color:var(--parch);text-decoration:none;
 background:linear-gradient(180deg,#3a3127,#1d1915 60%,#141110);border:1px solid var(--brass-lo);border-radius:3px;
 box-shadow:inset 0 1px 0 rgba(240,211,140,.22),inset 0 0 0 3px #0e0c0a,inset 0 0 0 4px rgba(201,163,90,.45),0 8px 24px rgba(0,0,0,.7);
 transition:color .25s,box-shadow .25s,transform .25s}
.steam svg{width:1.6rem;height:1.6rem;fill:currentColor;flex:none}
.steam:hover,.steam:focus-visible{color:var(--brass-hi);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(240,211,140,.3),inset 0 0 0 3px #0e0c0a,inset 0 0 0 4px rgba(240,211,140,.7),0 0 26px rgba(224,102,44,.35),0 8px 24px rgba(0,0,0,.7)}
.steam:focus-visible{outline:2px solid var(--brass-hi);outline-offset:4px}

.site-foot{font:500 .72rem/1.5 "Cinzel",serif;letter-spacing:.14em;color:rgba(236,220,182,.6);display:flex;justify-content:space-between;gap:.4rem 1.5rem;flex-wrap:wrap;padding:.9rem 1.4rem}
.site-foot a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(201,163,90,.6)}
.site-foot a:hover{color:var(--brass-hi)}
@media (max-width:640px){.site-foot{justify-content:center;text-align:center}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}