.gamif{background:var(--black);padding-block:clamp(1rem,3vw,2rem) clamp(3.5rem,8vw,6rem)}.gamif__head{text-align:center;margin-bottom:2rem}.gamif__banner{object-fit:contain;width:84px;height:84px;margin:0 auto 1rem}.gamif__title{margin-bottom:1.25rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:800}.gamif__rules{color:#fff;border:1px solid #ffffff40;border-radius:999px;padding:.6rem 1.4rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-block}.gamif__rules:hover{background:#ffffff0f;border-color:#ffffff80}.gamif__board{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:clamp(1rem,3vw,1.75rem)}.gamif__boardhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.gamif__boardhead h3{margin:0;font-size:1.1rem;font-weight:800}.gamif__status{color:#ffffff8c;font-size:.8rem}.gamif__status.is-off{color:#fca5a5}.gamif__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.gamif__row{gap:.3rem;padding:.55rem .25rem;display:grid}.gamif__meta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.gamif__who{align-items:baseline;gap:.55rem;min-width:0;font-weight:600;display:flex}.gamif__pos{font-variant-numeric:tabular-nums;color:#ffffff73;min-width:1.1rem;font-weight:800}.gamif__name{overflow-wrap:anywhere}.gamif__row--top1 .gamif__pos{color:#facc15}.gamif__row--top2 .gamif__pos{color:#cbd5e1}.gamif__row--top3 .gamif__pos{color:#d97706}.gamif__pts{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.gamif__pts small{opacity:.65;margin-left:.2em;font-size:.7em;font-weight:600}.gamif__track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.gamif__bar{background:linear-gradient(90deg, var(--purple-deep), var(--purple));border-radius:999px;width:0;height:100%;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.gamif__row--top1 .gamif__bar{background:linear-gradient(90deg,#b07c14,#facc15)}.gamif__gap{color:#fff6;font-size:.74rem}.gamif__dots{flex:none;gap:3px;display:inline-flex}.gamif__dot{background:var(--purple);border-radius:50%;width:5px;height:5px}.gamif__dot--off{background:#ffffff2e}.gamif__footnote{margin-top:.75rem}.gamif__more{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.gamif__more:not(:empty){margin-top:1rem}.gamif__morebtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:.55rem 1.3rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.gamif__morebtn:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff80}.gamif__morebtn:disabled{opacity:.55;cursor:default}.gamif__ruler{color:#fff6;font-variant-numeric:tabular-nums;border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:.5rem;font-size:.7rem;display:flex}.gamif__legend{color:#fff6;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0 0;font-size:.78rem;display:flex}.gamif__scaleboard{gap:.7rem;display:grid}.gamif__ceilrow{gap:.35rem;display:grid}.gamif__ceilmeta{color:#ffffffb3;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.gamif__ceilmax{color:#ffffff73;text-align:right}.gamif__ghost{background:repeating-linear-gradient(90deg,#ffffff1a 0 6px,#0000 6px 12px);border-radius:999px;height:10px}@media (prefers-reduced-motion:reduce){.gamif__bar{transition:none}}.gamif__empty{text-align:center;color:#ffffff8c;padding:2rem 1rem;font-size:.92rem}.gamif__me{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.25rem}.gamif__me label{color:#ffffffb3;margin-bottom:.5rem;font-size:.85rem;display:block}.gamif__merow{flex-wrap:wrap;gap:.5rem;display:flex}.gamif__merow input{color:#fff;background:#00000059;border:1px solid #ffffff2e;border-radius:8px;flex:12rem;padding:.6rem .8rem;font-size:.9rem}.gamif__merow button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:8px;padding:.6rem 1.2rem;font-weight:700}.gamif__meout{color:#ffffffd9;margin:.75rem 0 0;font-size:.9rem}@media (width<=30rem){.gamif__who{flex-wrap:wrap;gap:.4rem}.gamif__ceilmeta{flex-direction:column;gap:.1rem}.gamif__ceilmax{text-align:left}}