/* IL CERTIFICATO DI MAGIA — si apre quando si trovano tutte e 5 le monete con la runa */
.certbg{position:fixed;inset:0;z-index:995;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(60,30,15,.55),rgba(30,14,8,.85));opacity:0;transition:opacity .6s;overflow:auto;padding:12px}
.certbg.on{opacity:1}
.certwrap{display:grid;justify-items:center;gap:12px}
.cert{position:relative;height:min(78vh,calc(92vw * 1762 / 1300));aspect-ratio:1300/1762;container-type:inline-size;--p:0;filter:drop-shadow(0 18px 30px rgba(20,8,4,.5))}
.cpaper{position:absolute;inset:0;clip-path:inset(0 0 calc((1 - var(--p)) * 100%) 0)}
.cpaper > img{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-drag:none}
/* i due rulli della pergamena: quello in alto resta, quello in basso scende srotolando */
.croll{position:absolute;left:-2.4%;width:104.8%;height:4.2%;border-radius:999px;pointer-events:none;
  background:linear-gradient(to bottom,#6b4425 0%,#c79a5e 22%,#f2dcaa 46%,#c79a5e 74%,#5a3820 100%);box-shadow:0 5px 8px rgba(20,8,4,.4)}
.croll.top{top:-2.1%}
.croll.bot{top:calc(var(--p) * 100% - 2.1%)}
.ctext{position:absolute;left:32%;width:36%;text-align:center;font-family:"UnifrakturCook","UnifrakturMaguntia","Old English Text MT",Georgia,serif;color:#2b2540;pointer-events:none}
.ctext.lead{top:26.5%;font-size:3.6cqw}
.ctext.body{top:50.5%;font-size:2.9cqw;line-height:1.35;color:#43334a}
.cname{position:absolute;left:31.5%;top:34%;width:37%;height:14%;display:grid;place-items:center}
.cname input{width:100%;background:none;border:0;border-bottom:2px dashed rgba(60,45,80,.35);text-align:center;font-family:"UnifrakturCook","UnifrakturMaguntia","Old English Text MT",Georgia,serif;color:#2b2540;padding:0;outline:none;caret-color:#8b2a1c;min-width:0}
.cname input::placeholder{color:rgba(60,45,80,.35)}
.cname input:focus{border-bottom-color:rgba(139,42,28,.7)}
.cbtns{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:999;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:94vw;opacity:0;pointer-events:none;transition:opacity .5s .2s}
.certbg.done .cbtns{opacity:1;pointer-events:auto}
.cbtn{font:400 clamp(16px,1.8vw,22px)/1 Bayon,Impact,sans-serif;text-transform:uppercase;color:#f4ead7;background:var(--red,#c8321f);border:0;border-radius:999px;padding:.55em 1.3em .4em;cursor:pointer;box-shadow:0 4px 0 rgba(60,20,10,.3)}
.cbtn.ghost{background:none;color:#f4ead7;border:2px solid rgba(244,234,215,.6);box-shadow:none}
#dots.done{cursor:pointer}
.mfx{position:fixed;left:0;top:0;pointer-events:none;z-index:990}
@media (prefers-reduced-motion:reduce){.certbg{transition:none}}