:root{--pj-accent: #a3e635;--pj-accent-bg: rgba(163,230,53,.15)}#game-wrap{gap:10px;max-width:640px}#level-bar{display:flex;justify-content:space-between;align-items:center;width:100%}#level-label{font-size:14px;font-weight:600;color:#a080c0}#penalty-label{font-size:13px;color:#f07070;min-height:18px}#grid-container{padding:8px;width:100%;display:flex;justify-content:center}#grid{display:grid;gap:4px}.cg-cell{border-radius:6px;cursor:pointer;transition:transform .07s,box-shadow .07s;aspect-ratio:1;will-change:transform}.cg-cell:hover{transform:scale(1.05);box-shadow:0 0 0 2px #ffffff59}.cg-cell:active{transform:scale(.94)}.cg-wrong{animation:cg-shake .28s ease;box-shadow:0 0 0 3px #f07070!important}@keyframes cg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}60%{transform:translate(6px)}}.cg-correct{animation:cg-correct-burst .22s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 0 0 4px #80ff90,0 0 18px #64ff788c!important;z-index:10}@keyframes cg-correct-burst{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1.1)}}#grid.cg-fade-out{animation:cg-out .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}#grid.cg-fade-in{animation:cg-in .28s cubic-bezier(.22,1,.36,1) forwards}@keyframes cg-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}@keyframes cg-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}#hint-text{font-size:12px;color:#556;text-align:center;margin-top:2px}.penalty-flash{animation:penalty-blink .4s ease;color:#f07070!important}@keyframes penalty-blink{0%,to{opacity:1}50%{opacity:.3}}#bottom-bar{display:none}