/* Exact approved portrait: no zoom, crop, rearrangement or replacement of the artwork. */
.reference-scene{display:none;position:absolute;inset:0;background:url('assets/mattus-approved-reference.webp') center/100% 100% no-repeat;container-type:inline-size}
.reference-home .reference-scene{display:block}
.reference-home .hud{display:none}
.reference-home #tallerView{position:absolute;inset:0;width:100%;height:100%!important;padding:0!important;border:0;background:none}
.reference-home .approved-workshop{display:none}
.reference-home .nav{height:11.5%;bottom:1.4%;padding:0 2.5%;gap:0;background:none;border:0;box-shadow:none;grid-template-columns:repeat(4,1fr)}
.reference-home .nav button,.reference-home .nav button.active{font-size:0;background:transparent;box-shadow:none;border-radius:22px;color:transparent}
.reference-home .nav button .ni{display:none}
.reference-home .nav button:active{background:#ffd76c33}
.reference-control{position:absolute;z-index:3;border:0;padding:0;border-radius:15%;background-image:url('assets/mattus-approved-reference.webp');background-size:var(--sprite-size);background-position:var(--sprite-position);background-repeat:no-repeat;cursor:pointer;transition:filter .12s,transform .12s}
.reference-control:active{transform:scale(.97);filter:brightness(1.15)}
.reference-control:focus-visible{outline:3px solid #fff4a4;outline-offset:-3px}
.reference-value,.reference-level,.reference-caption{position:absolute;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:900;text-align:center}
.reference-value{top:2.48%;height:2.38%;color:#45205c;background:linear-gradient(#fffce8,#fff5d4);font-size:3.1cqw;line-height:1;border-radius:4px;font-style:italic}
.ref-energy{left:26.2%;width:9.2%}.ref-coins{left:50.8%;width:7.6%}.ref-gems{left:69.9%;width:7.5%}
.reference-level{left:4.6%;top:6.3%;width:6%;height:2%;border-radius:6px;background:#16769f;color:#fff;font-size:2.8cqw;font-style:italic}
.reference-caption{height:1.8%;border-radius:999px;background:linear-gradient(#fff6d9,#ffe5b4);color:#663728;font-size:2.1cqw;line-height:1;box-shadow:0 1px 2px #9d63283d}
.ref-event,.ref-achieve,.ref-sew,.ref-gift{left:3.4%;width:12.2%}.ref-event{top:28.7%}.ref-achieve{top:38.4%}.ref-sew{top:48.6%}.ref-gift{top:56.4%}
.ref-show,.ref-polar,.ref-challenge,.ref-collection{left:84.8%;width:12.5%}.ref-show{top:29.8%}.ref-polar{top:40.1%}.ref-challenge{top:49.9%}.ref-collection{top:61.1%}
.ref-dog-icon{display:block;width:100%;height:100%;border-radius:7px;background:url('assets/mattus-approved-reference.webp') 108% 36%/590% 960% no-repeat}
.ref-polar-portrait{width:130px;height:145px;margin:auto;border-radius:24px;background:url('assets/mattus-approved-reference.webp') 53.3% 80%/475% 756% no-repeat}
@media(prefers-reduced-motion:reduce){.reference-control{transition:none}}

/* TELARIA: rótulo sobre la portada (cubre el nombre antiguo dibujado en el arte). */
.telaria-home-mark{position:absolute;z-index:3;left:28%;top:5.6%;width:44%;height:12.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #d99b40;border-radius:30px;background:linear-gradient(160deg,#7a369e,#3e165d 75%);box-shadow:0 4px 0 #7c431f,0 7px 15px #290c3d77;text-align:center;pointer-events:none;overflow:hidden}
.telaria-home-mark strong{color:#ffe09d;font:bold clamp(20px,5.5vw,38px)/1 Georgia,serif;text-shadow:0 3px 1px #8d4929,-1px -1px 0 #fff4c2}
.telaria-home-mark span{margin-top:5px;padding:3px 7px;border-radius:20px;background:#fff0d1;color:#5a263c;font:bold clamp(9px,2.3vw,15px)/1.15 Georgia,serif;white-space:nowrap}
.telaria-home-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.telaria-home-mark.has-logo strong,.telaria-home-mark.has-logo span{display:none}