#status{font-weight:600;min-height:1.5em;margin:6px 0}
.cd{position:absolute;inset:auto 0 0 0;height:5px;background:#ff5a5a;pointer-events:none}
.boost{box-shadow:inset 0 0 0 4px #33d6a6}
.boost::before{position:absolute;top:2px;right:4px;font-size:12px;font-weight:700;color:#0b6b52}
.boost.x::before{content:"+1"}.boost.g::before{content:"⇱"}
.charged .pc{filter:drop-shadow(0 0 6px #33d6a6)}
.pend{background-image:linear-gradient(#81b64c66,#81b64c66)!important}
#timer{height:8px;background:#3c3a37;border-radius:4px;overflow:hidden;width:100%;margin:0 auto}
#timer div{height:100%;background:var(--accent);width:100%}
a.back{color:var(--accent);text-decoration:none}

/* ---- animation layer (ockit.js + anim.js) ---- */
.ock-d{position:absolute;inset:0;pointer-events:none;z-index:1}
.ock-board .sq .pc{position:relative;z-index:2}
@media (update:none){.ock-board .ock-d,.ock-board .ock-d *,.ock-board .ock-a,.ock-board .ock-a .pc,.ock-board .ock-a::before,.ock-board .ock-a::after{animation:none!important;transition:none!important}}
.boost::before{z-index:3}
.charged .pc{filter:none}
.ock-orb{display:flex;align-items:center;justify-content:center;z-index:3}
.ock-orb b{width:44%;height:44%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1cb0f6;border:3px solid #fff;box-shadow:0 4px 0 #1680b8;animation:ockBob 2.2s ease-in-out infinite;animation-delay:var(--ock-t,0s)}
.ock-orb.x b{background:#ffc800;box-shadow:0 4px 0 #cc9a00}
.ock-orb b svg{width:64%;height:64%}
.sq.boost:has(.pc) .ock-orb b{width:30%;height:30%;border-width:2px;box-shadow:0 2px 0 #1680b8;transform:translate(70%,-70%)}
.sq.boost.x:has(.pc) .ock-orb b{box-shadow:0 2px 0 #cc9a00}
@keyframes ockBob{0%,100%{translate:0 5%}50%{translate:0 -9%}}
.ock-aura{inset:auto 10% 4% 10%;height:20%;display:flex;gap:6%;justify-content:center;align-items:flex-end}
.ock-aura i{width:16%;height:70%;border-radius:99px;background:#1cb0f6;box-shadow:0 2px 0 #1680b8;animation:ockRev .6s ease-in-out infinite alternate}
.ock-aura i:nth-child(2){animation-delay:-.2s}.ock-aura i:nth-child(3){animation-delay:-.4s}
@keyframes ockRev{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
.sq.ock-got .pc{animation:ockGot .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes ockGot{0%{transform:scale(1.4,.7)}40%{transform:translateY(-14%) scale(.9,1.12)}100%{transform:none}}
.sq.ock-spawn .ock-orb b{animation:ockSpawn .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes ockSpawn{from{transform:scale(0) rotate(-90deg)}}