#onion-fortune-container{max-width:600px;margin:20px auto;padding:20px;background:linear-gradient(135deg,#FFF8DC 0%,#F5F5DC 100%);border-radius:15px;box-shadow:0 4px 15px rgb(0 0 0 / .1);font-family:'Hiragino Sans','Yu Gothic','Meiryo',sans-serif}.onion-fortune-header{text-align:center;margin-bottom:30px;padding:20px;background:rgb(255 255 255 / .8);border-radius:10px}.onion-fortune-header h3{color:#8B4513;font-size:24px;margin-bottom:10px;text-shadow:1px 1px 2px rgb(0 0 0 / .1)}.onion-fortune-header p{color:#666;font-size:14px}#onion-fortune-form{background:rgb(255 255 255 / .9);padding:25px;border-radius:10px;margin-bottom:20px}.form-group{margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-group label{min-width:60px;font-weight:700;color:#8B4513}.form-group select{flex:1;padding:10px;border:2px solid #DDD;border-radius:5px;font-size:16px;background:#fff;transition:border-color 0.3s}.form-group select:focus{outline:none;border-color:#DAA520;box-shadow:0 0 5px rgb(218 165 32 / .3)}.fortune-button{width:100%;padding:15px;background:linear-gradient(45deg,#DAA520 0%,#FFD700 100%);color:#fff;border:none;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all 0.3s;text-shadow:1px 1px 2px rgb(0 0 0 / .3)}.fortune-button:hover{background:linear-gradient(45deg,#B8860B 0%,#DAA520 100%);transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}#loading{text-align:center;padding:30px;background:rgb(255 255 255 / .9);border-radius:10px;color:#8B4513;font-size:16px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}#fortune-result{background:rgb(255 255 255 / .95);border-radius:15px;padding:30px;margin-top:20px;animation:fadeInUp 0.5s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-content{text-align:center;border:3px solid #DAA520;border-radius:15px;padding:25px;position:relative}.onion-image{font-size:60px;margin-bottom:15px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#result-title{color:#8B4513;font-size:22px;margin-bottom:15px;font-weight:700}.star-info{background:rgb(255 255 255 / .8);padding:15px;border-radius:8px;margin:15px 0;color:#333;font-size:14px;line-height:1.6}#result-fortune{color:#444;font-size:16px;line-height:1.8;margin:20px 0;padding:20px;background:rgb(255 248 220 / .5);border-radius:8px;border-left:4px solid #DAA520}.lucky-item{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#fff;padding:12px;border-radius:20px;font-weight:700;margin-top:15px;text-shadow:1px 1px 2px rgb(0 0 0 / .3)}@media (max-width:600px){#onion-fortune-container{margin:10px;padding:15px}.form-group{flex-direction:column;align-items:stretch;gap:5px}.form-group label{min-width:auto;margin-bottom:5px}.onion-fortune-header h3{font-size:20px}.onion-image{font-size:40px}#result-title{font-size:18px}}