.cheer{z-index:3;color-scheme:dark;color:#f4f2f7;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:0;background:radial-gradient(90% 50% at 50% 100%,#7b4dff47 0%,#07060a00 70%),radial-gradient(70% 45% at 50% 0,#e45fa629 0%,#07060a00 70%),#07060a;transition:opacity .26s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0;container:cheer/size}.cheer.on{opacity:1}.cheer canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cheer-words{left:20px;right:20px;top:calc(env(safe-area-inset-top,0px) + 12%);text-align:center;pointer-events:none;text-shadow:0 2px 18px #07060acc;gap:2px;display:grid;position:absolute}.cheer-words p{margin:0}.cheer-head{letter-spacing:-.03em;text-transform:uppercase;background:linear-gradient(90deg,#ffd36e,#ff8d84 35%,#d877f0 70%,#79b1ff) 0 0/200% 100%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,9.5vw,56px);font-weight:900;line-height:1;animation:2.4s linear infinite cheer-shimmer}@keyframes cheer-shimmer{to{background-position:200% 0}}.cheer-score{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#fff;font-size:clamp(64px,20vw,112px);font-weight:900;line-height:1}.cheer-unit{letter-spacing:.14em;text-transform:uppercase;color:#cfc9da;font-size:14px;font-weight:700}.cheer-hint{left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);text-align:center;color:#cfc9da;pointer-events:none;margin:0;font-size:16px;font-weight:700;transition:opacity .4s;position:absolute}.cheer-hint.gone{opacity:0}@container cheer (height<=440px){.cheer-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}}.cheer,.cheer *{-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){.cheer{transition:none}.cheer-head{animation:none}}
