body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(to bottom,#ffdde1,#ee9ca7);color:#5d4037;font-family:"M PLUS Rounded 1c",Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;position:relative;width:100%;box-sizing:border-box}#game-container{width:100%;max-width:400px;aspect-ratio:2 / 3;max-height:600px;background-color:#fff9f9;background-image:radial-gradient(#FFb7b2 20%,transparent 20%),radial-gradient(#FFb7b2 20%,transparent 20%);background-size:20px 20px;background-position:0 0,10px 10px;border:6px solid #FFb7b2;border-radius:20px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000001a;box-sizing:border-box}#game-container canvas{width:100%!important;height:100%!important;display:block;object-fit:contain}.drop-effect{position:absolute;width:40px;height:40px;background:radial-gradient(circle,transparent 30%,#FF8BA7 40%,transparent 50%);border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:pop-ripple .5s ease-out forwards;z-index:10}@keyframes pop-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}#game-ui{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;height:60px;margin:0 auto 10px;background:#fff9;padding:0 10px;box-sizing:border-box;border-radius:30px;gap:10px}#score-container{font-size:1.2rem;color:#ff8ba7}#next-item-container{display:flex;align-items:center;gap:10px;font-size:1.1rem}#next-item{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#fffc;border-radius:50%;border:2px solid #FF8BA7}button{font-family:inherit;border:none;cursor:pointer;background:linear-gradient(45deg,#ff9a9e,#fecfef);color:#fff;padding:8px 12px;border-radius:20px;font-weight:700;box-shadow:0 4px 6px #ff69874d;transition:transform .1s,box-shadow .1s}button:active{transform:translateY(2px);box-shadow:0 2px 3px #ff69874d}.hidden{display:none!important}#collection-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffdde1cc;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:30px;border-radius:25px;max-width:80%;max-height:80%;overflow-y:auto;border:4px solid #FFb7b2;box-shadow:0 10px 25px #0000001a;color:#5d4037}.modal-content h2{color:#ff8ba7;margin-top:0}#collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:15px;margin:20px 0}.collection-item{width:60px;height:60px;background:#f0f0f0;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;box-shadow:inset 0 2px 4px #0000001a}.collection-item.locked{background:#eee;color:#ccc}#guide-line{position:absolute;top:0;bottom:0;width:2px;background-color:#ff698780;pointer-events:none;transform:translate(-50%);border-left:2px dashed rgba(255,255,255,.8);background:none}#game-over-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50;animation:fadeIn .5s ease}.game-over-content{background:#fffffff2;padding:40px;border-radius:30px;border:6px solid #FFb7b2;text-align:center;box-shadow:0 10px 25px #0000001a;color:#5d4037}.game-over-content h2{font-size:2.5rem;color:#ff8ba7;margin-bottom:20px;text-shadow:2px 2px 0px #fff}#retry-btn{font-size:1.5rem;padding:12px 30px;background:linear-gradient(45deg,#ff6b6b,#ff8e53)}#score-history-container{position:fixed;bottom:20px;right:20px;background:#fffc;padding:15px 25px;border-radius:20px;border:3px solid #FFb7b2;box-shadow:0 4px 10px #0000001a;font-family:"M PLUS Rounded 1c",sans-serif;color:#5d4037}#score-history-container h3{margin:0 0 10px;color:#ff8ba7;text-align:center}#score-list{padding-left:20px;margin:0;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffe6ebe6;display:flex;justify-content:center;align-items:center;z-index:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .5s ease}.start-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.title-logo{max-width:80%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));animation:bounce 2s infinite ease-in-out}#start-btn{font-size:2rem;padding:15px 50px;background:linear-gradient(45deg,#ff6b6b,#ff8e53);box-shadow:0 6px 15px #ff6b6b66;border-radius:50px;border:4px solid #fff;transition:transform .2s,box-shadow .2s;animation:pulse 1.5s infinite}#start-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #ff6b6b99}#start-btn:active{transform:scale(.95)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 15px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.start-bg-decor{position:absolute;top:0;height:100%;width:120px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none;padding:40px 0;box-sizing:border-box}.items-left{left:0}.items-right{right:0}.floating{width:100px;height:100px;object-fit:contain;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 4px rgba(0,0,0,.1))}.item-1{animation-delay:0s}.item-2{animation-delay:.5s}.item-3{animation-delay:1s;position:relative;z-index:10}.item-4{animation-delay:1.5s}.item-5{animation-delay:2s}.item-6{animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@media screen and (max-width:480px){#app{padding:1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}#game-container{width:calc(100vw - 2rem);max-width:400px;border-width:4px}#game-ui{width:calc(100vw - 2rem);max-width:400px;padding:0 8px;gap:5px;height:50px}#score-container{font-size:1rem}#next-item-container{font-size:.9rem;gap:5px}#next-item{width:40px;height:40px}button{padding:6px 10px;font-size:.9rem}#score-history-container{position:relative;bottom:auto;right:auto;margin:10px auto 0;width:calc(100vw - 2rem);max-width:400px;padding:10px 15px}.start-bg-decor{width:80px;padding:20px 0}.floating{width:60px;height:60px}.title-logo{max-width:90%}#start-btn{font-size:1.5rem;padding:12px 40px}.game-over-content{padding:30px 20px;margin:0 10px}.game-over-content h2{font-size:2rem}#retry-btn{font-size:1.2rem;padding:10px 25px}.modal-content{padding:20px;max-width:90%;margin:0 10px}}html,body{overflow-x:hidden;width:100%;max-width:100%}