.cp-premio{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#0a0e20;overflow:clip;touch-action:manipulation}
.cp-chiudi{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:16px;z-index:3;width:44px;height:44px;border:2px solid #f1ead9;border-radius:50%;background:#0a0e20;color:#f1ead9;font:700 28px 'Barlow Condensed',sans-serif;cursor:pointer}
/* Sotto la scena il resto della pagina e' coperto: si nasconde per non ricomporlo a ogni frame. */
body.cp-aperto>:not(.cp-premio){visibility:hidden}
.cp-contatore{position:absolute;top:calc(env(safe-area-inset-top) + 40px);left:0;right:0;display:flex;width:max-content;margin:0 auto;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 10px;border:3px solid #111;border-radius:24px;background:#f1c24a;color:#111;box-shadow:3px 4px 0 #111;will-change:transform}
.cp-contatore .cp-chip{width:30px;height:30px}.cp-contatore b{display:inline-block;min-width:4ch;font:700 28px 'Barlow Condensed',sans-serif;text-align:right}
.cp-calendario{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,420px)}
.cp-casella{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-height:84px;padding:8px;border:2px solid rgba(245,245,240,.35);border-radius:14px;background:rgba(12,12,12,.7);color:#f1ead9}
.cp-casella svg{width:36px;height:36px}.cp-chip{display:block;width:36px;height:36px;background:center/contain no-repeat}.cp-casella b{font:700 22px 'Barlow Condensed',sans-serif;line-height:1}
.cp-casella i.cp-xp{position:absolute;top:6px;right:6px;padding:1px 7px;border-radius:10px;background:#66d6ff;color:#0e1428;font:700 14px 'Barlow Condensed',sans-serif;font-style:normal}
.cp-grande{grid-column:span 2;min-height:96px}.cp-grande svg{width:50px;height:55px}
.cp-preso{opacity:.55}.cp-preso .cp-spunta{width:30px;height:30px;padding:5px;border-radius:50%;background:#3aa86a}
.cp-futuro{opacity:.5}.cp-futuro .cp-lucchetto{width:28px;height:28px}
.cp-oggi{z-index:2;border-color:#f1c24a;box-shadow:0 0 22px rgba(241,194,74,.7);background:rgba(241,194,74,.18)}
@media(min-width:700px){.cp-calendario{grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,900px)}.cp-grande{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.cp-casella{transition:none}}