.gacha-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:100vh;background:#fff}.gacha-machine{position:relative;width:100%;max-width:400px;height:auto;margin:1rem auto;display:flex;align-items:center;justify-content:center}.gacha-video{width:100%;height:100%;object-fit:contain;border-radius:20px}.gacha-image{width:100%;height:100%;object-fit:contain;border-radius:20px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.machine-body{width:100%;height:100%;background:linear-gradient(145deg,#ff6b6b,#ff4757);border-radius:20px;box-shadow:0 20px 40px #0000004d;position:relative;overflow:hidden}.machine-window{position:absolute;top:20px;left:20px;right:20px;height:250px;background:#ffffffe6;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 10px #0003}.capsule-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;padding:20px;height:100%}.capsule{width:60px;height:60px;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:50%;box-shadow:0 4px 6px #0000001a;position:relative;animation:float 3s ease-in-out infinite}.capsule:nth-child(2n){animation-delay:.5s;background:linear-gradient(135deg,#74b9ff,#0984e3)}.capsule:nth-child(3n){animation-delay:1s;background:linear-gradient(135deg,#a29bfe,#6c5ce7)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.machine-handle{position:absolute;bottom:50px;right:-30px;width:60px;height:100px;background:linear-gradient(145deg,#dfe6e9,#b2bec3);border-radius:30px;cursor:pointer;transition:transform .3s ease;box-shadow:5px 5px 15px #0000004d}.machine-handle:hover{transform:scale(1.05)}.machine-handle:active{transform:rotate(45deg) scale(.95)}.handle-knob{position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:40px;background:radial-gradient(circle,#ee5a24,#c44569);border-radius:50%;box-shadow:0 2px 5px #0000004d}.gacha-machine.spinning .capsule-container{animation:spin 2s ease-in-out}@keyframes spin{0%{transform:translateY(0)}25%{transform:translateY(-100%)}50%{transform:translateY(-200%)}75%{transform:translateY(-100%)}to{transform:translateY(0)}}.seed-reveal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.seed-capsule{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #0000004d;text-align:center;animation:popIn .5s ease}.seed-capsule.opening{animation:popIn .5s ease,glow 2s ease infinite}@keyframes popIn{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.1) rotate(90deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes glow{0%,to{box-shadow:0 10px 40px #0000004d,0 0 20px #ffc1cb80}50%{box-shadow:0 10px 40px #0000004d,0 0 40px #ffc1cbcc}}.seed-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.seed-message{font-size:1.2rem;color:#2d3436;margin-bottom:.5rem;font-weight:700}.seed-philosophy{font-size:.9rem;color:#636e72;font-style:italic}.gacha-description{max-width:440px;width:100%;text-align:center;margin-top:2rem;padding:0 1rem}.gacha-title{font-size:18px;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.5;font-family:Noto Sans KR,sans-serif}.gacha-text{font-size:14px;color:#666;line-height:1.8;font-family:Noto Sans KR,sans-serif;text-align:justify}.gacha-button{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;font-weight:700}.gacha-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.gacha-button:active{transform:translateY(0)}.gacha-button.disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.gacha-machine{width:250px;height:350px}.capsule{width:50px;height:50px}.machine-handle{right:-20px;width:50px;height:80px}}.emotion-buttons-container{padding:1.5rem;background:#426ee21a;border:1px solid #426ee2;border-radius:20px;box-shadow:0 10px 30px #426ee233;margin:1rem}.emotion-title{text-align:center;color:#f9c2ca;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;font-family:Noto Sans KR,sans-serif}.emotion-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;max-width:600px;margin:0 auto}.emotion-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid #8f8cf3;border-radius:15px;background:#8f8cf31a;cursor:pointer;transition:all .3s ease;min-height:100px}.emotion-button:hover{transform:translateY(-5px);box-shadow:0 5px 15px #8f8cf34d;border-color:#f9c2ca;background:#f9c2ca26}.emotion-button.active{background:#426ee2;color:#fdfffe;border-color:#426ee2;animation:pulse 1s ease infinite}.emotion-button.disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.emotion-image{width:60px;height:60px;object-fit:contain;margin-bottom:.5rem;transition:transform .3s ease}.emotion-button:hover .emotion-image{transform:scale(1.1)}.emotion-button.active .emotion-image{transform:scale(1.2)}.emotion-name{font-size:.9rem;font-weight:500;color:#aae875;font-family:Noto Sans KR,sans-serif}.emotion-status{text-align:center;margin-top:1rem;color:#aae875;font-style:italic;animation:fadeIn .5s ease;font-family:Noto Sans KR,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emotion-button:nth-child(1):hover{background:#aae87533;border-color:#aae875}.emotion-button:nth-child(2):hover{background:#426ee233;border-color:#426ee2}.emotion-button:nth-child(3):hover{background:#f9c2ca33;border-color:#f9c2ca}.emotion-button:nth-child(4):hover{background:#8f8cf333;border-color:#8f8cf3}.emotion-button:nth-child(5):hover{background:#00764c33;border-color:#00764c}@media(max-width:768px){.emotion-buttons-grid{grid-template-columns:repeat(3,1fr)}.emotion-button{padding:.8rem;min-height:80px}.emotion-image{width:50px;height:50px}.emotion-name{font-size:.8rem}}.item-panel{padding:1.5rem;background:#426ee21a;border:1px solid #426ee2;border-radius:20px;margin:1rem}.item-panel-title{text-align:center;color:#f9c2ca;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;font-family:Noto Sans KR,sans-serif}.item-notice{text-align:center;color:#aae875;padding:.8rem;background:#00764c26;border:1px solid #00764c;border-radius:10px;margin-bottom:1rem;font-family:Noto Sans KR,sans-serif}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.item-button{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#8f8cf31a;border:2px solid #8f8cf3;border-radius:15px;cursor:pointer;transition:all .3s ease;min-height:180px;position:relative}.item-button:hover:not(.disabled){transform:translateY(-5px);background:#f9c2ca26;border-color:#f9c2ca;box-shadow:0 5px 15px #f9c2ca4d}.item-button.disabled{opacity:.5;cursor:not-allowed}.item-button.active{background:#426ee2;border-color:#426ee2}.item-button.active .item-name,.item-button.active .item-description{color:#fdfffe}.item-image{width:60px;height:60px;object-fit:contain;margin-bottom:.8rem}.item-name{font-weight:600;color:#aae875;margin-bottom:.5rem;font-family:Noto Sans KR,sans-serif}.item-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem}.item-description{font-size:.85rem;color:#8f8cf3;text-align:center;font-family:Noto Sans KR,sans-serif}.item-cost{font-size:.9rem;font-weight:600;color:#426ee2;margin-top:.3rem;font-family:Noto Sans KR,sans-serif}.purchasing-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fdfffe;font-weight:600;font-family:Noto Sans KR,sans-serif;border-radius:13px}.active-items-panel{margin-top:1.5rem;padding:1rem;background:#aae8751a;border:1px solid #aae875;border-radius:10px}.active-items-panel h4{color:#f9c2ca;margin-bottom:.8rem;font-family:Noto Sans KR,sans-serif}.active-items-list{display:flex;gap:1rem;flex-wrap:wrap}.active-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#426ee226;border:1px solid #426ee2;border-radius:20px}.active-item img{width:30px;height:30px}.active-item span{color:#aae875;font-size:.9rem;font-family:Noto Sans KR,sans-serif}.color-picker-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.color-picker-content{background:#000;border:2px solid #426ee2;padding:2rem;border-radius:20px;width:90%;max-width:400px}.color-picker-content h3{color:#f9c2ca;margin-bottom:1.5rem;text-align:center;font-family:Noto Sans KR,sans-serif}.color-input{width:100%;height:60px;margin-bottom:1rem;cursor:pointer;border:2px solid #426ee2;border-radius:10px;background:#426ee21a}.color-preview{width:100%;height:80px;border-radius:10px;border:2px solid #8f8cf3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-bottom:1.5rem;font-family:Noto Sans KR,sans-serif}.color-picker-buttons{display:flex;gap:1rem}.apply-button,.cancel-button{flex:1;padding:.8rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Noto Sans KR,sans-serif}.apply-button{background:#426ee2;color:#fdfffe;border:none}.apply-button:hover{background:#5a7fe9}.cancel-button{background:#8f8cf333;color:#aae875;border:1px solid #8f8cf3}.cancel-button:hover{background:#8f8cf34d}@media(max-width:768px){.items-grid{grid-template-columns:repeat(2,1fr)}.item-button{min-height:120px;padding:.8rem}.item-image{width:50px;height:50px}}