.app{background:url(bg3.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:sans-serif}.app-game-conatiner{display:flex}.score-panel{background:linear-gradient(145deg,#fff0f5,#ffe4f0);border-radius:24px;flex-direction:column;gap:16px;min-width:180px;padding:24px;font-family:Segoe UI,sans-serif;display:flex;box-shadow:0 10px 20px #0000001f,0 4px 6px #00000014}.score-header{color:#e75480;text-align:center;text-shadow:1px 1px 2px #0000001a;font-size:18px;font-weight:700}.score-item{color:#333;background:#fff9;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:16px;transition:transform .2s,background .2s;display:flex;box-shadow:inset 0 -2px #0000000d}.score-item:hover{background:#fffc;transform:translateY(-2px)}.score-item span:first-child{color:#555;font-weight:500}.score-item span:last-child{color:#e75480;font-weight:700}.tetris-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-radius:24px;grid-template-columns:2fr 1fr;gap:24px;width:100%;max-width:1200px;padding:24px;display:grid;box-shadow:0 8px 24px #0000001a}.game-left{flex-direction:column;display:flex}.header{text-align:center;background-color:#fffc;border-radius:10px;margin-bottom:16px;padding:10px}.title{color:#e75480;font-size:24px;font-weight:700}.subtitle{color:#888;font-size:12px}.score{text-align:right;font-size:14px}.canvas-wrapper{touch-action:none;flex:1;justify-content:center;align-items:center;display:flex}.game-canvas{background-color:#fff7fb;border:1px solid #ccc;border-radius:16px}.controls{align-items:center;gap:12px;margin-top:16px;display:flex}.controls button{cursor:pointer;border:none;border-radius:999px;padding:6px 16px}.controls button:first-child{color:#900c3f;background-color:pink}.controls button:nth-child(2){color:#2a2a90;background-color:#c0c0ff}.controls div{color:#555;margin-left:auto;font-size:12px}.buckets-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000001a}.buckets-header{text-align:center;margin-bottom:12px}.buckets-header div:first-child{color:#333;font-weight:600}.buckets-header div:last-child{color:#777;font-size:10px}.bucket-btn{cursor:pointer;background:linear-gradient(90deg,#fff,#f9f9f9);border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.bucket-btn .emoji{font-size:24px}.bucket-btn .label{color:#555;font-size:12px;font-weight:500}.bucket-btn .hint{color:#aaa;font-size:10px}.buckets-footer{text-align:center;color:#777;margin-top:16px;font-size:10px}.mini-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mini-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:24px;box-shadow:0 8px 24px #00000026}.mini-icon{justify-content:center;margin-top:12px;display:flex}.mini-label{color:#333;margin-top:8px;font-size:16px;font-weight:600}.mini-sub{color:#555;margin-top:6px;font-size:12px}.mini-buckets{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.mini-bucket{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;align-items:center;padding:8px;display:flex}.mini-bucket .emoji{font-size:24px}.mini-bucket .label{color:#555;font-size:10px;font-weight:500}.mini-footer{color:#999;margin-top:12px;font-size:10px}.mobile-controls{justify-content:center;gap:10px;margin-top:10px;display:none}.mobile-controls button{background:#ffeef6;border:2px solid pink;border-radius:12px;width:60px;height:60px;padding:10px;font-size:20px}.mini-result{text-align:center;border-radius:10px;margin-top:14px;padding:8px 12px;font-size:20px;font-weight:700;animation-duration:.6s}.mini-result.correct{color:#22c55e;background:#22c55e26;animation:.6s bouncePop}.mini-result.wrong{color:#ef4444;background:#ef444426;animation:.5s shake}@keyframes bouncePop{0%{opacity:0;transform:scale(.7)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}@media (max-width:768px){.mobile-controls{display:flex}.tetris-container{flex-direction:column;align-items:center;display:flex}.score-panel{order:-1;width:80%}.game-left{width:100%}}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{flex-direction:column;display:flex}