.game-hero{background:linear-gradient(135deg,#ffd44d26,#ffffffb3);border:1px solid #ffd44d4d;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0f172a0f}.game-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #eab30833;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0f172a14}.game-icon{width:48px;height:48px;color:hsl(var(--primary));background:#eab30826;border-radius:14px;justify-content:center;align-items:center;display:flex}.game-panel{background:linear-gradient(135deg,#fffffff2,#ffffffb3);border:1px solid #eab30833;border-radius:18px;padding:20px;box-shadow:0 12px 24px #0f172a0f}.game-panel-title{margin-bottom:12px;font-size:18px;font-weight:600}.game-pill{padding:6px 12px;font-size:.85rem}.game-draggable{background:#fffffff2;border:2px dashed #eab30859;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:84px;padding:18px;transition:transform .2s,border .2s,box-shadow .2s;display:flex}.game-draggable:hover{border-color:hsl(var(--primary));box-shadow:0 10px 20px #eab30826}.game-selected{border-color:hsl(var(--primary));box-shadow:0 0 0 3px #eab30833}.game-matched{opacity:.6;background:#10b9811a;border-color:#10b98166}.game-droppable{background:#ffffffe6;border:2px solid #eab30833;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:96px;padding:16px;transition:border .2s,box-shadow .2s;display:flex}.game-droppable:hover{border-color:#eab30899;box-shadow:0 12px 22px #eab3081f}.game-bin{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px}.game-chip{background:#eab30826;border-radius:12px;justify-content:center;align-items:center;min-width:36px;height:36px;font-weight:600;display:inline-flex}.game-shake{animation:.35s ease-in-out game-shake}@keyframes game-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.game-flip-card{aspect-ratio:1;perspective:900px;background:0 0;border:none;width:100%}.game-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative}.game-flip-card[data-flipped=true] .game-flip-inner{transform:rotateY(180deg)}.game-flip-face{backface-visibility:hidden;background:#fffffff2;border:2px solid #eab30840;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 10px 20px #0f172a14}.game-flip-back{transform:rotateY(180deg)}.confetti-burst{background:#eab3081a;border:1px dashed #eab30866;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px;animation:.5s confetti-pop;display:flex}.confetti-burst span{font-size:24px;animation:1.4s ease-in-out infinite confetti-float}.confetti-burst span:nth-child(odd){animation-delay:.2s}.confetti-burst span:nth-child(3n){animation-delay:.4s}@keyframes confetti-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes confetti-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}